source: extensions/Full_Background/theme.css @ 20521

Last change on this file since 20521 was 19549, checked in by Miklfe, 11 years ago
File size: 19.0 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/*======================================================Menu======================================================*/
70#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}
71#menubar{width:24em;margin-left:0}
72#menubar UL{list-style-type:none;list-style-position:inside;padding:0 0 0 2px}
73#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}
74input:focus{outline-style:none}
75#menubar p{color:#757575}
76#menu{color:#FFF;line-height:30px;text-decoration:none;text-shadow:0 0 2px #000;text-transform:uppercase;height:40px;padding:0}
77#menu a {color:#FFF}
78#menu a:hover{color:#ff8a00}
79span#menu_start{background:none;float:left;display:block;height:30px;width:85px;margin-top:4px}
80span#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}
81span#menu_start a:hover{background-position:left -32px}
82ul#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}
83ul#topnav .liSub{background:none;float:left;position:relative;padding-right:2px}
84ul#topnav .liSub:hover{background:#4F4F4F}
85ul#topnav span dt{padding:0 16px;height:40px;line-height:40px}
86ul#topnav span dt:hover{background:#4f4f4f;color:#ff8a00}
87ul#topnav span dt:hover a{color:#ff8a00}
88#menuTagCloud a{color:#000;text-decoration:none;text-shadow:none;z-index:200}
89.sub p{color:#FFF;font-size:13px;text-shadow:none;text-transform:none}
90ul#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}
91.level2,.level3,.level4,.level5{border:none!important}
92ul#topnav li .sub{z-index:100}
93#quickconnect{width:225px}
94.mcol{width:100%}
95.menubarFilter{margin:0}
96#menu_cat_act{border-bottom:1px solid #CBCBCB;margin-bottom:5px;height:30px}
97#filter{width:26px;height:26px;background:none repeat scroll 0 0 transparent;padding-left:2px}
98#nbImg{height:30px;float:right;line-height:10px}
99ul#topnav li .sub ul,ul#topnav #loger ul{list-style:none outside none;margin:0 5px 0 8px;padding:0}
100ul#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}
101ul#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}
102ul#topnav .sub ul li.selected{text-decoration:none;border:none;border-radius:10px 10px 10px 10px}
103ul#topnav .sub ul li.selected a,ul#topnav .sub ul li.selected a:hover{color:#FF8A00;text-decoration:none;border:none}
104ul#topnav .sub ul li.selected a{background:url(images/menu/navlist_arrow_select.png) no-repeat 0 5px}
105ul#topnav .sub ul .level1 li,ul#topnav .sub ul .level1 li .selected{border:medium none;background-image:none}
106ul#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:block;text-decoration:none;font-size:1.1em;text-shadow:none;text-transform:none;line-height:17px;padding:0 0 0 12px}
107ul#topnav #loger ul li a:hover{color:#ff8a00}
108ul#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}
109span.dd_wrapper,span.cl_wrapper,span.cc_wrapper,span dt{float:left;padding:0 16px;line-height:40px}
110li.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}
111li.liSub:hover span.cc_wrapper{color:#8F8F8F}
112.close{cursor:pointer;height:16px;width:16px;background:url(images/menu/close.png) no-repeat scroll 0 0 transparent;float:right}
113.close:hover{background:url(images/menu/close.png) no-repeat scroll 0 -16px transparent}
114.sub{max-width:600px}
115#search{position:absolute;width:240px;right:0;margin-top:4px;height:22px;display:inline-block}
116#quicksearch{float:left;width:240px}
117#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}
118#quicksearch input[type=text]:hover{background-position:left bottom}
119#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}
120#quicksearch input[type=submit]:hover{background-position:right bottom}
121#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}
122#loger p{color:#000;margin-bottom:20px;text-shadow:none}
123#log{color:#ff8a00;text-transform:none;text-shadow:none;margin-bottom:20px}
124ul#topnav li .sub ul#loged{width:200px}
125#log INPUT[type=password]{border:0 none;height:22px;background:#fff;width:175px}
126#log INPUT[type=password]:hover{background-position:left bottom}
127#log INPUT[type=text]{border:0 none;height:22px;background:#fff;width:175px}
128#log INPUT[type=text]:hover{background-position:left bottom}
129#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}
130#go INPUT[type=submit]:hover{color:#ff8a00;background:-moz-linear-gradient(center top , #5f5f5f, #2C2C2C) repeat scroll 0 0 transparent}
131#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)}
132#topnav dt a:hover{color:#c2c2c2}
133
134
135
136/*=========================================picture======================================================*/
137#theImage{float:left;margin-left:100px}
138#theImage > IMG{margin-top:20px;margin-bottom:20px;position:relative}
139#groupbuttons{margin:auto;width:200px}
140#imgContainer{position:relative;margin-left:auto;margin-right:auto;text-align:left}
141#imgContent{position:relative;display:table;margin:auto}
142#imageInfos{margin-bottom:50px}
143
144/*=========================================comment on picture page======================================================*/
145#comments{overflow-y:auto;overflow-x:hidden;width:880px;margin:auto;text-align:left;padding-bottom:40px}
146#pictcomm{margin-bottom:50px;width:99%;height:190px;background:none repeat scroll 0 0 #7F7E7E;float:left}
147.commentElement{background:#6F6F6F;margin-bottom:20px;padding-bottom:10px}
148.filter{margin-bottom:50px}
149#pictcomm ul{list-style-type:none}
150.even,.odd{color:#FFF}
151.odd{padding-top:10px}
152.thumbnailCategories1{padding:0}
153.thumbnailCategories1 LI{width:100%;float:none;margin:0;padding:0}
154.author,.date{color:#C5C5C5}
155#adcomm{margin-bottom:30px}
156.addcom{float:none!important;margin-right:0!important}
157#addComment FIELDSET{margin:0;padding:0;border:medium none;background:none}
158#contentid{border:medium none;background:#7F7E7E;margin:0 auto 20px}
159#comcontent{width:750px;padding-left:5px;padding-top:5px}
160.commentsList{overflow:visible}
161/*======================================================plugin======================================================*/
162.contact-form-content{background:url(images/bg_content.png) repeat scroll 0 0 transparent}
163
164/*================================================tf==================================*/
165.hide{transition:bottom 1s ease 0s,width 1s ease 0s,opacity 1s ease 0s;opacity:0;cursor:auto!important}
166.hidedi{display:none}
167.visible{transition:bottom 1s ease 0s,width 1s ease 0s,opacity 2s ease 0s;opacity:1}
168.pattern{background: url("images/pattern.png")repeat scroll 0% 0% transparent}
169.tf_bg{width:100%;height:100%;position:fixed;top:0;left:0}
170.tf_bg img{position:absolute;top:0;left:0;width:100%;z-index:1;display:none}
171#tf_pattern{position:absolute;width:100%;height:100%;z-index:2}
172.tf_content{position:absolute;top:450px;left:100px;z-index:10;display:none}
173.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}
174.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)}
175.infor h2{font-size:20px;padding-bottom:20px}
176.infor img{margin-left:4px}
177.infor div{float:left;width:33%}
178.tf_thumbs{position:absolute;z-index:4;right:50px;top:300px;border:4px solid #FFF;box-shadow:1px 1px 5px #202020}
179.tf_thumbs img{display:block;max-width:350px;max-height:280px}
180.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}
181.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}
182.tf_next{background-position:0 -14px;margin-top:120px}
183.tf_prev{background-position:0 0;margin-top:20px}
184.tf_next:hover, .tf_prev:hover{opacity: 0.9}
185.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}
186.tf_fullscreen{width:20px;height:20px;position:absolute;top:80px;right:80px;cursor:pointer;z-index:100;background:url("images/icons.png") no-repeat}
187.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}
188.tf_zoom{background-position:0px -20px}
189.tf_zoom:hover,.tf_fullscreen:hover,.tf_info:hover{opacity:0.7}
190.cat{display:none}
191#test{z-index:200;position:relative}
192
193/*=========================================Lytebox======================================================*/
194#lbOverlay{position:fixed;top:0px;left:0px;z-index:99997;width:100%;height:100%;background:#000}
195#lbMain{position:absolute;left:0px;width:100%;z-index:99998;text-align:center;line-height:0;isplay:-moz-inline-stack}
196#lbMain a img{border:1px solid #FFF}
197#lbOuterContainer{position:relative;background:transparent;width:200px;height:200px;margin:0px auto;border:2px solid #CCC}
198#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}
199#lbTopContainer{overflow:hidden;margin-top:5px}
200#lbImage,#lbIframe{border:1px solid #CCC}
201#lbImageContainer,#lbIframeContainer{z-index: 12}
202#lbLoading{height:100%;width:100%;margin-top:-10px;background:url("images/Lytebox/loading.gif") no-repeat center center}
203#lbHoverNav{position:absolute;top:0px;left:0px;height:100%;width:100%;z-index:10}
204#lbImageContainer > #lbHoverNav{left:0px}
205#lbHoverNav a{outline: medium none}
206#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}
207#lbPrevHov:hover,#lbPrevHov:visited{background:url("images/Lytebox/prev_t.png") no-repeat left 45%}
208#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}
209#lbNextHov:hover,#lbNextHov:visited{background: url("images/Lytebox/next_t.png") no-repeat right 45%}
210#lbTopData,#lbBottomData{float:left;text-align:left;padding-left: 10px}
211#lbBottomData{padding-bottom:0.5em;color:#FFF}
212#lbTopNav,#lbBottomNav{float:right;text-align:right;padding-right:10px;padding-top:10px}
213#lbNumTop,#lbNumBottom{font-style:italic}
214#lbDescBottom{display:block}
215#lbTitleTop,#lbTopNav{margin-top:0.3em}
216#lbTitleTop,#lbTitleBottom{display:block;font-weight:bold}
217#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%}
218#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%}
219#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%}
220#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%}
221#lbClose,#lbPrint,#lbPlay,#lbPause{margin:0px 0px 6px 8px}
222
223/*============================================Pluggin===================================*/
224#mbContact dd{padding:0!important;border:none!important}
225#title_page{float:left;width:auto}
226
227
228/*@media (max-width:1280px){ul#topnav{font-size:1em}}
229@media (max-width:1024px){ul#topnav{font-size:0.6em}}
230@media (max-width:1024px){span.dd_wrapper, span.cl_wrapper, span.cc_wrapper, span dt{padding:0 5px}
Note: See TracBrowser for help on using the repository browser.