source: extensions/stripped_responsive/theme-black.css @ 31815

Last change on this file since 31815 was 30369, checked in by JanisV, 9 years ago

Update style for Fotorama caption

  • Property svn:executable set to *
File size: 12.0 KB
Line 
1/* General rules ------------------------------------------------------------------------------- */
2
3html , body     { background-color: #000;}
4body            { color: #666;}
5
6#thePicturePage .left_block,
7#thePicturePage .right_block,
8#thePicturePage .middle_block,
9#content {
10        background-color: #101010;
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/* Category thumbnails ------------------------------------------------------------------------- */
30.atr .thumbnailCategory .description {
31    background-color: rgba(0, 0, 0, 0.07);
32    -webkit-transition:background-color 300ms;
33    -moz-transition:background-color 300ms;
34    transition:background-color 300ms;
35}
36.atr .thumbnailCategory:hover .description {
37    background-color: rgba(0, 0, 0, 0.7);
38}
39
40.thumbnailCategories li                                 { color:#999;}
41
42.thumbnailCategories li:hover           { color:#666;}
43
44.thumbnailCategory .illustration img                    { border: 1px solid #555;}
45.thumbnailCategory .illustration img:hover      { border: 1px solid #101010;}
46
47.atd .thumbnailCategory .description h3                                                                 { border-color:#555;}
48.naf .thumbnailCategories .thumbnailCategory:hover .description h3      { border-color:#555;}
49.atd .thumbnailCategory:hover .description h3                                           { border-color:#999;}   
50
51.stuffs_block .personal_block ul.thumbnailCategories li,
52.stuffs_block .personal_block ul.thumbnailCategories li:hover,
53.subcontent  .stuffs_block .personal_block ul.thumbnailCategories li,
54.subcontent  .stuffs_block .personal_block ul.thumbnailCategories li:hover {
55        border-radius:10px;
56        -moz-border-radius:10px;
57        -webkit-border-radius:10px;
58}
59
60.stuffs_block .personal_block ul.thumbnailCategories li                                         { background: #303030 none 0 0 no-repeat;}
61.stuffs_block .personal_block ul.thumbnailCategories li:hover                           { background: #c0c0c0 none 0 0 no-repeat;}
62.subcontent  .stuffs_block .personal_block ul.thumbnailCategories li            { background: #404040 none 0 0 no-repeat;}
63.subcontent  .stuffs_block .personal_block ul.thumbnailCategories li:hover      { background: #c0c0c0 none 0 0 no-repeat;}
64
65/* Images Thumbnails --------------------------------------------------------------------------- */
66
67.thumbnails li, #thumbnails li                                  { background: transparent url(images/back_40.png) 0 0 no-repeat;}
68.thumbnails li:hover, #thumbnails li:hover      { background: transparent url(images/back_40.png) 0 -170px no-repeat;}
69.stuffs_block li                                                        { background: transparent url(images/back_50.png) 0 -0 no-repeat;}
70.stuffs_block li:hover                                  { background: transparent url(images/back_50.png) 0 -170px no-repeat;}
71.wrap1 .thumbLegend                                             { color:#888;}
72.wrap1 .wrap2 .thumbnail ,
73.wrap1 .wrap2 .thumbnail:hover                  { border:solid 1px #404040;}
74
75/* Navigation Bar ------------------------------------------------------------------------------ */
76
77#thumb_navigation                                       { color:#666;}
78#thumb_navigation #tn_prev                      { background: transparent url(icon/arrows.png) 0 0 no-repeat;}
79#thumb_navigation #tn_next                      { background: transparent url(icon/arrows.png) -20px 0 no-repeat;}
80#thumb_navigation a#tn_prev:hover       { background: transparent url(icon/arrows.png) 0 -150px no-repeat;}
81#thumb_navigation a#tn_next:hover       { background: transparent url(icon/arrows.png) -20px -150px no-repeat;}
82
83/* Picture Page -------------------------------------------------------------------------------- */
84
85#thePicturePage #content {
86        background:none;
87        border:none;   
88}
89
90#thePicturePage .titrePage {    border-bottom : solid 1px #555;}
91
92#thePicturePage  #footer_left {display:none;}
93
94#thePicturePage #footer {
95        margin-bottom:0;
96        position:fixed;
97        bottom:0;
98        border: none;
99        width:99%;
100        max-width:1120px;
101        height:0;
102        overflow:visible;
103        padding: 2px 0;
104}
105
106#thePicturePage #copyright {
107        margin: -12px 4px 0 0;
108        overflow: hidden;
109        direction: rtl;
110        line-height: 12px;
111        white-space: nowrap;
112}
113
114#imageTitleContainer { margin-top: 5px;}
115
116#imageTitle {
117        font-weight:bold;
118        color:#666;
119}
120
121.js #theImageAndTitle {
122        position: fixed;
123        margin: 0;
124        top: 30px;
125        left: 0;
126}
127
128#theImageAndTitle {
129        width: 100%;
130        margin-top:10px;
131}
132
133#theImage {     margin-bottom: 0;}
134
135.img_frame #theMainImage {
136        border-width: 6px;
137        border-color: #FFF;
138        -moz-border-radius:5px;
139        -webkit-border-radius:5px;
140        border-radius:5px;
141        border-style:solid;
142        padding:0;
143}
144
145/* Image Nav Arrows ---------------------------------------------------------------------------- */
146
147.img_prev       { left: 4px;}
148.img_next       { right: 4px;}
149.cat_up                 { top: 4px;}
150
151/* Navigation Arrows --------------------------------------------------------------------------- */
152
153#theImageBox    { position: relative;}
154#imgprev                { position: fixed; background: transparent url(icon/arrows.png) 0 0 no-repeat;}
155#imgnext                { position: fixed; background: transparent url(icon/arrows.png) -20px 0 no-repeat;}
156#imgprev:hover  { background: transparent url(icon/arrows.png) 0 -150px no-repeat;}
157#imgnext:hover  { background: transparent url(icon/arrows.png) -20px -150px no-repeat;}
158
159/* HD Picture Box ------------------------------------------------------------------------------ */
160
161#theImgHighContainer {
162        padding:8px!important;
163        border-radius:6px;
164        -moz-border-radius:6px;
165        -webkit-border-radius:6px;
166}
167
168#theImgHighBg {
169        background-color:#333;
170        opacity:0.96;
171        filter:alpha(opacity:96);
172        -moz-opacity:0.96;
173        -khtml-opacity: 0.96;
174}
175
176#theImgHighCloseButton, #theImgHighZoomButton  { right: -17px;}
177
178#theImgHighCloseButton          { background:transparent url(icon/close_high_round.png) no-repeat scroll 0px 0px;}
179#theImgHighZoomButton.fit       { background:transparent url(icon/zoom_fit_high_round.png) no-repeat scroll 0px 0px;}
180#theImgHighZoomButton.full      { background:transparent url(icon/zoom_1-1_high_round.png) no-repeat scroll 0px 0px;}
181
182/* Navbuttons ---------------------------------------------------------------------------------- */
183
184#imageToolBar .navButton {
185        background-image: url(icon/picture_24.png);
186}
187
188/* Tabs ---------------------------------------------------------------------------------------- */
189
190#tabZone {
191        position:fixed;
192        bottom:0px;
193        width:99%;
194        max-width:1120px;
195}
196
197#tabTitleBar    {
198        border: none;
199        z-index:5;
200}
201
202#tabTitles  {
203        line-height: 22px;
204        display: inline-block;
205        padding:0 1px 0 0;
206}
207
208.tabTitle {
209        border: solid 0 #404040;
210        border-width: 1px 1px 0 1px;
211        margin-right:-1px;
212        background:#101010;
213        height:24px;
214        border-radius: 6px 6px 0 0 ;
215        -moz-border-radius-topleft:6px;
216        -moz-border-radius-topright:6px;
217        -webkit-border-top-left-radius:6px;
218        -webkit-border-top-righft-radius:6px;
219}
220
221.tabTitle:hover { color:#999;}
222
223.tabSelected {
224        color: #999;
225        background: #404040;
226}
227
228.tabBlock {
229        padding-bottom:12px;
230        background: #404040;
231        border-radius: 0 8px 0 0 ;
232        -moz-border-radius-topright:8px;
233        -webkit-border-top-righft-radius:8px;
234}
235
236.tabBlockContent {
237        overflow:auto;
238        max-height:350px;
239        padding: 10px 50px 0;
240        background: #404040;
241        color:#aaa;
242}       
243
244.tabBlock a { color:#eee;}
245
246/* Light Slideshow ----------------------------------------------------------------------------- */
247
248#light_slideshow .titrePage {
249        border-color: #000;
250}
251
252#light_slideshow                        { color: #444;}
253#light_slideshow a                      { color: #666;}
254#light_slideshow a:hover        { color: #999;}
255
256#light_slideshow .navButton {
257        opacity:0.5;
258        -moz-opacity:0.5;
259        -khtml-opacity: 0.5;
260}
261
262#light_slideshow #content {
263        background-color: #101010;
264        border: 1px #101010 solid;
265        border-width: 1px 0;
266}
267
268#light_slideshow #theImageAndTitle      { margin: 0 auto;}
269#light_slideshow #theMainImage          { border-color: #fff;}
270
271#light_slideshow #imageTitle{
272        color: #666;
273        background: none;
274}
275
276
277/* Comments ------------------------------------------------------------------------------------ */
278
279#comments > ul > li                                             { background: #404040;}
280.subcontent .stuffs_block #comments li          { background: #505050;}
281#comments .description                                  { color: #999;}
282#comments .description .author,
283#comments .description .date                            { color: #c0c0c0;}
284#commentList li                                                 { border-top: 1px dotted #606060;}
285.commentList a                                                  { color: #ccc;}
286.commentList a:hover                                            { color: #eee;}
287
288/* Tags ---------------------------------------------------------------------------------------- */
289
290fieldset legend                         { color: #666;}
291#fullTagCloud a:hover   { background: #606060;}
292
293/* Calendar ------------------------------------------------------------------------------------ */
294
295.calMonth td                    { background-color: #363636;}
296
297
298/* Inputs & Forms ------------------------------------------------------------------------------ */
299
300input, select, textarea {
301        background-color: #666;
302        border: 1px solid #999;
303        color: #F0F0F0;
304}
305
306input[type="submit"], input[type="reset"] {
307        background-color: #3f3f3f;
308        border: 1px solid #606060;
309        color: #999;
310}
311input[type="submit"]:hover, input[type="reset"]:hover {
312        background-color: #666;
313        border: 1px solid #999;
314        color: #F0F0F0;
315}
316
317fieldset                        { border: 1px #606060 dotted;}
318.mandatorystar  { color: #e04040;}
319
320#quicksearch input {
321        color:#BBB;
322        background:#505050;
323}
324
325#quickconnect input#username,
326#quickconnect input#password {
327        color:#AAA;
328}
329
330/* Footer -------------------------------------------------------------------------------------- */
331
332.footer_login a                         { color:#666;}
333.footer_login a:hover   { color:#ccc;}
334
335/* Infos & Errors ------------------------------------------------------------------------------ */
336
337.errors {
338        border: 2px solid #A04040;
339        color: #A04040;
340}
341
342.infos {
343        border: 2px solid #40A040;
344        color: #40A040;
345}
346
347.errors a       { color: #FF0000;}
348.infos a        { color: #00FF00;}
349
350/* RV Maps & Earth Plugin ---------------------------------------------------------------------- */
351
352#mapPicture {
353        color:#202020;
354}
355
356/* User Tags Plugin ---------------------------------------------------------------------------- */
357
358#Tags ul.token-input-list-facebook {
359        background-color: #555;
360        border-color: #666;
361}
362
363#Tags li.token-input-token-facebook {
364        background-color: #666;
365        border-color: #999;
366        color: #EEE;
367}
368
369#Tags li.token-input-input-token-facebook input {
370        background-color: #666;
371        color: #EEE;
372}
373
374/* PWG Stuffs Plugin --------------------------------------------------------------------------- */
375
376.subcontent .stuffs_block .left_block,
377.subcontent .stuffs_block .right_block,
378.subcontent .stuffs_block .middle_block {
379        background-color:#303030;
380        color:#999;
381        -moz-border-radius:10px;
382        -webkit-border-radius:10px;
383        -khtml-border-radius:10px;
384        border-radius:10px;
385}
386
387#thePicturePage .stuffs_block { display: none;}
388
389/* No Thumb Frame CSS -------------------------------------------------------------------------- */
390
391.naf .stuffs_block .personal_block ul.thumbnailCategories li,
392.naf .thumbnailCategories li ,
393.naf .subcontent  .stuffs_block .personal_block ul.thumbnailCategories li {
394        background: none;
395}
396
397.naf .stuffs_block .personal_block ul.thumbnailCategories li:hover,
398.naf .thumbnailCategories li:hover,
399.naf .subcontent  .stuffs_block .personal_block ul.thumbnailCategories li:hover {
400        background: none;
401        color: #c0c0c0;
402}
403
404.naf .thumbnailCategory                         { border: 1px solid #777;}
405.naf .thumbnailCategory:hover   { border: 1px solid #c0c0c0;}
406
407.ntf .wrap1 .wrap2 .thumbnail {
408        border:solid 1px #444;
409}
410.ntf .wrap1 .wrap2 .thumbnail:hover {
411        border:solid 1px #777;
412}
413
414.ntf .thumbnails li,
415.ntf #thumbnails li ,
416.ntf .stuffs_block li {
417        background: none;
418}
419
420.ntf .thumbnails li:hover,
421.ntf #thumbnails li:hover,
422.ntf .stuffs_block li:hover {
423        background: none;
424}
425
426/* Misc ---------------------------------------------------------------------------------------- */
427
428#thePicturePage .Online { display: none;}
429
430.fotorama__caption__wrap {
431  color: #fff;
432  background-color: rgba(0,0,0,0.3) !important;
433}
Note: See TracBrowser for help on using the repository browser.