owls
view Owls.css.php @ 12:682b4a24469c
optimized layout of ctrl bar
| author | meillo@marmaro.de |
|---|---|
| date | Sun, 27 May 2007 02:28:20 +0200 |
| parents | 144bc36a6c27 |
| children |
line source
1 <?php
2 /*########################################################
3 ###### to modify the look of owls, edit below ######
4 ########################################################*/
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 */
13 $c_Text = '#000';
14 $c_Background = '#999';
16 $c_Border = $c_Text;
18 $c_Link = $c_Text;
19 $c_LinkHover = '#ff8040';
20 $c_LinkVisited = '#666';
22 $c_Nav = $c_Link;
23 $c_NavHover = $c_LinkHover;
24 $c_NavSelected = '#eee';
26 $c_Login = $c_LinkVisited;
27 $c_Admin = '#ffff80';
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 */
36 $m_NavWidth = '10em';
39 /*########################################################
40 ############# noobs, stop editing here #############
41 ########################################################*/
48 header('Content-Type: text/css; charset=utf8');
50 // avoid caching TODO: think about removing, cause it's just for dev
51 header('Expires: Thu, 05 Apr 1984 04:47:00 GMT');
52 header('Last-Modified: '.gmdate('D, d M Y H:i:s').' GMT');
53 header('Cache-Control: no-store');
54 header('Pragma: no-cache');
55 echo('/* Anti-Caching: '.microtime()." */\r\n");
57 ?>
61 body {
62 font-family: sans-serif;
63 margin: 30px 0;
64 text-align: center;
65 color: <?php echo $c_Text; ?>;
66 background-color: <?php echo $c_Background; ?>;
67 }
70 #websiteContainer {
71 width: 760px;
72 margin: 0 auto;
73 text-align: justify;
74 }
76 #banner {
77 display: block;
78 margin: 0 auto;
79 }
81 #content {
82 position: relative;
83 margin-left: <?php echo $m_NavWidth; ?>;
84 padding: 1em;
85 }
89 /* uhhh?? is this not needed anymore? are there no borders drawn by default?
90 img {
91 border: none;
92 }
93 */
100 /* links */
101 a:link {
102 color: <?php echo $c_Link; ?>;
103 }
104 a:visited {
105 color: <?php echo $c_LinkVisited;?>;
106 }
107 a:active,
108 a:hover {
109 color: <?php echo $c_LinkHover; ?>;
110 }
117 /* nav */
118 #nav {
119 list-style: none;
120 float: left;
121 width: <?php echo $m_NavWidth; ?>;
122 padding: 0.5em 2em 1em 0.5em;
123 margin: 2.5em 0 1em 0;
124 font-size: 0.8em;
125 }
127 #nav ul {
128 list-style: none;
129 margin-left: 0;
130 padding-left: 1em;
131 /* border: 1px solid #060; */
132 }
133 #nav li {
134 padding: 1px;
135 margin: 0;
136 /* border: 1px solid #006; */
137 }
139 #nav a {
140 display: block;
141 text-decoration: none;
142 color: <?php echo $c_Nav; ?>;
143 }
144 #nav a:link,
145 #nav a:visited {
146 text-decoration: none;
147 }
148 #nav a:active,
149 #nav a:hover {
150 color: <?php echo $c_NavHover; ?>;
151 text-decoration: none;
152 }
154 #selected:link,
155 #selected:visited {
156 color: <?php echo $c_NavSelected; ?>;
157 }
158 #nav #selected:hover {
159 color: <?php echo $c_NavHover; ?>;
160 }
165 /* orphans and broken */
166 li#orphans,
167 li#broken {
168 margin-top: 3em;
169 font-style: italic;
170 color: <?php echo $c_Admin; ?>;
171 }
176 /* login */
177 #loginform input {
178 background-color: transparent;
179 border: none;
180 border-bottom: <?php echo $c_Login; ?> 1px solid; /* TODO: think about other color */
181 font-size: 0.8em;
182 width: 8em;
183 }
190 /* admin controls */
191 .ctrl {
192 position: absolute;
193 right: 0;
194 text-align: right;
195 font-size: 0.8em;
196 color: <?php echo $c_Login; ?>;
197 }
198 .ctrl a,
199 .ctrl a:visited,
200 .ctrl a:hover {
201 margin-left: 1em;
202 color: <?php echo $c_Admin; ?>;
203 }
210 /* edit form */
211 #edit {
212 margin-top: 1.5em;
213 }
214 #edit input,
215 #edit select,
216 #edit textarea {
217 font-family: sans-serif;
218 font-size: 0.8em;
219 border: <?php echo $c_Border; ?> 1px solid;
220 }