[1791] | 1 | /* $Id: theme.css 2481 2008-08-22 00:45:03Z rvelices $ */ |
---|
[1778] | 2 | |
---|
| 3 | /** |
---|
| 4 | * Color scheme (Remember #6699cc = #69c) |
---|
| 5 | * #000000 #336699 #4477aa #6699cc (Black -> Blues) |
---|
| 6 | * #cc6600 #ff9933 (Oranges) |
---|
| 7 | * #cccccc |
---|
| 8 | * #ccddee #dfe8ff #eeeeff #ffffff (Light colors -> White) |
---|
| 9 | * */ |
---|
| 10 | /** |
---|
| 11 | * Logic |
---|
| 12 | * - Texts |
---|
| 13 | * - Backgrounds |
---|
| 14 | * - Borders, Margins, Padding |
---|
| 15 | * - Visibility / Display |
---|
| 16 | */ |
---|
| 17 | |
---|
| 18 | /******************************************************************************/ |
---|
| 19 | /* Texts Only */ |
---|
[2481] | 20 | BODY, H1, H3, DT, H2 { color: #369; } |
---|
| 21 | H2, #menubar DT, TD H3 { |
---|
[1778] | 22 | color: #fff; |
---|
| 23 | } |
---|
| 24 | #menubar DT, #menubar DT A { |
---|
| 25 | color: #fff; |
---|
| 26 | font-weight: bold; |
---|
| 27 | } |
---|
[2352] | 28 | .content .titrePage .categoryActions li { color: #cde;} |
---|
[1778] | 29 | #menubar DT A:hover { |
---|
| 30 | color: #f92; |
---|
| 31 | font-weight: bold; |
---|
| 32 | } |
---|
[1822] | 33 | h1 { font-weight: bold; letter-spacing: 0.2em; } |
---|
[1783] | 34 | #mbIdentification dd p, |
---|
| 35 | #menubar .selected A { color: #c60; font-weight: bold; } |
---|
| 36 | #copyright { color: #c60; } |
---|
[2352] | 37 | .content .pageNumberSelected, |
---|
[1778] | 38 | A, INPUT.rateButton, legend { color: #369; } |
---|
| 39 | A:hover { color: #f92; } |
---|
| 40 | INPUT.rateButtonSelected /* <= why IE doesn't inherit this ? */ { |
---|
| 41 | color:#69c; |
---|
| 42 | } |
---|
| 43 | .infoTable, |
---|
| 44 | input#qsearchInput { color: #369; } |
---|
[2352] | 45 | .content .infos { color: #036; } |
---|
| 46 | .content .errors { color: #900; } |
---|
| 47 | .content .titrePage H2 A { color: #dfe8ff; } |
---|
[1778] | 48 | input.rateButtonSelected, |
---|
[2352] | 49 | .content .titrePage H2 A:hover { color: #f92; } |
---|
| 50 | .content H2 { |
---|
[1778] | 51 | letter-spacing: 0.01em; |
---|
| 52 | text-indent: 1em; |
---|
| 53 | font-weight: normal; |
---|
| 54 | } |
---|
[2352] | 55 | .content ul.thumbnailCategories li div.thumbnailCategory .description h3, |
---|
| 56 | .content h3 { text-align: center; } |
---|
[1778] | 57 | .browsePath, .imageNumber, |
---|
| 58 | #imageHeaderBar H2, |
---|
| 59 | .browsePath A { |
---|
| 60 | color: #eef; |
---|
| 61 | font-weight: bold; |
---|
| 62 | } |
---|
| 63 | .browsePath A:hover { color: #fff; } |
---|
[2352] | 64 | .content H2:before, .browsePath:before, .imageNumber:before, |
---|
[1872] | 65 | #imageHeaderBar H2:before, |
---|
[2352] | 66 | .content H2:after, .browsePath:after, .imageNumber:after, |
---|
[1778] | 67 | #imageHeaderBar H2:after { |
---|
[1872] | 68 | content: " "; |
---|
[1778] | 69 | color: #fff; |
---|
| 70 | font-family: sans-serif; |
---|
| 71 | font-weight: normal; |
---|
| 72 | letter-spacing: 0em; |
---|
| 73 | } |
---|
[2481] | 74 | #thePicturePage #comments H3 { |
---|
[1778] | 75 | color: #69c; |
---|
| 76 | } |
---|
[2352] | 77 | .content ul.thumbnailCategories li div.thumbnailCategory .description p { |
---|
[1822] | 78 | color: #c60; |
---|
[1783] | 79 | } |
---|
[2352] | 80 | .content ul.thumbnailCategories li div.thumbnailCategory .description p + p { |
---|
[1778] | 81 | color: #369; |
---|
| 82 | } |
---|
[2352] | 83 | .content div.thumbnailCategory .description h3 a { |
---|
[1778] | 84 | color: #fff; |
---|
| 85 | } |
---|
[2481] | 86 | .content div.thumbnailCategory .description h3 a:hover { |
---|
[1778] | 87 | color: #f92; |
---|
| 88 | } |
---|
| 89 | |
---|
[2101] | 90 | |
---|
[1778] | 91 | /******************************************************************************/ |
---|
| 92 | /* Backgrounds Only */ |
---|
| 93 | BODY { background: #cde; } |
---|
| 94 | .header_notes, |
---|
| 95 | #thePicturePage #the_page, |
---|
| 96 | #thePicturePage #theImage, |
---|
[2352] | 97 | .content { background-color: #dfe8ff; } |
---|
[1822] | 98 | #the_page { background-color: #dfe8ff; } |
---|
[2481] | 99 | #menubar, H3, #imageHeaderBar { background-color: #eef; } |
---|
| 100 | H2, #menubar DT, TD H3, |
---|
[1778] | 101 | #imageToolBar, |
---|
[2481] | 102 | #imageHeaderBar, #imageHeaderBar H2, |
---|
[2352] | 103 | .content H2 { background-color: #369; } |
---|
| 104 | .content .infos { background-color: #47a; ;} |
---|
| 105 | .content .errors { background-color: #fc5; ;} |
---|
[2481] | 106 | #thePicturePage #comments H3 { background-color: #eef; ;} |
---|
[2352] | 107 | .content ul.thumbnailCategories li div.thumbnailCategory .description h3 { |
---|
[1822] | 108 | background-color: #69c; |
---|
[1778] | 109 | } |
---|
[2352] | 110 | .content ul.thumbnailCategories li div.thumbnailCategory, |
---|
| 111 | .content UL.thumbnails SPAN.wrap2 { background-color: #eef; } |
---|
| 112 | .content ul.thumbnailCategories li div.thumbnailCategory:hover, |
---|
[1778] | 113 | #theImage IMG, .navThumb IMG, |
---|
[2352] | 114 | .content UL.thumbnails SPAN.wrap2:hover { background-color: #fff; } |
---|
| 115 | .content UL.thumbnails SPAN.wrap2:active img { |
---|
[1822] | 116 | outline: 3px ridge #f92; |
---|
[1778] | 117 | } |
---|
| 118 | input#qsearchInput { background-color: #cde; } |
---|
| 119 | .virtual_cat { background: #fff !important; } |
---|
| 120 | /******************************************************************************/ |
---|
| 121 | /* Borders, Margins, Padding Only */ |
---|
| 122 | BODY { margin: 0px; padding: 0px; } |
---|
| 123 | #menubar { |
---|
| 124 | margin : 0px 0px 0px 8px; |
---|
| 125 | border: 0px; |
---|
| 126 | text-decoration: none; |
---|
| 127 | border: 1px solid #369; |
---|
| 128 | } |
---|
| 129 | A { border: 0px; text-decoration: none; } |
---|
| 130 | A:hover { text-decoration: none; border: 0px; } |
---|
[2352] | 131 | .content { |
---|
[1778] | 132 | border: 1px solid #369; |
---|
| 133 | padding: 0px; |
---|
| 134 | } |
---|
[2352] | 135 | #menubar DT, .content H2 { |
---|
[1813] | 136 | background-image: url(images/button-bg.png); |
---|
[1778] | 137 | border: 0px; |
---|
[1835] | 138 | margin-bottom: 3px; |
---|
[1778] | 139 | } |
---|
[2352] | 140 | .content ul.thumbnailCategories li div.thumbnailCategory .description h3 { |
---|
[1813] | 141 | background-image: url(images/button-bg.png); |
---|
| 142 | border-width: 1px; |
---|
| 143 | border-style: outset; |
---|
| 144 | border-color: #369; |
---|
| 145 | } |
---|
[2352] | 146 | .content ul.thumbnailCategories li div.thumbnailCategory .description h3:active |
---|
[1813] | 147 | { |
---|
| 148 | background: #69c; |
---|
| 149 | border: 1px inset #369; |
---|
| 150 | } |
---|
[2352] | 151 | .content .errors { border-color: #f92; } |
---|
[1778] | 152 | #imageHeaderBar H2 { border: 0px; } |
---|
| 153 | #thePicturePage #imageToolBar { padding: 0px 25px 5px 25px; } |
---|
| 154 | #thePicturePage #theImage { |
---|
| 155 | margin: 0px; |
---|
| 156 | padding: 3px 0px 15px 0px; |
---|
| 157 | } |
---|
[2481] | 158 | #thePicturePage #comments H3 { |
---|
[1778] | 159 | border-top: 2px solid #69c; |
---|
| 160 | border-bottom: 1px solid #369; |
---|
| 161 | } |
---|
| 162 | H2, #imageToolBar { |
---|
| 163 | border-bottom: 1px solid #fff; |
---|
| 164 | } |
---|
[1822] | 165 | .navThumb IMG { border: 1px solid #c60; padding: 1px; opacity: 0.8; } |
---|
| 166 | .navThumb:hover IMG { border: 1px solid #f92; padding: 1px; opacity: 1; } |
---|
| 167 | #theImage IMG { |
---|
| 168 | border: 3px solid #369; |
---|
| 169 | margin: 2px auto; |
---|
| 170 | padding: 1px; |
---|
| 171 | box-shadow: 0.2em 0.2em #ccc; |
---|
| 172 | } |
---|
[2352] | 173 | .content UL.thumbnail IMG { |
---|
[1778] | 174 | border: 1px solid #666; |
---|
| 175 | } |
---|
| 176 | .illustration A { |
---|
| 177 | border: 0px; |
---|
| 178 | } |
---|
| 179 | FIELDSET, INPUT, SELECT, TEXTAREA, |
---|
[2352] | 180 | .content DIV.thumbnailCategory { |
---|
[1778] | 181 | border: 1px solid #69c; |
---|
| 182 | background-color: #dfe8ff; |
---|
| 183 | margin: 3px; |
---|
| 184 | } |
---|
[2352] | 185 | .content DIV.thumbnailCategory:hover { |
---|
[1778] | 186 | border: 1px solid #f92; |
---|
| 187 | } |
---|
[2352] | 188 | .content UL.thumbnails SPAN.wrap2 { |
---|
[1778] | 189 | border: 1px solid #69c; /* thumbnails border color and style */ |
---|
| 190 | border-radius: 4px 4px; /* round corners with CSS3 compliant browsers */ |
---|
| 191 | } |
---|
[2352] | 192 | .content UL.thumbnails SPAN.wrap2:hover { |
---|
[1778] | 193 | border-color: #f92; /* thumbnails border color when mouse cursor is over it */ |
---|
| 194 | } |
---|
| 195 | A.navThumb, A.navThumb:hover, |
---|
| 196 | #imageToolBar A, #imageToolBar A:hover { |
---|
| 197 | border-bottom: none; |
---|
| 198 | } |
---|
| 199 | #the_page { |
---|
| 200 | border: 0px; |
---|
| 201 | padding: 5px 0px 30px 0px; |
---|
| 202 | margin: 0px; |
---|
| 203 | } |
---|
[1886] | 204 | |
---|
[1778] | 205 | /******************************************************************************/ |
---|
[1780] | 206 | /* Display, Visibility, buttons and others */ |
---|
[1778] | 207 | label { cursor:pointer } |
---|
| 208 | .zero { display: none } |
---|
[1830] | 209 | |
---|
[1780] | 210 | input[type="text"], input[type="password"], input.button, |
---|
| 211 | input.submit, input.reset, input.file, |
---|
| 212 | select, textarea { |
---|
| 213 | color: #369; |
---|
| 214 | border: 1px solid #369; |
---|
| 215 | background-color: #eeeeff; |
---|
| 216 | } |
---|
| 217 | input.submit[type="reset"]:focus, |
---|
| 218 | input.submit:focus { |
---|
| 219 | background-color: #369; |
---|
| 220 | } |
---|
| 221 | input.submit[type="reset"], |
---|
[1791] | 222 | input.submit { |
---|
| 223 | background-image: url(images/button-bg.png); |
---|
[1813] | 224 | height:22px; |
---|
[1780] | 225 | font-weight: bold; |
---|
| 226 | color: #fff; |
---|
[1813] | 227 | border-width: 1px; |
---|
[1791] | 228 | border-style: outset; |
---|
| 229 | border-color: #369; |
---|
[1813] | 230 | padding-left: 2em; |
---|
| 231 | padding-right: 2em; |
---|
[1780] | 232 | } |
---|
| 233 | input.submit[type="reset"]:active, |
---|
| 234 | input.submit:active { |
---|
| 235 | background: #69c; |
---|
[1813] | 236 | height:22px; |
---|
| 237 | border: 1px inset #369; |
---|
[1780] | 238 | } |
---|
[1813] | 239 | #addComment fieldset input.submit[type="submit"] { |
---|
| 240 | height: 38px; |
---|
| 241 | padding-left: 4em; |
---|
| 242 | padding-right: 4em; |
---|
[1783] | 243 | } |
---|
[1856] | 244 | #menubar .menuInfoCat, #menubar .menuInfoCatByChild { |
---|
| 245 | font-size: 80%; |
---|
| 246 | font-style: normal; |
---|
| 247 | } |
---|
[1836] | 248 | * { outline: none; } |
---|
[1972] | 249 | |
---|