source: extensions/Full_Background/theme.css @ 27153

Last change on this file since 27153 was 25999, checked in by Miklfe, 10 years ago
File size: 18.8 KB
Line 
1html{height:100%}
2BODY{background:#000;padding:0;margin:0;min-width:800px;width:100%;color:#fff;position:relative}
3H1,H3,INPUT.rateButtonSelected{color:#FFF}
4A,INPUT.rateButton{color:#FFF;border:medium none;text-decoration:none}
5A:hover{color:#6f6f6f;text-decoration:none;border-bottom:medium none}
6FIELDSET{border:0 none;background:#6F6F6F}
7INPUT:focus{outline-style:none}
8INPUT[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)}
9INPUT[type=submit]:hover,INPUT[type=reset]:hover{color:#222;background:-moz-linear-gradient(center top , #777777, #333333) repeat scroll 0% 0% transparent}
10INPUT[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)}
11INPUT[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}
12INPUT[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}
13SELECT.categoryList:hover{background:none repeat scroll 0 0 #FFF}
14SELECT{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}
15LEGEND{font-style:normal;font-weight:700;font-size:110%;margin-top:25px}
16.properties LI{list-style:none outside none}
17H2{color:#FFF;background:none;height:25px;margin:0 5px 5px;padding:8px 0 0 10px}
18
19/*======================================================Header======================================================*/
20#theHeader{display:block;position:relative;right:20px;left: 20px;top:80px;text-align:left;z-index:4;padding:0 40px 0;margin:0 20px;font-size:15px;text-shadow:3px 3px 1px #000;height:130px}
21#theHeader h1 {text-align:left;font-size:2.5em;display:inline-block;font-family: 'Finger Paint',arial,serif}
22#theHeader p {float:right;font-size:15px;font-family:'PT Sans Narrow',arial,serif;text-transform:uppercase}
23
24/*======================================================Content======================================================*/
25#the_page{position:absolute;top:40px;z-index:100;width:100%}
26.content .titrePage{position:relative}
27.categoryActions{top:5px;float:right;display:block;margin:6px 20px 0 0}
28#page_content{background:none;min-width:680px;width:100%;height:auto;margin:2px auto 30px;display:table}
29.content{margin:100px 0 0;padding:0;height:auto}
30.content .titrePage{z-index:5;background:rgba(0, 0, 0, 0.5);position:absolute;width:100%;top:0;left:0}
31.content .titrePage a{color:#FFF}
32.content .titrePage a:hover{color:#C2C2C2}
33#content A{color:#FFF}
34#content A:hover{color:#C2C2C2}
35#fullTagCloud{background:#6F6F6F;min-height:500px;margin-top:170px}
36#sortOrderBox{width:250px}
37.content .navigationBar,.content .calendarBar{position:absolute;top:150px;z-index:4;background:rgba(0, 0, 0, 0.5);margin:0px;padding:10px 0px 5px 20px;text-align:left;height:auto}
38.content .additional_info{left:50px;width:561px;box-shadow:1px 1px 5px #202020;border:4px solid #FFF;text-shadow:3px 3px 1px #000;position:absolute;top:150px;z-index:4;background:rgba(0, 0, 0, 0.3);margin:0px;padding:10px;text-align:left;height:auto}
39/*======================================================icon======================================================*/
40.pwg-icon{background-image:url(../default/s26/outline_ffffff.png)}
41A:hover .pwg-icon{background-image:url(../default/s26/outline_808080.png)}
42.pwg-icon-filter{background-image:url(../default/s26/outline_005e89.png)}
43
44/*======================================================Thumbnail page======================================================*/
45.thumbnailCategory{margin-left:auto;margin-right:auto}
46.thumbnailCategories LI{width:auto;display:inline-block;float:none}
47.illustration{position:relative;margin:0}
48.content ul.thumbnails .wrap1{display:inline-block;margin:20px 20px 5px;text-align:center;vertical-align:top}
49.content UL.thumbnails .wrap2{height:140px}
50.content UL.thumbnails .wrap2 A{margin-top:10px}
51.thumbnail :before{content:""}
52.thumbnail{position:relative}
53.thumbnail .description,.thumbnailCategory DIV.description{height:100%;padding-top:0;background:#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%}
54.thumbnail:hover .description,.thumbnailCategory:hover DIV.description{background:url("images/pattern.png") repeat;opacity:0.65;-moz-transition:bottom 1s ease 0s, width 1s ease 0s, opacity 2s ease 0s}
55.thumbnails SPAN.thumbLegend{height:80px}
56.thumbs{margin:10px 0}
57.text {background:rgba(0, 0, 0, 0.9)}
58.text img{height:24px;width:24px!important}
59.description H2{text-align:center;font-size:250%;color:#FFF;margin:20px 0;padding:5px}
60.description P{font-size:120%;padding:5px}
61#bg_th_right{background-image:none}
62.even,.odd,.thumbs{list-style:none}
63
64/*======================================================Footer======================================================*/
65#footer{background:rgba(0, 0, 0, 0.5);width:100%;bottom:0;height:auto;position:fixed;top:100%;margin:-20px auto 0;z-index:101;padding-top:4px}
66#copyright,#fullscreen{display:inline-block;text-align:left;margin-bottom:0;height:20px;padding-top:0px;font-size:10px}
67#fullscreen{position:absolute;left:20px}
68#copyright{position:absolute;right:20px}
69
70/*======================================================Menu======================================================*/
71#nav_wrapper{width:100%;margin:auto;z-index:1000;left:0;background:0% 0% rgba(0, 0, 0, 0.8);height:40px;border-bottom:1px solid #3F3F3F;min-width:1000px;position:fixed}
72#menubar{width:24em;margin-left:0}
73#menubar UL{list-style-type:none;list-style-position:inside;padding:0 0 0 2px}
74#menubar a,#menubar dt,div#menubar dl:hover dd,div#menubar ul li:hover ul,div#menubar ul ul li:hover ul,div#menubar ul ul ul li:hover ul,div#menubar ul ul ul ul li:hover ul,div#menubar ul ul ul ul ul li:hover ul{display:block}
75input:focus{outline-style:none}
76#menubar p{color:#757575}
77#menu{color:#FFF;line-height:30px;text-decoration:none;text-shadow:0 0 2px #000;text-transform:uppercase;height:40px;padding:0}
78#menu a {color:#FFF}
79#menu a:hover{color:#ff8a00}
80span#menu_start{background:none;float:left;display:block;height:30px;width:85px;margin-top:4px}
81span#menu_start a{background: url("images/menu/home_w.png") no-repeat left top;width:52px;height:32px;text-indent:-9999px;padding:0;margin:0 20px 0 25px;display:block;line-height:46px}
82span#menu_start a:hover{background-position:left -32px}
83ul#topnav{background:none;font-size:1.2em;margin:0;padding:0 2px 0 0;list-style:none outside none;height:40px;position:relative;z-index:999;display:inline-block}
84ul#topnav .liSub{background:none;float:left;position:relative;padding-right:2px}
85ul#topnav .liSub:hover{background:#4F4F4F}
86ul#topnav span dt{padding:0 16px;height:40px;line-height:40px}
87ul#topnav span dt:hover{background:#4f4f4f;color:#ff8a00}
88ul#topnav span dt:hover a{color:#ff8a00}
89#menuTagCloud a{color:#000;text-decoration:none;text-shadow:none;z-index:200}
90.sub p{color:#FFF;font-size:13px;text-shadow:none;text-transform:none}
91ul#topnav li .sub,ul#topnav li #loger{background:rgba(0, 0, 0, 0.8);position:absolute;top:30px;margin-left:0;padding:5px 8px 10px;float:left;max-width:100em;min-width:200px;max-height:500px;overflow:auto;z-index:0}
92.level2,.level3,.level4,.level5{border:none!important}
93ul#topnav li .sub{z-index:100}
94#quickconnect{width:225px}
95.mcol{width:100%}
96.menubarFilter{margin:0}
97#menu_cat_act{border-bottom:1px solid #CBCBCB;margin-bottom:5px;height:30px}
98#filter{width:26px;height:26px;background:none repeat scroll 0 0 transparent;padding-left:2px}
99#nbImg{height:30px;float:right;line-height:10px}
100ul#topnav li .sub ul,ul#topnav #loger ul{list-style:none outside none;margin:0 5px 0 8px;padding:0}
101ul#topnav .sub ul li,ul#topnav #loger ul li,ul#topnav .sub #menuTagCloud div{width:95%;color:#757575;background:none repeat scroll 0 0 transparent;font-size:10px;margin-bottom:2px;border-radius:10px 10px 10px 10px;border:1px solid}
102ul#topnav li .sub, ul#topnav li #loger{border:1px solid #3f3f3f;border-radius:0;box-shadow:5px 5px 20px #000;background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.8);margin-top:10px}
103ul#topnav .sub ul li.selected{text-decoration:none;border:1px solid ;border-radius:10px 10px 10px 10px}
104ul#topnav .sub ul li.selected a,ul#topnav .sub ul li.selected a:hover{color:#FF8A00;text-decoration:none;border:none}
105ul#topnav .sub ul li.selected a{background:url(images/menu/navlist_arrow_select.png) no-repeat 0 5px}
106ul#topnav .sub ul .level1 li,ul#topnav .sub ul .level1 li .selected{border:medium none;background-image:none}
107ul#topnav .sub ul li a,ul#topnav #loger ul li a{border-radius:0;margin-top: 5px;color: #FFF;float:none;text-indent:0;height:auto;margin:0 8px;display:inline;text-decoration:none;font-size:1.1em;text-shadow:none;text-transform:none;line-height:17px;padding:0 0 0 8px;}
108#mbCategories IMG{margin-bottom:8px}
109ul#topnav #loger ul li a:hover{color:#ff8a00}
110ul#topnav .sub ul li a:hover,ul#topnav .sub #menuTagCloud div a:hover{color:#FF8A00;background:url(images/menu/navlist_arrow_hover.png) no-repeat 0 5px;text-decoration:none}
111span.dd_wrapper,span.cl_wrapper,span.cc_wrapper,span dt{float:left;padding:0 16px;line-height:40px}
112li.liSub:hover span.dd_wrapper,li.liSub:hover span.cl_wrapper,.activate{z-index:100;background:none;color:#FF8A00;padding:0 16px;text-shadow:none}
113li.liSub:hover span.cc_wrapper{color:#8F8F8F}
114.close{cursor:pointer;height:16px;width:16px;background:url(images/menu/close.png) no-repeat scroll 0 0 transparent;float:right}
115.close:hover{background:url(images/menu/close.png) no-repeat scroll 0 -16px transparent}
116.sub{max-width:600px}
117#search{position:absolute;width:240px;right:0;margin-top:4px;height:22px;display:inline-block}
118#quicksearch{float:left;width:240px}
119#quicksearch input[type=text]{background:#3F3F3F;float:left;width:172px;height:22px;padding:0 0 0 4px;margin:4px 1px 0 0;border:0 none;font-size:13px;color:#CCC!important;min-width:0}
120#quicksearch input[type=text]:hover{background-position:left bottom}
121#quicksearch input[type=submit]{float:left;padding:0;border:0 none;height:22px;width:23px;background:url(images/menu/search.png) no-repeat;font-size:13px;cursor:pointer;min-width:0;margin:4px 2px 0 2px;border-radius:0 0 0 0;box-shadow:none}
122#quicksearch input[type=submit]:hover{background-position:right bottom}
123#loger{line-height:25px;width:220px;position:absolute;top:30px;background:none repeat scroll 0 0 #FFF;padding:10px;float:left;max-width:100em;min-width:200px;display:none;z-index:0}
124#loger p{color:#000;margin-bottom:20px;text-shadow:none}
125#log{color:#ff8a00;text-transform:none;text-shadow:none;margin-bottom:20px}
126ul#topnav li .sub ul#loged{width:200px}
127#log INPUT[type=password]{border:0 none;height:22px;background:#fff;width:175px}
128#log INPUT[type=password]:hover{background-position:left bottom}
129#log INPUT[type=text]{border:0 none;height:22px;background:#fff;width:175px}
130#log INPUT[type=text]:hover{background-position:left bottom}
131#go INPUT[type=submit]{background:-moz-linear-gradient(center top , #555555, #2C2C2C) ;color:#ff8a00;width:auto;border:0 none;height:32px;min-width:inherit;margin-left:65px;margin-top:20px;box-shadow:none;text-shadow:none}
132#go INPUT[type=submit]:hover{color:#ff8a00;background:-moz-linear-gradient(center top , #5f5f5f, #2C2C2C) repeat scroll 0 0 transparent}
133#go INPUT[type=submit]:active{color:#ff8a00;background:-moz-linear-gradient(center top , #555555, #2C2C2C) repeat scroll 0% 0% transparent;box-shadow:1px 1px 1px #000 inset, 0px 1px 0px rgba(255,255,255,0.4)}
134#topnav dt a:hover{color:#c2c2c2}
135
136
137
138/*=========================================picture======================================================*/
139#theImage{float:left;margin-left:100px}
140#theImage > IMG{margin-top:20px;margin-bottom:20px;position:relative}
141#groupbuttons{margin:auto;width:200px}
142#imgContainer{position:relative;margin-left:auto;margin-right:auto;text-align:left}
143#imgContent{position:relative;display:table;margin:auto}
144#imageInfos{margin-bottom:50px}
145
146/*=========================================comment on picture page======================================================*/
147#comments{overflow-y:auto;overflow-x:hidden;width:880px;margin:auto;text-align:left;padding-bottom:40px}
148#pictcomm{margin-bottom:50px;width:99%;height:190px;background:none repeat scroll 0 0 #7F7E7E;float:left}
149.commentElement{background:#6F6F6F;margin-bottom:20px;padding-bottom:10px}
150.filter{margin-bottom:50px}
151#pictcomm ul{list-style-type:none}
152.even,.odd{color:#FFF}
153.odd{padding-top:10px}
154.thumbnailCategories1{padding:0}
155.thumbnailCategories1 LI{width:100%;float:none;margin:0;padding:0}
156.author,.date{color:#C5C5C5}
157#adcomm{margin-bottom:30px}
158.addcom{float:none!important;margin-right:0!important}
159#addComment FIELDSET{margin:0;padding:0;border:medium none;background:none}
160#contentid{border:medium none;background:#7F7E7E;margin:0 auto 20px}
161#comcontent{width:750px;padding-left:5px;padding-top:5px}
162.commentsList{overflow:visible}
163/*======================================================plugin======================================================*/
164.contact-form-content{background:url(images/bg_content.png) repeat scroll 0 0 transparent}
165
166/*================================================tf==================================*/
167.hide{transition:bottom 1s ease 0s,width 1s ease 0s,opacity 1s ease 0s;opacity:0;cursor:auto!important}
168.hidedi{display:none}
169.visible{transition:bottom 1s ease 0s,width 1s ease 0s,opacity 2s ease 0s;opacity:1}
170.pattern{background: url("images/pattern.png")repeat scroll 0% 0% transparent}
171.tf_bg{width:100%;height:100%;position:fixed;top:0;left:0}
172.tf_bg img{position:absolute;top:0;left:0;width:100%;z-index:1;display:none}
173#tf_pattern{position:absolute;width:100%;height:100%;z-index:2}
174.tf_content{position:absolute;top:450px;left:100px;z-index:10;display:none}
175.tf_content h2{color:#FFF;font-size:90px;padding:0;margin:0;font-family:'Finger Paint',arial,serif;text-shadow:1px 1px 2px #000;height:auto}
176.tf_content .infor{color:#FFF;margin:0;padding:40px;width:500px;font-family:'PT Sans Narrow',arial,serif;line-height:25px;text-transform:uppercase;text-shadow:3px 3px 1px #000;box-shadow:1px 1px 5px #202020;border:4px solid #FFF;font-size:15px;background:rgba(0, 0, 0, 0.3)}
177.infor h2{font-size:20px;padding-bottom:20px}
178.infor img{margin-left:4px}
179.infor div{float:left;width:33%}
180.tf_thumbs{position:absolute;z-index:4;right:50px;top:300px;border:4px solid #FFF;box-shadow:1px 1px 5px #202020}
181.tf_thumbs img{display:block;max-width:350px;max-height:280px}
182.tf_loading{position:fixed;top:50%;left:50%;margin:-30px 0px 0px -30px;width:80px;height:80px;background: url("images/loading.gif") no-repeat center center;z-index:999;opacity:0.7}
183.tf_next, .tf_prev{width:35px;height:14px;top:350px;position:absolute;z-index:100;cursor:pointer;background:url("images/nav.png") no-repeat left top;right:450px}
184.tf_next{background-position:0 -14px;margin-top:120px}
185.tf_prev{background-position:0 0;margin-top:20px}
186.tf_next:hover, .tf_prev:hover{opacity: 0.9}
187.tf_zoom{width:20px;height:20px;position:absolute;top:6px;right:6px;cursor:pointer;z-index:100;opacity:0.6;background:url("images/icons.png") no-repeat left top}
188.tf_fullscreen{width:20px;height:20px;position:absolute;top:80px;right:80px;cursor:pointer;z-index:100;background:url("images/icons.png") no-repeat}
189.tf_info{width:20px;height:20px;position:absolute;top:6px;right:28px;cursor:pointer;z-index:100;opacity:0.6;background:url("images/icons.png") no-repeat 0px -40px}
190.tf_zoom{background-position:0px -20px}
191.tf_zoom:hover,.tf_fullscreen:hover,.tf_info:hover{opacity:0.7}
192.cat{display:none}
193#test{z-index:200;position:relative}
194
195/*=========================================Lytebox======================================================*/
196#lbOverlay{position:fixed;top:0px;left:0px;z-index:99997;width:100%;height:100%;background:#000}
197#lbMain{position:absolute;left:0px;width:100%;z-index:99998;text-align:center;line-height:0;isplay:-moz-inline-stack}
198#lbMain a img{border:1px solid #FFF}
199#lbOuterContainer{position:relative;background:transparent;width:200px;height:200px;margin:0px auto;border:2px solid #CCC}
200#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}
201#lbTopContainer{overflow:hidden;margin-top:5px}
202#lbImage,#lbIframe{border:1px solid #CCC}
203#lbImageContainer,#lbIframeContainer{z-index: 12}
204#lbLoading{height:100%;width:100%;margin-top:-10px;background:url("images/Lytebox/loading.gif") no-repeat center center}
205#lbHoverNav{position:absolute;top:0px;left:0px;height:100%;width:100%;z-index:10}
206#lbImageContainer > #lbHoverNav{left:0px}
207#lbHoverNav a{outline: medium none}
208#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}
209#lbPrevHov:hover,#lbPrevHov:visited{background:url("images/Lytebox/prev_t.png") no-repeat left 45%}
210#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}
211#lbNextHov:hover,#lbNextHov:visited{background: url("images/Lytebox/next_t.png") no-repeat right 45%}
212#lbTopData,#lbBottomData{float:left;text-align:left;padding-left: 10px}
213#lbBottomData{padding-bottom:0.5em;color:#FFF}
214#lbTopNav,#lbBottomNav{float:right;text-align:right;padding-right:10px;padding-top:10px}
215#lbNumTop,#lbNumBottom{font-style:italic}
216#lbDescBottom{display:block}
217#lbTitleTop,#lbTopNav{margin-top:0.3em}
218#lbTitleTop,#lbTitleBottom{display:block;font-weight:bold}
219#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%}
220#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%}
221#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%}
222#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%}
223#lbClose,#lbPrint,#lbPlay,#lbPause{margin:0px 0px 6px 8px}
224
225/*============================================Pluggin===================================*/
226#mbContact dd{padding:0!important;border:none!important}
227#title_page{float:left;width:auto}
228
229
Note: See TracBrowser for help on using the repository browser.