Subversion Repositories svnkaklik

Rev

Go to most recent revision | Details | Last modification | View Log

Rev Author Line No. Line
6 kaklik 1 
/*************************
2 
  Coppermine Photo Gallery
3 
  ************************
4 
  Copyright (c) 2003-2005 Coppermine Dev Team
5 
  v1.1 originaly written by Gregory DEMAR
6 
 
7 
  This program is free software; you can redistribute it and/or modify
8 
  it under the terms of the GNU General Public License as published by
9 
  the Free Software Foundation; either version 2 of the License, or
10 
  (at your option) any later version.
11 
  ********************************************
12 
  Coppermine version: 1.3.3
13 
  $Source: /cvsroot/coppermine/stable/themes/igames/style.css,v $
14 
  $Revision: 1.3 $
15 
  $Author: gaugau $
16 
  $Date: 2005/04/19 03:17:14 $
17 
**********************************************/
18 
 
19 
/* Foreground color definition */
20 
body { color : #C6B78E; }
21 
.topmenu, .topmenu a { color : #E6E6E6; }
22 
.topmenu a:hover { color : #FFFFCC; }
23 
.tableh1, .tableh1a, .tableh1_compact, .navmenu, .navmenu a, .sortorder_cell, .sortorder_options, .statlink, .statlink a, .statlink a:hover { color : #C6B78E; }
24 
.tableh2, .tableh2_compact { color : #FFFFCC; }
25 
.textinput, .listbox, .radio, .checkbox { color: #FFFFCC; }
26 
.alblink, .alblink a, .catlink, .catlink a { color : #FFFFCC; }
27 
a,  .bblink a, .user_thumb_infobox a  { color: #FFFFCC; }
28 
a:hover, .bblink a:hover, .user_thumb_infobox a:hover, .alblink a:hover, .catlink a:hover { color : #E6E6E6; }
29 
.button, .comment_button, .admin_menu_thumb, .admin_menu_thumb a, .admin_menu_thumb a:hover, .admin_menu, .admin_menu a, .admin_menu a:hover { color : #FFFFFF; }
30 
.comment_date { color : #5F5F5F; }
31 
.footer, .footer a, .footer a:hover { color : #666666; }
32 
 
33 
/* Background colors definition */
34 
body { background-color: #4A4A4A; }
35 
.textinput, .listbox, .radio, .checkbox { background-color: #4A4A4A; }
36 
.tableh1, .tableh1_compact, .navmenu, .navmenu a, .navmenu a:hover  {         background : #3F3F3F ; }
37 
.tableh2, .tableh2_compact, .tablef, .img_caption_table th {         background : #343333 ; }
38 
.tableb, .tableb_compact, .thumbnails, .img_caption_table td { background : #454444 ; }
39 
 
40 
/* Borders for input controls */
41 
.textinput, .listbox, .button, .comment_button, .admin_menu, .admin_menu_thumb  {        border: 1px solid #666666; }
42 
.image { border: 1px solid #000000; }
43 
.imageborder { border: 1px solid #000000; background-color:#000000; margin-top: 30px; margin-bottom: 30px; }
44 
.image1 { border: 1px solid #ff0000; }
45 
 
46 
.maintable, .maintablea, .maintableb {        background-color: #222222; }
47 
.img_caption_table th, .img_caption_table td { border-top : 1px solid #000000; }
48 
 
49 
/* Fonts definition */
50 
body { font-family: "Trebuchet MS", Verdana, Geneva, Arial, sans-serif; }
51 
.tableh1, .tableh1a, .catlink, .tableh2 { font-family: Verdana, Geneva, Arial, sans-serif; }
52 
.textinput, .listbox, .radio, .checkbox { font-family: "Trebuchet MS", Verdana, Geneva, Arial, sans-serif; }
53 
.button, .comment_button, .sortorder_options, .admin_menu_thumb { font-family: Arial, Helvetica, sans-serif; }
54 
 
55 
table {
56 
        font-size : 12px;
57 
}
58 
 
59 
body {
60 
        font-size : 12px;
61 
        margin: 0px;
62 
}
63 
 
64 
h1{
65 
        font-weight: normal;
66 
        font-size: 28px;
67 
        font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
68 
        text-decoration: none;
69 
        padding-left : 20px;
70 
        color: #FFFFFF;
71 
        margin: 2px;
72 
}
73 
 
74 
h2 {
75 
        font-family: Arial, Helvetica, sans-serif;
76 
        background-image : url(images/box_left_icon.gif);
77 
        background-repeat : no-repeat;
78 
        background-position : left;
79 
        padding-left : 18px;
80 
        font-size: 18px;
81 
        margin: 0px;
82 
}
83 
 
84 
h3 {
85 
        font-weight: normal;
86 
        font-family: "Trebuchet MS", Verdana, Geneva, Arial, sans-serif;
87 
        font-size: 14px;
88 
        padding-left : 20px;
89 
        color: #F0AF00;
90 
        margin: 2px;
91 
}
92 
 
93 
p {
94 
        font-size: 100%;
95 
        margin: 2px 0px;
96 
}
97 
 
98 
ul {
99 
        margin-left: 5px;
100 
        padding: 0px;
101 
}
102 
 
103 
li {
104 
        margin-left: 10px;
105 
        margin-top: 4px;
106 
        margin-bottom: 4px;
107 
        padding: 0px;
108 
        list-style-position: outside;
109 
        list-style-type: disc;
110 
}
111 
 
112 
.top_panel td {
113 
        white-space: nowrap;
114 
}
115 
 
116 
.top_menu_left_bttn a {
117 
        background-image : url(images/left_menu_button.gif);
118 
        background-repeat : no-repeat;
119 
        background-position : left;
120 
        padding-left : 12px;
121 
        padding-right : 6px;
122 
        position: relative;
123 
        display: block;
124 
        height : 35px;
125 
        line-height : 35px;
126 
        text-decoration: none;
127 
        color: #C6B78E;
128 
        font-size: 14px;
129 
}
130 
 
131 
.top_menu_left_bttn a:hover {
132 
        background-image : url(images/left_menu_button_over.gif);
133 
        background-position : left;
134 
        background-repeat : no-repeat;
135 
        text-decoration: none;
136 
        color: #F0AF00;
137 
}
138 
 
139 
.top_menu_right_bttn a {
140 
        background-image : url(images/right_menu_button.gif);
141 
        background-repeat : no-repeat;
142 
        background-position : right;
143 
        padding-right : 22px;
144 
        padding-left : 6px;
145 
        position: relative;
146 
        display: block;
147 
        height : 35px;
148 
        line-height : 35px;
149 
        text-decoration: none;
150 
        color: #C6B78E;
151 
        font-size: 14px;
152 
}
153 
 
154 
.top_menu_right_bttn a:hover {
155 
        background-image : url(images/right_menu_button_over.gif);
156 
        background-position : right;
157 
        background-repeat : no-repeat;
158 
        text-decoration: none;
159 
        color: #F0AF00;
160 
}
161 
 
162 
.top_menu_bttn a {
163 
        background-image : url(images/menu_button.gif);
164 
        background-position : left;
165 
        padding-left : 6px;
166 
        padding-right : 6px;
167 
        position: relative;
168 
        display: block;
169 
        height : 35px;
170 
        line-height : 35px;
171 
        text-decoration: none;
172 
        color: #C6B78E;
173 
        font-size: 14px;
174 
}
175 
 
176 
.top_menu_bttn a:hover {
177 
        background-image : url(images/menu_button_over.gif);
178 
        text-decoration: none;
179 
        color:         #F0AF00;
180 
}
181 
 
182 
.textinput {
183 
        font-size: 100%;
184 
        padding-right: 3px;
185 
        padding-left: 3px;
186 
}
187 
 
188 
.listbox {
189 
        font-size: 100%;
190 
        vertical-align : middle;
191 
}
192 
 
193 
.button {
194 
        font-size: 100%;
195 
        background-image : url(images/button_bg.gif);
196 
        background-position : bottom;
197 
}
198 
 
199 
.comment_button {
200 
        font-size: 100%;
201 
        background-image : url(images/button_bg.gif);
202 
        background-position : bottom;
203 
        padding-left: 3px;
204 
        padding-right: 3px;
205 
}
206 
 
207 
.radio {
208 
        font-size: 100%;
209 
        vertical-align : middle;
210 
}
211 
 
212 
.checkbox {
213 
        font-size: 100%;
214 
        vertical-align : middle;
215 
}
216 
 
217 
a {
218 
        text-decoration: none;
219 
}
220 
 
221 
a:hover {
222 
        text-decoration: underline;
223 
}
224 
 
225 
.bblink a {
226 
        text-decoration: none;
227 
}
228 
 
229 
.bblink a:hover {
230 
        text-decoration: underline;
231 
}
232 
 
233 
.maintable {
234 
        margin-top: 2px;
235 
        margin-bottom: 2px;
236 
/*        border: 1px solid #000000; */
237 
}
238 
 
239 
.maintablea {
240 
        margin-top: 5px;
241 
}
242 
 
243 
.maintableb {
244 
        margin-bottom: 2px;
245 
/*        border: 1px solid #000000; */
246 
}
247 
 
248 
.tableh1 {
249 
        padding-right: 10px;
250 
        padding-left: 10px;
251 
        border-bottom: 1px solid #000000;
252 
        border-right: 1px solid #000000;
253 
        height: 25px;
254 
        background-image: url(images/tableh1_bg.gif);
255 
}
256 
 
257 
.tableh1a {
258 
        border-bottom: 1px solid #000000;
259 
        color: #C6B78E;
260 
}
261 
 
262 
.tableh1a td {
263 
        border: none;
264 
        height: 30px;
265 
        font-size: 120%;
266 
        font-weight: bold;
267 
        color: #C6B78E;
268 
        background-image: url(images/tableh1a_bg_middle.gif);
269 
}
270 
 
271 
.tableh1a img {
272 
        display: block;
273 
}
274 
 
275 
.tableh1_compact {
276 
        padding-top: 2px;
277 
        padding-right: 5px;
278 
        padding-bottom: 2px;
279 
        padding-left: 5px;
280 
        border-bottom: 1px solid #000000;
281 
        border-right: 1px solid #000000;
282 
        height: 25px;
283 
        background-image: url(images/tableh1_bg.gif);
284 
}
285 
 
286 
.tableh2 {
287 
        padding-top: 3px;
288 
        padding-right: 10px;
289 
        padding-bottom: 3px;
290 
        padding-left: 10px;
291 
}
292 
 
293 
.tableh2_compact {
294 
        padding-top: 2px;
295 
        padding-right: 5px;
296 
        padding-bottom: 2px;
297 
        padding-left: 5px;
298 
}
299 
 
300 
.tableb {
301 
        padding-top: 3px;
302 
        padding-right: 10px;
303 
        padding-bottom: 3px;
304 
        padding-left: 10px;
305 
}
306 
 
307 
.tableb_compact {
308 
        padding-top: 2px;
309 
        padding-right: 5px;
310 
        padding-bottom: 2px;
311 
        padding-left: 5px;
312 
}
313 
 
314 
.tablef {
315 
        padding-top: 10px;
316 
        padding-right: 10px;
317 
        padding-bottom: 10px;
318 
        padding-left: 10px;
319 
}
320 
 
321 
.album_stat {
322 
        font-size : 85%;
323 
        margin: 5px 0px;
324 
}
325 
 
326 
.thumb_title {
327 
        font-weight : bold;
328 
        font-size: 80%;
329 
        padding: 2px;
330 
        display : block;
331 
}
332 
 
333 
.thumb_caption {
334 
        font-size: 80%;
335 
        padding: 1px;
336 
        display : block;
337 
}
338 
 
339 
.thumb_caption a {
340 
        text-decoration: underline;
341 
}
342 
 
343 
 
344 
.thumb_num_comments {
345 
        font-weight: normal;
346 
        font-size: 85%;
347 
        padding: 2px;
348 
        font-style : italic;
349 
        display : block;
350 
}
351 
 
352 
.user_thumb_infobox {
353 
        margin-top: 1px;
354 
        margin-bottom: 1px;
355 
}
356 
 
357 
.user_thumb_infobox th {
358 
        font-weight : bold;
359 
        font-size: 100%;
360 
        margin-top: 1px;
361 
        margin-bottom: 1px;
362 
        text-align : center;
363 
}
364 
 
365 
.user_thumb_infobox td {
366 
        font-size: 85%;
367 
        margin-top: 1px;
368 
        margin-bottom: 1px;
369 
        text-align : center;
370 
}
371 
 
372 
.user_thumb_infobox a {
373 
        text-decoration: none;
374 
}
375 
 
376 
.user_thumb_infobox a:hover {
377 
        text-decoration: underline;
378 
}
379 
 
380 
.sortorder_options {
381 
        padding: 0px;
382 
        margin: 0px;
383 
        font-weight: normal;
384 
        font-size: 80%;
385 
        white-space: nowrap;
386 
}
387 
 
388 
.navmenu {
389 
        font-weight: bold;
390 
        border: none;
391 
        background-image: url(images/tableh1_bg.gif);
392 
}
393 
 
394 
.navmenu img {
395 
        display: block;
396 
}
397 
 
398 
.navmenu a {
399 
        position: relative;
400 
        display: block;
401 
        padding-left: 5px;
402 
        padding-right: 5px;
403 
        text-decoration: none;
404 
        border-bottom: 1px solid #000000;
405 
        border-left: 1px solid #838383;
406 
        border-right: 1px solid #000000;
407 
        background-image: url(images/tableh1_bg.gif);
408 
        line-height: 25px;
409 
        height : 25px;
410 
}
411 
 
412 
.navmenu a:hover {
413 
        text-decoration: none;
414 
        border-bottom: 1px solid #3F3F3F;
415 
        border-left: 1px solid #3F3F3F;
416 
        border-right: 1px solid #3F3F3F;
417 
}
418 
 
419 
.admin_menu_thumb {
420 
        font-size: 90%;
421 
        background-image : url(images/button_bg.gif);
422 
        background-position : bottom;
423 
        font-weight: bold;
424 
        margin-top: 0px;
425 
        margin-bottom: 0px;
426 
        width: 85px;
427 
}
428 
 
429 
.admin_menu_thumb a {
430 
        text-decoration: none;
431 
        display: block;
432 
        position: relative;
433 
        padding-top: 1px;
434 
        padding-bottom: 1px;
435 
        padding-left: 10px;
436 
        padding-right: 10px;
437 
}
438 
 
439 
 
440 
.admin_menu_thumb a:hover {
441 
        text-decoration: underline;
442 
}
443 
 
444 
.admin_menu {
445 
        font-size: 90%;
446 
        background-image : url(images/button_bg.gif);
447 
        background-position : bottom;
448 
        background-repeat: repeat-x;
449 
        background-color: #BFC0C3;
450 
        margin-top: 0px;
451 
        margin-bottom: 0px;
452 
        text-align: center;
453 
}
454 
 
455 
.admin_menu a {
456 
        text-decoration: none;
457 
        display: block;
458 
        position: relative;
459 
        padding-top: 1px;
460 
        padding-bottom: 1px;
461 
        padding-left: 2px;
462 
        padding-right: 2px;
463 
}
464 
 
465 
.admin_menu a:hover {
466 
        text-decoration: underline;
467 
}
468 
 
469 
.comment_date{
470 
        font-size: 90%;
471 
        vertical-align : middle;
472 
}
473 
 
474 
.image {
475 
        margin: 2px;
476 
}
477 
 
478 
.thumbnails {
479 
        padding: 5px;
480 
}
481 
 
482 
.footer {
483 
        font-size : 9px;
484 
}
485 
 
486 
.footer a {
487 
        text-decoration: none;
488 
}
489 
 
490 
.footer a:hover {
491 
        text-decoration: underline;
492 
}
493 
 
494 
.statlink a {
495 
        text-decoration: none;
496 
}
497 
 
498 
.statlink a:hover {
499 
        text-decoration: underline;
500 
}
501 
 
502 
.alblink a {
503 
        text-decoration: underline;
504 
}
505 
 
506 
.alblink a:hover {
507 
        text-decoration: underline;
508 
}
509 
 
510 
.catlink {
511 
        display: block;
512 
        margin-bottom: 2px;
513 
}
514 
 
515 
.catlink a {
516 
        text-decoration: underline;
517 
}
518 
 
519 
.catlink a:hover {
520 
        text-decoration: underline;
521 
}
522 
 
523 
.topmenu {
524 
        line-height : 130%;
525 
        font-size : 110%;
526 
}
527 
 
528 
.topmenu a {
529 
        text-decoration : underline;
530 
}
531 
 
532 
.topmenu a:hover  {
533 
        text-decoration : underline;
534 
}
535 
 
536 
.img_caption_table {
537 
        border: none;
538 
        width : 100%;
539 
        margin : 0px;
540 
}
541 
 
542 
.img_caption_table th {
543 
        font-size : 100%;
544 
        padding-top: 4px;
545 
        padding-right: 10px;
546 
        padding-bottom: 4px;
547 
        padding-left: 10px;
548 
}
549 
 
550 
.img_caption_table td {
551 
        padding-top: 6px;
552 
        padding-right: 10px;
553 
        padding-bottom: 6px;
554 
        padding-left: 10px;
555 
}
556 
 
557 
.debug_text {
558 
        border: #BDBEBD;
559 
        background-color: #EFEFEF;
560 
        width : 100%;
561 
        margin : 0px;
562 
}
563 
 
564 
.clickable_option {
565 
        font-weight: bold;
566 
        cursor : hand;
567 
}
568 
 
569 
.listbox_lang {
570 
        color: #C6B78E;
571 
        background-color: #4A4A4A;
572 
        border: 1px solid #4A4A4A;
573 
        font-size: 80%;
574 
        font-family: Arial, Helvetica, sans-serif;
575 
        vertical-align : middle;
576 
}