| 1 | /* template css */ |
|---|
| 2 | @import "based_on_grum_Dark-II.css"; |
|---|
| 3 | /* Ok, Now overrides */ |
|---|
| 4 | html body * {background-color: transparent; margin:0;padding:0; outline:0;} |
|---|
| 5 | html body {background-color: #0; margin:0;padding:0;} |
|---|
| 6 | html body #the_page { background-color: #292929 !important; width:1240px;margin:10px auto; height: 100%; border: 1px solid #fff !important; } |
|---|
| 7 | body, h1, h2, h3, dt, #menubar dt, .throw, INPUT.rateButtonSelected {color:#ddffdd;} |
|---|
| 8 | #content .pageNumberSelected {color: #52ff97; color: #72ffb7;} |
|---|
| 9 | .content div.titrePage ul.categoryActions { display: none; } |
|---|
| 10 | .content div.thumbnailCategory div.description { position:relative; width:100%; z-index:10; overflow: hidden; } |
|---|
| 11 | .content ul.thumbnails span, .content ul.thumbnails label, .content div.thumbnailCategory div.illustration { width:135px; } |
|---|
| 12 | .content { margin:0 3em !important; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:10pt; } |
|---|
| 13 | .content .thumbnailCategory { border: 0 solid #383838 !important; border-top-width: 0.5px !important; margin-bottom:15px; /* height:155px; min-height:280px;*/ } |
|---|
| 14 | .content div.thumbnailCategory div.description h3 { position:relative; top:10px; z-index:11; } |
|---|
| 15 | .content div.thumbnailCategory div.description ul { margin: 10px 5px 5px 30px; } |
|---|
| 16 | .content ul.thumbnailCategories li { width:100%; } |
|---|
| 17 | .content ul.thumbnailCategories li.Juza-cat { margin:0 0 20px; } |
|---|
| 18 | .content ul.thumbnails span.wrap1 { background-color: #000 !important; width: 140px; height: 140px; min-width: 140px; min-height: 140px; max-width: 140px; max-height: 140px; margin:0 2px 2px 0; border: 1px solid #444; } |
|---|
| 19 | .content ul.thumbnails span.wrap1 .thumbLegend { display: none !important; } |
|---|
| 20 | .content ul.thumbnails span.wrap2 { -moz-border-radius: 0; border-radius: 0; } |
|---|
| 21 | .content ul.thumbnails span.wrap2 img.thumbnail { margin:auto; border: 1px solid #111; } |
|---|
| 22 | #copyright * { color: #383838; } |
|---|
| 23 | form.filter fieldset label textarea { display:block; margin:0.5em auto; color: #ddffdd; } |
|---|
| 24 | fieldset { margin:1em !important; padding:1em !important; } |
|---|
| 25 | #content UL.thumbnails LI SPAN.wrap1 SPAN.wrap2:hover { background-color: #181818; } |
|---|
| 26 | div.illustration { overflow: hidden; } |
|---|
| 27 | div.illustration img { border: 0; margin-left: 0px; } |
|---|
| 28 | .bigImg { position:relative; } |
|---|
| 29 | img.icon[alt="(!)"] { display: none; } |
|---|
| 30 | input.conf, a { color: #FB9700 !important } |
|---|
| 31 | input.conf:hover, a:hover { color: #ef5810 !important } |
|---|
| 32 | input[type="submit"].conf { border:0;margin-top: 7; margin-bottom: 0;background-color: transparent !important; font-weight:normal; } |
|---|
| 33 | input[type="text"], input[type="password"], input[type="button"], input[type="submit"], input[type="reset"], input[type="file"] { |
|---|
| 34 | background-color:#D3D3D3 !important; } |
|---|
| 35 | #content, #content *,.content, .content *, .titrePage, #content div.thumbnailCategory { background-color: transparent; } |
|---|
| 36 | #menubar { display:none; background-color: #222; position: absolute; right: 2%; z-index: 9999; } |
|---|
| 37 | #menubar.displayed { display: block; } |
|---|
| 38 | #menubar *, #menubar dt, #menubar dl { background-color: #222; } |
|---|
| 39 | select, textarea { color:#ddffdd; background-color:#222 !important; } |
|---|
| 40 | #imageToolBar, .header_notes { background-color: transparent; } |
|---|
| 41 | #jquery_local_img { text-align: center; margin-top: 5px; min-height: 600px; height: 600px; /* linked to Area Mapping */ } |
|---|
| 42 | #Juza_config input[type="text"], #Juza_config input[type="checkbox"] { float:left; margin:6px auto auto 4px; } |
|---|
| 43 | #Juza_config input[type="submit"] { margin:10px auto 15px; } |
|---|
| 44 | #Juza_config .range { text-align: left; float: left; margin-left: 10px; font-style:italic; } |
|---|
| 45 | .juzabar { margin: 12pt 0 6pt; font-size: 10pt; width: 100%; background-color: #353735 !important; text-align: center; } |
|---|
| 46 | legend .legend { padding: 0 10px; } |
|---|
| 47 | .maxIllustration { left:20px; margin-bottom:35px; max-width:100% !important; position:relative; top:30px; width:100% !important; } |
|---|
| 48 | .maxIllustration a { overflow: hidden; display: block; position:relative; z-index:12; float:right; } |
|---|
| 49 | .middle_block h2, h2 { color: #6daa37; font-size:16px; text-align: center; } |
|---|
| 50 | .middle_block * { font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11pt; text-align:left; } |
|---|
| 51 | |
|---|
| 52 | #imageHeaderBar .browsePath { color: #6DAA37; } |
|---|
| 53 | #imageHeaderBar h2, .menuInfoCat, |
|---|
| 54 | #imageToolBar .randomButtons img, #menubar, table.infoTable, |
|---|
| 55 | h3 img.icon { display: none;} |
|---|
| 56 | #imageToolBar .randomButtons img[alt="slideshow"] { display: inline; } |
|---|
| 57 | div.description div.text p.Nb_images { border-width: 0; } |
|---|
| 58 | #relTag { width: 80%; margin: 20px auto; } |
|---|
| 59 | #relTag * { margin: 3px; text-align: center; } |
|---|
| 60 | #thePicturePage .thumbnailCategories * { margin: 5px auto 3px 20px; } |
|---|
| 61 | #theHeader { height: 90px;} |
|---|
| 62 | #theHeader h1 { font-family:Verdana,Arial,Helvetica,sans-serif; font-size:60px; font-style:normal; font-weight:normal; line-height:0.89em; color: #fff;} |
|---|
| 63 | #theHeader p { font-family:Verdana,Arial,Helvetica,sans-serif; font-size:20px; letter-spacing:5px; line-height:2.1em; colour: #fff; } |
|---|
