source: extensions/stripped_responsive/theme-original.css @ 31946

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

Update style for Fotorama caption

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