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

Last change on this file since 29457 was 29457, checked in by JanisV, 10 years ago

More contrast for thumbnail

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