| 1 | /* ----Thème GBO_HK3 --- */ |
|---|
| 2 | body {background:#080808} |
|---|
| 3 | /* Common styles -------- */ |
|---|
| 4 | h2, h3 , a, a:link {color:#C92;text-decoration:none;border:0} |
|---|
| 5 | a:hover{color:#Fafafa;text-decoration:none} |
|---|
| 6 | pre {overflow:auto;width:100%;height:auto} |
|---|
| 7 | img{border:0} |
|---|
| 8 | H2{font-size:1.1em;background:url(img/fond_h2.png) repeat-x;border:1px solid #6D6D6D;margin:2px 0 0 0} |
|---|
| 9 | #comments H3 {margin:0 0 2px 0} |
|---|
| 10 | /* Page -------- */ |
|---|
| 11 | .content div.titrePage {padding:0 0 1px} |
|---|
| 12 | #the_page{width:998px;margin:auto} |
|---|
| 13 | #the_page {position:relative;background:#131313;color:#e2dfd4;border:1px solid #e2dfd4} |
|---|
| 14 | .content {margin:0} |
|---|
| 15 | /*Page Catégories -----*/ |
|---|
| 16 | .content div.thumbnailCategory div.description h3 {font-size:1em} |
|---|
| 17 | /* nb de thumb by line */ |
|---|
| 18 | .content ul.thumbnailCategories li {width:33.3%} |
|---|
| 19 | /* ---categories home page-*/ |
|---|
| 20 | .content div.thumbnailCategory {height:118px;overflow:hidden} |
|---|
| 21 | .content div.thumbnailCategory , .tags_block{display:block;text-align:left;background:url(img/fond_cat.png);margin:2px;border-top: 1px solid #c92 ;border-left:1px solid #c92} |
|---|
| 22 | div.illustration img{border:2px solid #d0d0d0;margin:4px 0 0 4px;-moz-border-radius:4px;border-radius:4px;max-width: 128px; max-height: 105px} |
|---|
| 23 | div.illustration img:hover {border:2px solid #C92} |
|---|
| 24 | .tags_block{min-height: 55px} |
|---|
| 25 | /* Add Ex-FTB diapo for thumbnails */ |
|---|
| 26 | .content ul.thumbnails span, .content ul.thumbnails span.wrap2 a{width:150px;} |
|---|
| 27 | .content UL.thumbnails SPAN.wrap2 {background-image:url(img/noir.png);height:150px} |
|---|
| 28 | .content UL.thumbnails SPAN.wrap2:hover {background-image:url(img/blanc.png)} |
|---|
| 29 | .content UL.thumbnails SPAN.wrap2 IMG {border:1px solid #222} |
|---|
| 30 | .content UL.thumbnails SPAN.thumbLegend {display:block;height:2.8em;font-size:.9em} |
|---|
| 31 | .nb-hits {color:#69c} |
|---|
| 32 | .nb-comments {color:#f92} |
|---|
| 33 | /*Page Image--*/ |
|---|
| 34 | #imageHeaderBar .browsePath ,#imageHeaderBar .browsePath a {color:#C92;text-decoration:none;font-weight:bold} |
|---|
| 35 | #imageHeaderBar .browsePath a:hover {color:#F0F0F0} |
|---|
| 36 | /*Menu------*/ |
|---|
| 37 | #menubar {position:relative;z-index:2} |
|---|
| 38 | .content {position:relative;z-index:1} |
|---|
| 39 | /* horizontal menubar */ |
|---|
| 40 | #menubar {float:none;width:100%;margin:2px 0 -1px 0;border:none;display:block; |
|---|
| 41 | background-image:url(img/fond_titre.png);background-repeat:repeat-x} |
|---|
| 42 | /* set menubar height (not for IE) */ |
|---|
| 43 | #the_page > #menubar {height:2.1em; padding:0} |
|---|
| 44 | #menubar DL>DT{padding:.2em .2em} |
|---|
| 45 | /* general UL formating */ |
|---|
| 46 | #menubar UL,#menubar DL{list-style:none;margin:0; padding:0;float:left} |
|---|
| 47 | #menubar DL {display:inline;padding:0 1em} |
|---|
| 48 | /* Bt filter */ |
|---|
| 49 | #menubar .button {position:absolute;left:95%;z-index:3} |
|---|
| 50 | #menubar P,#menubar P.totalImages{clear:both; margin:0; text-align:center; padding:0.2em} |
|---|
| 51 | /* titles and links */ |
|---|
| 52 | #menubar A,#menubar DT {display:block} |
|---|
| 53 | /* positioning */ |
|---|
| 54 | #menubar DD {position:absolute;z-index:500;background-color:#555;color:#FaFaFa;margin:0} |
|---|
| 55 | #menubar DD UL,#menuTagCloud{background-color:#555;color:#FBFBFB;width:17.5em;} |
|---|
| 56 | #menubar LI{position:relative;margin:0;padding:0;height:1.5em} |
|---|
| 57 | #menubar DD UL LI a {width:14.3em;overflow:hidden;height:1.1em} |
|---|
| 58 | #menubar form{width:16.5em;overflow:hidden;} |
|---|
| 59 | #menubar DD UL UL {position:absolute; top:0; left:102%; z-index:500} |
|---|
| 60 | #menubar .menuInfoCatByChild,#menubar .menuInfoCat{position:absolute;top:0;right:9px} |
|---|
| 61 | #menubar .icon{position:absolute;top:0;right:2.6em} |
|---|
| 62 | /* hiding and revealing up to 5 menu levels */ |
|---|
| 63 | #menubar A, |
|---|
| 64 | #menubar DL:hover DD, |
|---|
| 65 | #menubar DD UL LI:hover UL, |
|---|
| 66 | #menubar DD UL UL LI:hover UL, |
|---|
| 67 | #menubar UL UL LI UL LI:hover UL, |
|---|
| 68 | #menubar UL UL LI UL LI UL LI:hover UL{display:block} |
|---|
| 69 | #menubar DD, |
|---|
| 70 | #menubar UL UL,#menubar UL LI:hover UL UL, |
|---|
| 71 | #menubar UL UL LI:hover UL UL,#menubar UL UL UL LI:hover UL UL , |
|---|
| 72 | #menubar UL UL UL UL LI:hover UL UL{display:none} |
|---|
| 73 | /* bords arrondis */ |
|---|
| 74 | #menubar DD,#menubar DL,#menubar DD UL,#menubar li:hover , |
|---|
| 75 | .content div.thumbnailCategory {-moz-border-radius:4px; border-radius:4px;} |
|---|
| 76 | #menubar DD,#menubar UL UL{ margin-left:-1em;border:1px solid #000} |
|---|
| 77 | /* survol */ |
|---|
| 78 | #menubar DT:hover ,#menubar DT a:hover ,#menubar a{color:#f0f0f0} |
|---|
| 79 | #menubar a:hover {color:#000} |
|---|
| 80 | #menubar li:hover{background:url(img/survol.png) repeat-x;color:#000;z-index:600} |
|---|
| 81 | #menubar dl:hover{background:url(img/survol1.png) repeat-x;color:#000;z-index:600} |
|---|
| 82 | #mbAMM_randompict a:hover{background:transparent} |
|---|
| 83 | #menubar DD A {padding:.1em 0 .4em 0.5em} |
|---|
| 84 | /*quickconnect -----*/ |
|---|
| 85 | FORM#quickconnect,.zero {display:none} |
|---|
| 86 | /*--menuTagCloud ---------*/ |
|---|
| 87 | #menuTagCloud span A {text-align:left;font-size:.85em;display:inline} |
|---|
| 88 | /* --commentaires -----*/ |
|---|
| 89 | #theCommentsPage #comments div.thumbnailCategory , #thePicturePage #comments div.thumbnailCategory {background:none;overflow:hidden;border:1px solid #c92;-moz-border-radius:6px;border-radius:6px;margin:3px;padding:1px} |
|---|
| 90 | #addComment LABEL{display:block;float:none;margin:.5em;padding:0 3px 0 3px} |
|---|
| 91 | legend{color:#c92;font-style: italic;} |
|---|
| 92 | FORM.filter FIELDSET INPUT[type=submit]{float:right;margin:1em 45% 0 0} |
|---|
| 93 | /*calendar---------*/ |
|---|
| 94 | UL.categoryActions, DIV.calendarViews {padding-right:5px} |
|---|
| 95 | /* -- Footer -------- */ |
|---|
| 96 | #copyright a:link,#copyright a:visited {text-decoration:none;color:#C92} |
|---|
| 97 | #copyright a:hover {text-decoration:none;color:#C92;border:0} |
|---|
