rev |
line source |
meillo@0
|
1 <?php
|
meillo@4
|
2 /*########################################################
|
meillo@4
|
3 ###### to modify the look of owls, edit below ######
|
meillo@4
|
4 ########################################################*/
|
meillo@4
|
5
|
meillo@4
|
6
|
meillo@4
|
7 /*
|
meillo@4
|
8 color setup
|
meillo@4
|
9 use color values according to http://www.w3.org/TR/CSS21/syndata.html#color-units
|
meillo@4
|
10 you can assign the set variables too
|
meillo@4
|
11 */
|
meillo@4
|
12
|
meillo@17
|
13 $c_Text = '#ccc';
|
meillo@17
|
14 $c_Background = '#333';
|
meillo@4
|
15
|
meillo@4
|
16 $c_Border = $c_Text;
|
meillo@4
|
17
|
meillo@4
|
18 $c_Link = $c_Text;
|
meillo@17
|
19 $c_LinkHover = '#6af'; // ff8040
|
meillo@4
|
20 $c_LinkVisited = '#666';
|
meillo@4
|
21
|
meillo@4
|
22 $c_Nav = $c_Link;
|
meillo@4
|
23 $c_NavHover = $c_LinkHover;
|
meillo@17
|
24 $c_NavSelected = '#06f';
|
meillo@4
|
25
|
meillo@17
|
26 $c_Login = '#000';
|
meillo@17
|
27 $c_Admin = '#ffff80'; //ffff80
|
meillo@4
|
28
|
meillo@4
|
29
|
meillo@4
|
30 /*
|
meillo@4
|
31 width of the menu area
|
meillo@4
|
32 the unit 'em' is relative to the font-size
|
meillo@4
|
33 see: http://www.w3.org/TR/CSS21/syndata.html#length-units
|
meillo@4
|
34 */
|
meillo@4
|
35
|
meillo@4
|
36 $m_NavWidth = '10em';
|
meillo@4
|
37
|
meillo@4
|
38
|
meillo@4
|
39 /*########################################################
|
meillo@17
|
40 ################# stop editing here ################
|
meillo@4
|
41 ########################################################*/
|
meillo@4
|
42
|
meillo@4
|
43
|
meillo@4
|
44
|
meillo@4
|
45
|
meillo@4
|
46
|
meillo@4
|
47
|
meillo@0
|
48 header('Content-Type: text/css; charset=utf8');
|
meillo@0
|
49
|
meillo@4
|
50 // avoid caching TODO: think about removing, cause it's just for dev
|
meillo@0
|
51 header('Expires: Thu, 05 Apr 1984 04:47:00 GMT');
|
meillo@0
|
52 header('Last-Modified: '.gmdate('D, d M Y H:i:s').' GMT');
|
meillo@0
|
53 header('Cache-Control: no-store');
|
meillo@0
|
54 header('Pragma: no-cache');
|
meillo@0
|
55 echo('/* Anti-Caching: '.microtime()." */\r\n");
|
meillo@0
|
56
|
meillo@0
|
57 ?>
|
meillo@0
|
58
|
meillo@0
|
59
|
meillo@0
|
60
|
meillo@0
|
61 body {
|
meillo@0
|
62 font-family: sans-serif;
|
meillo@0
|
63 margin: 30px 0;
|
meillo@0
|
64 text-align: center;
|
meillo@4
|
65 color: <?php echo $c_Text; ?>;
|
meillo@4
|
66 background-color: <?php echo $c_Background; ?>;
|
meillo@0
|
67 }
|
meillo@0
|
68
|
meillo@0
|
69
|
meillo@0
|
70 #websiteContainer {
|
meillo@0
|
71 width: 760px;
|
meillo@0
|
72 margin: 0 auto;
|
meillo@4
|
73 text-align: justify;
|
meillo@0
|
74 }
|
meillo@0
|
75
|
meillo@0
|
76 #banner {
|
meillo@0
|
77 display: block;
|
meillo@4
|
78 margin: 0 auto;
|
meillo@17
|
79 border: none;
|
meillo@0
|
80 }
|
meillo@0
|
81
|
meillo@0
|
82 #content {
|
meillo@12
|
83 position: relative;
|
meillo@4
|
84 margin-left: <?php echo $m_NavWidth; ?>;
|
meillo@0
|
85 padding: 1em;
|
meillo@0
|
86 }
|
meillo@0
|
87
|
meillo@0
|
88
|
meillo@4
|
89
|
meillo@4
|
90
|
meillo@4
|
91
|
meillo@4
|
92 /* links */
|
meillo@0
|
93 a:link {
|
meillo@4
|
94 color: <?php echo $c_Link; ?>;
|
meillo@0
|
95 }
|
meillo@0
|
96 a:visited {
|
meillo@4
|
97 color: <?php echo $c_LinkVisited;?>;
|
meillo@0
|
98 }
|
meillo@0
|
99 a:active,
|
meillo@0
|
100 a:hover {
|
meillo@4
|
101 color: <?php echo $c_LinkHover; ?>;
|
meillo@0
|
102 }
|
meillo@0
|
103
|
meillo@0
|
104
|
meillo@0
|
105
|
meillo@0
|
106
|
meillo@0
|
107
|
meillo@0
|
108
|
meillo@4
|
109 /* nav */
|
meillo@0
|
110 #nav {
|
meillo@4
|
111 list-style: none;
|
meillo@0
|
112 float: left;
|
meillo@4
|
113 width: <?php echo $m_NavWidth; ?>;
|
meillo@0
|
114 padding: 0.5em 2em 1em 0.5em;
|
meillo@0
|
115 margin: 2.5em 0 1em 0;
|
meillo@0
|
116 font-size: 0.8em;
|
meillo@0
|
117 }
|
meillo@0
|
118
|
meillo@0
|
119 #nav ul {
|
meillo@4
|
120 list-style: none;
|
meillo@4
|
121 margin-left: 0;
|
meillo@0
|
122 padding-left: 1em;
|
meillo@0
|
123 }
|
meillo@0
|
124 #nav li {
|
meillo@0
|
125 padding: 1px;
|
meillo@0
|
126 margin: 0;
|
meillo@0
|
127 }
|
meillo@0
|
128
|
meillo@0
|
129 #nav a {
|
meillo@4
|
130 display: block;
|
meillo@0
|
131 text-decoration: none;
|
meillo@4
|
132 color: <?php echo $c_Nav; ?>;
|
meillo@0
|
133 }
|
meillo@0
|
134 #nav a:link,
|
meillo@0
|
135 #nav a:visited {
|
meillo@0
|
136 text-decoration: none;
|
meillo@0
|
137 }
|
meillo@0
|
138 #nav a:active,
|
meillo@0
|
139 #nav a:hover {
|
meillo@4
|
140 color: <?php echo $c_NavHover; ?>;
|
meillo@0
|
141 text-decoration: none;
|
meillo@0
|
142 }
|
meillo@0
|
143
|
meillo@0
|
144 #selected:link,
|
meillo@0
|
145 #selected:visited {
|
meillo@4
|
146 color: <?php echo $c_NavSelected; ?>;
|
meillo@0
|
147 }
|
meillo@0
|
148 #nav #selected:hover {
|
meillo@4
|
149 color: <?php echo $c_NavHover; ?>;
|
meillo@0
|
150 }
|
meillo@0
|
151
|
meillo@0
|
152
|
meillo@4
|
153
|
meillo@4
|
154
|
meillo@4
|
155 /* orphans and broken */
|
meillo@2
|
156 li#orphans,
|
meillo@2
|
157 li#broken {
|
meillo@4
|
158 margin-top: 3em;
|
meillo@0
|
159 font-style: italic;
|
meillo@4
|
160 color: <?php echo $c_Admin; ?>;
|
meillo@0
|
161 }
|
meillo@0
|
162
|
meillo@2
|
163
|
meillo@4
|
164
|
meillo@4
|
165
|
meillo@4
|
166 /* login */
|
meillo@10
|
167 #loginform input {
|
meillo@0
|
168 background-color: transparent;
|
meillo@17
|
169 border: <?php echo $c_Login; ?> 1px solid;
|
meillo@0
|
170 font-size: 0.8em;
|
meillo@10
|
171 width: 8em;
|
meillo@0
|
172 }
|
meillo@0
|
173
|
meillo@0
|
174
|
meillo@0
|
175
|
meillo@0
|
176
|
meillo@4
|
177
|
meillo@4
|
178
|
meillo@4
|
179 /* admin controls */
|
meillo@0
|
180 .ctrl {
|
meillo@12
|
181 position: absolute;
|
meillo@12
|
182 right: 0;
|
meillo@0
|
183 text-align: right;
|
meillo@0
|
184 font-size: 0.8em;
|
meillo@10
|
185 color: <?php echo $c_Login; ?>;
|
meillo@0
|
186 }
|
meillo@4
|
187 .ctrl a,
|
meillo@4
|
188 .ctrl a:visited,
|
meillo@4
|
189 .ctrl a:hover {
|
meillo@0
|
190 margin-left: 1em;
|
meillo@4
|
191 color: <?php echo $c_Admin; ?>;
|
meillo@0
|
192 }
|
meillo@0
|
193
|
meillo@0
|
194
|
meillo@0
|
195
|
meillo@0
|
196
|
meillo@0
|
197
|
meillo@0
|
198
|
meillo@4
|
199 /* edit form */
|
meillo@4
|
200 #edit {
|
meillo@4
|
201 margin-top: 1.5em;
|
meillo@0
|
202 }
|
meillo@4
|
203 #edit input,
|
meillo@4
|
204 #edit select,
|
meillo@4
|
205 #edit textarea {
|
meillo@4
|
206 font-family: sans-serif;
|
meillo@0
|
207 font-size: 0.8em;
|
meillo@4
|
208 border: <?php echo $c_Border; ?> 1px solid;
|
meillo@0
|
209 }
|
meillo@0
|
210
|