[popfile-commit] engine/skins/strawberryrose style.css, 1.4, 1.4.6.1

[Joseph C. <tex...@us...>]

Update of /cvsroot/popfile/engine/skins/strawberryrose
In directory sc8-pr-cvs1.sourceforge.net:/tmp/cvs-serv5292

Modified Files:
      Tag: b0_22_2
	style.css 
Log Message:
Make StrawberryRose a bit less hard to look at.  I love the well layed out and commented CSS, it is a good example skin for future skinners.

Index: style.css
===================================================================
RCS file: /cvsroot/popfile/engine/skins/strawberryrose/style.css,v
retrieving revision 1.4
retrieving revision 1.4.6.1
diff -C2 -d -r1.4 -r1.4.6.1
*** style.css	10 Aug 2004 03:58:21 -0000	1.4
--- style.css	3 Dec 2007 13:56:39 -0000	1.4.6.1
***************
*** 31,35 ****
  th {
    font-family: verdana, arial, sans-serif;
!   font-weight: normal;
  }
  
--- 31,35 ----
  th {
    font-family: verdana, arial, sans-serif;
!   font-weight: bold;
  }
  
***************
*** 42,53 ****
    padding: 0;
    margin: 0;
!   border: none
  }
  
  /* Text input and drop-down selections */
  input, select, textarea {
!   color: #000000;
!   background-color: #F2F0F0;
!   border: 1px #000000 solid;
    font-weight: bold;
    font-family: verdana, arial, sans-serif;
--- 42,53 ----
    padding: 0;
    margin: 0;
!   border: 0;
  }
  
  /* Text input and drop-down selections */
  input, select, textarea {
!   color: black;
!   background-color: #FFCFCF;
!   border: 1px black solid;
    font-weight: bold;
    font-family: verdana, arial, sans-serif;
***************
*** 56,60 ****
  /* Checkboxes */
  .checkbox {
!   color: #000000;
    background-color: transparent;
    border: 0;
--- 56,60 ----
  /* Checkboxes */
  .checkbox {
!   color: black;
    background-color: transparent;
    border: 0;
***************
*** 67,71 ****
  .submit, .toggleOn, .toggleOff, .reclassifyButton, .deleteButton, .undoButton {
    color: #FFFFFF;
-   font-weight: bold;
    font-family: verdana, arial, sans-serif;
    padding-left:0;
--- 67,70 ----
***************
*** 79,88 ****
  /* Basic Buttons (input tags with class "submit") */
  .submit {
!   background-color: rgb(135,7,1);
!   border: 2px gray outset;
  }
! .submit:active {
!   background-color: rgb(135,7,1);
!   border: 2px gray inset;
  }
  
--- 78,86 ----
  /* Basic Buttons (input tags with class "submit") */
  .submit {
!   background-color: #870701;
!   border: 2px darkred outset;
  }
! .submit:active, .submit:hover {
!   border: 2px red inset;
  }
  
***************
*** 90,127 ****
  .toggleOn {
    background-color: green;
!   border: 2px gray outset;
  }
! .toggleOn:active {
    background-color: green;
!   border: 2px gray inset;
  }
  
  .toggleOff {
    background-color: rgb(223,32,32);
!   border: 2px gray outset;
  }
! .toggleOff:active {
    background-color: rgb(223,32,32);
!   border: 2px gray inset;
  }
  
  /* Delete buttons */
  .deleteButton {
!   background-color: rgb(135,7,1);
!   border: 2px gray outset;
  }
  .deleteButton:active {
!   background-color: rgb(135,7,1);
!   border: 2px gray inset;
  }
  
  /* Remove Messages buttons */
  .removeButton {
!   background-color: #2C0074;
!   border: 2px gray outset;
  }
  
  .removeButton:active {
!   border: 2px gray inset;
  }
  
--- 88,126 ----
  .toggleOn {
    background-color: green;
!   border: 2px red outset;
  }
! 
! .toggleOn:active, .toggleOn:hover {
    background-color: green;
!   border: 2px red inset;
  }
  
  .toggleOff {
    background-color: rgb(223,32,32);
!   border: 2px red outset;
  }
! .toggleOff:active, .toggleOff:hover {
    background-color: rgb(223,32,32);
!   border: 2px red inset;
  }
  
  /* Delete buttons */
  .deleteButton {
!   background-color: #870701;
!   border: 2px red outset;
  }
  .deleteButton:active {
!   background-color: #870701;
!   border: 2px red inset;
  }
  
  /* Remove Messages buttons */
  .removeButton {
!   background-color: #EF2C54;
!   border: 2px red outset;
  }
  
  .removeButton:active {
!   border: 2px red inset;
  }
  
***************
*** 129,146 ****
  .undoButton {
    background-color: #2C0074;
!   border: 2px gray outset;
  }
  .undoButton:active {
    background-color: #400020;
!   border: 2px gray inset;
  }
  
  .reclassifyButton {
!   background-color: #4b09b7;//#360785;//#400040;
!   border: 2px gray outset;
  }
  .reclassifyButton:active {
    background-color: #400040;
!   border: 2px gray inset;
  }
  
--- 128,145 ----
  .undoButton {
    background-color: #2C0074;
!   border: 2px red outset;
  }
  .undoButton:active {
    background-color: #400020;
!   border: 2px red inset;
  }
  
  .reclassifyButton {
!   background-color: #4b09b7;
!   border: 2px red outset;
  }
  .reclassifyButton:active {
    background-color: #400040;
!   border: 2px red inset;
  }
  
***************
*** 160,181 ****
    text-decoration: none;
  }
! :link:focus, :visited:focus {
!   color: #000000;
!   background-color: #DB6479;
! }
! :link {
!   color: #000000;
!   background-color: transparent;
! }
! :visited {
!   color: #000000;
    background-color: transparent;
  }
! :link:hover, :visited:hover {
!   color: #000000;
!   background-color: #DB6479;
! }
! :link:active, :visited:active {
!   color: #000000;
    background-color: #DB6479;
  }
--- 159,172 ----
    text-decoration: none;
  }
! 
! :link, :visited {
!   color: black;
    background-color: transparent;
  }
! 
! :link:hover, :visited:hover,
! :link:active, :visited:active,
! :link:focus, :visited:focus {
!   color: black;
    background-color: #DB6479;
  }
***************
*** 201,221 ****
  
  /* For column headers (for sorting) on the History page */
! .historyLabel :link:focus, .historyLabel :visited:focus {
    color: #630601;
    background-color: #FFAACC;
  }
! .historyLabel :link {
!   color: #630601;
!   background-color: #DB6479;
! }
! .historyLabel :visited {
!   color: #630601;
!   background-color: #DB6479;
! }
! .historyLabel :link:hover, .historyLabel :visited:hover {
!   color: #630601;
!   background-color: #FFAACC;
  }
! .historyLabel :link:active, .historyLabel :visited:active {
    color: #630601;
    background-color: #FFAACC;
--- 192,204 ----
  
  /* For column headers (for sorting) on the History page */
! th.historyLabel a:link:focus, th.historyLabel a:visited:focus {
    color: #630601;
    background-color: #FFAACC;
  }
! th.historyLabel a:link, th.historyLabel a:visited {
!   color: #F2F0F0;
  }
! th.historyLabel a:link:hover, th.historyLabel a:visited:hover,
! th.historyLabel a:link:active, th.historyLabel a:visited:active {
    color: #630601;
    background-color: #FFAACC;
***************
*** 223,234 ****
  
  /* For the navigation pages on the History page */
! td.historyNavigatorTop :link, td.historyNavigatorBottom :link,
! td.historyNavigatorTop :visited, td.historyNavigatorBottom :visited {
    color: rgb(99, 6, 1);
    background-color: rgb(220, 90, 110);
  }
  
! td.historyNavigatorTop :link:hover, td.historyNavigatorBottom :link:hover,
! td.historyNavigatorTop :visited:hover, td.historyNavigatorBottom :visited:hover {
    color: rgb(99, 6, 1);
    background-color: rgb(255, 170, 204);
--- 206,217 ----
  
  /* For the navigation pages on the History page */
! td.historyNavigatorTop a:link, td.historyNavigatorBottom a:link,
! td.historyNavigatorTop a:visited, td.historyNavigatorBottom a:visited {
    color: rgb(99, 6, 1);
    background-color: rgb(220, 90, 110);
  }
  
! td.historyNavigatorTop a:link:hover, td.historyNavigatorBottom a:link:hover,
! td.historyNavigatorTop a:visited:hover, td.historyNavigatorBottom a:visited:hover {
    color: rgb(99, 6, 1);
    background-color: rgb(255, 170, 204);
***************
*** 241,245 ****
  
  /* For the download log file link on the Configuration Page */
! .downloadLogLink{
    text-decoration: underline;
    color: rgb(99, 6, 1);
--- 224,228 ----
  
  /* For the download log file link on the Configuration Page */
! .downloadLogLink {
    text-decoration: underline;
    color: rgb(99, 6, 1);
***************
*** 247,264 ****
  }
  
- /* To prevent the background color from overriding the color in the color picker table */
- .colorChooserLink:link:focus, .colorChooserLink:visited:focus {
-   color: black;
-   background-color: transparent;
- }
- .colorChooserLink:link:hover, .colorChooserLink:visited:hover {
-   color: black;
-   background-color: transparent;
- }
- .colorChooserLink:link:active, .colorChooserLink:visited:active {
-   color: black;
-   background-color: transparent;
- }
- 
  /* For wordlist page */
  .wordListLink:link:hover, .wordListLink:visited:hover {
--- 230,233 ----
***************
*** 286,290 ****
    font-family: verdana, arial, sans-serif;
    font-weight: bold;
!   background: #FFF;
    border-style: groove;
    border-color: #EEE;
--- 255,259 ----
    font-family: verdana, arial, sans-serif;
    font-weight: bold;
!   background: #FFEFEF;
    border-style: groove;
    border-color: #EEE;
***************
*** 307,315 ****
    width: 100%;
    color: #808080;
!   background-color: #FFFFFF;
    border-style: ridge;
    border-color: #EEE;
    border-width: 2px;
!   margin: 1em 0px 0px 0px;
  }
  
--- 276,284 ----
    width: 100%;
    color: #808080;
!   background-color: #FFEFEF;
    border-style: ridge;
    border-color: #EEE;
    border-width: 2px;
!   margin: 1em 0 0 0;
  }
  
***************
*** 369,375 ****
  
  td.settingsPanel {
!   border: 1px solid #CC1133;
    color: #EEEEEE;
!   background-color: #DB6479;
  }
  
--- 338,344 ----
  
  td.settingsPanel {
!   border: 1px solid #DB6479;
    color: #EEEEEE;
!   background-color: #CC1133;
  }
  
***************
*** 381,385 ****
    margin-left: 1.5em;
    margin-top: 0.6em;
!   margin-bottom: 1.0em;
  }
  
--- 350,354 ----
    margin-left: 1.5em;
    margin-top: 0.6em;
!   margin-bottom: 1em;
  }
  
***************
*** 389,397 ****
  }
  
! td.historyNavigatorTop {
!   text-align: right;
! }
! 
! td.historyNavigatorBottom {
    text-align: right;
  }
--- 358,362 ----
  }
  
! td.historyNavigatorTop, td.historyNavigatorBottom {
    text-align: right;
  }
***************
*** 399,403 ****
  table.historyTable {
    border-collapse: collapse;
!   border: 0 solid;
  }
  
--- 364,368 ----
  table.historyTable {
    border-collapse: collapse;
!   border: 0;
  }
  
***************
*** 413,417 ****
  /* Don't put borders in the top20 table */
  .top20 td {
!   border-right: 0 solid;
  }
  
--- 378,382 ----
  /* Don't put borders in the top20 table */
  .top20 td {
!   border-right: 0;
  }
  
***************
*** 423,427 ****
  /* Don't put borders in the openMessage table */
  table.openMessageTable td {
!   border-right: 0 solid;
  }
  
--- 388,392 ----
  /* Don't put borders in the openMessage table */
  table.openMessageTable td {
!   border-right: 0;
  }
  
***************
*** 442,445 ****
--- 407,425 ----
  }
  
+ .historyMagnetUsed {
+   overflow: hidden;
+   white-space: nowrap;
+   vertical-align: middle;
+ }
+ 
+ .historyMagnetUsed img {
+   vertical-align: bottom;
+ }
+ 
+ .historyMagnetUsed span {
+   font-size:80%;
+   vertical-align: middle;
+ }
+ 
  /* Top-20 stuff */
  
***************
*** 499,504 ****
  /* Labels */
  
  .historyLabelSort {
-   font-weight: bold;
    font-style: normal;
  }
--- 479,487 ----
  /* Labels */
  
+ .historyLabel {
+   font-weight: normal;
+ }
+ 
  .historyLabelSort {
    font-style: normal;
  }
***************
*** 552,560 ****
  
  div.helpMessage {
-   color: black;
    background-color: #A4CA4A;
    border: 1px solid transparent;
!   padding: 0.3em;
!   padding-bottom: 0;
  }
  
--- 535,545 ----
  
  div.helpMessage {
    background-color: #A4CA4A;
    border: 1px solid transparent;
!   padding: 0.4em;
! }
! 
! div.helpMessage form {
!   margin: 0;
  }
  
***************
*** 565,566 ****
--- 550,555 ----
    margin-top: 1em;
  }
+ 
+ .checkLabel {
+   border: 1px solid #DB6479;
+ }