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