source: extensions/PwgCarbon_dft/theme.css @ 20765

Last change on this file since 20765 was 19209, checked in by Miklfe, 12 years ago
File size: 16.4 KB
Line 
1html{height:100%}
2BODY{background-image:url(images/background/bg1.png);background-color:#FFD11D;padding:0;margin:0;min-width:800px;width:100%;color:#FFD11D}
3H1,H3,INPUT.rateButtonSelected{color:#FFF}
4A,INPUT.rateButton{color:#FFF;border:medium none;text-decoration:none}
5A:hover{color:#C2C2C2;text-decoration:none;border-bottom:medium none}
6FIELDSET{border:0 none;background:url(images/bg_content.png) repeat scroll 0 0 transparent}
7INPUT[type=submit],INPUT[type=reset]{cursor:pointer;background:-moz-linear-gradient(center top , #555555, #2C2C2C) repeat scroll 0% 0% transparent;margin:0 5px;padding-bottom:4px;min-width:150px;width:auto;height:25px;text-align:center;color:#C5C5C5;border-radius:8px 8px 8px 8px;text-shadow:0px 1px 0px rgba(255,255,255,0.2);box-shadow:0px 0px 5px rgba(0,0,0,0.5), 0px -1px 0px rgba(255,255,255,0.4)}
8INPUT[type=submit]:hover,INPUT[type=reset]:hover{color:#222;background:-moz-linear-gradient(center top , #777777, #333333) repeat scroll 0% 0% transparent}
9INPUT[type=submit]:active,INPUT[type=reset]:active{color:#000;background:-moz-linear-gradient(center top , #555555, #2C2C2C) repeat scroll 0% 0% transparent;box-shadow:1px 1px 10px #000 inset, 0px 1px 0px rgba(255,255,255,0.4)}
10INPUT[type=text],INPUT[type=password],INPUT[type=file]{margin:0 5px;padding:0;background:none repeat scroll 0 0 #FFF;min-width:150px;width:auto;height:22px;border:0 none;color:#000!important;border-radius:3px 3px 3px 3px}
11INPUT[type=text]:hover,INPUT[type=password]:hover,INPUT[type=file]:hover,SELECT:hover{background:-moz-linear-gradient(right center , #FFFFFF 20%, #E5E5E5 80%) repeat scroll 0% 0% transparent}
12SELECT.categoryList:hover{background:none repeat scroll 0 0 #FFF}
13SELECT{margin:0 5px;padding:0;background:none repeat scroll 0 0 #FFF;min-width:150px;width:auto;height:22px;border:0 none;color:#000!important;border-radius:3px 0 0 3px}
14LEGEND{font-style:normal;font-weight:700;font-size:110%;margin-top:25px}
15.properties LI{list-style:none outside none}
16
17/*======================================================Header======================================================*/
18#header_bgDef{padding-top:30px;background-image:url(images/background/bg4.png);background-color:#FFD11D;height:140px;width:inherit}
19#Header{background-image:url(images/bg_header.png);background-repeat:repeat-x;z-index:10;display:block}
20#header-content{position:relative;width:92%;margin-left:auto;margin-right:auto}
21#theHeader{display:block;position:absolute;right:20px}
22#logo{background:url(images/piwigo_org_logo.png) no-repeat;width:500px;display:block;position:absolute;height:100px;margin-top:20px}
23#headertransi{background:none repeat scroll 0 0 #FFD11D;height:12px}
24#headertransiH{background-image:url(images/htransi.png);background-repeat:repeat-x;height:10px}
25#headertransiB{height:2px;background-image:url(images/btransi.png);background-repeat:repeat}
26
27/*======================================================Content======================================================*/
28#the_page{z-index:100;width:100%;height:0}
29#bg_th_left{background-image:url(images/theme/sprite_theme_left.png);background-position:0 0;width:400px;height:400px;float:left;position:absolute;z-index:-999}
30.content .titrePage{position:relative}
31.categoryActions{float:none;display:block;position:absolute;right:10px}
32#page_content{z-index:100000;background:url(images/border_rigth.png) repeat-y scroll 0 0 transparent;min-width:680px;width:80%;height:auto;min-height:530px;margin:2px auto 30px}
33#page_content1{background:url(images/bg_content.png) repeat scroll 0 0 transparent;margin-left:2px}
34#page_content2{background:url(images/border_rigth.png) repeat-y scroll right center transparent;padding-top:10px;min-height:500px;padding-bottom:20px}
35.content{margin-left:5px;margin-right:5px;margin-bottom:30px;height:auto}
36H2{color:#FFF;background-image:url(images/border_dt.png);background-repeat:repeat-x;background-position:center bottom;height:25px;margin:0 5px 5px;padding:5px 0 0}
37#fullTagCloud{background:url(images/bg_content.png) repeat scroll 0 0 transparent;min-height:500px}
38.switchBox{background-color:gray;z-index:1000;margin-top:30px}
39#sortOrderBox{width:250px}
40
41/*======================================================icon======================================================*/
42.pwg-icon{background-image:url(../default/s26/outline_ffffff.png)}
43A:hover .pwg-icon{background-image:url(../default/s26/outline_808080.png)}
44.pwg-icon-filter{background-image:url(../default/s26/outline_005e89.png)}
45
46/*======================================================Thumbnail page======================================================*/
47.thumbnailCategory{margin-left:auto;margin-right:auto}
48.illustration{position:relative}
49.content ul.thumbnails .wrap1{display:inline-block;margin:20px 20px 5px;text-align:center;vertical-align:top}
50.content UL.thumbnails .wrap2{height:140px}
51.content UL.thumbnails .wrap2 A{margin-top:10px}
52.thumbnail :before{content:""}
53.thumbnail{position:relative}
54.thumbnail .description,.thumbnailCategory DIV.description{height:80px;padding-top:0;background:none repeat scroll 0 0 #000;overflow:hidden;color:#FFF;position:absolute;top:0;left:0;z-index:100;opacity:0;-moz-transition:bottom 1s ease 0s, width 1s ease 0s, opacity 1s ease 0s;width:100%}
55.thumbnail:hover .description,.thumbnailCategory:hover DIV.description{background:none repeat scroll 0 0 #000;opacity:0.65;-moz-transition:bottom 1s ease 0s, width 1s ease 0s, opacity 2s ease 0s}
56.thumbnails SPAN.thumbLegend{height:80px}
57
58/*======================================================Footer======================================================*/
59#footer{background-repeat:no-repeat;background-position:right center;width:100%;bottom:0;height:400px;position:fixed;top:100%;margin:-400px auto 0;z-index:-999}
60#bg_th_right{background-image:url(images/theme/sprite_theme_right.png);background-position:0 0;width:400px;height:400px;float:right}
61#copyright{position:relative;background-color:transparent;text-align:left;padding-left:30px;margin-bottom:0;float:left;height:20px;padding-top:380px}
62
63
64/*======================================================Menu======================================================*/
65#menubar{position:absolute;color:#757575;height:30px;min-width:800px;width:100%;margin:auto;background:url(images/menu/back_nav.png) repeat-x;z-index:1000;top:0;left:0}
66#menubar FORM{margin:0}
67#menubar UL{list-style:none; margin:0}
68.dd_wrapper,.cl_wrapper,.cc_wrapper,#menubar dt,#menubar dt a{float:left;padding:0 16px 6px;font-weight:normal;font-size:100%;color:#FFF;height:30px;line-height:30px;text-decoration:none;text-shadow:0 0 2px #000;text-transform:uppercase}
69.dd_wrapper:hover,.cl_wrapper:hover,.cc_wrapper:hover,#menubar dt:hover,#menubar dt a:hover,.activate{z-index:100;background:url(images/menu/back_nav_hover.png) repeat-x;color:#c2c2c2;padding:0 16px 6px;text-shadow:none}
70#menubar dt a,#menubar dt a:hover{padding:0 0}
71span#menu_start{background:url(images/menu/li_border.png) no-repeat right top;width:85px;float:left;display:block;height:30px}
72span#menu_start a{background:url(images/menu/home_nav.png) no-repeat left top;width:52px;height:30px;padding:0;margin:0 20px 0 25px;display:block;line-height:46px}
73span#menu_start a:hover{background-position:left -30px}
74span#menu_start a:active{background-position:left -60px}
75#topnav{margin:0;padding:0 2px 0 0;list-style:none;height:30px;position:relative;z-index:999;display:inline-block}
76#topnav .liSub{float:left;position:relative;background:url(images/menu/li_border.png) no-repeat right top;padding-right:2px}
77#topnav .sub, #topnav #loger{position:absolute;top:30px;margin-left:0;background:#FFF;padding:5px 8px 10px 5px;float:left;max-width:100em;min-width:200px;display:none;max-height:500px;overflow:auto;border-bottom-right-radius:10px;border-bottom-left-radius:10px;box-shadow:0px 0px 5px #5A5A5A;z-index:100}
78#topnav #loger{z-index:50}
79.sub{z-index:100;max-width:600px}
80.sub p{color:#4C4C4C;font-size:13px;text-shadow:none;text-transform:none}
81.sub a{color:#757575}
82.sub a:hover{color:#4c4c4c}
83ul#topnav .sub ul li,ul#topnav #loger ul li,ul#topnav .sub #menuTagCloud div{width:95%;color:#757575;background:none;font-size:10px;margin-bottom:2px;border:1px solid #CBCBCB;border-radius:10px}
84ul#topnav .sub ul li.selected a{background:url(images/menu/navlist_arrow_hover.png) no-repeat 0 5px;color:#4C4C4C;text-decoration:none;border:none}
85ul#topnav .sub ul .level1 li,ul#topnav .sub ul .level1 li .selected{border:none;background:none}
86ul#topnav .sub ul li a,ul#topnav #loger ul li a{float:none;text-indent:0;height:auto;background:url(images/menu/navlist_arrow.png) no-repeat 0 5px;margin:0 8px;display:block;text-decoration:none;color:#757575;font-size:1.1em;text-shadow:none;text-transform:none;line-height:17px;padding:0 0 0 12px}
87ul#topnav .sub ul li a:hover,ul#topnav .sub #menuTagCloud div a:hover{color:#c4c4c4;background:url(images/menu/navlist_arrow_hover.png) no-repeat 0 5px}
88ul#topnav li .sub ul,ul#topnav #loger ul{list-style:none outside none;margin:0 5px 0 8px;padding:0}
89.level2,.level3,.level4,.level5{border:none!important}
90.mcol{width:100%}
91.menubarFilter{margin:0}
92#menu_cat_act{border-bottom:1px solid #CBCBCB;margin-bottom:5px;height:30px}
93#filter{width:26px;height:26px;background:none;padding-left:2px}
94#nbImg{height:30px;float:right;line-height:10px}
95#menuTagCloud a{text-decoration:none;text-shadow:none;z-index:200}
96#quickconnect{width:225px}
97#search{position:absolute;width:240px;right:0;margin-top:4px;height:22px;display:inline-block}
98#quicksearch{float:left;width:240px}
99#quicksearch input[type=text]{float:left;background:url(images/menu/search.png) no-repeat left top;width:172px;height:22px;padding:0 0 0 4px;margin:0 1px 0 0;border:0 none;font-size:13px;color:#CCC!important;min-width:0}
100#quicksearch input[type=text]:hover{background-position:left bottom}
101#quicksearch input[type=submit]{float:left;padding:0;border:0 none;height:22px;width:23px;background:url(images/menu/search.png) no-repeat right top;font-size:13px;cursor:pointer;min-width:0;margin-left:2px;border-radius:0 0 0 0;box-shadow:none}
102#quicksearch input[type=submit]:hover{background-position:right bottom}
103#loger{line-height:25px;width:220px;position:absolute;top:30px;background:none repeat 0 0 #FFF;padding:10px;float:left;max-width:100em;min-width:200px;display:none;z-index:0}
104#loger p{margin-bottom:20px;text-shadow:none;}
105#log{text-transform:none;text-shadow:none;margin-bottom:20px}
106#log INPUT[type=password]{border:0 none;height:22px;width:175px;background:url(images/menu/password.png) no-repeat left top}
107#log INPUT[type=password]:hover{background-position:left bottom}
108#log INPUT[type=text]{border:none;width:175px;height:22px;background:url(images/menu/user.png) no-repeat left top}
109#log INPUT[type=text]:hover{background-position:left bottom}
110#go INPUT[type=submit]{color:transparent;border:none;height:32px;width:64px;min-width:inherit;background:url(images/menu/go.png) no-repeat left top;margin-left:65px;margin-top:20px;text-shadow:none}
111#go INPUT[type=submit]:hover{background-position:left bottom}
112.close{cursor:pointer;height:16px;width:16px;background:url(images/menu/close.png) no-repeat;float:right}
113.close:hover{background:url(images/menu/close.png) no-repeat 0 -16px }
114
115
116
117/*=========================================picture======================================================*/
118#thePicturePage #page_content{display:table}
119#thePicturePage #page_content1{padding-left:20px}
120#thePicturePage #page_content2{padding-right:20px}
121#theImage > IMG{margin-top:20px;margin-bottom:20px;position:relative}
122#imageHeaderBar{margin:0 0 20px;padding:50px 0 0}
123#groupbuttons{margin:auto;width:200px}
124#slideshow #groupbuttons{width:30px}
125#imgContainer{position:relative;margin-left:auto;margin-right:auto;text-align:left}
126#imgContent{position:relative;display:table;margin:auto}
127.navThumbs,#imgHoverNav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10}
128#imgHoverNav a{outline:medium none}
129#imgPrevHov,#imgNextHov,#thumbPrevHov,#thumbNextHov{width:48%;height:100%;display:block;border:medium none!important;opacity:0;position:relative}
130#imgPrevHov{left:0;float:left;margin-left:3px;background:url(images/picture/imgPrevHover.png) no-repeat scroll left 45% transparent}
131#imgNextHov{right:0;float:right;margin-right:3px;background:url(images/picture/imgNextHover.png) no-repeat scroll right 45% transparent}
132#thumbPrevHov{left:0;float:left;background:none repeat scroll 0 0 transparent}
133#thumbNextHov{right:0;float:right;background:none repeat scroll 0 0 transparent}
134#imgPrevHov:hover,#imgNextHov:hover,#thumbPrevHov:hover,#thumbNextHov:hover{opacity:1}
135.linkPrev{position:absolute;left:-80px;top:40%}
136.linkNext{position:absolute;right:-80px;top:40%}
137.imageNumber{text-align:right;margin-right:20px}
138
139/*=========================================comment on picture page======================================================*/
140#comments{overflow-y:auto;overflow-x:hidden;width:880px;margin:auto;text-align:left;padding-bottom:40px}
141#pictcomm{margin-bottom:50px;width:99%;height:190px;background:none repeat scroll 0 0 #7F7E7E;float:left}
142.commentElement{background:url(images/bg_content.png) repeat scroll 0 0 transparent;margin-bottom:20px;padding-bottom:10px}
143.filter{margin-bottom:50px}
144#pictcomm ul{list-style-type:none}
145.even,.odd{color:#FFF}
146.odd{padding-top:10px}
147.thumbnailCategories1{padding:0}
148.thumbnailCategories1 LI{width:100%;float:none;margin:0;padding:0}
149.author,.date{color:#C5C5C5}
150#adcomm{margin-bottom:30px}
151.addcom{float:none!important;margin-right:0!important}
152#addComment FIELDSET{margin:0;padding:0;border:medium none;background:none repeat scroll 0 0 transparent}
153#contentid{border:medium none;background:none repeat scroll 0 0 #7F7E7E;margin:0 auto 20px}
154#comcontent{width:750px;padding-left:5px;padding-top:5px}
155#scrollbar1{width:97%;margin:5px 0 10px}
156#scrollbar1 .viewport{height:170px;overflow:hidden;position:relative}
157#scrollbar1 .overview{list-style:none outside none;position:absolute;left:0;top:0;padding:0;margin:0;width:96%}
158#scrollbar1 .scrollbar{background:url(images/picture/bg-scrollbar-track-y1.png) no-repeat scroll 0 0 transparent;position:relative;float:right;width:6px;margin-top:40px}
159#scrollbar1 .track{background:url(images/picture/bg-scrollbar-end-y1.png) no-repeat scroll 0 100% transparent;height:100%;width:3px;position:relative;padding:0 1px}
160#scrollbar1 .thumb{background:url(images/picture/bg-scrollbar-thumb-y1.png) no-repeat scroll 50% 50% transparent;height:0;width:15px;cursor:pointer;overflow:hidden;position:absolute;top:0;left:-6px}
161#scrollbar1 .thumb .end{overflow:hidden;height:5px;width:3px}
162#scrollbar1 .disable{display:none}
163
164/*======================================================panel on picture page======================================================*/
165.panel{position:fixed;top:115px;left:0;display:none;border:1px solid #111;border-top-right-radius:20px;border-bottom-right-radius:20px;min-width:330px;height:auto;padding:10px 30px 30px 20px;z-index:100;background:none repeat scroll 0 0 rgba(0,0,0,0.7)}
166.panel p{margin:0 0 15px;padding:0;color:#CCC}
167a.trigger{position:fixed;text-decoration:none;top:130px;left:0;font-size:14px;letter-spacing:-1px;font-family:verdana,helvetica,arial,sans-serif;color:#FFF;padding:10px 30px 10px 5px;font-weight:700;background:url(images/picture/plus.png) no-repeat scroll 85% 55% #333;border:1px solid #444;border-top-right-radius:15px;border-bottom-right-radius:15px;display:block;z-index:100000}
168a.trigger:hover{background-color:#222}
169a.active.trigger{background:url(images/picture/minus.png) no-repeat scroll 85% 55% #222}
170.columns{clear:both;width:330px;padding:0 0 20px;line-height:22px}
171.colleft{float:left;width:130px;line-height:22px}
172.colright{float:right;width:130px;line-height:22px}
173.panel ul li{list-style-type:none}
174.panel ul{padding:0;margin:0}
175.panel .value{padding-right:5px}
176.rateButtonStarFull{background:url(icon/rating-stars.gif) no-repeat scroll -16px center transparent;width:16px}
177.rateButtonStarEmpty{background:url(icon/rating-stars.gif) no-repeat scroll 0 center transparent;width:16px}
178#rating{margin:5px 0}
179#imageToolBar{margin:50px 0 20px;text-align:left}
180#imageToolBar li{list-style-type:none}
181TABLE#standard,TABLE#Metadata{font-size:80%}
182.infoTable .label,.infoTable2 .label{text-align:left}
183.infoTable .value a,.infoTable .value,.infoTable2 .value a,.infoTable2 .value{color:silver}
184TABLE#Metadata th{font-size:120%;color:#FFF;padding-bottom:10px;text-align:left}
185.panel .switchBox{top:60px}
186
187/*======================================================plugin======================================================*/
188.contact-form-content{background:url(images/bg_content.png) repeat scroll 0 0 transparent}
189#mbContact dd{padding:0!important}
Note: See TracBrowser for help on using the repository browser.