2985 |
28 Nov 14 |
nicklas |
1 |
@charset "UTF-8"; |
2985 |
28 Nov 14 |
nicklas |
2 |
|
2985 |
28 Nov 14 |
nicklas |
3 |
/* |
2985 |
28 Nov 14 |
nicklas |
4 |
Default border color is dark pink. |
2985 |
28 Nov 14 |
nicklas |
5 |
*/ |
2985 |
28 Nov 14 |
nicklas |
6 |
* |
2985 |
28 Nov 14 |
nicklas |
7 |
{ |
2985 |
28 Nov 14 |
nicklas |
8 |
border-color: rgb(200, 100, 100); |
2985 |
28 Nov 14 |
nicklas |
9 |
} |
2985 |
28 Nov 14 |
nicklas |
10 |
|
2985 |
28 Nov 14 |
nicklas |
11 |
/* |
2985 |
28 Nov 14 |
nicklas |
12 |
Background color for filled non-transparent elements is light pink |
2985 |
28 Nov 14 |
nicklas |
13 |
*/ |
2985 |
28 Nov 14 |
nicklas |
14 |
.bg-filled-100, table.fullform > tbody > tr > th |
2985 |
28 Nov 14 |
nicklas |
15 |
{ |
2985 |
28 Nov 14 |
nicklas |
16 |
background-color: rgb(240, 224, 224); |
2985 |
28 Nov 14 |
nicklas |
17 |
} |
2985 |
28 Nov 14 |
nicklas |
18 |
|
2985 |
28 Nov 14 |
nicklas |
19 |
/* |
2985 |
28 Nov 14 |
nicklas |
20 |
This should be a semi-transparant color that |
2985 |
28 Nov 14 |
nicklas |
21 |
results in the same color as bg-filled-100 when |
2985 |
28 Nov 14 |
nicklas |
22 |
layed over the 'body' background color. |
2985 |
28 Nov 14 |
nicklas |
23 |
Can be somewhat difficult to generate. |
2985 |
28 Nov 14 |
nicklas |
24 |
*/ |
2985 |
28 Nov 14 |
nicklas |
25 |
.bg-filled-50 |
2985 |
28 Nov 14 |
nicklas |
26 |
{ |
2985 |
28 Nov 14 |
nicklas |
27 |
background-color: rgba(224, 192, 192, 0.5); |
2985 |
28 Nov 14 |
nicklas |
28 |
} |
2985 |
28 Nov 14 |
nicklas |
29 |
|
2985 |
28 Nov 14 |
nicklas |
30 |
/* |
2985 |
28 Nov 14 |
nicklas |
31 |
Background color for buttons, tabs and menu-items. |
2985 |
28 Nov 14 |
nicklas |
32 |
*/ |
2985 |
28 Nov 14 |
nicklas |
33 |
.button, .tab, .menuitem |
2985 |
28 Nov 14 |
nicklas |
34 |
{ |
2985 |
28 Nov 14 |
nicklas |
35 |
background-color: rgb(232, 208, 208); |
2985 |
28 Nov 14 |
nicklas |
36 |
} |
2985 |
28 Nov 14 |
nicklas |
37 |
|
2985 |
28 Nov 14 |
nicklas |
38 |
/* |
2985 |
28 Nov 14 |
nicklas |
39 |
Set color for headers. |
2985 |
28 Nov 14 |
nicklas |
40 |
*/ |
2985 |
28 Nov 14 |
nicklas |
41 |
h1, h1 a, .popup h1, h2, h2.link, h3 |
2985 |
28 Nov 14 |
nicklas |
42 |
{ |
2985 |
28 Nov 14 |
nicklas |
43 |
color: rgb(150, 60, 60); |
2985 |
28 Nov 14 |
nicklas |
44 |
|
2985 |
28 Nov 14 |
nicklas |
45 |
} |
2985 |
28 Nov 14 |
nicklas |
46 |
/* |
2985 |
28 Nov 14 |
nicklas |
47 |
Set text color and background for popup dialog titles and |
2985 |
28 Nov 14 |
nicklas |
48 |
regular section titles on default pages. |
2985 |
28 Nov 14 |
nicklas |
49 |
*/ |
2985 |
28 Nov 14 |
nicklas |
50 |
.popup h1, .default h3 |
2985 |
28 Nov 14 |
nicklas |
51 |
{ |
2985 |
28 Nov 14 |
nicklas |
52 |
background-color: rgb(232, 208, 208); |
2985 |
28 Nov 14 |
nicklas |
53 |
border-bottom-width: 1px; |
2985 |
28 Nov 14 |
nicklas |
54 |
} |
2985 |
28 Nov 14 |
nicklas |
55 |
|
2985 |
28 Nov 14 |
nicklas |
56 |
/* |
2985 |
28 Nov 14 |
nicklas |
57 |
Full border around headers. |
2985 |
28 Nov 14 |
nicklas |
58 |
*/ |
2985 |
28 Nov 14 |
nicklas |
59 |
.default h3 |
2985 |
28 Nov 14 |
nicklas |
60 |
{ |
2985 |
28 Nov 14 |
nicklas |
61 |
border-width: 1px; |
2985 |
28 Nov 14 |
nicklas |
62 |
} |
2985 |
28 Nov 14 |
nicklas |
63 |
|
2985 |
28 Nov 14 |
nicklas |
64 |
/* |
2985 |
28 Nov 14 |
nicklas |
65 |
Fill BASE-logo with a linear gradient from black to light pink. |
2985 |
28 Nov 14 |
nicklas |
66 |
*/ |
2985 |
28 Nov 14 |
nicklas |
67 |
.base-logo |
2985 |
28 Nov 14 |
nicklas |
68 |
{ |
2985 |
28 Nov 14 |
nicklas |
69 |
background: linear-gradient(to right, #000, rgb(240, 224, 224)); |
2985 |
28 Nov 14 |
nicklas |
70 |
border-width: 1px 0px 1px 1px; |
2985 |
28 Nov 14 |
nicklas |
71 |
} |
2985 |
28 Nov 14 |
nicklas |
72 |
|
2985 |
28 Nov 14 |
nicklas |
73 |
/* |
2985 |
28 Nov 14 |
nicklas |
74 |
#pink-panther is dynamically inserted text by skin.js. |
2985 |
28 Nov 14 |
nicklas |
75 |
We want to position the text absolutely |
2985 |
28 Nov 14 |
nicklas |
76 |
but at different positions for normal and popup pages. |
2985 |
28 Nov 14 |
nicklas |
77 |
*/ |
2985 |
28 Nov 14 |
nicklas |
78 |
#pink-panther |
2985 |
28 Nov 14 |
nicklas |
79 |
{ |
2985 |
28 Nov 14 |
nicklas |
80 |
position: absolute; |
2985 |
28 Nov 14 |
nicklas |
81 |
font-weight: bold; |
2985 |
28 Nov 14 |
nicklas |
82 |
background-image: url('images/pink-panther.png'); |
2985 |
28 Nov 14 |
nicklas |
83 |
background-repeat: no-repeat; |
2985 |
28 Nov 14 |
nicklas |
84 |
} |
2985 |
28 Nov 14 |
nicklas |
85 |
|
2985 |
28 Nov 14 |
nicklas |
86 |
|
2985 |
28 Nov 14 |
nicklas |
87 |
/* |
2985 |
28 Nov 14 |
nicklas |
88 |
For default pages we put it centered (almost) |
2985 |
28 Nov 14 |
nicklas |
89 |
in the menu bar. |
2985 |
28 Nov 14 |
nicklas |
90 |
*/ |
2985 |
28 Nov 14 |
nicklas |
91 |
.default #pink-panther |
2985 |
28 Nov 14 |
nicklas |
92 |
{ |
2985 |
28 Nov 14 |
nicklas |
93 |
left: 45%; |
2985 |
28 Nov 14 |
nicklas |
94 |
border-width: 0 2px 2px 2px; |
2985 |
28 Nov 14 |
nicklas |
95 |
border-radius: 0 0 4px 4px; |
2985 |
28 Nov 14 |
nicklas |
96 |
top: 0; |
2985 |
28 Nov 14 |
nicklas |
97 |
height: 40px; |
2985 |
28 Nov 14 |
nicklas |
98 |
padding: 1em 1em 0.5em 40px; |
2985 |
28 Nov 14 |
nicklas |
99 |
background-position: 2px 50%; |
2985 |
28 Nov 14 |
nicklas |
100 |
} |
2985 |
28 Nov 14 |
nicklas |
101 |
|
2985 |
28 Nov 14 |
nicklas |
102 |
/* |
2985 |
28 Nov 14 |
nicklas |
103 |
In dialogs we put it in the bottom right corner. |
2985 |
28 Nov 14 |
nicklas |
104 |
We also set z-index so that it doesn't cover other |
2985 |
28 Nov 14 |
nicklas |
105 |
content. |
2985 |
28 Nov 14 |
nicklas |
106 |
*/ |
2985 |
28 Nov 14 |
nicklas |
107 |
.popup #pink-panther |
2985 |
28 Nov 14 |
nicklas |
108 |
{ |
2985 |
28 Nov 14 |
nicklas |
109 |
z-index: -1; |
2985 |
28 Nov 14 |
nicklas |
110 |
font-size: 90%; |
2985 |
28 Nov 14 |
nicklas |
111 |
border-width: 2px 0 0 2px; |
2985 |
28 Nov 14 |
nicklas |
112 |
border-radius: 4px 0 0 0; |
2985 |
28 Nov 14 |
nicklas |
113 |
right: 0; |
2985 |
28 Nov 14 |
nicklas |
114 |
bottom: 0; |
2985 |
28 Nov 14 |
nicklas |
115 |
padding: 1em 40px 0.5em 0.5em; |
2985 |
28 Nov 14 |
nicklas |
116 |
background-position: 100% 2px; |
2985 |
28 Nov 14 |
nicklas |
117 |
height: 3.5em; |
2985 |
28 Nov 14 |
nicklas |
118 |
} |
2985 |
28 Nov 14 |
nicklas |
119 |
|
2985 |
28 Nov 14 |
nicklas |
120 |
/* |
2985 |
28 Nov 14 |
nicklas |
121 |
We hide it completely |
2985 |
28 Nov 14 |
nicklas |
122 |
*/ |
2985 |
28 Nov 14 |
nicklas |
123 |
.iframe #pink-panther |
2985 |
28 Nov 14 |
nicklas |
124 |
{ |
2985 |
28 Nov 14 |
nicklas |
125 |
display: none; |
2985 |
28 Nov 14 |
nicklas |
126 |
} |
2985 |
28 Nov 14 |
nicklas |
127 |
|