source: extensions/Slim/theme.css @ 28655

Last change on this file since 28655 was 28581, checked in by Miklfe, 10 years ago

Slim 2.0 release1

File size: 18.0 KB
Line 
1BODY{background:url("images/texture.png");margin:0}
2BODY,H1,H3,INPUT.rateButtonSelected,H2,#menubar DT{color:#666}
3FIELDSET,INPUT,SELECT,TEXTAREA,.content .thumbnailCategory,.thumbnails .wrap2{background:#EFEFEF;border-radius:5px;border:1px solid #afafaf}
4LEGEND{font-style:normal;font-weight:700;margin-top:25px;border-top:1px solid #afafaf;line-height:25px}
5SELECT{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}
7INPUT[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}
8INPUT[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%)}
9INPUT[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}
10INPUT[type="submit"]:hover,INPUT[type="reset"]:hover{background:-moz-linear-gradient(center top , #DFDFDF, #EFEFEF);color:#AFAFAF}
11A, INPUT.rateButton{color:#666;text-decoration:none;border:none}
12A:hover{color:#8F8F8F;border:none}
13.commentsList{overflow:inherit}
14#theHeader{position:relative;text-align:left;padding-top:70px;position:relative;margin:10px auto;width:95%}
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 auto;width:95%}
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); margin:0}
20.switchBox{background:#5f5f5f; color:#fff}
21.switchBox a{color:#fff}
22#imageHeaderBar{width:auto;height:20px;margin:40px 50px 20px;padding:10px}
23#imageHeaderBar H2{background-image:none;border:none}
24.imageNumber{text-align:right}
25.message{color:#FFF;background:#666}
26.description{margin-left:20px;padding-bottom:10px}
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")}
33A: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{margin-right:10px;position:relative}
38.illustration img{display:block;border-radius:4px;margin:0 auto}
39.content .additional_info{text-align:left;padding-bottom:20px;padding-left:25px}
40.CatMPdescription{text-align:left;position:relative;z-index:100}
41.CatMPdescription h3{background:transparent;margin:5px 30px 0 0}
42.CatMPdescription .Nb_images{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 .Nb_images{-moz-transition:bottom 1s ease 0s, width 1s ease 0s, opacity 2s ease 0s;opacity:1}
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:19px;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;border-bottom:2px solid #2c2c2c}
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}
59span#menu_start{width:85px;float:left;display:block;height:30px}
60span#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}
61span#menu_start a:hover{background-position:left -30px}
62span#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:#eFeFeF;padding:5px 8px 10px 5px;float:left;max-width:100em;min-width:200px;max-height:500px;overflow:auto;border-bottom-right-radius:10px;border-bottom-left-radius:10px;border-left:1px solid rgba(0, 0, 0, 0.5);border-right:1px solid rgba(0, 0, 0, 0.5);border-bottom:1px solid rgba(0, 0, 0, 0.5);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}
71ul#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}
72ul#topnav .sub ul li a,ul#topnav #loger ul li a{float:none;text-indent:0;height:auto;margin:0 8px;display:inline;text-decoration:none;color:#757575;font-size:1.1em;text-shadow:none;text-transform:none;line-height:17px;padding:0 0 0 15px}
73ul#topnav .sub ul .level1 li,ul#topnav .sub ul .level1 li .selected{border:none;background:none}
74ul#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}
75ul#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}
76ul#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#home {margin:0 40px 0 10px;width:32px;height:32px;background:url(images/menu/home_w.png) no-repeat left top}
99#home:hover{background-position:left -30px}
100.slim a{float:left}
101.slim{padding-top:5px}
102
103/*=========================================picture page======================================================*/
104/*____panel___*/
105.panel{position:absolute;left:-2.5%;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:95px;color:#EFEFEF;padding:10px 30px 30px 20px}
106.panel p{color:#EFEFEF;margin:0 0 15px;padding:0}
107a.trigger{position:absolute;text-decoration:none;left:-2.5%;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 90% 55% #333;border:1px solid #444;border-top-right-radius:15px;border-bottom-right-radius:15px;display:block;z-index:100000;top:100px;padding:10px 30px 10px 5px}
108a.trigger:hover{background-color:#222}
109a.active.trigger{background:url("images/picture/minus.png") no-repeat 90% 55% #222}
110.panel ul li,#imageToolBar li,#pictcomm ul{list-style-type:none}
111.panel ul{margin:0;padding:0}
112.panel .value{padding-right:5px}
113.panel a{color:#EFEFEF}
114#rateForm input{width:22px}
115#rateForm input:hover{background:url("icon/rating-stars.png") no-repeat -20px center}
116.rateButtonStarFull{background:url("icon/rating-stars.png") no-repeat -20px center;width:20px}
117.rateButtonStarEmpty{background:url("icon/rating-stars.png") no-repeat 0 center;width:20px}
118#rating{margin:5px 0}
119.infoTable a:hover{text-decoration:underline}
120TABLE#standard,TABLE#Metadata{font-size:80%;margin-left:0;margin-bottom:30px}
121.infoTable .label,.infoTable2 .label{text-align:left}
122#imageToolBar{height:auto;padding-left:120px;margin-bottom:40px;text-align:left}
123#imageToolBar A:hover{color:#FFCF3D;text-decoration:underline}
124
125/*___content___*/
126#theImage{position:relative;margin-top:20px}
127#imgContainer{position:relative;margin-left:auto;margin-right:auto;text-align:left}
128#imgContent{position:relative;display:table;margin:auto}
129.navThumbs,#imgHoverNav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10}
130#imgHoverNav a{outline:medium none}
131#imgPrevHov,#imgNextHov,#thumbPrevHov,#thumbNextHov{width:48%;height:100%;display:block;border:medium none !important;opacity:0;position:relative}
132#imgPrevHov{left:0;float:left;margin-left:3px;background:url("images/picture/imgPrevHover.png") no-repeat left 45%}
133#imgNextHov{right:0;float:right;margin-right:3px;background:url("images/picture/imgNextHover.png") no-repeat scroll right 45%}
134#thumbPrevHov{left:0;float:left}
135#thumbNextHov{right:0;float:right}
136#imgPrevHov:hover,#imgNextHov:hover,#thumbPrevHov:hover,#thumbNextHov:hover{opacity:1}
137.linkPrev{position:absolute;left:-80px;top:40%}
138.linkNext{position:absolute;right:-80px;top:40%}
139#groupbuttons{width:200px;margin:auto}
140
141/*___comment___*/
142#comments{padding:0 0 40px;text-align:left;margin:0 50px}
143#commentAdd,#pictureCommentList{width:48%}
144#pictureCommentList li{margin-top:20px}
145.commentElement{width:100%;margin:10px 0 0;padding:0}
146.commentElement .illustration{float:left;margin:10px}
147#pictcomm{margin-bottom:50px;width:99%;height:190px;background:#7F7E7E;float:left}
148.even,.odd{color:#666;border:1px solid #C1C1C1}
149.odd{padding-top:10px}
150.thumbnailCategories1{padding:0}
151.thumbnailCategories1 LI{width:100%;float:none;margin:0;padding:0}
152.author,.date{color:#C5C5C5}
153#adcomm{margin-bottom:30px}
154.addcom{float:none !important;margin-right:0 !important}
155#addComment FIELDSET{margin:0;padding:0}
156.content .commentElement .description{height:auto !important}
157#contentid{border:medium none;background:#7F7E7E;margin:0 auto 20px}
158#comcontent{width:750px;padding-left:5px;padding-top:5px}
159.comment .com{height:auto;width:auto;color:#000}
160#commentAdd input[type="text"],#comments TEXTAREA{width:auto;height:auto}
161#comments TEXTAREA{padding:4px}
162#editComment{height:auto}
163
164/*=========================================carousel======================================================*/
165div.carousel{position:relative;height:355px;width:100%;margin:50px auto;padding:20px 0 20px;border:1px solid rgba(0,0,0,0.5);border-radius:4px;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)}
166div.scrollingHotSpotLeft{min-width:75px;width:10%;height:100%;background-image: url(images/smoothDivScroll/big_transparent.gif);background-repeat:repeat;background-position:center center;position:absolute;z-index:200;left:0;margin-top:-20px;cursor:url(images/smoothDivScroll/cursors/cursor_arrow_left.png), url(images/smoothDivScroll/cursors/cursor_arrow_left.cur),w-resize}
167div.scrollingHotSpotLeftVisible{background-image:url(images/smoothDivScroll/arrow_left.gif);background-color:#fff;background-repeat:no-repeat;opacity:0.35;-moz-opacity:0.35;filter:alpha(opacity = 35);zoom:1}
168div.scrollingHotSpotRight{min-width:75px;width:10%;height:100%;background-image:url(images/smoothDivScroll/big_transparent.gif);background-repeat:repeat;background-position:center center;position:absolute;z-index:200;right:0;margin-top:-20px;cursor:url(images/smoothDivScroll/cursors/cursor_arrow_right.png), url(images/smoothDivScroll/cursors/cursor_arrow_right.cur),e-resize}
169div.scrollingHotSpotRightVisible{background-image:url(images/smoothDivScroll/arrow_right.gif);background-color:#fff;background-repeat:no-repeat;opacity:0.35;filter:alpha(opacity = 35);-moz-opacity:0.35;zoom:1}
170.scrollWrapper{position:relative;overflow:hidden;width:100%;height:100%}
171div.scrollableArea{position:relative;width:auto;height:100%}
172
173/*=========================================fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license========================================= */
174.fancybox-wrap,.fancybox-skin,.fancybox-outer,.fancybox-inner,.fancybox-image,.fancybox-wrap iframe,.fancybox-wrap object,.fancybox-nav,.fancybox-nav span,.fancybox-tmp{padding:0;margin:0;border:0;outline:none;vertical-align:top}
175.fancybox-wrap{ position:absolute;top:0;left:0;z-index:8020}
176.fancybox-skin{position:relative;background:#f9f9f9;color:#444;text-shadow:none;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}
177.fancybox-opened{z-index:8030}
178.fancybox-opened .fancybox-skin{-webkit-box-shadow:0 10px 25px rgba(0, 0, 0, 0.5);-moz-box-shadow:0 10px 25px rgba(0, 0, 0, 0.5);box-shadow:0 10px 25px rgba(0, 0, 0, 0.5)}
179.fancybox-outer, .fancybox-inner{position:relative}
180.fancybox-inner{overflow: hidden}
181.fancybox-type-iframe .fancybox-inner{-webkit-overflow-scrolling:touch}
182.fancybox-error{color:#444;font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;margin:0;padding:15px;white-space:nowrap}
183.fancybox-image, .fancybox-iframe{display:block;width:100%;height:100%}
184.fancybox-image{max-width:100%;max-height:100%}
185#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span{background-image: url('images/fancybox/fancybox_sprite.png')}
186#fancybox-loading {position:fixed;top:50%;left:50%;margin-top:-22px;    margin-left:-22px;background-position:0 -108px;opacity:0.8;cursor:pointer;z-index:8060}
187#fancybox-loading div{width:44px;height:44px;background:url('images/fancybox/fancybox_loading.gif') center center no-repeat}
188.fancybox-close{position:absolute;top:-18px;right:-18px;width:36px;height:36px;cursor:pointer;z-index: 8040}
189.fancybox-nav{position:absolute;top: 0;width:40%;height:100%;cursor:pointer;text-decoration:none;background:transparent url('images/fancybox/blank.gif');-webkit-tap-highlight-color:rgba(0,0,0,0);z-index:8040}
190.fancybox-prev {left:0}
191.fancybox-next {right:0}
192.fancybox-nav span {position:absolute;top:50%;width:36px;height:34px;margin-top:-18px;cursor:pointer;z-index:8040;visibility:hidden}
193.fancybox-prev span {left:10px;background-position:0 -36px}
194.fancybox-next span {right:10px;background-position:0 -72px}
195.fancybox-nav:hover span {visibility:visible}
196.fancybox-tmp {position: absolute;top:-99999px;left:-99999px;visibility:hidden;max-width:99999px;max-height:99999px;overflow:visible !important}
197.fancybox-lock {overflow:hidden !important;width:auto}
198.fancybox-lock body {overflow:hidden !important}
199.fancybox-lock-test {overflow-y:hidden !important}
200.fancybox-overlay {position: absolute;top:0;left:0;overflow:hidden;display:none;z-index:8010;background:url('images/fancybox/fancybox_overlay.png')}
201.fancybox-overlay-fixed {position:fixed;bottom:0;right:0}
202.fancybox-lock .fancybox-overlay {overflow:auto;overflow-y:scroll}
203.fancybox-title {visibility:hidden;font:normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;position:relative;text-shadow:none;z-index:8050}
204.fancybox-opened .fancybox-title {visibility:visible}
205.fancybox-title-float-wrap {    position:absolute;bottom:0;right:50%;margin-bottom:-35px;z-index:8050;text-align:center}
206.fancybox-title-float-wrap .child {display:inline-block;margin-right:-100%;padding:2px 20px;background:transparent;background:rgba(0, 0, 0, 0.8);-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;text-shadow:0 1px 2px #222;color:#FFF;font-weight:bold;line-height:24px;white-space:nowrap}
207.fancybox-title-outside-wrap {position:relative;        margin-top:10px;color:#fff}
208.fancybox-title-inside-wrap {padding-top:10px}
209.fancybox-title-over-wrap {position:absolute;bottom:0;left:0;color:#fff;padding:10px;background:#000;background:rgba(0, 0, 0, .8)}
210@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5){
211        #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {background-image:url('images/fancybox/fancybox_sprite@2x.png');background-size:44px 152px}
212        #fancybox-loading div {background-image:url('images/fancybox/fancybox_loading@2x.gif');background-size:24px 24px}
213}
214
215/*==========================================plugin=====================================================*/
216#mbContact dd{padding:0!important}
217
218
Note: See TracBrowser for help on using the repository browser.