1 | html{height:100%} |
---|
2 | BODY{background-image:url(images/background/bg1.png);background-color:#FFD11D;padding:0;margin:0;min-width:800px;width:100%;color:#FFD11D} |
---|
3 | H1,H3,INPUT.rateButtonSelected{color:#FFF} |
---|
4 | A,INPUT.rateButton{color:#FFF;border:medium none;text-decoration:none} |
---|
5 | A:hover{color:#C2C2C2;text-decoration:none;border-bottom:medium none} |
---|
6 | FIELDSET{border:0 none;background:url(images/bg_content.png) repeat scroll 0 0 transparent} |
---|
7 | INPUT[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)} |
---|
8 | INPUT[type=submit]:hover,INPUT[type=reset]:hover{color:#222;background:-moz-linear-gradient(center top , #777777, #333333) repeat scroll 0% 0% transparent} |
---|
9 | INPUT[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)} |
---|
10 | INPUT[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} |
---|
11 | INPUT[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} |
---|
12 | SELECT.categoryList:hover{background:none repeat scroll 0 0 #FFF} |
---|
13 | SELECT{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} |
---|
14 | LEGEND{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} |
---|
36 | H2{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)} |
---|
43 | A: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} |
---|
71 | span#menu_start{background:url(images/menu/li_border.png) no-repeat right top;width:85px;float:left;display:block;height:30px} |
---|
72 | span#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} |
---|
73 | span#menu_start a:hover{background-position:left -30px} |
---|
74 | span#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} |
---|
83 | ul#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} |
---|
84 | ul#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} |
---|
85 | ul#topnav .sub ul .level1 li,ul#topnav .sub ul .level1 li .selected{border:none;background:none} |
---|
86 | ul#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} |
---|
87 | ul#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} |
---|
88 | ul#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} |
---|
167 | a.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} |
---|
168 | a.trigger:hover{background-color:#222} |
---|
169 | a.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} |
---|
181 | TABLE#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} |
---|
184 | TABLE#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} |
---|