source: extensions/Slim/theme.css @ 28012

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

compatible ContactForm
File size: 16.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{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}
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 40px}
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#home{padding-bottom:20px}
28.logcontener{Background:#EFEFEF;border:1px solid #afafaf;border-radius:5px;margin-top:40px}
29.logcontener SPAN.property{width:100%}
30.filter UL, .filter LABEL{float:none;margin-left:10px;margin-right:5px}
31
32/*=========================================icon======================================================*/
33.pwg-icon{background-image:url("../default/s26/outline_808080.png")}
34A:hover .pwg-icon{background-image:url("../default/s26/outline_808060.png")}
35.pwg-icon-filter{background-image:url("../default/s26/outline_005e89.png")}
36
37/*=========================================categorie page======================================================*/
38.illustration{border-radius:7px;position:relative;margin-right:10px;float:none}
39.illustration img{display:block;border-radius:7px;margin:0 auto}
40.content .additional_info{text-align:left;padding-bottom:20px;padding-left:25px}
41.CatMPdescription h3{background:transparent;margin:5px 30px 0 0}
42.CatMPdescription{text-align:left;position:relative;z-index:100}
43.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}
44.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}
45.CatMPdescription div p{margin:0}
46/*=========================================footer======================================================*/
47#copyright a{color:#B3B3B3}
48#copyright a:hover{color:gray;border:none}
49#copyright{font-size:12px;position:fixed;bottom:0;right:10px}
50
51/*=========================================menu=====================================================*/
52
53#menubar{position:absolute;color:#757575;height:30px;min-width:800px;width:100%;margin:auto;background:#efefef;z-index:1000;top:0;left:0}
54#menubar FORM{margin:0}
55#menubar UL{list-style:none; margin:0}
56.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}
57.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}
58#menubar dt a, #menubar dt a:hover{z-index:100;padding:0 0;text-shadow:none;cursor:default}
59#menubar dt:hover,#menubar dt a:hover{color:#8f8f8f}
60span#menu_start{width:85px;float:left;display:block;height:30px}
61span#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}
62span#menu_start a:hover{background-position:left -30px}
63span#menu_start a:active{background-position:left -60px}
64#topnav{margin:0;padding:0 2px 0 0;list-style:none;height:30px;position:relative;z-index:999;display:inline-block}
65#topnav .liSub{float:left;position:relative;padding-right:2px}
66#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}
67#topnav #loger{z-index:50}
68.sub{z-index:100;max-width:600px}
69.sub p{color:#4C4C4C;font-size:13px;text-shadow:none;text-transform:none}
70.sub a{color:#757575}
71.sub a:hover{color:#4c4c4c}
72ul#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}
73ul#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}
74ul#topnav .sub ul .level1 li,ul#topnav .sub ul .level1 li .selected{border:none;background:none}
75ul#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}
76ul#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}
77ul#topnav li .sub ul,ul#topnav #loger ul{list-style:none outside none;margin:0 5px 0 10px;padding:0}
78.level2,.level3,.level4,.level5{border:none!important}
79.mcol{width:100%}
80.menubarFilter{margin:0}
81#menu_cat_act{border-bottom:1px solid #CBCBCB;margin-bottom:5px;height:30px}
82#filter{width:26px;height:26px;background:none;padding-left:2px}
83#nbImg{height:30px;float:right;line-height:10px}
84#menuTagCloud a{text-decoration:none;text-shadow:none;z-index:200}
85#quickconnect{width:225px}
86#search{position:absolute;width:240px;right:0;margin-top:4px;height:22px;display:inline-block}
87#quicksearch{float:left;width:240px}
88#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}
89#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}
90#quicksearch input[type=submit]:hover{background-position:right bottom}
91#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}
92#loger p{margin-bottom:20px}
93#log{margin-bottom:20px}
94#log INPUT[type=password]{height:22px;width:175px}
95#log INPUT[type=text]{width:175px;height:22px}
96#go INPUT[type=submit]{height:24px;width:120px;min-width:inherit;margin-left:42px;margin-top:20px;font-size:1.1em}
97.close{cursor:pointer;height:16px;width:16px;background:url(images/menu/close.png) no-repeat;float:right}
98.close:hover{background:url(images/menu/close.png) no-repeat 0 -16px }
99
100/*=========================================picture page======================================================*/
101/*____panel___*/
102.panel{position:absolute;left:-40px;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}
103.panel p{color:#EFEFEF;margin:0 0 15px;padding:0}
104a.trigger{position:absolute;text-decoration:none;left:0px;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}
105a.trigger:hover{background-color:#222}
106a.active.trigger{background:url("images/picture/minus.png") no-repeat 90% 55% #222}
107.panel ul li,#imageToolBar li,#pictcomm ul{list-style-type:none}
108.panel ul{margin:0;padding:0}
109.panel .value{padding-right:5px}
110.panel a{color:#EFEFEF}
111#rateForm input{width:22px}
112#rateForm input:hover{background:url("icon/rating-stars.png") no-repeat -20px center}
113.rateButtonStarFull{background:url("icon/rating-stars.png") no-repeat -20px center;width:20px}
114.rateButtonStarEmpty{background:url("icon/rating-stars.png") no-repeat 0 center;width:20px}
115#rating{margin:5px 0}
116.infoTable a:hover{text-decoration:underline}
117TABLE#standard,TABLE#Metadata{font-size:80%;margin-left:0;margin-bottom:30px}
118.infoTable .label,.infoTable2 .label{text-align:left}
119#imageToolBar{height:auto;padding-left:120px;margin-bottom:40px;text-align:left}
120#imageToolBar A:hover{color:#FFCF3D;text-decoration:underline}
121
122/*___content___*/
123#theImage{position:relative}
124#imgContainer{position:relative;margin-left:auto;margin-right:auto;text-align:left}
125#imgContent{position:relative;display:table;margin:auto}
126.navThumbs,#imgHoverNav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10}
127#imgHoverNav a{outline:medium none}
128#imgPrevHov,#imgNextHov,#thumbPrevHov,#thumbNextHov{width:48%;height:100%;display:block;border:medium none !important;opacity:0;position:relative}
129#imgPrevHov{left:0;float:left;margin-left:3px;background:url("images/picture/imgPrevHover.png") no-repeat left 45%}
130#imgNextHov{right:0;float:right;margin-right:3px;background:url("images/picture/imgNextHover.png") no-repeat scroll right 45%}
131#thumbPrevHov{left:0;float:left}
132#thumbNextHov{right:0;float:right}
133#imgPrevHov:hover,#imgNextHov:hover,#thumbPrevHov:hover,#thumbNextHov:hover{opacity:1}
134.linkPrev{position:absolute;left:-80px;top:40%}
135.linkNext{position:absolute;right:-80px;top:40%}
136#groupbuttons{width:200px;margin:auto}
137
138/*___comment___*/
139#comments{padding:0 0 40px;text-align:left}
140#commentAdd,#pictureCommentList{width:48%}
141#pictureCommentList li{margin-top:20px}
142.commentElement{width:100%;margin:10px 0 0;padding:0}
143.commentElement .illustration{float:left;margin:10px}
144#pictcomm{margin-bottom:50px;width:99%;height:190px;background:#7F7E7E;float:left}
145.even,.odd{color:#666;border:1px solid #C1C1C1}
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}
153.content .commentElement .description{height:auto !important}
154#contentid{border:medium none;background:#7F7E7E;margin:0 auto 20px}
155#comcontent{width:750px;padding-left:5px;padding-top:5px}
156.comment .com{height:auto;width:auto;color:#000}
157#commentAdd input[type="text"],#comments TEXTAREA{width:auto;height:auto}
158#comments TEXTAREA{padding:4px}
159#editComment{height:auto}
160
161/*=========================================carousel======================================================*/
162#carousel{position:relative}
163.jcarousel{position:relative;overflow:hidden}
164.jcarousel ul{width:20000em;position:relative;list-style:none;margin:0;padding:0}
165.jcarousel li {float: left}
166#wrap{position:relative;margin:50px;padding:20px 20px 40px;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)}
167.jcarousel-control-prev,.jcarousel-control-next{position:absolute;top:160px;width:30px;height:30px;text-align:center;background:#4E443C;color:#fff;text-decoration:none;text-shadow:0 0 1px #000;font:24px/27px Arial, sans-serif;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;-webkit-box-shadow:0 0 2px #999;-moz-box-shadow:0 0 2px #999;box-shadow:0 0 2px #999}
168.jcarousel-control-prev{left:80px}
169.jcarousel-control-next{right:80px}
170.jcarousel-control-prev:hover span,.jcarousel-control-next:hover span{display:block}
171.jcarousel-control-prev.inactive,.jcarousel-control-next.inactive{opacity: .5;cursor:default}
172
173/*=========================================Lytebox======================================================*/
174#lbOverlay{position:fixed;top:0px;left:0px;z-index:99997;width:100%;height:100%;background:#000}
175#lbMain{position:absolute;left:0px;width:100%;z-index:99998;text-align:center;line-height:0;isplay:-moz-inline-stack}
176#lbMain a img{border:1px solid #FFF}
177#lbOuterContainer{position:relative;background:transparent;width:200px;height:200px;margin:0px auto;border:2px solid #CCC}
178#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}
179#lbTopContainer{overflow:hidden;margin-top:5px}
180#lbImage,#lbIframe{border:1px solid #CCC}
181#lbImageContainer,#lbIframeContainer{z-index: 12}
182#lbLoading{height:100%;width:100%;margin-top:-10px;background:url("images/Lytebox/loading.gif") no-repeat center center}
183#lbHoverNav{position:absolute;top:0px;left:0px;height:100%;width:100%;z-index:10}
184#lbImageContainer > #lbHoverNav{left:0px}
185#lbHoverNav a{outline: medium none}
186#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}
187#lbPrevHov:hover,#lbPrevHov:visited{background:url("images/Lytebox/prev_t.png") no-repeat left 45%}
188#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}
189#lbNextHov:hover,#lbNextHov:visited{background: url("images/Lytebox/next_t.png") no-repeat right 45%}
190#lbTopData,#lbBottomData{float:left;text-align:left;padding-left: 10px}
191#lbBottomData{padding-bottom:0.5em;color:#FFF}
192#lbTopNav,#lbBottomNav{float:right;text-align:right;padding-right:10px;padding-top:10px}
193#lbNumTop,#lbNumBottom{font-style:italic}
194#lbDescBottom{display:block}
195#lbTitleTop,#lbTopNav{margin-top:0.3em}
196#lbTitleTop,#lbTitleBottom{display:block;font-weight:bold}
197#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%}
198#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%}
199#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%}
200#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%}
201#lbClose,#lbPrint,#lbPlay,#lbPause{margin:0px 0px 6px 8px}
202
203/*==========================================plugin=====================================================*/
204#mbContact dd{padding:0!important}
205
206
Note: See TracBrowser for help on using the repository browser.