source: extensions/stripped/theme-original.css @ 12960

Last change on this file since 12960 was 12960, checked in by Zaphod, 12 years ago

version 2.1.0

File size: 10.6 KB
Line 
1/* General rules ------------------------------------------------------------------------------- */
2
3html , body     { background-color: #101010;}
4body            { color: #666;}
5
6#thePicturePage .left_block,
7#thePicturePage .right_block,
8#thePicturePage .middle_block,
9#content {
10        background-color: #202020;
11        border: solid 1px #555;
12        border-width: 1px 0;
13}
14
15a                       { color: #999;}
16a:hover                 { color: #ccc;}
17
18hr                      { border-color: #999;}
19
20#theHeader      { color: #888; }
21
22/* Content ------------------------------------------------------------------------------------- */
23
24.content_block .additional_info { background-color:#404040;}
25.content_block                  { color:#999;}
26.content_block a                { color:#ddd;}
27.content_block a:hover  { color:#fff;}
28
29/* Menubar ------------------------------------------------------------------------------------- */
30
31#menuswitcher                   { color: #999;}
32#menuswitcher:hover             { color: #ccc;}
33
34/* Category thumbnails ------------------------------------------------------------------------- */
35
36.thumbnailCategories li                                 { color:#999;}
37.ats .thumbnailCategories li                    { background: transparent url(images/back_30.png) 0 0 no-repeat;}
38.at3 .thumbnailCategories li                    { background: transparent url(images/m_back_30.png) 0 0 no-repeat;}
39.at2 .thumbnailCategories li                    { background: transparent url(images/l_back_30.png) 0 0 no-repeat;}
40.at1 .thumbnailCategories li                    { background: transparent url(images/xl_back_30.png) 0 0 no-repeat;}
41
42.thumbnailCategories li:hover           { color:#666;}
43.ats .thumbnailCategories li:hover      { background: transparent url(images/back_30.png) 0 -170px no-repeat;}
44.at3 .thumbnailCategories li:hover      { background: transparent url(images/m_back_30.png) 0 -290px no-repeat;}
45.at2 .thumbnailCategories li:hover      { background: transparent url(images/l_back_30.png) 0 -170px no-repeat;}
46.at1 .thumbnailCategories li:hover      { background: transparent url(images/xl_back_30.png) 0 -170px no-repeat;}
47
48.thumbnailCategory .illustration img                    { border: 1px solid #555;}
49.thumbnailCategory .illustration img:hover      { border: 1px solid #101010;}
50
51.atd .thumbnailCategory .description h3                                                                 { border-color:#555;}
52.naf .thumbnailCategories .thumbnailCategory:hover .description h3      { border-color:#555;}
53.atd .thumbnailCategory:hover .description h3                                           { border-color:#999;}   
54
55.stuffs_block .personal_block ul.thumbnailCategories li,
56.stuffs_block .personal_block ul.thumbnailCategories li:hover,
57.subcontent  .stuffs_block .personal_block ul.thumbnailCategories li,
58.subcontent  .stuffs_block .personal_block ul.thumbnailCategories li:hover {
59        border-radius:10px;
60        -moz-border-radius:10px;
61        -webkit-border-radius:10px;
62}
63
64.stuffs_block .personal_block ul.thumbnailCategories li                                         { background: #303030 none 0 0 no-repeat;}
65.stuffs_block .personal_block ul.thumbnailCategories li:hover                           { background: #c0c0c0 none 0 0 no-repeat;}
66.subcontent  .stuffs_block .personal_block ul.thumbnailCategories li            { background: #404040 none 0 0 no-repeat;}
67.subcontent  .stuffs_block .personal_block ul.thumbnailCategories li:hover      { background: #c0c0c0 none 0 0 no-repeat;}
68
69/* Images Thumbnails --------------------------------------------------------------------------- */
70
71.thumbnails li, #thumbnails li                                  { background: transparent url(images/back_40.png) 0 0 no-repeat;}
72.thumbnails li:hover, #thumbnails li:hover      { background: transparent url(images/back_40.png) 0 -170px no-repeat;}
73.stuffs_block li                                                        { background: transparent url(images/back_50.png) 0 -0 no-repeat;}
74.stuffs_block li:hover                                  { background: transparent url(images/back_50.png) 0 -170px no-repeat;}
75.wrap1 .thumbLegend                                             { color:#888;}
76.wrap1 .wrap2 .thumbnail ,
77.wrap1 .wrap2 .thumbnail:hover                  { border:solid 1px #404040;}
78
79/* Navigation Bar ------------------------------------------------------------------------------ */
80
81#thumb_navigation                                       { color:#666;}
82#thumb_navigation #tn_prev                      { background: transparent url(icon/arrows.png) 0 0 no-repeat;}
83#thumb_navigation #tn_next                      { background: transparent url(icon/arrows.png) -20px 0 no-repeat;}
84#thumb_navigation a#tn_prev:hover       { background: transparent url(icon/arrows.png) 0 -150px no-repeat;}
85#thumb_navigation a#tn_next:hover       { background: transparent url(icon/arrows.png) -20px -150px no-repeat;}
86
87/* Picture Page -------------------------------------------------------------------------------- */
88
89#imageTitle {
90        font-weight:bold;
91        color:#888;
92}
93
94#theImageAndTitle {
95        position: static;
96        margin: 10px auto 15px;
97}
98
99#theImage { margin-bottom: 11px;}
100
101.img_frame #theMainImage {
102        border: 1px #999 solid;
103        padding:2px;
104}
105
106.hideTabsZone { display:none;}
107
108/* Image Nav Arrows ---------------------------------------------------------------------------- */
109
110.img_prev       { left: 0;}
111.img_next       { right: 0;}
112.cat_up                 { top: 0;}
113
114/* Navigation Arrows --------------------------------------------------------------------------- */
115
116#theImageBox    { position: relative;}
117#imgprev                { background: transparent url(icon/arrows.png) 0 0 no-repeat;}
118#imgnext                { background: transparent url(icon/arrows.png) -20px 0 no-repeat;}
119#imgprev:hover  { background: transparent url(icon/arrows.png) 0 -150px no-repeat;}
120#imgnext:hover  { background: transparent url(icon/arrows.png) -20px -150px no-repeat;}
121
122/* HD Picture Box ------------------------------------------------------------------------------ */
123
124#theImgHighBg {
125        background-color:#333;
126        opacity:0.96;
127        filter:alpha(opacity:96);
128        -moz-opacity:0.96;
129        -khtml-opacity: 0.96;
130}
131
132#theImgHighCloseButton, #theImgHighZoomButton  { right: -15px;}
133
134#theImgHighCloseButton          { background:transparent url(icon/close_high.png) no-repeat scroll 0px 0px;}
135#theImgHighZoomButton.fit       { background:transparent url(icon/zoom_fit_high.png) no-repeat scroll 0px 0px;}
136#theImgHighZoomButton.full      { background:transparent url(icon/zoom_1-1_high.png) no-repeat scroll 0px 0px;}
137
138/* Navbuttons ---------------------------------------------------------------------------------- */
139
140#imageToolBar .navButton {
141        background-image: url(icon/picture_24.png);
142}
143
144/* Tabs ---------------------------------------------------------------------------------------- */
145
146#tabTitleBar    { border-top: 1px solid #555;}
147#tabTitles              { line-height: 25px;}
148
149.tabTitle {
150        margin: 0;
151        background: #202020;
152        color: #777;
153}
154
155.tabTitle:hover { color:#999;}
156
157.tabSelected {
158        color: #999;
159        background: #404040;
160}
161
162.tabBlockContent {
163        background:#404040;
164        color:#aaa;
165        padding:10px 50px;
166}
167
168.tabBlock a { color:#eee;}
169
170/* Light Slideshow ----------------------------------------------------------------------------- */
171
172#light_slideshow                        { color: #444;}
173#light_slideshow a                      { color: #666;}
174#light_slideshow a:hover        { color: #999;}
175
176#light_slideshow .navButton {
177        opacity:0.5;
178        -moz-opacity:0.5;
179        -khtml-opacity: 0.5;
180}
181
182#light_slideshow #content {
183        background-color: #101010;
184        border: 1px #101010 solid;
185        border-width: 1px 0;
186}
187
188#light_slideshow #theImageAndTitle      { margin-bottom: 3px;}
189#light_slideshow #theMainImage          { border-color: #bbb;}
190#light_slideshow #imageTitle                    { color: #666;}
191
192/* Comments ------------------------------------------------------------------------------------ */
193
194#comments > ul > li                                             { background: #404040;}
195.subcontent .stuffs_block #comments li          { background: #505050;}
196#comments .description                                  { color: #999;}
197#comments .description .author,
198#comments .description .date                            { color: #c0c0c0;}
199#commentList li                                                 { border-top: 1px dotted #606060;}
200.commentList a                                                  { color: #ccc;}
201.commentList a:hover                                            { color: #eee;}
202
203/* Tags ---------------------------------------------------------------------------------------- */
204
205fieldset legend                         { color: #666;}
206#fullTagCloud a:hover   { background: #606060;}
207
208/* Calendar ------------------------------------------------------------------------------------ */
209
210.calMonth td                    { background-color: #363636;}
211
212
213/* Inputs & Forms ------------------------------------------------------------------------------ */
214
215input, select, textarea {
216        background-color: #666;
217        border: 1px solid #999;
218        color: #F0F0F0;
219}
220
221input[type="submit"], input[type="reset"] {
222        background-color: #3f3f3f;
223        border: 1px solid #606060;
224        color: #999;
225}
226input[type="submit"]:hover, input[type="reset"]:hover {
227        background-color: #666;
228        border: 1px solid #999;
229        color: #F0F0F0;
230}
231
232fieldset                        { border: 1px #606060 dotted;}
233.mandatorystar  { color: #e04040;}
234
235#quicksearch input {
236        color:#BBB;
237        background:#505050;
238}
239
240#quickconnect input#username,
241#quickconnect input#password {
242        color:#AAA;
243}
244
245/* Footer -------------------------------------------------------------------------------------- */
246
247.footer_login a                         { color:#666;}
248.footer_login a:hover   { color:#ccc;}
249
250/* Infos & Errors ------------------------------------------------------------------------------ */
251
252.errors {
253        border: 2px solid #A04040;
254        color: #A04040;
255}
256
257.infos {
258        border: 2px solid #40A040;
259        color: #40A040;
260}
261
262.errors a       { color: #FF0000;}
263.infos a        { color: #00FF00;}
264
265/* RV Maps & Earth Plugin ---------------------------------------------------------------------- */
266
267#mapPicture {
268        color:#202020;
269}
270
271/* User Tags Plugin ---------------------------------------------------------------------------- */
272
273#Tags ul.token-input-list-facebook {
274        background-color: #555;
275        border-color: #666;
276}
277
278#Tags li.token-input-token-facebook {
279        background-color: #666;
280        border-color: #999;
281        color: #EEE;
282}
283
284#Tags li.token-input-input-token-facebook input {
285        background-color: #666;
286        color: #EEE;
287}
288
289/* PWG Stuffs Plugin --------------------------------------------------------------------------- */
290
291.subcontent .stuffs_block .left_block,
292.subcontent .stuffs_block .right_block,
293.subcontent .stuffs_block .middle_block {
294        background-color:#303030;
295        color:#999;
296        -moz-border-radius:10px;
297        -webkit-border-radius:10px;
298        -khtml-border-radius:10px;
299        border-radius:10px;
300}
301
302/* No Thumb France CSS ------------------------------------------------------------------------- */
303
304.naf .stuffs_block .personal_block ul.thumbnailCategories li,
305.naf .thumbnailCategories li ,
306.naf .subcontent  .stuffs_block .personal_block ul.thumbnailCategories li {
307        background: none;
308}
309
310.naf .stuffs_block .personal_block ul.thumbnailCategories li:hover,
311.naf .thumbnailCategories li:hover,
312.naf .subcontent  .stuffs_block .personal_block ul.thumbnailCategories li:hover {
313        background: none;
314        color: #c0c0c0;
315}
316
317.naf .thumbnailCategory .illustration img                       { border: 1px solid #777;}
318.naf .thumbnailCategory .illustration img:hover         { border: 1px solid #c0c0c0;}
319
320.ntf .wrap1 .wrap2 .thumbnail {
321        border:solid 1px #444;
322}
323.ntf .wrap1 .wrap2 .thumbnail:hover {
324        border:solid 1px #777;
325}
326
327.ntf .thumbnails li,
328.ntf #thumbnails li ,
329.ntf .stuffs_block li {
330        background: none;
331}
332
333.ntf .thumbnails li:hover,
334.ntf #thumbnails li:hover,
335.ntf .stuffs_block li:hover {
336        background: none;
337}
Note: See TracBrowser for help on using the repository browser.