Subversion Repositories svnkaklik

Rev

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...