Changeset 5807 for extensions/sobre/theme.css
- Timestamp:
- Apr 11, 2010, 11:13:41 PM (14 years ago)
- File:
-
- 1 edited
Legend:
- Unmodified
- Added
- Removed
-
extensions/sobre/theme.css
r5766 r5807 1 @import "slider.css";body{max-width:1190px;min-width:980px;margin:0 auto;}BODY,H1,H3,INPUT.rateButtonSelected{color:#d0d0d0;}H2,#menubar DT{color:#fff48e;}A,INPUT.rateButton{color:#fff;border:none;}A:hover{color:#FFF48E;}#copyright a{color:#F70;}BODY,H3,#imageBar,#imageToolBar A:hover{background:#393737;}BODY{background:url(images/background-0.png) repeat-x top #EAEAEA;}H2{color:#fff48e;background:url(images/tableh1_bg.png);}#imageHeaderBar H2{border:none;}#imageHeaderBar{border-top:1px solid #000;background:url(images/tableh2_bg.png) repeat-x center;}.content,#imageToolBar,.header_notes{background:#000;}#imageToolBar{background:#505050;}.content{border:1px solid #252525;margin:0;}FIELDSET,INPUT,SELECT,TEXTAREA,.content DIV.thumbnailCategory{border:1px solid gray;}.content UL.thumbnails SPAN.wrap2{border:1px solid #aaa;}.content UL.thumbnails SPAN.wrap2:hover,.content UL.thumbnailCategories DIV.thumbnailCategory:hover,.content UL.thumbnailCategories DIV.thumbnailCategory:hover A{color:#000;border-color:#FF0;background:#faebd7;}#thePicturePage{border:1px solid #FFF;}h2{font-family:Mon-menu;font-size:18px;font-style:italic;font-weight:400;}.content ul.thumbnails span.thumbLegend{height:100%;}.content div.thumbnailCategory div.description div.text p{font-family:Trebuchet MS;color:#996060;}.stuffs_block{font-family:Comic Sans MS;}.content #comments ul.thumbnailCategories li{width:49.9%;}.tagLetter table.tagLetterContent{font-size:100%;}#theImage #mapPicture{width:280px;}#theImage #map{height:600px;min-height:512px;position:relative;left:290px;right:-290px;margin-right:290px;background:#e5e3df;}.Online{font-size:11px;color:#444;}.content ul.thumbnailCategories{padding-left:4px;width:99%;}.content div.thumbnailCategory div.description div.text p.Nb_images{border-top:1px solid gray;color:#FF9960;font-style:italic;text-align:center;}.content div.thumbnailCategory div.description h3{font-weight:700;text-align:center;}.content div.thumbnailCategory div.illustration{text-align:center;width:170px;margin:19px 2px 2px;}.content ul.thumbnails span.wrap2,.content div.thumbnailCategory div.description{height:190px;}.content div.thumbnailCategory div.description .text{text-align:justify;padding-right:5px;height:110px;}ul.tagSelection li{float:left;width:150px;overflow:hidden;}#theImage img{margin-top:10px;}#theImage p{color:#000;font-style:italic;position:relative;width:800px;margin:10px auto auto;}TABLE.infoTable{width:920px;border:solid 1px;margin-top:6px;background:#505050;}TABLE.infoTable .label{font-weight:700;text-align:left;padding-right:0.5em;padding-left:3px;width:100px;background:#2F0000;}TABLE.infoTable .value p{width:320px;margin:0;}TABLE.infoTable .value{max-width:320px;}TABLE.infoTable .value p a,input.rateButton{color:#F70;border-width:0;}#comments fieldset{color:#000;margin:auto;padding:0;background:#F0F0F0;}#comments fieldset legend{margin-left:10px;background:#F0F0F0;}#thePicturePage form.filter fieldset ul,#thePicturePage form.filter fieldset label{display:block;float:none;margin-right:0;padding:0;}table.commentr{margin-top:-20px;margin-bottom:-10px;}#outils{padding-top:17px;}#comments{width:910px;border-width:0;margin:0 auto;padding:5px;background:#505050;}#theImage table{border:1px solid #000;width:800px;margin:10px auto 0;background:#D3D3D3;}#comments h3{margin:14px -5px;padding:0 7px;}#comments table tbody tr td select{width:95px;}#comments SPAN.author{font-weight:700;}#comments blockquote{padding-left:5px;font-style:italic;border-color:#000;border-style:solid;border-width:0 0 0 2px;}div#comments fieldset legend{margin-left:10px;}form.filter fieldset ul,form.filter fieldset label{padding-top:5px;padding-left:5px;}.content ul.thumbnails span.thumbLegend img{position:relative;top:-3px;}.content DIV.thumbnailCategory DIV.description{padding-left:0;}.content div.thumbnailCategory{height:200px;}#comments div.thumbnailCategory div.illustration{width:255px;}.content ul.thumbnails span,.content ul.thumbnails span.wrap2 a,.content ul.thumbnails label{width:170px;}#content UL.thumbnails SPAN.thumbLegend{display:block;height:5em;}#menubar{height:2.1em;position:relative;width:980px;z-index:2;padding-bottom:25px;display:block;float:none;margin:-2px auto 3px;}#menubar #menuTagCloud a{display:inline;}#menubar #menuTagCloud span{display:block;text-align:left;padding:0.5em 0;}#menubar .button{border:medium none;float:right;left:95%;list-style-image:none;list-style-position:outside;list-style-type:none;position:absolute;text-align:center;text-indent:0;width:auto;margin:-2px 2px 2px;padding:0;}#menubar a,#menubar dt a,#menubar dd a{border:0;color:#fff;display:block;text-decoration:none;}#menubar a:hover,#menubar dt:hover{color:#fff;}#menubar dd{border:1px solid #8c8c8c;position:absolute;text-align:left;z-index:500;background:#333;}#menubar dd a{padding:0.5em;}#menubar dd a:hover{border:1px solid #8c8c8c;color:#FFF;font-style:italic;background:#333;}#menubar dd ul ul{border:1px solid #8c8c8c;left:100%;position:absolute;top:0;z-index:500;background:#fff;}#menubar dl{display:inline;height:25px;text-align:center;width:25%;}#menubar dt{border:0;color:#fff48e;padding:5px 0;background:url("images/tableh1_bg.png");}#menubar li{position:relative;}#menubar li span{right:7px;}#menubar li span,#menubar li IMG{padding-left:4px;position:absolute;top:7px;}#menubar p,#menubar p.totalimages,#menubar p,#menubar p.totalimages,form#quickconnect{clear:both;text-align:center;margin:0;padding:0.2em;}#menubar ul{width:20em;}#menubar ul li a{margin-left:25px;padding-right:3em;}#menubar ul,#menubar dl,#menubar ul#menuTagCloud{float:left;list-style:none;margin:0;padding:0;}#menubar ul,#menubar li{background:#333;}#menubar ul.rvTree ul{padding-left:0 !important;}body#theadminpage #menubar{border:none;display:block;float:none;width:898px;margin:5px auto;}form#quickconnect .button{left:50px;position:relative;top:-20px;}form#quickconnect fieldset{padding-top:5px;text-align:left;width:19em;}form#quickconnect label{clear:left;}form#quickconnect label input{font-size:1em;}form#quickconnect p,form#quickconnect a{border:none;padding:0;}form#quicksearch{border-bottom:1px solid #000;padding:0 0 0 15px;}#theHeader p,#linkPrev,#linkNext,#stuffs_block_10 div.personal_block,#menubar li span.bullet,div#menubar dd,div#menubar ul ul,div#menubar ul li:hover ul ul,div#menubar ul ul li:hover ul ul,div#menubar ul ul ul li:hover ul ul,div#menubar ul ul ul ul li:hover ul ul{display:none;}#copyright,.Online a{color:#000;}H2,#imageToolBar,#menubar dl dd p{border-bottom:1px solid #000;}ul.tagSelection,#stuffs_block_3 #comments{width:100%;}form.filter input[type="submit"],form fieldset p{margin-top:0;}#stuffs_block_10:hover div.personal_block,#menubar a,#menubar dt,div#menubar dl:hover dd,div#menubar ul li:hover ul,div#menubar ul ul li:hover ul,div#menubar ul ul ul li:hover ul,div#menubar ul ul ul ul li:hover ul,div#menubar ul ul ul ul ul li:hover ul{display:block;}#menubar li a,#menubar li:hover{background:#3f3f3f;} 1 /* $ Id: theme.css 2010-04-03 Par Gotcha pour son thème "Sobre" $ */ 2 3 /* Valide CSS3 http://jigsaw.w3.org/css-validator/validator */ 4 /* Compressé avec http://www.cleancss.com/ (musclé !) */ 5 /* Nom du fichier avant compression : theme.bak.css */ 6 /* Nom du fichier après compression : theme.css*/ 7 8 9 10 11 /* MERCI DE NE PAS TOUCHER A CE FICHIER */ 12 13 14 15 16 17 18 /* Importation de feuilles de styles additionnelles */ 19 @import "slider.css"; 20 21 /* Le header */ 22 /* Fonctionne avec l'administration du thème*/ 23 /* Désactivé par défaut */ 24 #theHeader p { 25 display:none; 26 } 27 28 /* Centrage en une seule colonne */ 29 body { 30 margin: 0 auto; 31 max-width: 1190px; 32 min-width: 980px; 33 } 34 35 /* Couleurs des textes */ 36 BODY, H1, H3, 37 INPUT.rateButtonSelected { /* <= why IE doesn't inherit this ? */ 38 color:#d0d0d0; 39 } 40 H2, #menubar DT { 41 color: #fff48e; 42 } 43 A, INPUT.rateButton { 44 color: #fff; 45 border: none; 46 } 47 A:hover { 48 color: #FFF48E; 49 } 50 #copyright { 51 color: black; 52 } 53 #copyright a { 54 color: #FF7700; 55 } 56 57 /* Arrières plans */ 58 BODY, H3, #imageBar, #imageToolBar A:hover { 59 background: #393737 60 } 61 BODY { 62 background: #EAEAEA url(images/background-0.png) repeat-x top; 63 } 64 H2 { 65 background-image: url(images/tableh1_bg.png); 66 color: #fff48e; 67 } 68 #imageHeaderBar H2 { 69 background-image: none; 70 background-color: transparent; 71 border: none; 72 } 73 #imageHeaderBar { 74 background-image: url(images/tableh2_bg.png); 75 background-repeat: repeat-x; 76 background-position: center; 77 border-top: 1px solid #000; 78 } 79 .content, #imageToolBar, .header_notes { 80 background-color: black; 81 } 82 #imageToolBar { 83 background-color:#505050; 84 } 85 86 /* Bordures */ 87 .content{ 88 border: 1px solid #252525; 89 margin: 0; 90 } 91 H2, #imageToolBar { 92 border-bottom: 1px solid #000; 93 } 94 FIELDSET, INPUT, SELECT, TEXTAREA, 95 .content DIV.thumbnailCategory { 96 border: 1px solid gray; 97 } 98 .content UL.thumbnails SPAN.wrap2 { 99 border: 1px solid #aaaaaa; /* thumbnails border color and style */ 100 } 101 .content UL.thumbnails SPAN.wrap2:hover, 102 .content UL.thumbnailCategories DIV.thumbnailCategory:hover, 103 .content UL.thumbnailCategories DIV.thumbnailCategory:hover A { 104 background-color: #faebd7; 105 border-color: yellow; /* thumbnails border color when mouse cursor is over it */ 106 color: black; 107 } 108 #thePicturePage { 109 border:1px solid white; 110 } 111 112 /* Les polices */ 113 h2 { 114 font-family:Mon-menu; 115 font-size:18px; 116 font-style:italic; 117 font-weight:normal; 118 } 119 .content ul.thumbnails span.thumbLegend { 120 height: 100%; 121 } 122 .content div.thumbnailCategory div.description div.text p { 123 font-family:Trebuchet MS; 124 } 125 .stuffs_block { 126 font-family:Comic Sans MS; 127 } 128 129 /* Plugin PWG_Stuff, permet d'afficher les derniers commentaires sur 2 colonnes. */ 130 .content #comments ul.thumbnailCategories li { 131 width:49.9%; 132 } 133 134 /* Affichage des tags avec le plugin Cumulus cloud tags */ 135 .tagLetter table.tagLetterContent { 136 font-size:100%; 137 } 138 139 /* Modifications pour RV Mpas & Earth */ 140 #theImage #mapPicture { 141 width: 280px; 142 } 143 #theImage #map { 144 height:600px; 145 min-height:512px; 146 position: relative; 147 background-color: rgb(229, 227, 223); 148 left: 290px; 149 right: -290px; 150 margin-right: 290px; 151 } 152 153 /* Plugin Whois Online */ 154 .Online { 155 font-size: 11px; 156 color: #444444; 157 } 158 .Online a { 159 color: black; 160 } 161 162 /* Correction du centrage du cadre de la catégorie */ 163 .content ul.thumbnailCategories { 164 padding-left: 4px; 165 } 166 167 /* Centrage modifications de la caractéristique de la catégorie. */ 168 .content div.thumbnailCategory div.description div.text p.Nb_images { 169 border-top:1px solid #808080; 170 color:#FF9960; 171 font-style:italic; 172 text-align:center; 173 } 174 175 /* Centrage modifications du nom de la catégorie. */ 176 .content div.thumbnailCategory div.description h3 { 177 font-weight: bold; 178 text-align:center; 179 } 180 181 /* Modifications de la description de la catégorie. */ 182 .content div.thumbnailCategory div.description div.text p { 183 color:#996060; 184 } 185 186 /* Correction du centrage de la miniature */ 187 .content div.thumbnailCategory div.illustration { 188 text-align: center; 189 margin: 2px; 190 } 191 192 /* Plus de place pour le texte des catégories */ 193 .content ul.thumbnails span.wrap2, .content div.thumbnailCategory div.description { 194 height: 190px; 195 } 196 .content div.thumbnailCategory div.description .text { 197 text-align: justify; 198 padding-right:5px; 199 } 200 .content div.thumbnailCategory div.description { 201 202 } 203 204 /* Correction de l'affichage de la liste des tags */ 205 ul.tagSelection { 206 width:100%; 207 } 208 ul.tagSelection li{ 209 float:left; 210 width:150px!important; 211 overflow:hidden; 212 } 213 214 /* Tips pour picture.tpl */ 215 #theImage img { 216 margin-top: 10px; 217 } 218 #theImage p { 219 color: #000; 220 font-style:italic; 221 margin:10px auto auto; 222 position:relative; 223 width:800px; 224 } 225 #linkPrev, #linkNext { 226 display: none; 227 } 228 /* Mise en page du tableau */ 229 TABLE.infoTable { 230 width:920px; 231 background: #505050; 232 } 233 TABLE.infoTable .label { 234 background-color: #2F0000; 235 font-weight: bold; 236 text-align: left; 237 padding-right: 0.5em; 238 padding-left: 3px; 239 } 240 TABLE.infoTable { 241 border: solid 1px; 242 margin-top: 6px; 243 } 244 TABLE.infoTable .value p { 245 width: 320px; 246 margin: 0px; 247 } 248 TABLE.infoTable .value { 249 max-width: 320px; 250 } 251 TABLE.infoTable .label { 252 width: 100px; 253 } 254 TABLE.infoTable .value p a, input.rateButton { 255 border-width:0; 256 color:#FF7700; 257 } 258 /* Modification de zone de commentaires */ 259 #comments fieldset { 260 margin: auto; 261 padding: 0; 262 background-color: #F0F0F0; 263 color: black; 264 } 265 #comments fieldset legend { 266 margin-left: 10px; 267 background: #F0F0F0; 268 } 269 #thePicturePage form.filter fieldset ul, #thePicturePage form.filter fieldset label { 270 display:block; 271 float:none; 272 margin-right:0; 273 padding:0; 274 } 275 table.commentr { 276 margin-top: -20px; 277 margin-bottom: -10px; 278 } 279 table.commentr td { 280 height: 138px; 281 } 282 #outils { 283 padding-top: 17px; 284 } 285 form.filter input[type="submit"] { 286 margin-top:0; 287 } 288 form fieldset p { 289 margin-top:0; 290 } 291 #comments { 292 border-width:0; 293 padding:5px; 294 } 295 #theImage table { 296 background-color: #D3D3D3; 297 border:1px solid #000; 298 width: 800px; 299 margin:10px auto 0; 300 } 301 #comments { 302 width: 910px; 303 margin: 0 auto; 304 background-color: #505050; 305 } 306 #comments h3 { 307 margin:14px -5px; 308 padding:0 7px; 309 } 310 #comments table tbody tr td select { 311 width: 95px; 312 } 313 #comments SPAN.author { 314 font-weight:bold; 315 } 316 #comments blockquote { 317 border-color:black; 318 border-style:solid; 319 border-width:0 0 0 2px; 320 padding-left:5px; 321 font-style:italic; 322 } 323 #comments fieldset legend { 324 margin-left: 10px; 325 } 326 form.filter fieldset ul, form.filter fieldset label { 327 padding-top: 5px; 328 padding-left: 5px; 329 } 330 table.commentr { 331 margin-top: -20px; 332 margin-bottom: -10px; 333 } 334 335 /* Tip pour la page d'accueil */ 336 /* Concerne PWG_Stuffs */ 337 /* A adapter */ 338 #stuffs_block_3 #comments { 339 width: 100%; 340 } 341 342 /* Modification pûrement visuel et esthétique modifiant l'affichage de l'enveloppe sous une miniature nouvelle */ 343 .content ul.thumbnails span.thumbLegend img { 344 position:relative; top:-3px; 345 } 346 347 /* Tip personnel pour un bloc */ 348 /* Utilisez PWG_Stuffs */ 349 /* Bloc privé */ 350 #stuffs_block_10 div.personal_block{ 351 display:none; 352 } 353 #stuffs_block_10:hover div.personal_block{ 354 display:block; 355 } 356 357 /* Pour IE et Chrome surtout */ 358 .content ul.thumbnailCategories { 359 width: 99%; 360 } 361 362 363 364 /* Modifications de la tailles des miniatures. L'expemple ci-dessous suppose une taille de 200px de coté pour les miniatures.*/ 365 /* A vous d'adapter en fonction de vos propres miniatures et choix esthétique.*/ 366 367 .content DIV.thumbnailCategory DIV.description { 368 padding-left: 0px /* For Sylvia theme only */ 369 } 370 .content div.thumbnailCategory div.illustration { 371 text-align:center; 372 } 373 .content div.thumbnailCategory div.illustration { 374 width:170px; /* Usable range 162px-360px , optimal : Thumbnail width + 10px */ 375 margin-top:19px; 376 } 377 .content div.thumbnailCategory { 378 height: 200px; /* Usable range 172px-250px , optimal : Thumbnail height + 10px */ /* For Slyvia theme, Thumbnail height + 40px */ 379 } 380 .content div.thumbnailCategory div.description .text { 381 height: 110px; /* Optimal : Thumbnail height - 50px */ 382 } 383 #comments div.thumbnailCategory div.illustration { 384 width: 255px; /* Usable range 219px-360px , optimal : Thumbnail width + 95px */ 385 } 386 .content ul.thumbnails span, 387 .content ul.thumbnails span.wrap2 a, 388 .content ul.thumbnails label { 389 width: 170px; /* Optimal : Thumbnail width + 10px */ 390 } 391 392 /* Set defaults for thumbnails legend ( modifie le nbre de ligne sous les vignettes)*/ 393 #content UL.thumbnails SPAN.thumbLegend { 394 display: block; /* display: none; if you don't want legend */ 395 height: 5em; /* legend height (don't set auto to be Gecko friendly)*/ 396 } 397 398 399 400 401 402 403 404 405 406 407 408 409 410 411 412 413 414 415 #menubar { 416 height:2.1em; 417 margin:-2px auto 3px; 418 position:relative; 419 width:980px; 420 z-index:2; 421 padding-bottom:25px; 422 display:block; 423 float:none; 424 } 425 426 #menubar #menuTagCloud a { 427 display:inline; 428 } 429 430 #menubar #menuTagCloud span { 431 display:block; 432 padding:0.5em 0; 433 text-align:left; 434 } 435 436 #menubar .button { 437 border:medium none; 438 float:right; 439 left:95%; 440 list-style-image:none; 441 list-style-position:outside; 442 list-style-type:none; 443 margin:-2px 2px 2px; 444 padding:0; 445 position:absolute; 446 text-align:center; 447 text-indent:0; 448 width:auto; 449 } 450 451 #menubar a,#menubar dt a,#menubar dd a { 452 border:0; 453 color:#fff; 454 display:block; 455 text-decoration:none; 456 } 457 458 #menubar a,#menubar dt,div#menubar dl:hover dd,div#menubar ul li:hover ul,div#menubar ul ul li:hover ul,div#menubar ul ul ul li:hover ul,div#menubar ul ul ul ul li:hover ul,div#menubar ul ul ul ul ul li:hover ul { 459 display:block; 460 } 461 462 #menubar a:hover,#menubar dt:hover { 463 color:#fff; 464 } 465 466 #menubar dd { 467 background:#333; 468 border:1px solid #8c8c8c; 469 position:absolute; 470 text-align:left; 471 z-index:500; 472 } 473 474 #menubar dd a { 475 padding:0.5em; 476 } 477 478 #menubar dd a:hover { 479 background-color:#333; 480 border:1px solid #8c8c8c; 481 color:#FFF; 482 font-style:italic; 483 } 484 485 #menubar dd ul ul { 486 background-color:#fff; 487 border:1px solid #8c8c8c; 488 left:100%; 489 position:absolute; 490 top:0; 491 z-index:500; 492 } 493 494 #menubar dl { 495 display:inline; 496 height:25px; 497 text-align:center; 498 width:25%; 499 } 500 501 #menubar dl dd p { 502 border-bottom:1px solid #000; 503 } 504 505 #menubar dt { 506 background-image:url("images/tableh1_bg.png"); 507 border:0; 508 color:#fff48e; 509 padding:5px 0; 510 } 511 512 #menubar li { 513 position:relative; 514 } 515 516 #menubar li a { 517 background:#3f3f3f none repeat scroll 0 0; 518 } 519 520 #menubar li span { 521 right:7px; 522 } 523 524 #menubar li span,#menubar li IMG { 525 padding-left:4px; 526 position:absolute; 527 top:7px; 528 } 529 530 #menubar li span.bullet,div#menubar dd,div#menubar ul ul,div#menubar ul li:hover ul ul,div#menubar ul ul li:hover ul ul,div#menubar ul ul ul li:hover ul ul,div#menubar ul ul ul ul li:hover ul ul { 531 display:none; 532 } 533 534 #menubar li:hover { 535 background:#3f3f3f; 536 } 537 538 #menubar p,#menubar p.totalimages,#menubar p,#menubar p.totalimages,form#quickconnect { 539 clear:both; 540 margin:0; 541 padding:0.2em; 542 text-align:center; 543 } 544 545 #menubar ul { 546 width:20em; 547 } 548 549 #menubar ul li a { 550 margin-left:25px; 551 padding-right:3em; 552 } 553 554 #menubar ul,#menubar dl,#menubar ul#menuTagCloud { 555 float:left; 556 list-style:none; 557 margin:0; 558 padding:0; 559 } 560 561 #menubar ul,#menubar li { 562 background:#333 none repeat scroll 0 0; 563 } 564 565 #menubar ul.rvTree ul { 566 padding-left:0 !important; 567 } 568 569 body#theadminpage #menubar { 570 border:none; 571 display:block; 572 float:none; 573 margin:5px auto; 574 width:898px; 575 } 576 577 form#quickconnect .button { 578 left:50px; 579 position:relative; 580 top:-20px; 581 } 582 583 form#quickconnect fieldset { 584 padding-top:5px; 585 text-align:left; 586 width:19em; 587 } 588 589 form#quickconnect label { 590 clear:left; 591 } 592 593 form#quickconnect label input { 594 font-size:1em; 595 } 596 597 form#quickconnect p,form#quickconnect a { 598 border:none; 599 padding:0; 600 } 601 602 form#quicksearch { 603 border-bottom:1px solid #000; 604 padding:0 0 0 15px; 605 } 606 607 608 609 610 611 612 613 614 615 616 617 618 619 620
Note: See TracChangeset
for help on using the changeset viewer.