owls

annotate Owls.css.php @ 11:46617062bef5

put config into own file
author meillo@marmaro.de
date Sun, 27 May 2007 02:15:39 +0200
parents f79096d1d0ed
children 682b4a24469c
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@4 13 $c_Text = '#000';
meillo@4 14 $c_Background = '#999';
meillo@4 15
meillo@4 16 $c_Border = $c_Text;
meillo@4 17
meillo@4 18 $c_Link = $c_Text;
meillo@6 19 $c_LinkHover = '#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@4 24 $c_NavSelected = '#eee';
meillo@4 25
meillo@10 26 $c_Login = $c_LinkVisited;
meillo@6 27 $c_Admin = '#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@4 40 ############# noobs, 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@0 79 }
meillo@0 80
meillo@0 81 #content {
meillo@4 82 margin-left: <?php echo $m_NavWidth; ?>;
meillo@0 83 padding: 1em;
meillo@0 84 }
meillo@0 85
meillo@0 86
meillo@4 87
meillo@4 88 /* uhhh?? is this not needed anymore? are there no borders drawn by default?
meillo@4 89 img {
meillo@4 90 border: none;
meillo@0 91 }
meillo@4 92 */
meillo@0 93
meillo@0 94
meillo@0 95
meillo@0 96
meillo@4 97
meillo@4 98
meillo@4 99 /* links */
meillo@0 100 a:link {
meillo@4 101 color: <?php echo $c_Link; ?>;
meillo@0 102 }
meillo@0 103 a:visited {
meillo@4 104 color: <?php echo $c_LinkVisited;?>;
meillo@0 105 }
meillo@0 106 a:active,
meillo@0 107 a:hover {
meillo@4 108 color: <?php echo $c_LinkHover; ?>;
meillo@0 109 }
meillo@0 110
meillo@0 111
meillo@0 112
meillo@0 113
meillo@0 114
meillo@0 115
meillo@4 116 /* nav */
meillo@0 117 #nav {
meillo@4 118 list-style: none;
meillo@0 119 float: left;
meillo@4 120 width: <?php echo $m_NavWidth; ?>;
meillo@0 121 padding: 0.5em 2em 1em 0.5em;
meillo@0 122 margin: 2.5em 0 1em 0;
meillo@0 123 font-size: 0.8em;
meillo@0 124 }
meillo@0 125
meillo@0 126 #nav ul {
meillo@4 127 list-style: none;
meillo@4 128 margin-left: 0;
meillo@0 129 padding-left: 1em;
meillo@0 130 /* border: 1px solid #060; */
meillo@0 131 }
meillo@0 132 #nav li {
meillo@0 133 padding: 1px;
meillo@0 134 margin: 0;
meillo@0 135 /* border: 1px solid #006; */
meillo@0 136 }
meillo@0 137
meillo@0 138 #nav a {
meillo@4 139 display: block;
meillo@0 140 text-decoration: none;
meillo@4 141 color: <?php echo $c_Nav; ?>;
meillo@0 142 }
meillo@0 143 #nav a:link,
meillo@0 144 #nav a:visited {
meillo@0 145 text-decoration: none;
meillo@0 146 }
meillo@0 147 #nav a:active,
meillo@0 148 #nav a:hover {
meillo@4 149 color: <?php echo $c_NavHover; ?>;
meillo@0 150 text-decoration: none;
meillo@0 151 }
meillo@0 152
meillo@0 153 #selected:link,
meillo@0 154 #selected:visited {
meillo@4 155 color: <?php echo $c_NavSelected; ?>;
meillo@0 156 }
meillo@0 157 #nav #selected:hover {
meillo@4 158 color: <?php echo $c_NavHover; ?>;
meillo@0 159 }
meillo@0 160
meillo@0 161
meillo@4 162
meillo@4 163
meillo@4 164 /* orphans and broken */
meillo@2 165 li#orphans,
meillo@2 166 li#broken {
meillo@4 167 margin-top: 3em;
meillo@0 168 font-style: italic;
meillo@4 169 color: <?php echo $c_Admin; ?>;
meillo@0 170 }
meillo@0 171
meillo@2 172
meillo@4 173
meillo@4 174
meillo@4 175 /* login */
meillo@10 176 #loginform input {
meillo@0 177 background-color: transparent;
meillo@0 178 border: none;
meillo@10 179 border-bottom: <?php echo $c_Login; ?> 1px solid; /* TODO: think about other color */
meillo@0 180 font-size: 0.8em;
meillo@10 181 width: 8em;
meillo@0 182 }
meillo@0 183
meillo@0 184
meillo@0 185
meillo@0 186
meillo@4 187
meillo@4 188
meillo@4 189 /* admin controls */
meillo@0 190 .ctrl {
meillo@0 191 text-align: right;
meillo@0 192 font-size: 0.8em;
meillo@10 193 color: <?php echo $c_Login; ?>;
meillo@0 194 }
meillo@4 195 .ctrl a,
meillo@4 196 .ctrl a:visited,
meillo@4 197 .ctrl a:hover {
meillo@0 198 margin-left: 1em;
meillo@4 199 color: <?php echo $c_Admin; ?>;
meillo@0 200 }
meillo@0 201
meillo@0 202
meillo@0 203
meillo@0 204
meillo@0 205
meillo@0 206
meillo@4 207 /* edit form */
meillo@4 208 #edit {
meillo@4 209 margin-top: 1.5em;
meillo@0 210 }
meillo@4 211 #edit input,
meillo@4 212 #edit select,
meillo@4 213 #edit textarea {
meillo@4 214 font-family: sans-serif;
meillo@0 215 font-size: 0.8em;
meillo@4 216 border: <?php echo $c_Border; ?> 1px solid;
meillo@0 217 }
meillo@0 218