Changeset 11197
- Timestamp:
- Jun 1, 2011, 4:26:44 PM (13 years ago)
- File:
-
- 1 edited
Legend:
- Unmodified
- Added
- Removed
-
branches/2.2/themes/Sylvia/theme.css
r10642 r11197 1 /* thumbnail wrap size */2 1 .content .thumbnailCategory div.illustration { 3 2 width:165px !important; /* Usable range 162px-360px , optimal : Thumbnail width + 40px */ … … 6 5 width:220px !important; /* Usable range 219px-360px , optimal : Thumbnail width + 95px */ 7 6 } 8 9 /** 10 * Menubar 11 */ 12 #menubar DL { 13 background:transparent url(images/menuBox_top.gif) no-repeat scroll left top; 14 margin:0 0 5px 40px; 7 #comments .thumbnailCategories hr {display:none;} 8 #comments .filter input[type="submit"] { margin-top:1.8em; } 9 /* Sylvia Theme is close to the Roma Admin theme */ 10 BODY, H1, H3, DT, INPUT.rateButtonSelected, H2, #menubar DT { 11 color:#666; 12 } 13 #imageHeaderBar, #imageToolBar A:hover { 14 background-color: transparent; 15 } 16 BODY { 17 background:#111 url(images/bottom-left-bg.jpg) no-repeat fixed left bottom; 18 margin:0; 19 min-height: 100%; 20 height: 100%; 15 21 padding:0; 16 width: 231px; 17 min-width: 231px; 18 border: 0; 19 min-height: 32px; 20 overflow-x: hidden; 21 } 22 #menubar DT { 23 background-color:#111; 24 border:0; 25 display:inline; 26 margin-left:8px; 27 text-align:left; 28 } 29 #menubar DD { 30 background:transparent url(images/menuBox_bottom.gif) no-repeat scroll left bottom; 31 margin:14px 0 0 0; 32 padding:0 0 22px; 33 width: 231px; 34 min-width: 231px; 35 border: 0; 36 overflow-x: hidden; 37 } 38 #menubar DD P { 39 background:transparent url(images/menuBox_sides.gif) repeat-y scroll left bottom; 40 padding: 2px 16px 0; 41 margin: 0; 42 } 43 #menubar UL, #menubar #mbCategories p, #menubar .illustration { 44 background:transparent url(images/menuBox_sides.gif) repeat-y scroll left bottom; 45 margin:0; 46 } 47 #menubar DT A { 48 font-size: 100%; 49 } 50 #menubar UL { 51 color:#333; 52 font-size: 16px; 53 line-height: 15px; 54 } 55 #menubar UL SPAN.menuInfoCat { 56 color:#666; 57 } 58 #menubar LI { 59 padding-left: 12px; 60 } 61 #menubar LI UL { 62 background: transparent url(images/transparent.gif); 63 } 64 #menubar A, .menuInfoCat { 65 font-size: 13px; 66 } 67 #menubar form { 68 background:transparent url(images/menuBox_sides.gif) repeat-y scroll left bottom; 69 margin:0; 70 } 71 #menubar p { 72 padding: 16px 16px 0; 73 } 74 #menubar .button { 75 position:relative; 76 right:9px; 77 top:16px; 78 height:16px; 79 width:16px; 80 } 81 82 #menubar #mbIdentification { 83 background:transparent url(images/menuId_top.gif) no-repeat scroll left top !important; 84 } 85 #menubar #mbIdentification DD { 86 background:transparent url(images/menuId_bottom.gif) no-repeat scroll left bottom; 87 } 88 #menubar #mbIdentification UL, #menubar #mbIdentification p, #menubar #mbIdentification .illustration { 89 background:transparent url(images/menuId_sides.gif) repeat-y scroll left bottom; 90 } 91 #menubar #mbIdentification form { 92 background:transparent url(images/menuId_sides.gif) repeat-y scroll left bottom; 93 } 94 #menubar #mbIdentification form p { 95 background:transparent none repeat-y scroll left bottom; 96 } 97 #menubar #mbIdentification p { 98 padding: 2px 16px 0; 99 margin: 0; 100 } 101 #menubar #mbIdentification fieldset div input[type="text"] { 102 margin: 0 0 3px; 103 width: 174px; 104 display: inline; 105 } 106 #menubar #mbIdentification .button { 107 height:24px; 108 width:24px; 109 right:0px; 110 top:-40px; 111 } 112 #menubar #mbIdentification fieldset { 113 border:0; 114 margin:0 24px 0 23px; 115 } 116 #menubar #mbIdentification legend { 117 display: none; 118 } 119 #mbIdentification p, .totalImages { 120 color:#666; 121 } 122 123 #menubar #menuTagCloud { 124 background:transparent url(images/menuBox_sides.gif) repeat-y scroll left bottom; 125 margin:0; 126 padding: 0 12px; 127 } 128 129 #qsearchInput:focus, input:focus, select:focus, textarea:focus, input.focus, form .focus { 130 background-color:#444; 131 color:#999; 132 } 133 #qsearchInput { 134 color:#999; 135 } 136 137 138 /** 139 * Content 140 */ 141 .content { 142 background:#222 url(images/fillet.gif) repeat-x scroll left top; 143 min-height:466px; 144 } 145 22 } 146 23 #the_page { 147 24 background:transparent url(images/top-left-bg.jpg) no-repeat scroll left top; … … 155 32 min-width: 100%; 156 33 } 157 158 #theCategoryPage .content {159 border: 1px solid #000;160 border-top: 0;161 margin:21px 7px 0 290px !important;162 padding-top:7px;163 }164 165 .content h2 {166 margin:0;167 padding:0px 10px 15px 15px;168 border:0;169 }170 .content .navigationBar {171 color:#666;172 }173 174 /* Category thumbnails on main page */175 .content .thumbnailCategories li {176 background:#222 url(images/cat_bottom-right.gif) no-repeat scroll right bottom;177 width:49%;178 margin: 0;179 padding:0;180 }181 .content .thumbnailCategory {182 background:transparent url(images/cat_bottom-left.gif) no-repeat scroll left bottom;183 padding: 0 0 2px;184 margin:0;185 }186 .content .thumbnailCategory div.illustration {187 background:transparent url(images/cat_top-left.gif) no-repeat scroll left top;188 padding: 0 0 0 10px;189 margin: 0 !important;190 }191 .content .thumbnailCategory div.illustration a {192 display: block;193 margin: 0;194 padding:20px 0 0 8px;195 }196 .content .thumbnailCategory .description {197 background:transparent url(images/cat_top-right.gif) no-repeat scroll right top;198 margin: 0;199 padding:15px 10px 3px 0;200 overflow-x: hidden !important;201 height:158px;202 }203 .content .thumbnailCategory .description .text {204 display:block;205 margin:10px 2px 0 0;206 overflow: auto;207 overflow-x:hidden;208 padding:0 0 5px;209 }210 .content .thumbnailCategory .description p.dates {211 margin: 0 15px 0 15px;212 text-align: right;213 }214 .content .thumbnailCategory .description H3 {215 display: block;216 }217 .content .thumbnailCategories li:hover {218 background-color:#111;219 }220 221 /* header */222 34 #theHeader { 223 35 min-height:110px; 224 36 height:110px; 225 37 } 226 38 #mbIdentification p, .totalImages { 39 color:#666; 40 } 227 41 .header_msgs { 228 42 background:transparent url(images/header_msgs-bg.gif) repeat scroll left top; … … 250 64 z-index:99; 251 65 } 66 #menubar DL { 67 background:transparent url(images/menuBox_top.gif) no-repeat scroll left top; 68 margin:0 0 5px 40px; 69 padding:0; 70 width: 231px; 71 min-width: 231px; 72 border: 0; 73 min-height: 32px; 74 overflow-x: hidden; 75 } 76 #imageHeaderBar H2 { 77 border: 0; 78 } 79 #menubar DT { 80 background-color:#111; 81 border:0; 82 display:inline; 83 margin-left:8px; 84 text-align:left; 85 } 86 #menubar DD { 87 background:transparent url(images/menuBox_bottom.gif) no-repeat scroll left bottom; 88 margin:14px 0 0 0; 89 padding:0 0 22px; 90 width: 231px; 91 min-width: 231px; 92 border: 0; 93 overflow-x: hidden; 94 } 95 #menubar DD P { 96 background:transparent url(images/menuBox_sides.gif) repeat-y scroll left bottom; 97 padding: 2px 16px 0; 98 margin: 0; 99 } 100 #menubar UL, #menubar #mbCategories p, #menubar .illustration { 101 background:transparent url(images/menuBox_sides.gif) repeat-y scroll left bottom; 102 margin:0; 103 } 104 #menubar DT A { 105 font-size: 100%; 106 } 107 #menubar UL { 108 color:#333; 109 font-size: 16px; 110 line-height: 15px; 111 } 112 #menubar UL SPAN.menuInfoCat { 113 color:#666; 114 } 115 #menubar LI { 116 padding-left: 12px; 117 } 118 #menubar LI UL { 119 background: transparent url(images/transparent.gif); 120 } 121 #menubar A, .menuInfoCat { 122 font-size: 13px; 123 } 124 #menubar form { 125 background:transparent url(images/menuBox_sides.gif) repeat-y scroll left bottom; 126 margin:0; 127 } 128 #menubar DL#mbIdentification { 129 background:transparent url(images/menuId_top.gif) no-repeat scroll left top !important; 130 } 131 #menubar #mbIdentification DD { 132 background:transparent url(images/menuId_bottom.gif) no-repeat scroll left bottom; 133 } 134 #menubar #mbIdentification UL, #menubar #mbIdentification p, #menubar #mbIdentification .illustration { 135 background:transparent url(images/menuId_sides.gif) repeat-y scroll left bottom; 136 } 137 #menubar #mbIdentification form { 138 background:transparent url(images/menuId_sides.gif) repeat-y scroll left bottom; 139 } 140 #menubar #mbIdentification form p { 141 background:transparent none repeat-y scroll left bottom; 142 } 143 #menubar #mbIdentification p { 144 padding: 2px 16px 0; 145 margin: 0; 146 } 147 #menubar p { 148 padding: 16px 16px 0; 149 } 150 #menubar .button { 151 position:relative; 152 right:9px; 153 top:16px; 154 height:16px; 155 width:16px; 156 } 157 #menubar #mbIdentification .button { 158 height:24px; 159 width:24px; 160 right:0px; 161 top:-40px; 162 } 163 #menubar #mbIdentification fieldset { 164 border:0; 165 margin:0 24px 0 23px; 166 } 167 #menubar #mbIdentification legend { 168 display: none; 169 } 170 #menubar #menuTagCloud { 171 margin: 0; 172 padding: 0 8px 0 16px; 173 } 174 175 .content { 176 background:#222 url(images/fillet.gif) repeat-x scroll left top; 177 min-height:466px; 178 } 179 180 #theCategoryPage .content { 181 border: 1px solid #000; 182 border-top: 0; 183 margin:21px 7px 0 290px !important; 184 padding-top:7px; 185 } 186 .content h2 { 187 margin:0; 188 padding:0px 10px 15px 15px; 189 border:0; 190 } 191 #menubar form { 192 background:transparent url(images/menuBox_sides.gif) repeat-y scroll left bottom; 193 margin:0; 194 } 195 .content .thumbnailCategories li { 196 background:#222 url(images/cat_bottom-right.gif) no-repeat scroll right bottom; 197 width:49%; 198 margin: 0; 199 padding:0; 200 } 201 .content .thumbnailCategory { 202 background:transparent url(images/cat_bottom-left.gif) no-repeat scroll left bottom; 203 padding: 0 0 2px; 204 margin:0; 205 } 206 .content .thumbnailCategory div.illustration { 207 background:transparent url(images/cat_top-left.gif) no-repeat scroll left top; 208 padding: 0 0 0 10px; 209 margin: 0 !important; 210 } 211 .content .thumbnailCategory div.illustration a { 212 display: block; 213 margin: 0; 214 padding:20px 0 0 8px; 215 } 216 .content .thumbnailCategory .description { 217 background:transparent url(images/cat_top-right.gif) no-repeat scroll right top; 218 margin: 0; 219 padding:15px 10px 3px 0; 220 overflow-x: hidden !important; 221 } 222 .content .thumbnailCategory .description .text { 223 display:block; 224 margin:10px 2px 0 0; 225 overflow: auto; 226 overflow-x:hidden; 227 padding:0 0 5px; 228 } 229 .content .thumbnailCategory .description p.dates { 230 margin: 0 15px 0 15px; 231 text-align: right; 232 } 233 .content .thumbnailCategory .description H3 { 234 display: block; 235 } 236 .content .thumbnailCategories li:hover { 237 background-color:#111; 238 } 239 .content .navigationBar { 240 color:#666; 241 } 252 242 .infos { 253 243 color:#f70; … … 258 248 min-height: 48px; 259 249 text-align:left; 250 } 251 .infos li, .errors li { 252 list-style-type:none; 260 253 } 261 254 .errors { … … 269 262 font-weight:bold; 270 263 } 271 .infos li, .errors li { 272 list-style-type:none; 273 } 274 275 /* User comments */ 276 #theCommentsPage .content .thumbnailCategories li, 277 #theCommentsPage .content .thumbnailCategory , 278 #theCommentsPage .content .thumbnailCategory .description, 279 #theCommentsPage .content .thumbnailCategory div.illustration { 280 background-image: none; 281 } 282 #theCommentsPage .content .thumbnailCategory { 283 padding: 15px 2px 6px 12px; 284 border: 1px solid #666; 285 } 286 #theCommentsPage .content .odd { 287 background-color: #222; 288 border-top:0 !important; 289 } 290 #theCommentsPage .content .even { 291 background-color: #111; 292 } 293 #theCommentsPage .content .thumbnailCategories li:hover { 294 background-color: transparent; 295 } 296 #theCommentsPage #comments { 297 padding: 0 0 5px 10px; 298 } 299 300 #comments .thumbnailCategories hr {display:none;} 301 #comments .filter input[type="submit"] { margin-top:1.8em; } 302 303 /* Thumbnails */ 304 .thumbnails .wrap2 { 305 border: 1px solid #666; /* thumbnails border color and style */ 306 border-radius: 4px 4px; /* round corners with CSS3 compliant browsers */ 307 } 308 .thumbnails .wrap2:hover { 309 color:#666; 310 background-color:#111; 311 border:1px solid #ff3363; /* thumbnails border color when mouse cursor is over it */ 312 } 313 .calItem { 314 border:1px solid #666; 315 margin:0 5px; 316 padding:2px 5px 0 8px; 317 } 318 .calItemEmpty, td.calDayCellEmpty, td.calDayCellFull { 319 border:1px solid #666; 320 } 321 322 323 /** 324 * Picture 325 */ 326 #imageToolBar { 327 padding:0 7%; 328 } 329 #imageHeaderBar .imageNumber { 330 margin-right:7%; 331 } 332 #imageHeaderBar .browsePath { 333 margin-left:7%; 334 } 335 #imageHeaderBar, #imageToolBar A:hover { 336 background-color: transparent; 337 } 338 #imageHeaderBar H2 { 339 border: 0; 340 } 341 342 #theImage A, .illustration A, A.navThumb, A.navThumb { 343 border-bottom-width: 0; 344 } 345 .rateButtonStarFull, .rateButtonStarEmpty { 346 background-image: url('icon/rating-stars.gif'); 347 } 348 349 #thePicturePage .thumbnailCategory { 350 padding: 15px 2px 6px 12px; 351 border: 1px solid #666; 352 } 353 #thePicturePage .thumbnailCategory .date, #thePicturePage .thumbnailCategory .author { 354 font-weight:bold; 355 } 356 #thePicturePage .thumbnailCategories { 357 padding-left: 12px; 358 padding-right: 12px; 359 } 360 #thePicturePage .odd { 361 background-color: #222; 362 border-top:0 !important; 363 } 364 365 #addComment fieldset { 366 color: #f70; 367 border-color: #f70; 368 } 369 #addComment fieldset label { 370 color: #666; 371 } 372 373 374 /** 375 * Default Layout 376 */ 377 *, *:focus, *:active, input:active, a:active, input:focus, a:focus { 378 outline: none; 379 } 380 BODY { 381 background:#111 url(images/bottom-left-bg.jpg) no-repeat fixed left bottom; 382 margin:0; 383 min-height: 100%; 384 height: 100%; 385 padding:0; 386 } 387 BODY, H1, H3, DT, INPUT.rateButtonSelected, H2, #menubar DT { 388 color:#666; 389 } 390 391 /* forms */ 264 #menubar #menuTagCloud { 265 background:transparent url(images/menuBox_sides.gif) repeat-y scroll left bottom; 266 margin:0; 267 padding: 0 12px; 268 } 269 H2 { 270 border-bottom: 1px solid #000000; 271 } 272 #qsearchInput { 273 color:#999; 274 } 392 275 FIELDSET, INPUT, SELECT, TEXTAREA { 393 276 border: 1px solid #666; … … 408 291 background-color: transparent; 409 292 } 410 input[type="button"], input[type="submit"], input[type="reset"] { 411 color:#ff3363; 412 background-color:#222; 413 border-color:#ff3363; 414 } 415 input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover { 293 #qsearchInput:focus, input:focus, select:focus, textarea:focus, input.focus, form .focus { 294 background-color:#444; 416 295 color:#999; 417 border-color:#666; 418 } 419 420 /* links */ 296 } 297 .thumbnails .wrap2 { 298 border: 1px solid #666; /* thumbnails border color and style */ 299 border-radius: 4px 4px; /* round corners with CSS3 compliant browsers */ 300 } 301 .thumbnails .wrap2:hover { 302 color:#666; 303 background-color:#111; 304 border:1px solid #ff3363; /* thumbnails border color when mouse cursor is over it */ 305 } 306 .calItem { 307 border:1px solid #666; 308 margin:0 5px; 309 padding:2px 5px 0 8px; 310 } 311 .calItemEmpty, td.calDayCellEmpty, td.calDayCellFull { 312 border:1px solid #666; 313 } 421 314 A, .rateButton { 422 315 color:#f70; … … 444 337 border-bottom: 1px solid #ff3363; 445 338 } 446 447 .titrePage img.button[alt="x"] { margin: 0 3px 3px; } 448 tr.tagLine, fieldset.tagLetter, legend.tagLetterLegend { 449 border-color: #666; 339 #theImage A, .illustration A, A.navThumb, A.navThumb { 340 border-bottom-width: 0; 341 } 342 #imageToolBar { 343 padding:0 7%; 344 } 345 #imageHeaderBar .imageNumber { 346 margin-right:7%; 347 } 348 #imageHeaderBar .browsePath { 349 margin-left:7%; 350 } 351 *, *:focus, *:active, input:active, a:active, input:focus, a:focus { 352 outline: none; 450 353 } 451 354 #debug { … … 454 357 clear: both; 455 358 } 456 457 /* sprites */ 359 .rateButtonStarFull, .rateButtonStarEmpty { 360 background-image: url('icon/rating-stars.gif'); 361 } 362 #menubar #mbIdentification fieldset div input[type="text"] { 363 margin: 0 0 3px; 364 width: 174px; 365 display: inline; 366 } 367 input[type="button"], input[type="submit"], input[type="reset"] { 368 color:#ff3363; 369 background-color:#222; 370 border-color:#ff3363; 371 } 372 input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover { 373 color:#999; 374 border-color:#666; 375 } 376 .titrePage img.button[alt="x"] { margin: 0 3px 3px; } 377 378 #thePicturePage .thumbnailCategory { 379 padding: 15px 2px 6px 12px; 380 border: 1px solid #666; 381 } 382 #thePicturePage .thumbnailCategory .date, #thePicturePage .thumbnailCategory .author { 383 font-weight:bold; 384 } 385 #thePicturePage .thumbnailCategories { 386 padding-left: 12px; 387 padding-right: 12px; 388 } 389 #thePicturePage .odd { 390 background-color: #222; 391 border-top:0 !important; 392 } 393 #addComment fieldset { 394 color: #f70; 395 border-color: #f70; 396 } 397 #addComment fieldset label { 398 color: #666; 399 } 400 #theCommentsPage .content .thumbnailCategories li, 401 #theCommentsPage .content .thumbnailCategory , 402 #theCommentsPage .content .thumbnailCategory .description, 403 #theCommentsPage .content .thumbnailCategory div.illustration { 404 background-image: none; 405 } 406 #theCommentsPage .content .thumbnailCategory { 407 padding: 15px 2px 6px 12px; 408 border: 1px solid #666; 409 } 410 #theCommentsPage .content .odd { 411 background-color: #222; 412 border-top:0 !important; 413 } 414 #theCommentsPage .content .even { 415 background-color: #111; 416 } 417 #theCommentsPage .content .thumbnailCategories li:hover { 418 background-color: transparent; 419 } 420 #theCommentsPage #comments { 421 padding: 0 0 5px 10px; 422 } 423 tr.tagLine, fieldset.tagLetter, legend.tagLetterLegend { 424 border-color: #666; 425 } 426 427 #the_page .content .thumbnailCategory .description { 428 height:158px; 429 } 430 458 431 .pwg-icon { 459 432 background-image: url(../default/s26/outline_ff3363.png); 460 433 } 434 461 435 A:hover .pwg-icon { 462 436 background-image: url(../default/s26/outline_ff7700.png); 463 437 } 438
Note: See TracChangeset
for help on using the changeset viewer.