owls
changeset 4:3cacc24e1774
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 | 92a8978e68c5 |
children | 7ee09b636460 |
files | Owls.css.php Owls.php Owls.png |
diffstat | 3 files changed, 100 insertions(+), 94 deletions(-) [+] |
line diff
1.1 --- a/Owls.css.php Thu Dec 07 22:08:17 2006 +0100 1.2 +++ b/Owls.css.php Tue Dec 12 22:09:47 2006 +0100 1.3 @@ -1,122 +1,134 @@ 1.4 <?php 1.5 +/*######################################################## 1.6 +###### to modify the look of owls, edit below ###### 1.7 +########################################################*/ 1.8 + 1.9 + 1.10 +/* 1.11 + color setup 1.12 + use color values according to http://www.w3.org/TR/CSS21/syndata.html#color-units 1.13 + you can assign the set variables too 1.14 +*/ 1.15 + 1.16 + $c_Text = '#000'; 1.17 + $c_Background = '#999'; 1.18 + 1.19 + $c_Border = $c_Text; 1.20 + 1.21 + $c_Link = $c_Text; 1.22 + $c_LinkHover = '#cf9'; 1.23 + $c_LinkVisited = '#666'; 1.24 + 1.25 + $c_Nav = $c_Link; 1.26 + $c_NavHover = $c_LinkHover; 1.27 + $c_NavSelected = '#eee'; 1.28 + 1.29 + $c_Login = $c_Nav; 1.30 + $c_Admin = '#007fbf'; 1.31 + 1.32 + 1.33 +/* 1.34 + width of the menu area 1.35 + the unit 'em' is relative to the font-size 1.36 + see: http://www.w3.org/TR/CSS21/syndata.html#length-units 1.37 +*/ 1.38 + 1.39 + $m_NavWidth = '10em'; 1.40 + 1.41 + 1.42 +/*######################################################## 1.43 +############# noobs, stop editing here ############# 1.44 +########################################################*/ 1.45 + 1.46 + 1.47 + 1.48 + 1.49 + 1.50 + 1.51 header('Content-Type: text/css; charset=utf8'); 1.52 1.53 - // Caching verhindern 1.54 + // avoid caching TODO: think about removing, cause it's just for dev 1.55 header('Expires: Thu, 05 Apr 1984 04:47:00 GMT'); 1.56 header('Last-Modified: '.gmdate('D, d M Y H:i:s').' GMT'); 1.57 header('Cache-Control: no-store'); 1.58 header('Pragma: no-cache'); 1.59 echo('/* Anti-Caching: '.microtime()." */\r\n"); 1.60 1.61 - 1.62 - // colors 1.63 - $cProject = '#ff8040'; // #96c 1.64 - 1.65 - $cBackgroundGlobal = '#666'; 1.66 - //$cBackgroundContent = '#666'; //eee 1.67 - 1.68 - $cBorderGlobal = '#000'; 1.69 - 1.70 - $cTextH1 = '#aaa'; 1.71 - 1.72 - $cLinkHover = $cProject; 1.73 - 1.74 - $cNav = '#333'; 1.75 - 1.76 - 1.77 - $mContentMinHeight = '22em'; 1.78 - 1.79 - $mNavWidth = '12em'; 1.80 - 1.81 - 1.82 ?> 1.83 1.84 1.85 1.86 -/*#### Standard ############################################################*/ 1.87 body { 1.88 font-family: sans-serif; 1.89 margin: 30px 0; 1.90 text-align: center; 1.91 - background-color: <?php echo $cBackgroundGlobal ?>; 1.92 + color: <?php echo $c_Text; ?>; 1.93 + background-color: <?php echo $c_Background; ?>; 1.94 } 1.95 1.96 1.97 #websiteContainer { 1.98 width: 760px; 1.99 margin: 0 auto; 1.100 - text-align: left; 1.101 + text-align: justify; 1.102 } 1.103 1.104 #banner { 1.105 display: block; 1.106 - border: 1px solid <?php echo $cBorderGlobal ?>; 1.107 + margin: 0 auto; 1.108 } 1.109 1.110 - 1.111 #content { 1.112 - margin-left: <?php echo $mNavWidth; ?>; 1.113 + margin-left: <?php echo $m_NavWidth; ?>; 1.114 padding: 1em; 1.115 } 1.116 1.117 1.118 -#edit input, 1.119 -#edit select, 1.120 -#edit textarea { 1.121 - font-family: sans-serif; 1.122 - font-size: 0.8em; 1.123 + 1.124 +/* uhhh?? is this not needed anymore? are there no borders drawn by default? 1.125 +img { 1.126 + border: none; 1.127 } 1.128 +*/ 1.129 1.130 1.131 -p { 1.132 - text-align: justify; 1.133 -} 1.134 1.135 1.136 -a { 1.137 - text-decoration: underline; 1.138 -} 1.139 + 1.140 + 1.141 +/* links */ 1.142 a:link { 1.143 - color: #000; 1.144 + color: <?php echo $c_Link; ?>; 1.145 } 1.146 a:visited { 1.147 - color: #aaa; 1.148 + color: <?php echo $c_LinkVisited;?>; 1.149 } 1.150 a:active, 1.151 a:hover { 1.152 - color: <?php echo $cLinkHover; ?>; 1.153 + color: <?php echo $c_LinkHover; ?>; 1.154 } 1.155 1.156 1.157 -img { 1.158 - border: none; 1.159 -} 1.160 1.161 -.small { 1.162 - font-size: 0.8em; 1.163 -} 1.164 1.165 1.166 1.167 - 1.168 - 1.169 - 1.170 - 1.171 - 1.172 - 1.173 +/* nav */ 1.174 #nav { 1.175 + list-style: none; 1.176 float: left; 1.177 - width: <?php echo $mNavWidth; ?>; 1.178 + width: <?php echo $m_NavWidth; ?>; 1.179 padding: 0.5em 2em 1em 0.5em; 1.180 margin: 2.5em 0 1em 0; 1.181 font-size: 0.8em; 1.182 } 1.183 1.184 #nav ul { 1.185 + list-style: none; 1.186 + margin-left: 0; 1.187 padding-left: 1em; 1.188 /* border: 1px solid #060; */ 1.189 } 1.190 - 1.191 #nav li { 1.192 padding: 1px; 1.193 margin: 0; 1.194 @@ -124,8 +136,9 @@ 1.195 } 1.196 1.197 #nav a { 1.198 + display: block; 1.199 text-decoration: none; 1.200 - color: <?php echo $cTextH1; ?>; 1.201 + color: <?php echo $c_Nav; ?>; 1.202 } 1.203 #nav a:link, 1.204 #nav a:visited { 1.205 @@ -133,34 +146,41 @@ 1.206 } 1.207 #nav a:active, 1.208 #nav a:hover { 1.209 - color: <?php echo $cLinkHover; ?>; 1.210 + color: <?php echo $c_NavHover; ?>; 1.211 text-decoration: none; 1.212 } 1.213 1.214 #selected:link, 1.215 #selected:visited { 1.216 - color: <?php echo $cBorderGlobal; ?>; 1.217 + color: <?php echo $c_NavSelected; ?>; 1.218 } 1.219 #nav #selected:hover { 1.220 - color: <?php echo $cLinkHover; ?>; 1.221 + color: <?php echo $c_NavHover; ?>; 1.222 } 1.223 1.224 1.225 + 1.226 + 1.227 +/* orphans and broken */ 1.228 li#orphans, 1.229 li#broken { 1.230 - margin-top: 2em; 1.231 + margin-top: 3em; 1.232 font-style: italic; 1.233 - color: #aaa; 1.234 + color: <?php echo $c_Admin; ?>; 1.235 } 1.236 1.237 1.238 + 1.239 + 1.240 +/* login */ 1.241 li#login { 1.242 margin-top: 3em; 1.243 } 1.244 #login input { 1.245 + color: <?php echo $c_Login; ?>; 1.246 background-color: transparent; 1.247 border: none; 1.248 - border-left: #555 1px solid; 1.249 + border-left: <?php echo $c_Login; ?> 1px solid; /* TODO: think about other color */ 1.250 display: block; 1.251 font-size: 0.8em; 1.252 margin-bottom: 2px; 1.253 @@ -170,13 +190,18 @@ 1.254 1.255 1.256 1.257 + 1.258 + 1.259 +/* admin controls */ 1.260 .ctrl { 1.261 text-align: right; 1.262 font-size: 0.8em; 1.263 } 1.264 -.ctrl a { 1.265 +.ctrl a, 1.266 +.ctrl a:visited, 1.267 +.ctrl a:hover { 1.268 margin-left: 1em; 1.269 - color: #eee; 1.270 + color: <?php echo $c_Admin; ?>; 1.271 } 1.272 1.273 1.274 @@ -184,34 +209,15 @@ 1.275 1.276 1.277 1.278 - 1.279 - 1.280 -/*#### BBCode ##############################################################*/ 1.281 - 1.282 -.quote1 { 1.283 - border:1px solid #c0c0c0; 1.284 - margin:5px; 1.285 - padding:5px; 1.286 +/* edit form */ 1.287 +#edit { 1.288 + margin-top: 1.5em; 1.289 } 1.290 -.quote2 { 1.291 - border:1px solid #c0c0c0; 1.292 - margin:5px; 1.293 - margin-bottom:0px; 1.294 - padding:5px; 1.295 -} 1.296 -.quote0 { 1.297 - color: #000; 1.298 +#edit input, 1.299 +#edit select, 1.300 +#edit textarea { 1.301 + font-family: sans-serif; 1.302 font-size: 0.8em; 1.303 + border: <?php echo $c_Border; ?> 1px solid; 1.304 } 1.305 1.306 -ul { 1.307 - list-style: none; 1.308 - margin-left: 0; 1.309 - padding-left: 1em; 1.310 -} 1.311 -li { 1.312 - margin-left: 1em; 1.313 - padding-left: 0; 1.314 - /*list-style-image: url(Pics/Bullet.gif);*/ 1.315 -} 1.316 -
2.1 --- a/Owls.php Thu Dec 07 22:08:17 2006 +0100 2.2 +++ b/Owls.php Tue Dec 12 22:09:47 2006 +0100 2.3 @@ -182,7 +182,7 @@ 2.4 // display admin controls if logged in 2.5 if ($lsys->loggedIn()) { 2.6 ?> 2.7 - <div class="ctrl" style="font-size: 0.8em;"> 2.8 + <div class="ctrl"> 2.9 <a href="<?php echo $row['id'] .'n'; ?>">new</a> 2.10 <a href="<?php echo $row['id'] .'e'; ?>">edit</a> 2.11 <?php 2.12 @@ -220,7 +220,7 @@ 2.13 $row = mysql_fetch_array($result); 2.14 echo '<div id="content">'; 2.15 ?> 2.16 -<div id="edit"> 2.17 +<div id="edit" style="position: relative; width: 99%"> 2.18 <form action="<?php echo $row['id']; ?>" method="post" enctype="multipart/form-data"> 2.19 <?php 2.20 if ($_GET['id'] != 1) {
3.1 Binary file Owls.png has changed