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