Mercurial > owls

comparison Owls.css.php @ 4:3cacc24e1774

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
large CSS improvements; modified banner
author Meillo r e t u r n s <meillo@marmaro.de>
date Tue, 12 Dec 2006 22:09:47 +0100
parents ab74e95a8040
children 7ee09b636460
comparison
equal deleted inserted replaced
3:92a8978e68c5 4:3cacc24e1774
1 <?php 1 <?php
2 /*########################################################
3 ###### to modify the look of owls, edit below ######
4 ########################################################*/
5
6
7 /*
8 color setup
9 use color values according to http://www.w3.org/TR/CSS21/syndata.html#color-units
10 you can assign the set variables too
11 */
12
13 $c_Text = '#000';
14 $c_Background = '#999';
15
16 $c_Border = $c_Text;
17
18 $c_Link = $c_Text;
19 $c_LinkHover = '#cf9';
20 $c_LinkVisited = '#666';
21
22 $c_Nav = $c_Link;
23 $c_NavHover = $c_LinkHover;
24 $c_NavSelected = '#eee';
25
26 $c_Login = $c_Nav;
27 $c_Admin = '#007fbf';
28
29
30 /*
31 width of the menu area
32 the unit 'em' is relative to the font-size
33 see: http://www.w3.org/TR/CSS21/syndata.html#length-units
34 */
35
36 $m_NavWidth = '10em';
37
38
39 /*########################################################
40 ############# noobs, stop editing here #############
41 ########################################################*/
42
43
44
45
46
47
2 header('Content-Type: text/css; charset=utf8'); 48 header('Content-Type: text/css; charset=utf8');
3 49
4 // Caching verhindern 50 // avoid caching TODO: think about removing, cause it's just for dev
5 header('Expires: Thu, 05 Apr 1984 04:47:00 GMT'); 51 header('Expires: Thu, 05 Apr 1984 04:47:00 GMT');
6 header('Last-Modified: '.gmdate('D, d M Y H:i:s').' GMT'); 52 header('Last-Modified: '.gmdate('D, d M Y H:i:s').' GMT');
7 header('Cache-Control: no-store'); 53 header('Cache-Control: no-store');
8 header('Pragma: no-cache'); 54 header('Pragma: no-cache');
9 echo('/* Anti-Caching: '.microtime()." */\r\n"); 55 echo('/* Anti-Caching: '.microtime()." */\r\n");
10 56
11
12 // colors
13 $cProject = '#ff8040'; // #96c
14
15 $cBackgroundGlobal = '#666';
16 //$cBackgroundContent = '#666'; //eee
17
18 $cBorderGlobal = '#000';
19
20 $cTextH1 = '#aaa';
21
22 $cLinkHover = $cProject;
23
24 $cNav = '#333';
25
26
27 $mContentMinHeight = '22em';
28
29 $mNavWidth = '12em';
30
31
32 ?> 57 ?>
33 58
34 59
35 60
36 /*#### Standard ############################################################*/
37 body { 61 body {
38 font-family: sans-serif; 62 font-family: sans-serif;
39 margin: 30px 0; 63 margin: 30px 0;
40 text-align: center; 64 text-align: center;
41 background-color: <?php echo $cBackgroundGlobal ?>; 65 color: <?php echo $c_Text; ?>;
66 background-color: <?php echo $c_Background; ?>;
42 } 67 }
43 68
44 69
45 #websiteContainer { 70 #websiteContainer {
46 width: 760px; 71 width: 760px;
47 margin: 0 auto; 72 margin: 0 auto;
48 text-align: left; 73 text-align: justify;
49 } 74 }
50 75
51 #banner { 76 #banner {
52 display: block; 77 display: block;
53 border: 1px solid <?php echo $cBorderGlobal ?>; 78 margin: 0 auto;
54 } 79 }
55
56 80
57 #content { 81 #content {
58 margin-left: <?php echo $mNavWidth; ?>; 82 margin-left: <?php echo $m_NavWidth; ?>;
59 padding: 1em; 83 padding: 1em;
60 } 84 }
61 85
62 86
87
88 /* uhhh?? is this not needed anymore? are there no borders drawn by default?
89 img {
90 border: none;
91 }
92 */
93
94
95
96
97
98
99 /* links */
100 a:link {
101 color: <?php echo $c_Link; ?>;
102 }
103 a:visited {
104 color: <?php echo $c_LinkVisited;?>;
105 }
106 a:active,
107 a:hover {
108 color: <?php echo $c_LinkHover; ?>;
109 }
110
111
112
113
114
115
116 /* nav */
117 #nav {
118 list-style: none;
119 float: left;
120 width: <?php echo $m_NavWidth; ?>;
121 padding: 0.5em 2em 1em 0.5em;
122 margin: 2.5em 0 1em 0;
123 font-size: 0.8em;
124 }
125
126 #nav ul {
127 list-style: none;
128 margin-left: 0;
129 padding-left: 1em;
130 /* border: 1px solid #060; */
131 }
132 #nav li {
133 padding: 1px;
134 margin: 0;
135 /* border: 1px solid #006; */
136 }
137
138 #nav a {
139 display: block;
140 text-decoration: none;
141 color: <?php echo $c_Nav; ?>;
142 }
143 #nav a:link,
144 #nav a:visited {
145 text-decoration: none;
146 }
147 #nav a:active,
148 #nav a:hover {
149 color: <?php echo $c_NavHover; ?>;
150 text-decoration: none;
151 }
152
153 #selected:link,
154 #selected:visited {
155 color: <?php echo $c_NavSelected; ?>;
156 }
157 #nav #selected:hover {
158 color: <?php echo $c_NavHover; ?>;
159 }
160
161
162
163
164 /* orphans and broken */
165 li#orphans,
166 li#broken {
167 margin-top: 3em;
168 font-style: italic;
169 color: <?php echo $c_Admin; ?>;
170 }
171
172
173
174
175 /* login */
176 li#login {
177 margin-top: 3em;
178 }
179 #login input {
180 color: <?php echo $c_Login; ?>;
181 background-color: transparent;
182 border: none;
183 border-left: <?php echo $c_Login; ?> 1px solid; /* TODO: think about other color */
184 display: block;
185 font-size: 0.8em;
186 margin-bottom: 2px;
187 padding-left: 4px;
188 }
189
190
191
192
193
194
195 /* admin controls */
196 .ctrl {
197 text-align: right;
198 font-size: 0.8em;
199 }
200 .ctrl a,
201 .ctrl a:visited,
202 .ctrl a:hover {
203 margin-left: 1em;
204 color: <?php echo $c_Admin; ?>;
205 }
206
207
208
209
210
211
212 /* edit form */
213 #edit {
214 margin-top: 1.5em;
215 }
63 #edit input, 216 #edit input,
64 #edit select, 217 #edit select,
65 #edit textarea { 218 #edit textarea {
66 font-family: sans-serif; 219 font-family: sans-serif;
67 font-size: 0.8em; 220 font-size: 0.8em;
68 } 221 border: <?php echo $c_Border; ?> 1px solid;
69 222 }
70 223
71 p {
72 text-align: justify;
73 }
74
75
76 a {
77 text-decoration: underline;
78 }
79 a:link {
80 color: #000;
81 }
82 a:visited {
83 color: #aaa;
84 }
85 a:active,
86 a:hover {
87 color: <?php echo $cLinkHover; ?>;
88 }
89
90
91 img {
92 border: none;
93 }
94
95 .small {
96 font-size: 0.8em;
97 }
98
99
100
101
102
103
104
105
106
107 #nav {
108 float: left;
109 width: <?php echo $mNavWidth; ?>;
110 padding: 0.5em 2em 1em 0.5em;
111 margin: 2.5em 0 1em 0;
112 font-size: 0.8em;
113 }
114
115 #nav ul {
116 padding-left: 1em;
117 /* border: 1px solid #060; */
118 }
119
120 #nav li {
121 padding: 1px;
122 margin: 0;
123 /* border: 1px solid #006; */
124 }
125
126 #nav a {
127 text-decoration: none;
128 color: <?php echo $cTextH1; ?>;
129 }
130 #nav a:link,
131 #nav a:visited {
132 text-decoration: none;
133 }
134 #nav a:active,
135 #nav a:hover {
136 color: <?php echo $cLinkHover; ?>;
137 text-decoration: none;
138 }
139
140 #selected:link,
141 #selected:visited {
142 color: <?php echo $cBorderGlobal; ?>;
143 }
144 #nav #selected:hover {
145 color: <?php echo $cLinkHover; ?>;
146 }
147
148
149 li#orphans,
150 li#broken {
151 margin-top: 2em;
152 font-style: italic;
153 color: #aaa;
154 }
155
156
157 li#login {
158 margin-top: 3em;
159 }
160 #login input {
161 background-color: transparent;
162 border: none;
163 border-left: #555 1px solid;
164 display: block;
165 font-size: 0.8em;
166 margin-bottom: 2px;
167 padding-left: 4px;
168 }
169
170
171
172
173 .ctrl {
174 text-align: right;
175 font-size: 0.8em;
176 }
177 .ctrl a {
178 margin-left: 1em;
179 color: #eee;
180 }
181
182
183
184
185
186
187
188
189 /*#### BBCode ##############################################################*/
190
191 .quote1 {
192 border:1px solid #c0c0c0;
193 margin:5px;
194 padding:5px;
195 }
196 .quote2 {
197 border:1px solid #c0c0c0;
198 margin:5px;
199 margin-bottom:0px;
200 padding:5px;
201 }
202 .quote0 {
203 color: #000;
204 font-size: 0.8em;
205 }
206
207 ul {
208 list-style: none;
209 margin-left: 0;
210 padding-left: 1em;
211 }
212 li {
213 margin-left: 1em;
214 padding-left: 0;
215 /*list-style-image: url(Pics/Bullet.gif);*/
216 }
217