owls

view owls.css.php @ 18:98983ba58e2e

Added tag owls-2.0 for changeset 081ba8764994
author markus schnalke <meillo@marmaro.de>
date Sat, 23 Jul 2016 21:39:40 +0200
parents cebc198276eb
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 = '#ccc';
14 $c_Background = '#333';
16 $c_Border = $c_Text;
18 $c_Link = $c_Text;
19 $c_LinkHover = '#6af'; // ff8040
20 $c_LinkVisited = '#666';
22 $c_Nav = $c_Link;
23 $c_NavHover = $c_LinkHover;
24 $c_NavSelected = '#06f';
26 $c_Login = '#000';
27 $c_Admin = '#ffff80'; //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 ################# 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 border: none;
80 }
82 #content {
83 position: relative;
84 margin-left: <?php echo $m_NavWidth; ?>;
85 padding: 1em;
86 }
92 /* links */
93 a:link {
94 color: <?php echo $c_Link; ?>;
95 }
96 a:visited {
97 color: <?php echo $c_LinkVisited;?>;
98 }
99 a:active,
100 a:hover {
101 color: <?php echo $c_LinkHover; ?>;
102 }
109 /* nav */
110 #nav {
111 list-style: none;
112 float: left;
113 width: <?php echo $m_NavWidth; ?>;
114 padding: 0.5em 2em 1em 0.5em;
115 margin: 2.5em 0 1em 0;
116 font-size: 0.8em;
117 }
119 #nav ul {
120 list-style: none;
121 margin-left: 0;
122 padding-left: 1em;
123 }
124 #nav li {
125 padding: 1px;
126 margin: 0;
127 }
129 #nav a {
130 display: block;
131 text-decoration: none;
132 color: <?php echo $c_Nav; ?>;
133 }
134 #nav a:link,
135 #nav a:visited {
136 text-decoration: none;
137 }
138 #nav a:active,
139 #nav a:hover {
140 color: <?php echo $c_NavHover; ?>;
141 text-decoration: none;
142 }
144 #selected:link,
145 #selected:visited {
146 color: <?php echo $c_NavSelected; ?>;
147 }
148 #nav #selected:hover {
149 color: <?php echo $c_NavHover; ?>;
150 }
155 /* orphans and broken */
156 li#orphans,
157 li#broken {
158 margin-top: 3em;
159 font-style: italic;
160 color: <?php echo $c_Admin; ?>;
161 }
166 /* login */
167 #loginform input {
168 background-color: transparent;
169 border: <?php echo $c_Login; ?> 1px solid;
170 font-size: 0.8em;
171 width: 8em;
172 }
179 /* admin controls */
180 .ctrl {
181 position: absolute;
182 right: 0;
183 text-align: right;
184 font-size: 0.8em;
185 color: <?php echo $c_Login; ?>;
186 }
187 .ctrl a,
188 .ctrl a:visited,
189 .ctrl a:hover {
190 margin-left: 1em;
191 color: <?php echo $c_Admin; ?>;
192 }
199 /* edit form */
200 #edit {
201 margin-top: 1.5em;
202 }
203 #edit input,
204 #edit select,
205 #edit textarea {
206 font-family: sans-serif;
207 font-size: 0.8em;
208 border: <?php echo $c_Border; ?> 1px solid;
209 }