source: extensions/Slim/theme.css @ 19621

Last change on this file since 19621 was 19205, checked in by Miklfe, 12 years ago
File size: 17.2 KB
Line 
1BODY{background:url("images/texture.png")}
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{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")}
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{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}
59span#menu_start{width:85px;float:left;display:block;height:30px}
60span#menu_start a{background:url(images/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:#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}
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:block;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
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}
103a.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}
104a.trigger:hover{background-color:#222}
105a.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}
116TABLE#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}
Note: See TracBrowser for help on using the repository browser.