source: extensions/Juza/theme.css @ 14820

Last change on this file since 14820 was 4716, checked in by vdigital, 15 years ago

[Update] - Juza Theme is full working (Not tested with plugins).

Recommended organization: Don't mixed Pictures and subcategories in a category.

  • Property svn:eol-style set to LF
  • Property svn:keywords set to Author Date Id Revision
File size: 6.4 KB
RevLine 
[4439]1/* template css */
2@import "based_on_grum_Dark-II.css";
3/* Ok, Now overrides */
[4530]4html body * {background-color: transparent; margin:0;padding:0; outline:0;}
[4439]5html body {background-color: #0; margin:0;padding:0;}
[4659]6html body #the_page { background-color: #292929 !important; width:1240px;margin:10px auto; min-height: 100%; height: 100%; border: 1px solid #fff !important; }
[4439]7body, h1, h2, h3, dt, #menubar dt, .throw, INPUT.rateButtonSelected {color:#ddffdd;}
[4659]8#content .pageNumberSelected { color: #72ffb7; }
[4439]9.content div.titrePage ul.categoryActions { display: none; } 
[4659]10.content div.thumbnailCategory div.description { position:relative; width:100%; z-index:10; overflow: hidden; height:auto; top:0px;}
[4439]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; }
[4482]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; }
[4474]15.content div.thumbnailCategory div.description ul { margin: 10px 5px 5px 30px; }
[4716]16.content div.thumbnailCategory div.description.Juza-desc { he }
[4659]17/* .content ul.thumbnailCategories li { width:100%; }  Let user choice in case of noscript */
18.content ul.thumbnailCategories li.Juza-cat { margin:0 0 20px; height:auto; min-height:auto; }
[4439]19.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; }
20.content ul.thumbnails span.wrap1 .thumbLegend { display: none !important; }
21.content ul.thumbnails span.wrap2 { -moz-border-radius: 0; border-radius: 0; }
22.content ul.thumbnails span.wrap2 img.thumbnail { margin:auto; border: 1px solid #111; }
[4716]23.content div.thumbnailCategory div.Juza-desc ul { width:280px; }
24.content ul.thumbnailCategories div.Juza-desc li { width:280px; }
[4659]25#copyright { margin-top: 0px; }
[4498]26#copyright * { color: #383838; }
27form.filter fieldset label textarea { display:block; margin:0.5em auto; color: #ddffdd; }
28fieldset { margin:1em !important; padding:1em !important; }
[4659]29fieldset#Juza_config_fs { border: 0px; }
[4530]30#content UL.thumbnails LI SPAN.wrap1 SPAN.wrap2:hover { background-color: #181818; }
[4498]31div.illustration { overflow: hidden; }
32div.illustration img { border: 0; margin-left: 0px; }
[4716]33.bigImg { position:relative; width:auto; }
[4498]34img.icon[alt="(!)"] { display: none; }
[4659]35input.Juza_conf, a { color: #FB9700 !important }
36input.Juza_conf:hover, a:hover { color: #ef5810 !important }
37input[type="submit"].Juza_conf { border:0;margin-top: 7; margin-bottom: 0;background-color: transparent !important; font-weight:normal; }
[4461]38input[type="text"], input[type="password"], input[type="button"], input[type="submit"], input[type="reset"], input[type="file"] {
39  background-color:#D3D3D3 !important; }
[4530]40#content, #content *,.content, .content *, .titrePage, #content div.thumbnailCategory { background-color: transparent; }
[4659]41#menubar { display:none; background-color: #222; position: absolute; right: 2%; z-index: 9999; top: 135px; }
[4530]42#menubar.displayed { display: block; }
43#menubar *, #menubar dt, #menubar dl { background-color: #222; }
[4659]44#menubar #menuTagCloud span { white-space:normal; }
[4530]45select, textarea { color:#ddffdd; background-color:#222 !important; }
46#imageToolBar, .header_notes { background-color: transparent; }
[4498]47#jquery_local_img { text-align: center; margin-top: 5px; min-height: 600px; height: 600px; /* linked to Area Mapping */ }
[4659]48a.Juza_conf { display: none; }
[4482]49#Juza_config input[type="text"], #Juza_config input[type="checkbox"] { float:left; margin:6px auto auto 4px; }
50#Juza_config input[type="submit"] { margin:10px auto 15px;  }
51#Juza_config .range { text-align: left; float: left; margin-left: 10px; font-style:italic; }
[4659]52#JuzaBox {width:100%; margin:50px 0px; text-align:center; display:none;}
53#JuzaWrap {width:800px; background-color:#292929; border:3px #6DAA37 solid; margin:auto; margin-left:20%; color:#ddffdd; position:fixed;  z-index:9999; top: 115px;}
54#JuzaShade {width:100%; height:100%; position:absolute; top:0px; left:0px; background:#000; -moz-opacity:0.5; -khtml-opacity:0.5; opacity:0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); display:none; z-index:9998;}
55#JuzaCloseBox { width:16px; height:16px; line-height:15px; background-color:#6DAA37; position:absolute; top:5px; right:10px; cursor:pointer;}
56#jquery_local_img #relTag dt { display:none; }
[4498]57.juzabar { margin: 12pt 0 6pt; font-size: 10pt; width: 100%; background-color: #353735 !important; text-align: center; }
[4659]58.juzabar td.JS_active { display: none; }
59table.juzabar td { width: 155px; }
[4494]60legend .legend { padding: 0 10px; }
[4498]61.maxIllustration { left:20px; margin-bottom:35px; max-width:100% !important; position:relative; top:30px; width:100% !important; }
[4659]62.maxIllustration a { overflow: hidden; display: block; position:relative; z-index:12; float:right; max-height: auto; height: auto; width:auto; }
[4498]63.middle_block h2, h2 { color: #6daa37; font-size:16px; text-align: center; } 
[4716]64#copyright a .Piwigo { color: #6daa37; }
65#copyright a:hover  .Piwigo { color: #ef5810; }
[4498]66.middle_block * { font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11pt; text-align:left; }
[4537]67.content div.thumbnailCategory div.description p { display:none; }
68.content div.thumbnailCategory div.description p.Nb_images { display:block; }
[4498]69#imageHeaderBar .browsePath { color: #6DAA37; }
70#imageHeaderBar  h2, .menuInfoCat,
71#imageToolBar  .randomButtons img, #menubar, table.infoTable, 
[4530]72h3 img.icon { display: none;}
[4498]73#imageToolBar  .randomButtons img[alt="slideshow"] { display: inline; }
74div.description div.text p.Nb_images { border-width: 0; }
75#relTag { width: 80%; margin: 20px auto; }
76#relTag * { margin: 3px; text-align: center; }
77#thePicturePage .thumbnailCategories * { margin: 5px auto 3px 20px; }
78#theHeader { height: 90px;}
79#theHeader h1 { font-family:Verdana,Arial,Helvetica,sans-serif; font-size:60px; font-style:normal; font-weight:normal; line-height:0.89em; color: #fff;}
80#theHeader p { font-family:Verdana,Arial,Helvetica,sans-serif; font-size:20px; letter-spacing:5px; line-height:2.1em; colour: #fff; }
[4659]81#the_page #imageToolBar { top:0px; }
82#theNotificationPage #menubar dl, #thePopuphelpPage #menubar dl { margin:0; }
Note: See TracBrowser for help on using the repository browser.