aboutsummaryrefslogtreecommitdiff
path: root/subsonic-main/src/main/webapp/style/coolandclean.css
blob: 0786b15be820b2dfb3f09f27d129e861a1d4e46e (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
/*
 * CSS styleshet for the "Cool and Clean" theme.
 *
 * Author: Dan Eriksen (dan.o.eriksen[at]gmail.com)
 *
 * Icons used are released under Creative Commons.
 * Heading icons are part of the Albook icon pack created by Laurent Baumann (http://lbaumann.com/)
 * Main theme icon part of itunes icon pack created by Michael Flarup (http://pixelresort.com)
 */

@import "default.css";

/* The primary background colour, light gray. Images used to force background on left frame headings and playlist. */
.bgcolor1 {
    background-image:url( "../icons/coolandclean/list_heading.png" );
    background-repeat:repeat;
    background-color: #F7F7F7;
}

/* The secondary background colour, light blue, primary theme colour. */
.bgcolor2, .ruleTableHeader, .log {
    background-color: #D1D9E1;
}

/* Background for selected headers. */
.headerSelected {
    background-image:url( "../icons/coolandclean/home_hover.png" );
    background-repeat:repeat;
    color: #333333;
}


/* Foreground colour used for h1, h2, b, tr, details and albumcomments. */
h1, h2, b, tr, .detail, .albumComment {
    color: #333333;
}

/* Table sizing */
table {
    font-size: 100%;
    line-height: 130%;
    padding: 0;
    border: 0;
    margin: 0 0 0 0;
}

/* Main frame image & colour */
.mainframe {
    background-image:url( "../icons/coolandclean/background_main.png" );
    background-repeat:no-repeat;
    background-attachment:fixed;
    background-color: #D1D9E1;
    background-position:right;
}

/* Right frame background. */
.rightframe {
    background-color: #D1D9E1;
    background-image:none;
}

/* Back image */
.back {
    background-image:url( "../icons/coolandclean/back.png" );
}

/* Forward image */
.forward {
    background-image:url( "../icons/coolandclean/forward.png" );
}

/* Link colour */
a:link, a:active, a:visited, a:link *, a:active *, a:visited * {
    color: #656569;
}

/* Link hover colour */
a:hover, a:hover * {
    text-decoration: none;
    color: #333333;
}

/* Colour for warning messages. */
.warning {
    color: #AA1F15;
}

/* The primary foreground colour. */
body {
    background-color: #D1D9E1;
    scrollbar-arrow-color: #636363;
    scrollbar-track-color: #D1D9E1;
}

/* The album comments. */
.albumComment {
    width: 50em;
    font-size: 8pt;
    line-height: 1.4em;
    padding-top: 0.25em;
}

/* The log. */
.log {
    font-weight: bold;
    white-space: nowrap;
    font-size: 8pt;
    line-height: 1em;
}

/* The help, status & web payer settings tables. */
.ruleTableHeader, .ruleTableCell {
    margin: 5px;
    padding: 5px;
}