[popfile-commit] engine/skins orangeCream.css,1.4,1.5

[<sta...@us...>]

Update of /cvsroot/popfile/engine/skins
In directory sc8-pr-cvs1:/tmp/cvs-serv6756

Modified Files:
	orangeCream.css 
Log Message:
accessibility and smallability fixes

Index: orangeCream.css
===================================================================
RCS file: /cvsroot/popfile/engine/skins/orangeCream.css,v
retrieving revision 1.4
retrieving revision 1.5
diff -C2 -d -r1.4 -r1.5
*** orangeCream.css	20 Feb 2003 11:11:40 -0000	1.4
--- orangeCream.css	24 Feb 2003 02:08:53 -0000	1.5
***************
*** 1,422 ****
  body {
!   background-color: #FFFFFF;
!   border: none;
!   font-family: sans-serif;
!   color: black;
  }
  
! .shell, .shellTop {
      background-color: #ffffd0;
      border: 3px #ff9966 solid;
! 	 color: black;
  }
  
  table.head {
!   background: #ffffd0;
!   width: 100%;
!   color: #986343;
    }
  
  td.head {
!   font-weight: bold;
!   font-size: 22pt;
  }
  
  .menu {
!   font-size: 1.4em;
!   font-weight: bold;
!   width: 100%;
  }
  
  .menuIndent {
! 	width: 8%;
  }
  
  .menuSelected {
!   background-color: #ff9966;
!   color: #2244aa;
!   width: 14%;
  }
  
  .menuStandard {
!   background-color: #ffcc99;
!   color: #2244aa;
!   width: 14%;
  }
  
! a.menuLink {
! 	text-decoration: none;
! 	background-color : transparent;
! 	color: #2244aa;
  }
  
  a.menuLink:hover {
! 	background-color : transparent;
! 	color: #ee2233;
! 	text-decoration: none;
  }
  
  tr.rowEven {
      background-color: #FFFFd0;
! 	 color: black;
  }
  
  tr.rowOdd {
      background-color: #ffcc99;
! 	 color: black;
  }
  
  tr.rowHighlighted {
! 	background-color: #000000 ;
! 	color: #eeeeee ;
  }
  
  hr {
      color: gray; 
! 	 background-color: transparent;
  }
  
  table.settingsTable {
! 	border: 1px solid Black;
  }
  
  table.openMessageTable, table.lookupResultsTable {
! 	border: 3px solid Black;
  }
  
  td.settingsPanel {
! 	border: 1px solid Black;
  }
  
  td.openMessageCloser {
! 	text-align: right;
  }
  
  td.openMessageBody {
! 	text-align: left;
  }
  
  td.footerBody { 
! 	text-align: center;
! 	padding-left: 20%;
! 	padding-right: 20%;
! 	padding-top: 0.8em;
  }
  
  
  td.naked {
! 	padding: 0px; 
! 	margin: 0px; 
! 	border: none
  }
  
  table.footer {
! 	width: 100%;
  }
  
  a.changeSettingLink {
! 	background-color: transparent ;
! 	color: #bb2211 ;
  }
  
  a.changeSettingLink:hover {
! 	background-color: transparent ;
! 	color: #119922 ;
  }
  
  a.removeLink {
! 	background-color: transparent ;
! 	color: #1122bb ;
  }
  
  a.removeLink:hover {
! 	background-color: transparent ;
! 	color: #ee2233 ;
  }
  
  td.accuracy0to49 {
! 	background-color: red;
! 	color: black;
  }
  
  td.accuracy50to93 {
! 	background-color: yellow;
! 	color: black;
  }
  
  td.accuracy94to100 {
! 	background-color: green;
! 	color: black;
  }
  
  div.error01 {
! 	background-color: transparent;
! 	color: red;
! 	font-size: larger;
  }
  
  div.error02 {
! 	background-color: transparent;
! 	color: red;
  }
  
  span.graphFont {
! 	font-size: x-small;
  }
  
  .historyLabel {
! 	background-color: transparent;
! 	color: #8c6866;
! 	font-weight: bold;
  }
  
! a.historyLabel {
! 	background-color: transparent;
! 	color: #8c6866;
! 	font-weight: bold;
  }
  
! a.historyLabel:hover {
! 	background-color: transparent;
! 	color: #cc1144;
! 	font-weight: bold;
  }
  
  .bucketsLabel {
! 	background-color: transparent;
! 	color: #8c6866;
! 	font-weight: bold;
  }
  
  .magnetsLabel {
! 	background-color: transparent;
! 	color: #8c6866;
! 	font-weight: bold;
  }
  
  .securityLabel {
! 	background-color: transparent;
! 	color: #8c6866;
! 	font-weight: bold;
  }
  
  .configurationLabel {
! 	background-color: transparent;
! 	color: #8c6866;
! 	font-weight: bold;
  }
! 		
  .advancedLabel {
! 	background-color: transparent;
! 	color: #8c6866;
! 	font-weight: bold;
  }
! 		
  .passwordLabel {
! 	background-color: transparent;
! 	color: #8c6866;
! 	font-weight: bold;
  }
  
  .sessionLabel {
! 	background-color: transparent;
! 	color: #8c6866;
! 	font-weight: bold;
  }
  
  td.logo2menuSpace { 
! 	height: 0.8em;
  }
  
  a.messageLink {
! 	background-color : transparent;
! 	color: #3172b0;
  }
  
  a.messageLink:hover {
! 	background-color : transparent;
! 	color: #cc5566;
  }
  
  a.shutdownLink {
! 	background-color : transparent;
! 	color: #2244aa;
! 	text-decoration: none;
! 	font-size: 1.2em;
! 	font-weight: bold;
  }
  
  a.shutdownLink:hover {
! 	background-color : transparent;
! 	color: #22aa44;
! 	text-decoration: none;
! 	font-size: 1.2em;
! 	font-weight: bold;
  }
  
  a.bottomLink {
! 	background-color : transparent;
! 	color: #2244aa;
! 	text-decoration: none;
  }
  
  a.bottomLink:hover {
! 	background-color : transparent;
! 	color: #cc1144;
! 	text-decoration: none;
  }
  
  h2.password {
! 	color: #3c4895;
! 	background-color: transparent;
! 	font-size: 1.6em;
  }
  
  h2.session {
! 	color: #3c4895;
! 	background-color: transparent;
! 	font-size: 1.6em;
  }
  
  h2.history {
! 	color: #3c4895;
! 	background-color: transparent;
! 	font-size: 1.6em;
  }
  
  h2.buckets {
! 	color: #3c4895;
! 	background-color: transparent;
! 	font-size: 1.6em;
  }
  
  h2.magnets {
! 	color: #3c4895;
! 	background-color: transparent;
! 	font-size: 1.6em;
  }
  
  h2.configuration {
! 	color: #3c4895;
! 	background-color: transparent;
! 	font-size: 1.6em;
  }
  
  h2.security {
! 	color: #3c4895;
! 	background-color: transparent;
! 	font-size: 1.6em;
  }
  
  div.bucketsMaintenanceWidget {
! 	padding-left: 5%;
  }
  
  div.bucketsLookupWidget {
! 	padding-left: 5%;
  }
  
  div.magnetsNewWidget {
! 	padding-left: 30%;
  }
  
  span.bucketsWidgetState {
! 	color: #222299;
! 	background-color: transparent;
! 	font-weight: bold;
  }
  
  span.configWidgetState {
! 	color: #49aF61;
! 	background-color: transparent;
! 	font-weight: bold;
  }
  
! span.securityWidgetState {
! 	color: #49aF61;
! 	background-color: transparent;
! 	margin-left: 1em;
! 	font-weight: bold;
  }
  
  div.securityPassWidget {
! 	padding-left: 10%;
  }
  
  div.securityAuthWidgets {
! 	padding-left: 36%;	
! 	padding-bottom: 0.8em;
  }
  
  div.securityExplanation { 
! 	margin-left: 0.8em;  
! 	margin-right: 0.7em;
! 	margin-bottom: 0.8em;
! 	}
  
  h2.advanced {
! 	color: #3c4895;
! 	background-color: transparent;
! 	font-size: 1.6em;
  }
  
! td.advancedAlphabet {
! 	color: #309040;
! 	background-color: transparent;
! 	font-size: larger;
! 	padding-left: 0.6em;
! }	
  
! td.advancedAlphabetGroupSpacing {
! 	color: #309040;
! 	background-color: transparent;
! 	font-size: larger;
! 	padding-left: 0.6em;
! 	padding-top: 1.0em;
! }	
  
! td.advancedWords {
! 	padding-left: 0.6em;
  }
  
! td.advancedWordsGroupSpacing {
! 	padding-left: 0.6em;
! 	padding-top: 1.2em;
! 	}
  
! tr.advancedGroupSpacing { 
! 	height: 2.5em;  
! 	vertical-align: text-bottom;
! 	padding-top: 1em;
    }
! 	
  
  div.advancedWidgets {
! 	padding-left: 36%;	
! 	padding-bottom: 1.0em;
  }
  
! table.historyWidgetsTop {
! 	width: 100%;
! 	margin-left: 1.5em;
! 	margin-top: 0.6em;
! 	margin-bottom: 1.0em;
  }
  
! table.historyWidgetsBottom {
! 	width: 100%;
! 	margin-left: 1.5em;
! 	margin-top: 1.0em;
  }
  
  td.historyNavigatorTop {
! 	text-align: right;
! 	padding-right: 0.5em;
  }
  
  td.historyNavigatorBottom {
! 	text-align: right;
! 	padding-right: 0.5em;
! 	padding-bottom: 1.0em;
  }
  
--- 1,559 ----
  body {
!     background-color: #FFFFFF;
!     border: none;
!     font-family: sans-serif;
!     color: black;
  }
  
! .shell{
      background-color: #ffffd0;
      border: 3px #ff9966 solid;
!     color: black;
! }
! 
! .shellTop{
!     background-color: #ffffd0;
!     border: 3px #ff9966 solid;
!     color: black;
!     width: 90%;
! }
! 
! .shellBottom{
!     background-color: #ffffd0;
!     border: 3px #ff9966 solid;
!     color: black;
!     width: 70%;
  }
  
  table.head {
!     background: #ffffd0;
!     width: 100%;
!     color: #986343;
    }
  
  td.head {
!     font-weight: bold;
!     font-size: 90%;
  }
  
  .menu {
!     font-size: 85%;
!     font-weight: bold;
!     width: 100%;
  }
  
  .menuIndent {
!     width: 14%;
  }
  
  .menuSelected {
!     background-color: #ffffd0;
!     color: #1122bb;
!     width: 12%;
!     font-size: 100%;
!     border-top: 3px #ff9966 solid;
!     border-left: 3px #ff9966 solid;
!     border-right: 3px #ff9966 solid;
  }
  
  .menuStandard {
!     background-color: #FAE1C8;
!     color: #1122bb;
!     width: 12%;
!     font-size: 100%;
!     border-top: 3px #F9E1C8 solid;
!     border-left: 3px #F9E1C8 solid;
!     border-right: 3px #F9E1C8 solid;
  }
  
! .menuStandard .menuLink {
!     text-decoration: none;
!     background-color : transparent;
!     color: #7E82A9;
! }
! 
! .menuSelected .menuLink {
!     text-decoration: none;
!     background-color : transparent;
!     color: #E80000;
  }
  
  a.menuLink:hover {
!     background-color : transparent;
!     color: #E80000;
!     text-decoration: none;
  }
  
  tr.rowEven {
      background-color: #FFFFd0;
!     color: black;
!     font-size: 80%;
  }
  
  tr.rowOdd {
      background-color: #ffcc99;
!     color: black;
!     font-size: 80%;
  }
  
  tr.rowHighlighted {
!     background-color: #000000 ;
!     color: #eeeeee ;
  }
  
  hr {
      color: gray; 
!     background-color: transparent;
  }
  
  table.settingsTable {
!     border: 1px solid Black;
  }
  
  table.openMessageTable, table.lookupResultsTable {
!     border: 3px solid Black;
  }
  
  td.settingsPanel {
!     border: 1px solid Black;
  }
  
  td.openMessageCloser {
!     text-align: right;
  }
  
  td.openMessageBody {
!     text-align: left;
  }
  
  td.footerBody { 
!     text-align: center;
!     padding-left: 20%;
!     padding-right: 20%;
!     padding-top: 0.8em;
!     font-size: 75%;
  }
  
  
  td.naked {
!     padding: 0px; 
!     margin: 0px; 
!     border: none
  }
  
  table.footer {
!     width: 100%;
  }
  
  a.changeSettingLink {
!     background-color: transparent ;
!     color: #bb2211 ;
  }
  
  a.changeSettingLink:hover {
!     background-color: transparent ;
!     color: #119922 ;
  }
  
  a.removeLink {
!     background-color: transparent ;
!     color: #1122bb ;
  }
  
  a.removeLink:hover {
!     background-color: transparent ;
!     color: #ee2233 ;
  }
  
  td.accuracy0to49 {
!     background-color: red;
!     color: black;
  }
  
  td.accuracy50to93 {
!     background-color: yellow;
!     color: black;
  }
  
  td.accuracy94to100 {
!     background-color: green;
!     color: black;
  }
  
  div.error01 {
!     background-color: transparent;
!     color: red;
!     font-size: larger;
  }
  
  div.error02 {
!     background-color: transparent;
!     color: red;
  }
  
  span.graphFont {
!     font-size: 50%;
  }
  
  .historyLabel {
!     background-color: transparent;
!     color: #754B4B;
!     font-size: 75%;    
!     font-weight: bold;
!     text-align: center;
  }
  
! .historyLabel a{
!    text-decoration: none;
!    color: #754B4B;
!    background-color: transparent;
  }
  
! .historyLabel a:hover {
!     background-color: transparent;
!     color: #cc1144;
! }
! 
! .historyLabel em {
!     font-style: normal;
!     background-color: transparent;
!     color: #cc1144;
! }
! 
! .bucketsWidgetStateOn {
!     font-weight: bold;
!     background-color: transparent;
!     color: #434fa0;
!     font-size: 90%;
! }
! 
! .bucketsWidgetStateOff {
!     font-weight: bold;
!     background-color: transparent;
!     color: #434fa0;
!     font-size: 90%;
  }
  
  .bucketsLabel {
!     background-color: transparent;
!     color: #5E3C2F;
!     font-weight: bold;
!     font-size: 75%;
!     text-align: center;
  }
  
  .magnetsLabel {
!     background-color: transparent;
!     color: #5E3C2F;
!     font-weight: bold;
!     font-size: 75%;
  }
  
  .securityLabel {
!     background-color: transparent;
!     color: #5E3C2F;
!     font-weight: bold;
!     font-size: 75%;
  }
  
  .configurationLabel {
!     background-color: transparent;
!     color: #5E3C2F;
!     font-weight: bold;
!     font-size: 75%;
!     text-align: left;
  }
! 
  .advancedLabel {
!     background-color: transparent;
!     color: #5E3C2F;
!     font-weight: bold;
!     font-size: 75%;
  }
! 
  .passwordLabel {
!     background-color: transparent;
!     color: #5E3C2F;
!     font-weight: bold;
!     font-size: 75%;
  }
  
  .sessionLabel {
!     background-color: transparent;
!     color: #5E3C2F;
!     font-weight: bold;
!     font-size: 75%;
  }
  
  td.logo2menuSpace { 
!     height: 0.8em;
  }
  
  a.messageLink {
!     background-color : transparent;
!     color: #3172b0;
  }
  
  a.messageLink:hover {
!     background-color : transparent;
!     color: #cc5566;
  }
  
  a.shutdownLink {
!     background-color : transparent;
!     color: #775555;
!     text-decoration: none;
!     font-size: 70%;
!     font-weight: bold;
  }
  
  a.shutdownLink:hover {
!     background-color : transparent;
!     color: #dd0000;
!     text-decoration: none;
  }
  
  a.bottomLink {
!     text-decoration: none;
!     color: #000088;
!     background-color: transparent;
  }
  
  a.bottomLink:hover {
!     background-color : transparent;
!     color: #cc1144;
!     text-decoration: none;
  }
  
  h2.password {
!     color: #3c4895;
!     background-color: transparent;
!     font-size: 82%;
!     font-weight: bold;
  }
  
  h2.session {
!     color: #3c4895;
!     background-color: transparent;
!     font-size: 82%;
!     font-weight: bold;
  }
  
  h2.history {
!     color: #3c4895;
!     background-color: transparent;
!     font-size: 82%;
!     font-weight: bold;
  }
  
  h2.buckets {
!     color: #3c4895;
!     background-color: transparent;
!     font-size: 82%;
!     font-weight: bold;
  }
  
  h2.magnets {
!     color: #3c4895;
!     background-color: transparent;
!     font-size: 82%;
!     font-weight: bold;
  }
  
  h2.configuration {
!     color: #3c4895;
!     background-color: transparent;
!     font-size: 82%;
!     font-weight: bold;
  }
  
  h2.security {
!     color: #3c4895;
!     background-color: transparent;
!     font-size: 82%;
!     font-weight: bold;
  }
  
  div.bucketsMaintenanceWidget {
!     padding-left: 5%;
  }
  
  div.bucketsLookupWidget {
!     padding-left: 5%;
  }
  
  div.magnetsNewWidget {
!     padding-left: 30%;
  }
  
  span.bucketsWidgetState {
!     color: #222299;
!     background-color: transparent;
!     font-weight: bold;
  }
  
  span.configWidgetState {
!     color: #49aF61;
!     background-color: transparent;
!     font-weight: bold;
  }
  
! span.securityWidgetStateOn {
!     color: #298841;
!     background-color: transparent;
!     margin-left: 1em;
!     font-weight: bold;
!     font-size: 75%;
! }
! 
! span.securityWidgetStateOff {
!     color: #298841;
!     background-color: transparent;
!     margin-left: 1em;
!     font-weight: bold;
!     font-size: 75%;
  }
  
  div.securityPassWidget {
!     padding-left: 10%;
  }
  
  div.securityAuthWidgets {
!     padding-left: 36%;    
!     padding-bottom: 0.8em;
  }
  
  div.securityExplanation { 
!     margin-left: 0.8em;  
!     margin-right: 0.7em;
!     margin-bottom: 0.8em;
!     margin-top: 1.0em;
!     font-size: 75%;
! }
  
  h2.advanced {
!     color: #3c4895;
!     background-color: transparent;
!     font-size: 82%;
!     font-weight: bold;
  }
  
! .advancedAlphabet {
!     color: #309040;
!     background-color: transparent;
!     font-size: 90%;
!     padding-left: 0.6em;
! }    
  
! .advancedAlphabetGroupSpacing {
!     color: #309040;
!     background-color: transparent;
!     font-size: 90%;
!     padding-left: 0.6em;
!     padding-top: 1.0em;
! }    
  
! .advancedWords {
!     padding-left: 0.6em;
!     font-size: 80% ;
  }
  
! .advancedWordsGroupSpacing {
!     padding-left: 0.6em;
!     padding-top: 1.2em;
!     font-size: 80% ;
! }
  
! .advancedGroupSpacing { 
!     height: 2.5em;  
!     vertical-align: text-bottom;
!     padding-top: 1em;
    }
!     
  
  div.advancedWidgets {
!     padding-left: 36%;    
!     padding-bottom: 1.0em;
  }
  
! .historyWidgetsTop {
!     width: 100%;
!     padding: 0;
!     margin-top: 0;
!     margin-bottom: 1.0em;
  }
  
! .historyWidgetsBottom {
!     width: 100%;
!     margin-left: 1.5em;
!     margin-top: 1.0em;
  }
  
  td.historyNavigatorTop {
!     text-align: right;
!     padding-right: 0.5em;
  }
  
  td.historyNavigatorBottom {
!     text-align: right;
!     padding-right: 0.5em;
!     padding-bottom: 1.0em;
! }
! 
! .lineImg {
!     width: 0.1em;
! }
! 
! .submit {
!     font-size: 70%;
! }
! 
! input {
!     font-size: 70%;
! }
! 
! select {
!     font-size: 70%;
! }
! 
! .rowOdd select {
!     font-size: 80%;
! }
! 
! .rowEven select {
!     font-size: 80%;
! }
! 
! .reclassifyButton {
!     font-size: 80%;
! }
! 
! .rowOdd .deleteButton {
!     font-size: 80%;
! }
! 
! .rowEven .deleteButton {
!     font-size: 80%;
! }
! 
! .configWidgetStateOn {
!     color: #298841;
!     background-color: transparent;
!     font-weight: bold;
!     font-size: 75%;
! }
! 
! .configWidgetStateOff {
!     color: #298841;
!     background-color: transparent;
!     font-weight: bold;
!     font-size: 75%;
! }
! 
! .magnetsTable caption {
!     font-size: 85%;
!     width: 100%;
!     text-align: left;
!     margin-bottom: 1.0em;
  }