[1683] | 1 | /* $Id: theme.css 1677 2006-12-21 21:38:20Z rub $ */ |
---|
| 2 | |
---|
| 3 | /* text color */ |
---|
| 4 | BODY, H1, H3, DT, |
---|
| 5 | INPUT.rateButtonSelected /* <= why IE doesn't inherit this ? */ { |
---|
| 6 | color:#e0e0e0; |
---|
| 7 | } |
---|
| 8 | #menubar { |
---|
| 9 | margin : 0px; |
---|
| 10 | background-color: transparent; |
---|
| 11 | border: 0px; |
---|
| 12 | } |
---|
| 13 | #content UL.thumbnailCategories LI { |
---|
| 14 | width: 49.7%; /* 49.8% for 2 per line, 33.3% for 3 per line*/ |
---|
| 15 | } |
---|
| 16 | H2, .throw { |
---|
| 17 | color: #eee; |
---|
| 18 | } |
---|
| 19 | #menubar DT, #menubar DT A { |
---|
| 20 | color: #eee; |
---|
| 21 | font-weight: lighter; |
---|
| 22 | } |
---|
| 23 | #menubar DT A:hover { |
---|
| 24 | color: #111; |
---|
| 25 | font-weight: lighter; |
---|
| 26 | } |
---|
| 27 | #menubar .selected A { |
---|
| 28 | color: #eee; |
---|
| 29 | } |
---|
| 30 | #menubar .selected A:hover { |
---|
| 31 | color: #f92; |
---|
| 32 | } |
---|
| 33 | #menubar DT:before { |
---|
| 34 | content: "__\\_ "; |
---|
| 35 | color: #69c; |
---|
| 36 | } |
---|
| 37 | #menubar DT:after { |
---|
| 38 | content: " _/__"; |
---|
| 39 | color: #f92; |
---|
| 40 | } |
---|
| 41 | #theAdminPage #menubar DT:before, |
---|
| 42 | #theAdminPage #menubar DT:after { |
---|
| 43 | content: ''; |
---|
| 44 | } |
---|
| 45 | #content .navigationBar { |
---|
| 46 | color: #aaaaaa; |
---|
| 47 | } |
---|
| 48 | #content .pageNumberSelected { |
---|
| 49 | color: #f92; |
---|
| 50 | } |
---|
| 51 | #content .infos { |
---|
| 52 | background-color: #69c; |
---|
| 53 | color: #036; |
---|
| 54 | } |
---|
| 55 | #content .errors { |
---|
| 56 | background-color: #fc5; |
---|
| 57 | border-color: #f92; |
---|
| 58 | color: #900; |
---|
| 59 | } |
---|
| 60 | /* backgrounds */ |
---|
| 61 | BODY { |
---|
| 62 | background: #111; |
---|
| 63 | margin: 0px; |
---|
| 64 | padding: 0px; |
---|
| 65 | } |
---|
| 66 | |
---|
| 67 | H3, #the_page, #imageHeaderBar, #imageToolBar A:hover, .row1 { |
---|
| 68 | background-color: #222; |
---|
| 69 | } |
---|
| 70 | |
---|
| 71 | #imageToolBar, .header_notes { |
---|
| 72 | background-color: #333; |
---|
| 73 | } |
---|
| 74 | A { |
---|
| 75 | border-color: #69c; |
---|
| 76 | } |
---|
| 77 | A:hover { |
---|
| 78 | border-color: #f92; |
---|
| 79 | } |
---|
| 80 | #content { |
---|
| 81 | background-color: #181818; |
---|
| 82 | border: 1px solid #eee; |
---|
| 83 | padding: 5px; |
---|
| 84 | } |
---|
| 85 | H2, #menubar DT, .throw, TD H3, #theAdminPage H3 { |
---|
| 86 | background-image: url(images/tableh1_bg.png); |
---|
| 87 | } |
---|
| 88 | #content H2 { |
---|
| 89 | background: none; |
---|
| 90 | border: 0px; |
---|
| 91 | letter-spacing: -0.05em; |
---|
| 92 | text-indent: 1em; |
---|
| 93 | text-transform: uppercase; |
---|
| 94 | font-weight: lighter; |
---|
| 95 | margin-bottom: 20px; |
---|
| 96 | } |
---|
| 97 | #content H3 { |
---|
| 98 | text-indent: 3em |
---|
| 99 | } |
---|
| 100 | .browsePath A { |
---|
| 101 | color: #eee; |
---|
| 102 | } |
---|
| 103 | #content H2:before, .browsePath:before, .imageNumber:before, |
---|
| 104 | #imageHeaderBar H2:before { |
---|
| 105 | content: "____\\_ "; |
---|
| 106 | color: #69c; |
---|
| 107 | font-family: Times, Zapf-Chancery, Cottonwood, Helvetica; |
---|
| 108 | letter-spacing: 0em; |
---|
| 109 | } |
---|
| 110 | #content H2:after, .browsePath:after, .imageNumber:after, |
---|
| 111 | #imageHeaderBar H2:after { |
---|
| 112 | content: " _/____"; |
---|
| 113 | color: #f92; |
---|
| 114 | font-family: Times, Zapf-Chancery, Cottonwood, Helvetica; |
---|
| 115 | letter-spacing: 0em; |
---|
| 116 | } |
---|
| 117 | #imageHeaderBar H2 { |
---|
| 118 | background-image: none; |
---|
| 119 | background-color: transparent; |
---|
| 120 | border: none; |
---|
| 121 | } |
---|
| 122 | #thePicturePage #the_page { |
---|
| 123 | background-color: #111; |
---|
| 124 | } |
---|
| 125 | #thePicturePage #imageHeaderBar { |
---|
| 126 | background-image: url(images/tableh2_bg.png); |
---|
| 127 | background-repeat: repeat-x; |
---|
| 128 | } |
---|
| 129 | #thePicturePage #imageToolBar { |
---|
| 130 | background-color: #111; |
---|
| 131 | border-bottom: 2px solid #69c; |
---|
| 132 | } |
---|
| 133 | #thePicturePage #theImage { |
---|
| 134 | background-color: #111; |
---|
| 135 | margin: 0px; |
---|
| 136 | padding: 3px 0px 15px 0px; |
---|
| 137 | } |
---|
| 138 | |
---|
| 139 | #thePicturePage #comments H2 { |
---|
| 140 | background-image: none; |
---|
| 141 | background-color: #222; |
---|
| 142 | border-top: 2px solid #69c; |
---|
| 143 | border-bottom: 2px solid #69c; |
---|
| 144 | color: #69c; |
---|
| 145 | font-weight: lighter; |
---|
| 146 | } |
---|
| 147 | |
---|
| 148 | /* borders */ |
---|
| 149 | #comments DIV.comment BLOCKQUOTE { |
---|
| 150 | border: 1px solid #000; |
---|
| 151 | } |
---|
| 152 | #imageHeaderBar { |
---|
| 153 | border-top: 1px solid #000; |
---|
| 154 | } |
---|
| 155 | H2, #imageToolBar { |
---|
| 156 | border-bottom: 1px solid #000; |
---|
| 157 | } |
---|
| 158 | |
---|
| 159 | #theImage IMG { |
---|
| 160 | border-color: #fff; |
---|
| 161 | } |
---|
| 162 | |
---|
| 163 | #content UL.thumbnail IMG { |
---|
| 164 | border: 1px solid #a0a0a0; |
---|
| 165 | } |
---|
| 166 | .illustration A { |
---|
| 167 | border: 0px; |
---|
| 168 | } |
---|
| 169 | FIELDSET, INPUT, SELECT, TEXTAREA, |
---|
| 170 | #content DIV.comment A.illustration IMG, #infos, |
---|
| 171 | #content DIV.thumbnailCategory { |
---|
| 172 | border: 1px solid gray; |
---|
| 173 | } |
---|
| 174 | #content DIV.thumbnailCategory { |
---|
| 175 | border: 1px solid #69c; |
---|
| 176 | margin: 8px 4px; |
---|
| 177 | } |
---|
| 178 | #comments DIV.comment BLOCKQUOTE { |
---|
| 179 | border-left: 2px solid #696969; |
---|
| 180 | } |
---|
| 181 | |
---|
| 182 | #content UL.thumbnails SPAN.wrap2 { |
---|
| 183 | border: 1px solid #aaaaaa; /* thumbnails border color and style */ |
---|
| 184 | -moz-border-radius: 4px; /* round corners with Geko */ |
---|
| 185 | border-radius: 4px 4px; /* round corners with CSS3 compliant browsers */ |
---|
| 186 | } |
---|
| 187 | #content UL.thumbnails SPAN.wrap2:hover { |
---|
| 188 | border-color: #69c; /* thumbnails border color when mouse cursor is over it */ |
---|
| 189 | } |
---|
| 190 | #menubar .buttonmenu { |
---|
| 191 | margin: 0 2px; |
---|
| 192 | width: auto; |
---|
| 193 | padding: 0; |
---|
| 194 | text-indent: 0; |
---|
| 195 | list-style: none; |
---|
| 196 | text-align: center; |
---|
| 197 | float: left; |
---|
| 198 | } |
---|
| 199 | /* links */ |
---|
| 200 | A, INPUT.rateButton, legend { |
---|
| 201 | color: #69c; |
---|
| 202 | } |
---|
| 203 | |
---|
| 204 | A:hover { |
---|
| 205 | color: #f92; |
---|
| 206 | } |
---|
| 207 | |
---|
| 208 | #imageToolBar A, #imageToolBar A:hover { |
---|
| 209 | border-bottom: none; |
---|
| 210 | } |
---|
| 211 | A.navThumb, A.navThumb:hover { |
---|
| 212 | border-bottom: none; |
---|
| 213 | } |
---|
| 214 | /* others */ |
---|
| 215 | .pleaseNote { |
---|
| 216 | background: #9c9c9c; |
---|
| 217 | color: #ffff99; |
---|
| 218 | padding: 1ex; |
---|
| 219 | font-weight: bold; |
---|
| 220 | } |
---|
| 221 | #the_page { |
---|
| 222 | border: 1px dotted #f92; |
---|
| 223 | padding-top: 5px; |
---|
| 224 | padding-bottom:30px; |
---|
| 225 | text-align:center; |
---|
| 226 | display:block; |
---|
| 227 | margin: 2px; |
---|
| 228 | } |
---|
| 229 | #copyright { |
---|
| 230 | color: #69c; |
---|
| 231 | } |
---|
| 232 | /*calendar elements*/ |
---|
| 233 | SPAN.calItemEmpty { color: silver; } |
---|
| 234 | |
---|
| 235 | SPAN.calItem, SPAN.calItemEmpty |
---|
| 236 | { |
---|
| 237 | border: 1px solid gray; |
---|
| 238 | } |
---|
| 239 | label { |
---|
| 240 | cursor:pointer |
---|
| 241 | } |
---|
| 242 | /* nice looking month calendar*/ |
---|
| 243 | TD.calDayCellEmpty, TD.calDayCellFull { border: 1px solid gray;} |
---|
| 244 | |
---|
| 245 | TD.calDayCellEmpty { color: silver; } |
---|
| 246 | |
---|
| 247 | .calBackDate { color: #000; } |
---|
| 248 | .calForeDate { color: #fff; } |
---|