1 | BODY{background:url("images/texture.png") #fff} |
---|
2 | BODY,H1,H3,INPUT.rateButtonSelected,H2,#menubar DT{color:#666} |
---|
3 | FIELDSET,INPUT,SELECT,TEXTAREA,.content .thumbnailCategory,.thumbnails .wrap2{background:#EFEFEF;border-radius:5px;border:1px solid #afafaf} |
---|
4 | LEGEND{font-style:normal;font-weight:700;margin-top:25px;border-top:1px solid #afafaf;line-height:25px} |
---|
5 | SELECT{width:178px;font-size:13px;border-radius:5px 0 0 5px;background:#DFDFDF;height:22px;margin:0 1px 0 0;padding:0 0 0 4px} |
---|
6 | .filter{background:#EFEFEF;border-radius:5px;border:1px solid #afafaf;margin-top:20px} |
---|
7 | INPUT[type="text"],INPUT[type="password"],INPUT[type="button"],INPUT[type="file"]{width:172px;font-size:13px;border-radius:5px;height:20px;background:#DFDFDF;margin:0 1px 0 0;padding:0 0 0 4px} |
---|
8 | INPUT[type="text"]:hover,INPUT[type="password"]:hover,INPUT[type="button"]:hover,INPUT[type="file"]:hover,SELECT:hover{background-image:-moz-linear-gradient(left center , #DFDFDF 46%, #EFEFEF 82%)} |
---|
9 | INPUT[type="submit"],INPUT[type="reset"]{padding-bottom:4px;width:auto;height:25px;text-align:center;border-radius:8px;text-shadow:0 1px 0 rgba(255, 255, 255, 0.2);color:#666} |
---|
10 | INPUT[type="submit"]:hover,INPUT[type="reset"]:hover{background:-moz-linear-gradient(center top , #DFDFDF, #EFEFEF);color:#AFAFAF} |
---|
11 | A, INPUT.rateButton{color:#666;text-decoration:none;border:none} |
---|
12 | A:hover{color:#8F8F8F;border:none} |
---|
13 | .commentsList{overflow:inherit} |
---|
14 | #theHeader{text-align:left;padding-left:100px;padding-top:70px;position:relative;margin-bottom:10px} |
---|
15 | #theHeader H1{display:inline-block;text-align:left;font-size:280%;margin:0} |
---|
16 | #theHeader p{display:inline-block;font-size:130%;position:absolute;right:40px;bottom:0} |
---|
17 | #content{margin:0 40px} |
---|
18 | .content H2{margin:3px 0 0} |
---|
19 | #infoBlock,#imageHeaderBar{background:rgba(239, 239, 239, 1);border-radius:3px;box-shadow:0 1px 1px rgba(0, 0, 0, 0.4) inset, 0 1px rgba(255, 255, 255, 0.4)} |
---|
20 | .switchBox{background:#5f5f5f} |
---|
21 | #imageHeaderBar{width:auto;height:20px;margin:40px 50px 20px;padding:10px} |
---|
22 | #imageHeaderBar H2{background-image:none;border:none} |
---|
23 | .imageNumber{text-align:right} |
---|
24 | .message{color:#FFF;background:#666} |
---|
25 | .description{margin-left:20px;padding-bottom:10px} |
---|
26 | #home{padding-bottom:20px} |
---|
27 | .logcontener{Background:#EFEFEF;border:1px solid #afafaf;border-radius:5px;margin-top:40px} |
---|
28 | .logcontener SPAN.property{width:100%} |
---|
29 | .filter UL, .filter LABEL{float:none;margin-left:10px;margin-right:5px} |
---|
30 | |
---|
31 | /*=========================================icon======================================================*/ |
---|
32 | .pwg-icon{background-image:url("../default/s26/outline_808080.png")} |
---|
33 | A:hover .pwg-icon{background-image:url("../default/s26/outline_808060.png")} |
---|
34 | .pwg-icon-filter{background-image:url("../default/s26/outline_005e89.png")} |
---|
35 | |
---|
36 | /*=========================================categorie page======================================================*/ |
---|
37 | .illustration{border-radius:7px;position:relative;margin-right:10px;float:none} |
---|
38 | .illustration img{display:block;border-radius:7px;margin:0 auto} |
---|
39 | .content .additional_info{text-align:left;padding-bottom:20px;padding-left:25px} |
---|
40 | .CatMPdescription h3{background:transparent;margin:5px 30px 0 0} |
---|
41 | .CatMPdescription{text-align:left;position:relative;z-index:100} |
---|
42 | .CatMPdescription div{position:absolute;bottom:40px;width:180px;background:#FFF;overflow:hidden;color:#666;left:0;opacity:0;-moz-transition:bottom 1s ease 0s, width 1s ease 0s, opacity 1s ease 0s;border-radius:10px 10px 10px 10px;border:1px solid gray;padding:0 5px 5px;margin-left:5px} |
---|
43 | .CatMPdescription:hover div{background:#FFF;border-radius:10px 10px 10px 10px;border:1px solid gray;-moz-transition:bottom 1s ease 0s, width 1s ease 0s, opacity 2s ease 0s;opacity:1;padding:0 5px 5px} |
---|
44 | .CatMPdescription div p{margin:0} |
---|
45 | /*=========================================footer======================================================*/ |
---|
46 | #copyright a{color:#B3B3B3} |
---|
47 | #copyright a:hover{color:gray;border:none} |
---|
48 | #copyright{font-size:12px;position:fixed;bottom:0;right:10px} |
---|
49 | |
---|
50 | /*=========================================menu=====================================================*/ |
---|
51 | |
---|
52 | #menubar{position:absolute;color:#757575;height:30px;min-width:800px;width:100%;margin:auto;background:#efefef;z-index:1000;top:0;left:0} |
---|
53 | #menubar FORM{margin:0} |
---|
54 | #menubar UL{list-style:none; margin:0} |
---|
55 | .dd_wrapper,.cl_wrapper,.cc_wrapper,#menubar dt,#menubar dt a{float:left;padding:3px 16px 6px;font-weight:normal;font-size:100%;height:21px;line-height:21px;text-decoration:none} |
---|
56 | .dd_wrapper:hover,.cl_wrapper:hover,.cc_wrapper:hover,.activate{z-index:100;color:#8f8f8f;padding:3px 16px 6px;text-shadow:none;cursor:default} |
---|
57 | #menubar dt a, #menubar dt a:hover{z-index:100;padding:0 0;text-shadow:none;cursor:default} |
---|
58 | #menubar dt:hover,#menubar dt a:hover{color:#8f8f8f} |
---|
59 | span#menu_start{width:85px;float:left;display:block;height:30px} |
---|
60 | span#menu_start a{background:url(images/menu/home_w.png) no-repeat left top;width:52px;height:30px;padding:0;margin:0 20px 0 25px;display:block;line-height:46px} |
---|
61 | span#menu_start a:hover{background-position:left -30px} |
---|
62 | span#menu_start a:active{background-position:left -60px} |
---|
63 | #topnav{margin:0;padding:0 2px 0 0;list-style:none;height:30px;position:relative;z-index:999;display:inline-block} |
---|
64 | #topnav .liSub{float:left;position:relative;padding-right:2px} |
---|
65 | #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} |
---|
66 | #topnav #loger{z-index:50} |
---|
67 | .sub{z-index:100;max-width:600px} |
---|
68 | .sub p{color:#4C4C4C;font-size:13px;text-shadow:none;text-transform:none} |
---|
69 | .sub a{color:#757575} |
---|
70 | .sub a:hover{color:#4c4c4c} |
---|
71 | 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} |
---|
72 | ul#topnav .sub ul li a,ul#topnav #loger ul li a{float:none;text-indent:0;height:auto;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 15px} |
---|
73 | ul#topnav .sub ul .level1 li,ul#topnav .sub ul .level1 li .selected{border:none;background:none} |
---|
74 | ul#topnav .sub ul li.selected a{background:url(images/menu/navlist_arrow_hover.png) no-repeat 0 4px;color:#4C4C4C;text-decoration:none;border:none} |
---|
75 | 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 4px} |
---|
76 | ul#topnav li .sub ul,ul#topnav #loger ul{list-style:none outside none;margin:0 5px 0 10px;padding:0} |
---|
77 | .level2,.level3,.level4,.level5{border:none!important} |
---|
78 | .mcol{width:100%} |
---|
79 | .menubarFilter{margin:0} |
---|
80 | #menu_cat_act{border-bottom:1px solid #CBCBCB;margin-bottom:5px;height:30px} |
---|
81 | #filter{width:26px;height:26px;background:none;padding-left:2px} |
---|
82 | #nbImg{height:30px;float:right;line-height:10px} |
---|
83 | #menuTagCloud a{text-decoration:none;text-shadow:none;z-index:200} |
---|
84 | #quickconnect{width:225px} |
---|
85 | #search{position:absolute;width:240px;right:0;margin-top:4px;height:22px;display:inline-block} |
---|
86 | #quicksearch{float:left;width:240px} |
---|
87 | #quicksearch input[type=text]{border:1px solid #AFAFAF;float:left;width:172px;height:22px;padding:0 0 0 4px;margin:0 1px 0 0;font-size:100%;color:#757575!important;min-width:0} |
---|
88 | #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} |
---|
89 | #quicksearch input[type=submit]:hover{background-position:right bottom} |
---|
90 | #loger{line-height:25px;width:220px;position:absolute;top:30px;background:#FFF;padding:10px;float:left;max-width:100em;min-width:200px;display:none;z-index:0} |
---|
91 | #loger p{margin-bottom:20px} |
---|
92 | #log{margin-bottom:20px} |
---|
93 | #log INPUT[type=password]{height:22px;width:175px} |
---|
94 | #log INPUT[type=text]{width:175px;height:22px} |
---|
95 | #go INPUT[type=submit]{height:24px;width:120px;min-width:inherit;margin-left:42px;margin-top:20px;font-size:1.1em} |
---|
96 | .close{cursor:pointer;height:16px;width:16px;background:url(images/menu/close.png) no-repeat;float:right} |
---|
97 | .close:hover{background:url(images/menu/close.png) no-repeat 0 -16px } |
---|
98 | |
---|
99 | /*=========================================picture page======================================================*/ |
---|
100 | /*____panel___*/ |
---|
101 | .panel{position:absolute;left:0;display:none;border:1px solid #111;border-top-right-radius:20px;border-bottom-right-radius:20px;width:auto;min-width:330px;height:auto;z-index:10000;background:rgba(0, 0, 0, 0.7);top:25%;color:#EFEFEF;padding:10px 30px 30px 20px} |
---|
102 | .panel p{color:#EFEFEF;margin:0 0 15px;padding:0} |
---|
103 | a.trigger{position:absolute;text-decoration:none;left:0;font-size:14px;letter-spacing:-1px;font-family:verdana,helvetica,arial,sans-serif;color:#FFF;font-weight:700;background:url("images/picture/plus.png") no-repeat 85% 55% #333;border:1px solid #444;border-top-right-radius:15px;border-bottom-right-radius:15px;display:block;z-index:100000;top:26%;padding:10px 30px 10px 5px} |
---|
104 | a.trigger:hover{background-color:#222} |
---|
105 | a.active.trigger{background:url("images/picture/minus.png") no-repeat 85% 55% #222} |
---|
106 | .panel ul li,#imageToolBar li,#pictcomm ul{list-style-type:none} |
---|
107 | .panel ul{margin:0;padding:0} |
---|
108 | .panel .value{padding-right:5px} |
---|
109 | .panel a{color:#EFEFEF} |
---|
110 | #rateForm input{width:22px} |
---|
111 | #rateForm input:hover{background:url("icon/rating-stars.png") no-repeat -20px center} |
---|
112 | .rateButtonStarFull{background:url("icon/rating-stars.png") no-repeat -20px center;width:20px} |
---|
113 | .rateButtonStarEmpty{background:url("icon/rating-stars.png") no-repeat 0 center;width:20px} |
---|
114 | #rating{margin:5px 0} |
---|
115 | .infoTable a:hover{text-decoration:underline} |
---|
116 | TABLE#standard,TABLE#Metadata{font-size:80%;margin-left:0;margin-bottom:30px} |
---|
117 | .infoTable .label,.infoTable2 .label{text-align:left} |
---|
118 | #imageToolBar{height:auto;padding-left:120px;margin-bottom:40px;text-align:left} |
---|
119 | #imageToolBar A:hover{color:#FFCF3D;text-decoration:underline} |
---|
120 | |
---|
121 | /*___content___*/ |
---|
122 | #imgContainer{position:relative;margin-left:auto;margin-right:auto;text-align:left} |
---|
123 | #imgContent{position:relative;display:table;margin:auto} |
---|
124 | .navThumbs,#imgHoverNav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10} |
---|
125 | #imgHoverNav a{outline:medium none} |
---|
126 | #imgPrevHov,#imgNextHov,#thumbPrevHov,#thumbNextHov{width:48%;height:100%;display:block;border:medium none !important;opacity:0;position:relative} |
---|
127 | #imgPrevHov{left:0;float:left;margin-left:3px;background:url("images/picture/imgPrevHover.png") no-repeat left 45%} |
---|
128 | #imgNextHov{right:0;float:right;margin-right:3px;background:url("images/picture/imgNextHover.png") no-repeat scroll right 45%} |
---|
129 | #thumbPrevHov{left:0;float:left} |
---|
130 | #thumbNextHov{right:0;float:right} |
---|
131 | #imgPrevHov:hover,#imgNextHov:hover,#thumbPrevHov:hover,#thumbNextHov:hover{opacity:1} |
---|
132 | .linkPrev{position:absolute;left:-80px;top:40%} |
---|
133 | .linkNext{position:absolute;right:-80px;top:40%} |
---|
134 | #groupbuttons{width:200px;margin:auto} |
---|
135 | |
---|
136 | /*___comment___*/ |
---|
137 | #comments{padding:0 0 40px;text-align:left} |
---|
138 | #commentAdd,#pictureCommentList{width:48%} |
---|
139 | #pictureCommentList li{margin-top:20px} |
---|
140 | .commentElement{width:100%;margin:10px 0 0;padding:0} |
---|
141 | .commentElement .illustration{float:left;margin:10px} |
---|
142 | #pictcomm{margin-bottom:50px;width:99%;height:190px;background:#7F7E7E;float:left} |
---|
143 | .even,.odd{color:#666;border:1px solid #C1C1C1} |
---|
144 | .odd{padding-top:10px} |
---|
145 | .thumbnailCategories1{padding:0} |
---|
146 | .thumbnailCategories1 LI{width:100%;float:none;margin:0;padding:0} |
---|
147 | .author,.date{color:#C5C5C5} |
---|
148 | #adcomm{margin-bottom:30px} |
---|
149 | .addcom{float:none !important;margin-right:0 !important} |
---|
150 | #addComment FIELDSET{margin:0;padding:0} |
---|
151 | .content .commentElement .description{height:auto !important} |
---|
152 | #contentid{border:medium none;background:#7F7E7E;margin:0 auto 20px} |
---|
153 | #comcontent{width:750px;padding-left:5px;padding-top:5px} |
---|
154 | .comment .com{height:auto;width:auto;color:#000} |
---|
155 | #commentAdd input[type="text"],#comments TEXTAREA{width:auto;height:auto} |
---|
156 | #comments TEXTAREA{padding:4px} |
---|
157 | #editComment{height:auto} |
---|
158 | |
---|
159 | /*=========================================carousel======================================================*/ |
---|
160 | <<<<<<< .mine |
---|
161 | ======= |
---|
162 | /*#carousel{min-width:10000px}*/ |
---|
163 | >>>>>>> .r18905 |
---|
164 | .jcarousel-item a:hover{border-bottom:none} |
---|
165 | .jcarousel-list li,.jcarousel-item{float:left;list-style:none} |
---|
166 | .jcarousel-container-horizontal .jcarousel-clip,.jcarousel-skin-cat .jcarousel-list li{position:relative} |
---|
167 | .jcarousel-skin-cat .jcarousel-list li{height:325px} |
---|
168 | .jcarousel-skin-cat .jcarousel-container{border:1px solid rgba(0,0,0,0.5);border-radius:8px;background:rgba(0,0,0,0.25);box-shadow:0 2px 6px rgba(0,0,0,0.5),inset 0 1px rgba(255,255,255,0.3),inset 0 2px rgba(255,255,255,0.2),inset 0 10px 20px rgba(255,255,255,0.25),inset 0 -15px 30px rgba(0,0,0,0.3)} |
---|
169 | .jcarousel-skin-cat{padding:40px} |
---|
170 | .jcarousel-container-horizontal{padding:30px 7px} |
---|
171 | .jcarousel-skin-cat .jcarousel-clip{max-height:323px;overflow:hidden} |
---|
172 | .jcarousel-skin-cat .jcarousel-item:hover,.jcarousel-skin-cat .jcarousel-item:focus{border-color:gray} |
---|
173 | .jcarousel-skin-cat .jcarousel-item-horizontal{margin-left:0;margin-right:7px;list-style:none} |
---|
174 | .jcarousel-skin-cat .jcarousel-direction-rtl .jcarousel-item-horizontal{margin-left:7px;margin-right:0} |
---|
175 | .jcarousel-skin-cat .jcarousel-next-horizontal{position:absolute;right:20px;width:32px;cursor:pointer;top:0;height:100%;background:url("images/next-horizontal.png") no-repeat 0 50%} |
---|
176 | .jcarousel-skin-cat .jcarousel-direction-rtl .jcarousel-next-horizontal{left:5px;right:auto;background:url("images/prev-horizontal.png")} |
---|
177 | .jcarousel-skin-cat .jcarousel-prev-horizontal{position:absolute;left:20px;width:32px;cursor:pointer;height:100%;background:url("images/prev-horizontal.png") no-repeat 0 50%;top:0} |
---|
178 | .jcarousel-skin-cat .jcarousel-direction-rtl .jcarousel-prev-horizontal{left:auto;right:5px;background:url("images/next-horizontal.png")} |
---|
179 | .jcarousel-skin-cat .jcarousel-next-horizontal:hover,.jcarousel-skin-cat .jcarousel-next-horizontal:focus,.jcarousel-skin-cat .jcarousel-prev-horizontal:hover,.jcarousel-skin-cat .jcarousel-prev-horizontal:focus{background-position:-32px 50%} |
---|
180 | .jcarousel-skin-cat .jcarousel-next-horizontal:active,.jcarousel-skin-cat .jcarousel-prev-horizontal:active{background-position:-64px 50%} |
---|
181 | .jcarousel-skin-cat .jcarousel-next-disabled-horizontal,.jcarousel-skin-cat .jcarousel-next-disabled-horizontal:hover,.jcarousel-skin-cat .jcarousel-next-disabled-horizontal:focus,.jcarousel-skin-cat .jcarousel-next-disabled-horizontal:active,.jcarousel-skin-cat .jcarousel-prev-disabled-horizontal,.jcarousel-skin-cat .jcarousel-prev-disabled-horizontal:hover,.jcarousel-skin-cat .jcarousel-prev-disabled-horizontal:focus,.jcarousel-skin-cat .jcarousel-prev-disabled-horizontal:active{cursor:default;background-position:-96px 0} |
---|
182 | |
---|
183 | /*=========================================Lytebox======================================================*/ |
---|
184 | #lbOverlay{position:fixed;top:0px;left:0px;z-index:99997;width:100%;height:100%;background:#000} |
---|
185 | #lbMain{position:absolute;left:0px;width:100%;z-index:99998;text-align:center;line-height:0;isplay:-moz-inline-stack} |
---|
186 | #lbMain a img{border:1px solid #FFF} |
---|
187 | #lbOuterContainer{position:relative;background:transparent;width:200px;height:200px;margin:0px auto;border:2px solid #CCC} |
---|
188 | #lbTopContainer,#lbBottomContainer{font:0.9em/1.4em Verdana,Helvetica,sans-serif;background:transparent;width:100%;overflow:hidden;margin:0px auto;padding:0px;position:relative;z-index:14;display:none} |
---|
189 | #lbTopContainer{overflow:hidden;margin-top:5px} |
---|
190 | #lbImage,#lbIframe{border:1px solid #CCC} |
---|
191 | #lbImageContainer,#lbIframeContainer{z-index: 12} |
---|
192 | #lbLoading{height:100%;width:100%;margin-top:-10px;background:url("images/Lytebox/loading.gif") no-repeat center center} |
---|
193 | #lbHoverNav{position:absolute;top:0px;left:0px;height:100%;width:100%;z-index:10} |
---|
194 | #lbImageContainer > #lbHoverNav{left:0px} |
---|
195 | #lbHoverNav a{outline: medium none} |
---|
196 | #lbPrevHov{width:48%;height:100%;background:url("images/Lytebox/blank.gif") no-repeat 0% 0%;display:block;left:0px;float:left;margin-left:3px;border:medium none !important} |
---|
197 | #lbPrevHov:hover,#lbPrevHov:visited{background:url("images/Lytebox/prev_t.png") no-repeat left 45%} |
---|
198 | #lbNextHov{width:48%;height:100%;background:url("images/Lytebox/blank.gif") no-repeat 0% 0%;display:block;right:0px;margin-right:3px;border:medium none !important;float: right} |
---|
199 | #lbNextHov:hover,#lbNextHov:visited{background: url("images/Lytebox/next_t.png") no-repeat right 45%} |
---|
200 | #lbTopData,#lbBottomData{float:left;text-align:left;padding-left: 10px} |
---|
201 | #lbBottomData{padding-bottom:0.5em;color:#FFF} |
---|
202 | #lbTopNav,#lbBottomNav{float:right;text-align:right;padding-right:10px;padding-top:10px} |
---|
203 | #lbNumTop,#lbNumBottom{font-style:italic} |
---|
204 | #lbDescBottom{display:block} |
---|
205 | #lbTitleTop,#lbTopNav{margin-top:0.3em} |
---|
206 | #lbTitleTop,#lbTitleBottom{display:block;font-weight:bold} |
---|
207 | #lbClose,#lbCloseTop{width:10px;height:10px;float:right;margin:0px 0px 1px 8px;border:medium none !important;background:url("images/Lytebox/close.png") no-repeat 0% 0%} |
---|
208 | #lbPrint,#lbPrintTop{width:26px;height:28px;float:right;margin:0px 0px 1px 8px;border:medium none !important;background:url("images/Lytebox/print.png") no-repeat 0% 0%} |
---|
209 | #lbPlay,#lbPlayTop{width:10px;height:10px;float:right;margin:0px 0px 1px 8px;border:medium none !important;background:url("images/Lytebox/play.png") no-repeat 0% 0%} |
---|
210 | #lbPause,#lbPauseTop{width:10px;height:10px;float:right;margin:0px 0px 1px 8px;border:medium none !important;background:url("images/Lytebox/pause.png") no-repeat 0% 0%} |
---|
211 | #lbClose,#lbPrint,#lbPlay,#lbPause{margin:0px 0px 6px 8px} |
---|
212 | |
---|
213 | /*==========================================plugin=====================================================*/ |
---|
214 | #mbContact dd{padding:0!important} |
---|