| 8 | | BODY, H1, H3, DT, INPUT.rateButtonSelected { color:#666; } |
| 9 | | H2, #menubar DT { color: #666; } |
| 10 | | #imageHeaderBar, #imageToolBar A:hover { background-color: transparent; } |
| 11 | | BODY { background:#111 url(images/bottom-left-bg.jpg) no-repeat fixed left bottom; |
| 12 | | margin:0; min-height: 100%; height: 100%; padding:0; } |
| 13 | | #the_page { background:transparent url(images/top-left-bg.jpg) no-repeat scroll left top; |
| 14 | | left:0; margin:0; padding:0; position:absolute; top:0; z-index:0; width: 100%; min-width: 100%; } |
| 15 | | #mbIdentification p, .totalImages { color: #333; } |
| 16 | | .header_msgs { background:transparent url(images/header_msgs-bg.gif) repeat scroll right top; |
| 17 | | border:0; color:#333; font-size:24px; left:0; margin:0; padding:10px 0 6px 0; position:absolute; |
| 18 | | text-align:center; top:0; width:100%; z-index:99; } |
| 19 | | .header_notes { border:0; color:#333; margin:0; padding:12px 44px 0 0; position:absolute; |
| 20 | | right:9px; top:48px; z-index:99; background-position: right top; } |
| 21 | | #menubar DL { background:transparent url(images/menuBox_top.gif) no-repeat scroll left top; |
| 22 | | margin:0 0 5px 40px; padding:0; width: 231px; min-width: 231px; border: 0; min-height: 32px; overflow-x: hidden;} |
| 23 | | #imageHeaderBar H2 { border: 0; } |
| 24 | | #menubar DT { background-color:#111; border:0; display:inline; margin-left:8px; text-align:left; } |
| 25 | | #menubar DD { background:transparent url(images/menuBox_bottom.gif) no-repeat scroll left bottom; |
| 26 | | margin:14px 0 0 0; padding:0 0 22px; width: 231px; min-width: 231px; border: 0; overflow-x: hidden;} |
| 27 | | #menubar UL, #menubar #mbCategories p, |
| 28 | | #menubar .illustration { background:transparent url(images/menuBox_sides.gif) repeat-y scroll left bottom; |
| 29 | | margin:0; } |
| 30 | | #menubar DT A { font-size: 100%; } |
| 31 | | #menubar UL { color: #333; font-size: 16px; line-height: 15px; } |
| 32 | | #menubar LI { padding-left: 12px; } |
| 33 | | #menubar A, .menuInfoCat { font-size: 13px; } |
| 34 | | #menubar form { background:transparent url(images/menuBox_sides.gif) repeat-y scroll left bottom; margin:0; } |
| 35 | | #menubar DL#mbIdentification { background:transparent url(images/menuId_top.gif) no-repeat scroll left top !important;} |
| 36 | | #menubar #mbIdentification DD { background:transparent url(images/menuId_bottom.gif) no-repeat scroll left bottom; } |
| 37 | | #menubar #mbIdentification UL, #menubar #mbIdentification p, |
| 38 | | #menubar #mbIdentification .illustration { background:transparent url(images/menuId_sides.gif) repeat-y scroll left bottom; } |
| 39 | | #menubar #mbIdentification form { background:transparent url(images/menuId_sides.gif) repeat-y scroll left bottom; } |
| 40 | | #menubar #mbIdentification .actions, #menubar li ul, #menubar #mbIdentification form p { background:transparent none repeat-y scroll left bottom; } |
| 41 | | #menubar #mbIdentification p { padding: 2px 16px 0; margin: 0;} |
| 42 | | #menubar p { padding: 16px 16px 0; } |
| 43 | | #menubar .button { position:relative; right:9px; top:16px; height:16px; } |
| 44 | | #menubar #mbIdentification .button { height:24px; right:0px; top:-40px; } |
| 45 | | #menubar #mbIdentification fieldset { border:0; margin:0 24px 0 23px; } |
| 46 | | #menubar #mbIdentification legend { display: none; } |
| 47 | | #menubar #menuTagCloud { margin: 0; padding: 0 8px 0 16px; } |
| 48 | | #content { background:#222 url(images/fillet.gif) repeat-x scroll left top; min-height:466px; } |
| 49 | | .content { border: 1px solid #000; border-top: 0; margin:21px 7px 0 290px; padding-top:7px; } |
| 50 | | .content h2 { margin:0; padding:0px 10px 15px 15px; border:0;} |
| 51 | | #menubar form { background:transparent url(images/menuBox_sides.gif) repeat-y scroll left bottom; margin:0; } |
| | 16 | BODY, H1, H3, DT, INPUT.rateButtonSelected, H2, #menubar DT { |
| | 17 | color:#666; |
| | 18 | } |
| | 19 | #imageHeaderBar, #imageToolBar A:hover { |
| | 20 | background-color: transparent; |
| | 21 | } |
| | 22 | BODY { |
| | 23 | background:#111 url(images/bottom-left-bg.jpg) no-repeat fixed left bottom; |
| | 24 | margin:0; |
| | 25 | min-height: 100%; |
| | 26 | height: 100%; |
| | 27 | padding:0; |
| | 28 | } |
| | 29 | #the_page { |
| | 30 | background:transparent url(images/top-left-bg.jpg) no-repeat scroll left top; |
| | 31 | left:0; |
| | 32 | margin:0; |
| | 33 | padding:0; |
| | 34 | position:absolute; |
| | 35 | top:0; |
| | 36 | z-index:0; |
| | 37 | width: 100%; |
| | 38 | min-width: 100%; |
| | 39 | } |
| | 40 | #mbIdentification p, .totalImages { |
| | 41 | color: #333; |
| | 42 | } |
| | 43 | .header_msgs { |
| | 44 | background:transparent url(images/header_msgs-bg.gif) repeat scroll right top; |
| | 45 | border:0; |
| | 46 | color:#333; |
| | 47 | font-size:24px; |
| | 48 | left:0; |
| | 49 | margin:0; |
| | 50 | padding:10px 0 6px 0; |
| | 51 | position:absolute; |
| | 52 | text-align:center; |
| | 53 | top:0; |
| | 54 | width:100%; |
| | 55 | z-index:99; |
| | 56 | } |
| | 57 | .header_notes { |
| | 58 | border:0; |
| | 59 | color:#333; |
| | 60 | margin:0; |
| | 61 | padding:12px 44px 0 0; |
| | 62 | position:absolute; |
| | 63 | right:9px; |
| | 64 | top:48px; |
| | 65 | z-index:99; |
| | 66 | background-position: right top; |
| | 67 | } |
| | 68 | #menubar DL { |
| | 69 | background:transparent url(images/menuBox_top.gif) no-repeat scroll left top; |
| | 70 | margin:0 0 5px 40px; |
| | 71 | padding:0; |
| | 72 | width: 231px; |
| | 73 | min-width: 231px; |
| | 74 | border: 0; |
| | 75 | min-height: 32px; |
| | 76 | overflow-x: hidden; |
| | 77 | } |
| | 78 | #imageHeaderBar H2 { |
| | 79 | border: 0; |
| | 80 | } |
| | 81 | #menubar DT { |
| | 82 | background-color:#111; |
| | 83 | border:0; |
| | 84 | display:inline; |
| | 85 | margin-left:8px; |
| | 86 | text-align:left; |
| | 87 | } |
| | 88 | #menubar DD { |
| | 89 | background:transparent url(images/menuBox_bottom.gif) no-repeat scroll left bottom; |
| | 90 | margin:14px 0 0 0; |
| | 91 | padding:0 0 22px; |
| | 92 | width: 231px; |
| | 93 | min-width: 231px; |
| | 94 | border: 0; |
| | 95 | overflow-x: hidden; |
| | 96 | } |
| | 97 | #menubar UL, #menubar #mbCategories p, #menubar .illustration { |
| | 98 | background:transparent url(images/menuBox_sides.gif) repeat-y scroll left bottom; |
| | 99 | margin:0; |
| | 100 | } |
| | 101 | #menubar DT A { |
| | 102 | font-size: 100%; |
| | 103 | } |
| | 104 | #menubar UL { |
| | 105 | color: #333; |
| | 106 | font-size: 16px; |
| | 107 | line-height: 15px; |
| | 108 | } |
| | 109 | #menubar LI { |
| | 110 | padding-left: 12px; |
| | 111 | } |
| | 112 | #menubar A, .menuInfoCat { |
| | 113 | font-size: 13px; |
| | 114 | } |
| | 115 | #menubar form { |
| | 116 | background:transparent url(images/menuBox_sides.gif) repeat-y scroll left bottom; |
| | 117 | margin:0; |
| | 118 | } |
| | 119 | #menubar DL#mbIdentification { |
| | 120 | background:transparent url(images/menuId_top.gif) no-repeat scroll left top !important; |
| | 121 | } |
| | 122 | #menubar #mbIdentification DD { |
| | 123 | background:transparent url(images/menuId_bottom.gif) no-repeat scroll left bottom; |
| | 124 | } |
| | 125 | #menubar #mbIdentification UL, #menubar #mbIdentification p, #menubar #mbIdentification .illustration { |
| | 126 | background:transparent url(images/menuId_sides.gif) repeat-y scroll left bottom; |
| | 127 | } |
| | 128 | #menubar #mbIdentification form { |
| | 129 | background:transparent url(images/menuId_sides.gif) repeat-y scroll left bottom; |
| | 130 | } |
| | 131 | #menubar #mbIdentification .actions, #menubar li ul, #menubar #mbIdentification form p { |
| | 132 | background:transparent none repeat-y scroll left bottom; |
| | 133 | } |
| | 134 | #menubar #mbIdentification p { |
| | 135 | padding: 2px 16px 0; |
| | 136 | margin: 0; |
| | 137 | } |
| | 138 | #menubar p { |
| | 139 | padding: 16px 16px 0; |
| | 140 | } |
| | 141 | #menubar .button { |
| | 142 | position:relative; |
| | 143 | right:9px; |
| | 144 | top:16px; |
| | 145 | height:16px; |
| | 146 | } |
| | 147 | #menubar #mbIdentification .button { |
| | 148 | height:24px; |
| | 149 | right:0px; |
| | 150 | top:-40px; |
| | 151 | } |
| | 152 | #menubar #mbIdentification fieldset { |
| | 153 | border:0; |
| | 154 | margin:0 24px 0 23px; |
| | 155 | } |
| | 156 | #menubar #mbIdentification legend { |
| | 157 | display: none; |
| | 158 | } |
| | 159 | #menubar #menuTagCloud { |
| | 160 | margin: 0; |
| | 161 | padding: 0 8px 0 16px; |
| | 162 | } |
| | 163 | |
| | 164 | #content { |
| | 165 | background:#222 url(images/fillet.gif) repeat-x scroll left top; |
| | 166 | min-height:466px; |
| | 167 | } |
| | 168 | |
| | 169 | .content { |
| | 170 | border: 1px solid #000; |
| | 171 | border-top: 0; |
| | 172 | margin:21px 7px 0 290px; |
| | 173 | padding-top:7px; |
| | 174 | } |
| | 175 | .content h2 { |
| | 176 | margin:0; |
| | 177 | padding:0px 10px 15px 15px; |
| | 178 | border:0; |
| | 179 | } |
| | 180 | #menubar form { |
| | 181 | background:transparent url(images/menuBox_sides.gif) repeat-y scroll left bottom; |
| | 182 | margin:0; |
| | 183 | } |
| 53 | | background:#222 url(images/cat_bottom-right.gif) no-repeat scroll right bottom; width:49%; margin: 0; padding:0; } |
| 54 | | .content div.thumbnailCategory { background:transparent url(images/cat_bottom-left.gif) no-repeat scroll left bottom; |
| 55 | | padding: 0; margin:0; } |
| 56 | | #content .thumbnailCategory div.illustration { background:transparent url(images/cat_top-left.gif) no-repeat scroll left top; |
| 57 | | padding: 0 0 0 10px; margin: 0; } |
| 58 | | .content .thumbnailCategory div.illustration a { display: block; margin: 0; padding:20px 0 0 8px; } |
| 59 | | #content .thumbnailCategory div.description { background:transparent url(images/cat_top-right.gif) no-repeat scroll right top; |
| 60 | | margin: 0; padding:15px 10px 3px 0; overflow: hidden; } |
| 61 | | #content .thumbnailCategory div.description .text { display:block; margin:10px 2px 0 0; |
| 62 | | overflow: auto; overflow-x:hidden; padding:0 0 5px; } |
| 63 | | .content div.thumbnailCategory div.description p.dates { margin: 0 15px 0 15px; text-align: right; } |
| 64 | | #content.content .thumbnailCategory div.description H3 { display: block; margin: 0; } |
| 65 | | #content ul.thumbnailCategories li:hover { background-color:#111; } |
| 66 | | .infos { color: #f70; border:0; background-color: transparent; margin-left:125px; |
| 67 | | padding:5px 0px 0pt 10pt; min-height: 48px; text-align:left; } |
| 68 | | .infos li, .errors li { list-style-type:none; } |
| 69 | | .errors { color: #f30; border:0; background-color: transparent; margin-left:125px; |
| 70 | | padding:5px 0px 0pt 10pt; min-height: 48px; text-align:left; font-weight:bold; } |
| 71 | | #menubar #menuTagCloud { background:transparent url(images/menuBox_sides.gif) repeat-y scroll left bottom; |
| 72 | | margin:0; padding: 0 12px; } |
| 73 | | H2 { border-bottom: 1px solid #000000; } |
| 74 | | #qsearchInput { border-color: #222; color: #222;} |
| 75 | | FIELDSET, INPUT, SELECT, TEXTAREA { border: 1px solid #666; } |
| | 185 | background:#222 url(images/cat_bottom-right.gif) no-repeat scroll right bottom; |
| | 186 | width:49%; |
| | 187 | margin: 0; |
| | 188 | padding:0; |
| | 189 | } |
| | 190 | .content div.thumbnailCategory { |
| | 191 | background:transparent url(images/cat_bottom-left.gif) no-repeat scroll left bottom; |
| | 192 | padding: 0; |
| | 193 | margin:0; |
| | 194 | } |
| | 195 | #content .thumbnailCategory div.illustration { |
| | 196 | background:transparent url(images/cat_top-left.gif) no-repeat scroll left top; |
| | 197 | padding: 0 0 0 10px; |
| | 198 | margin: 0; |
| | 199 | } |
| | 200 | .content .thumbnailCategory div.illustration a { |
| | 201 | display: block; |
| | 202 | margin: 0; |
| | 203 | padding:20px 0 0 8px; |
| | 204 | } |
| | 205 | #content .thumbnailCategory div.description { |
| | 206 | background:transparent url(images/cat_top-right.gif) no-repeat scroll right top; |
| | 207 | margin: 0; |
| | 208 | padding:15px 10px 3px 0; |
| | 209 | overflow: hidden; |
| | 210 | } |
| | 211 | #content .thumbnailCategory div.description .text { |
| | 212 | display:block; |
| | 213 | margin:10px 2px 0 0; |
| | 214 | overflow: auto; |
| | 215 | overflow-x:hidden; |
| | 216 | padding:0 0 5px; |
| | 217 | } |
| | 218 | .content div.thumbnailCategory div.description p.dates { |
| | 219 | margin: 0 15px 0 15px; |
| | 220 | text-align: right; |
| | 221 | } |
| | 222 | #content.content .thumbnailCategory div.description H3 { |
| | 223 | display: block; |
| | 224 | margin: 0; |
| | 225 | } |
| | 226 | #content ul.thumbnailCategories li:hover { |
| | 227 | background-color:#111; |
| | 228 | } |
| | 229 | .infos { |
| | 230 | color: #f70; |
| | 231 | border:0; |
| | 232 | background-color: transparent; |
| | 233 | margin-left:125px; |
| | 234 | padding:5px 0px 0pt 10pt; |
| | 235 | min-height: 48px; |
| | 236 | text-align:left; |
| | 237 | } |
| | 238 | .infos li, .errors li { |
| | 239 | list-style-type:none; |
| | 240 | } |
| | 241 | .errors { |
| | 242 | color: #f30; |
| | 243 | border:0; |
| | 244 | background-color: transparent; |
| | 245 | margin-left:125px; |
| | 246 | padding:5px 0px 0pt 10pt; |
| | 247 | min-height: 48px; |
| | 248 | text-align:left; |
| | 249 | font-weight:bold; |
| | 250 | } |
| | 251 | #menubar #menuTagCloud { |
| | 252 | background:transparent url(images/menuBox_sides.gif) repeat-y scroll left bottom; |
| | 253 | margin:0; |
| | 254 | padding: 0 12px; |
| | 255 | } |
| | 256 | H2 { |
| | 257 | border-bottom: 1px solid #000000; |
| | 258 | } |
| | 259 | #qsearchInput { |
| | 260 | border-color: #222; |
| | 261 | color: #222; |
| | 262 | } |
| | 263 | FIELDSET, INPUT, SELECT, TEXTAREA { |
| | 264 | border: 1px solid #666; |
| | 265 | } |
| 77 | | background-color:#444; color:#999; } /* stupid Line but needed due to inpact on other themes and deadline of Piwigo 2.0 */ |
| 78 | | INPUT, select, textarea { color:#999; background-color: #444; } |
| 79 | | input[type="radio"], input[type="checkbox"], |
| 80 | | input[type="button"].rateButtonStarEmpty, input[type="button"].rateButtonStarFull { background-color: transparent; } |
| 81 | | #qsearchInput:focus, |
| 82 | | input:focus, select:focus, textarea:focus, input.focus, form .focus { background-color:#444;color: #999; } |
| | 267 | background-color:#444; |
| | 268 | color:#999; |
| | 269 | } /* stupid Line but needed due to inpact on other themes and deadline of Piwigo 2.0 */ |
| | 270 | INPUT, select, textarea { |
| | 271 | color:#999; |
| | 272 | background-color: #444; |
| | 273 | } |
| | 274 | input[type="radio"], input[type="checkbox"], input[type="button"].rateButtonStarEmpty, input[type="button"].rateButtonStarFull { |
| | 275 | background-color: transparent; |
| | 276 | } |
| | 277 | #qsearchInput:focus, input:focus, select:focus, textarea:focus, input.focus, form .focus { |
| | 278 | background-color:#444; |
| | 279 | color: #999; |
| | 280 | } |
| 84 | | border: 1px solid #666; /* thumbnails border color and style */ |
| 85 | | border-radius: 4px 4px; /* round corners with CSS3 compliant browsers */ } |
| 86 | | .content UL.thumbnails SPAN.wrap2:hover { color: #666; |
| 87 | | background-color: #111; border:1px solid #ff3363; /* thumbnails border color when mouse cursor is over it */ } |
| 88 | | #comments ul.actions li, #comments ul.actions li:hover { background:transparent none; padding: 0 22px; clear:both; list-style-type:none; } |
| 89 | | A, INPUT.rateButton { color:#f70; border-width: 0; } |
| 90 | | A:hover, A:active { color: #f33; border-bottom: 1px solid #f33; cursor: pointer; } |
| 91 | | #theImage A, .illustration A, A.navThumb, A.navThumb { border-bottom-width: 0; } |
| 92 | | #imageToolBar { padding:0 7%; } |
| 93 | | #imageHeaderBar .imageNumber { margin-right:7%; } |
| 94 | | #imageHeaderBar .browsePath { margin-left:7%; } |
| 95 | | *, *:focus, *:active, input:active, a:active, input:focus, a:focus { outline: none; } |
| 96 | | #debug { margin: 15px 15px 5px 248px; font-size:12px; clear: both; } |
| 97 | | .rateButtonStarFull { background-image: url('icon/rating-stars.gif'); } |
| 98 | | .rateButtonStarEmpty { background-image: url('icon/rating-stars.gif'); } |
| 99 | | #menubar #mbIdentification fieldset div input[type="text"] { margin: 0 0 3px; width: 174px; display: inline; } |
| | 282 | border: 1px solid #666; /* thumbnails border color and style */ |
| | 283 | border-radius: 4px 4px; /* round corners with CSS3 compliant browsers */ |
| | 284 | } |
| | 285 | .content UL.thumbnails SPAN.wrap2:hover { |
| | 286 | color: #666; |
| | 287 | background-color: #111; |
| | 288 | border:1px solid #ff3363; /* thumbnails border color when mouse cursor is over it */ |
| | 289 | } |
| | 290 | #comments ul.actions li, #comments ul.actions li:hover { |
| | 291 | background:transparent none; |
| | 292 | padding: 0 22px; |
| | 293 | clear:both; |
| | 294 | list-style-type:none; |
| | 295 | } |
| | 296 | A, INPUT.rateButton { |
| | 297 | color:#f70; |
| | 298 | border-width: 0; |
| | 299 | } |
| | 300 | A:hover, A:active { |
| | 301 | color: #f33; |
| | 302 | border-bottom: 1px solid #f33; |
| | 303 | cursor: pointer; |
| | 304 | } |
| | 305 | #theImage A, .illustration A, A.navThumb, A.navThumb { |
| | 306 | border-bottom-width: 0; |
| | 307 | } |
| | 308 | #imageToolBar { |
| | 309 | padding:0 7%; |
| | 310 | } |
| | 311 | #imageHeaderBar .imageNumber { |
| | 312 | margin-right:7%; |
| | 313 | } |
| | 314 | #imageHeaderBar .browsePath { |
| | 315 | margin-left:7%; |
| | 316 | } |
| | 317 | *, *:focus, *:active, input:active, a:active, input:focus, a:focus { |
| | 318 | outline: none; |
| | 319 | } |
| | 320 | #debug { |
| | 321 | margin: 15px 15px 5px 248px; |
| | 322 | font-size:12px; |
| | 323 | clear: both; |
| | 324 | } |
| | 325 | .rateButtonStarFull, .rateButtonStarEmpty { |
| | 326 | background-image: url('icon/rating-stars.gif'); |
| | 327 | } |
| | 328 | #menubar #mbIdentification fieldset div input[type="text"] { |
| | 329 | margin: 0 0 3px; |
| | 330 | width: 174px; |
| | 331 | display: inline; |
| | 332 | } |