Mercurial > owls

changeset 4:3cacc24e1774

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
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 wrap: on
line diff
--- a/Owls.css.php	Thu Dec 07 22:08:17 2006 +0100
+++ b/Owls.css.php	Tue Dec 12 22:09:47 2006 +0100
@@ -1,99 +1,111 @@
 <?php
+/*########################################################
+######    to modify the look of owls, edit below    ######
+########################################################*/
+
+
+/*
+    color setup
+    use color values according to http://www.w3.org/TR/CSS21/syndata.html#color-units
+    you can assign the set variables too
+*/
+
+  $c_Text             = '#000';
+  $c_Background       = '#999';
+
+  $c_Border           = $c_Text;
+
+  $c_Link             = $c_Text;
+  $c_LinkHover        = '#cf9';
+  $c_LinkVisited      = '#666';
+
+  $c_Nav              = $c_Link;
+  $c_NavHover         = $c_LinkHover;
+  $c_NavSelected      = '#eee';
+
+  $c_Login            = $c_Nav;
+  $c_Admin            = '#007fbf';
+
+
+/*
+    width of the menu area
+    the unit 'em' is relative to the font-size
+    see: http://www.w3.org/TR/CSS21/syndata.html#length-units
+*/
+
+  $m_NavWidth         = '10em';
+
+
+/*########################################################
+#############    noobs, stop editing here    #############
+########################################################*/
+
+
+
+
+
+
   header('Content-Type: text/css; charset=utf8');
 
-  // Caching verhindern
+  // avoid caching    TODO: think about removing, cause it's just for dev
   header('Expires: Thu, 05 Apr 1984 04:47:00 GMT');
   header('Last-Modified: '.gmdate('D, d M Y H:i:s').' GMT');
   header('Cache-Control: no-store');
   header('Pragma: no-cache');
   echo('/* Anti-Caching: '.microtime()." */\r\n");
 
-
-  // colors
-  $cProject           = '#ff8040';    // #96c
-
-  $cBackgroundGlobal  = '#666';
-  //$cBackgroundContent = '#666';  //eee
-
-  $cBorderGlobal      = '#000';
-
-  $cTextH1            = '#aaa';
-
-  $cLinkHover         = $cProject;
-
-  $cNav               = '#333';
-
-
-  $mContentMinHeight  = '22em';
-
-  $mNavWidth          = '12em';
-
-
 ?>
 
 
 
-/*####  Standard  ############################################################*/
 body {
   font-family: sans-serif;
   margin: 30px 0;
   text-align: center;
-  background-color: <?php echo $cBackgroundGlobal ?>;
+  color: <?php echo $c_Text; ?>;
+  background-color: <?php echo $c_Background; ?>;
 }
 
 
 #websiteContainer {
   width: 760px;
   margin: 0 auto;
-  text-align: left;
+  text-align: justify;
 }
 
 #banner {
   display: block;
-  border: 1px solid <?php echo $cBorderGlobal ?>;
+  margin: 0 auto;
 }
 
-
 #content {
-  margin-left: <?php echo $mNavWidth; ?>;
+  margin-left: <?php echo $m_NavWidth; ?>;
   padding: 1em;
 }
 
 
-#edit input,
-#edit select,
-#edit textarea {
-  font-family: sans-serif;
-  font-size: 0.8em;
+
+/*  uhhh?? is this not needed anymore? are there no borders drawn by default?
+img {
+  border: none;
 }
+*/
+
 
 
-p {
-  text-align: justify;
-}
+
 
 
-a {
-  text-decoration: underline;
-}
+/*  links  */
 a:link {
-  color: #000;
+  color: <?php echo $c_Link; ?>;
 }
 a:visited {
-  color: #aaa;
+  color: <?php echo $c_LinkVisited;?>;
 }
 a:active,
 a:hover {
-  color: <?php echo $cLinkHover; ?>;
-}
-
-
-img {
-  border: none;
-}
-
-.small {
-  font-size: 0.8em;
+  color: <?php echo $c_LinkHover; ?>;
 }
 
 
@@ -101,22 +113,22 @@
 
 
 
-
-
-
+/*  nav  */
 #nav {
+  list-style: none;
   float: left;
-  width: <?php echo $mNavWidth; ?>;
+  width: <?php echo $m_NavWidth; ?>;
   padding: 0.5em 2em 1em 0.5em;
   margin: 2.5em 0 1em 0;
   font-size: 0.8em;
 }
 
 #nav ul {
+  list-style: none;
+  margin-left: 0;
   padding-left: 1em;
 /*  border: 1px solid #060; */
 }
-
 #nav li {
   padding: 1px;
   margin: 0;
@@ -124,8 +136,9 @@
 }
 
 #nav a {
+  display: block;
   text-decoration: none;
-  color: <?php echo $cTextH1; ?>;
+  color: <?php echo $c_Nav; ?>;
 }
 #nav a:link,
 #nav a:visited {
@@ -133,34 +146,41 @@
 }
 #nav a:active,
 #nav a:hover {
-  color: <?php echo $cLinkHover; ?>;
+  color: <?php echo $c_NavHover; ?>;
   text-decoration: none;
 }
 
 #selected:link,
 #selected:visited {
-  color: <?php echo $cBorderGlobal; ?>;
+  color: <?php echo $c_NavSelected; ?>;
 }
 #nav #selected:hover {
-  color: <?php echo $cLinkHover; ?>;
+  color: <?php echo $c_NavHover; ?>;
 }
 
 
+
+
+/*  orphans and broken  */
 li#orphans,
 li#broken {
-  margin-top: 2em;
+  margin-top: 3em;
   font-style: italic;
-  color: #aaa;
+  color: <?php echo $c_Admin; ?>;
 }
 
 
+
+
+/*  login  */
 li#login {
   margin-top: 3em;
 }
 #login input {
+  color: <?php echo $c_Login; ?>;
   background-color: transparent;
   border: none;
-  border-left: #555 1px solid;
+  border-left: <?php echo $c_Login; ?> 1px solid;    /* TODO: think about other color */
   display: block;
   font-size: 0.8em;
   margin-bottom: 2px;
@@ -170,13 +190,18 @@
 
 
 
+
+
+/*  admin controls  */
 .ctrl {
   text-align: right;
   font-size: 0.8em;
 }
-.ctrl a {
+.ctrl a,
+.ctrl a:visited,
+.ctrl a:hover {
   margin-left: 1em;
-  color: #eee;
+  color: <?php echo $c_Admin; ?>;
 }
 
 
@@ -184,34 +209,15 @@
 
 
 
-
-
-/*####  BBCode  ##############################################################*/
-
-.quote1 {
-  border:1px solid #c0c0c0;
-  margin:5px;
-  padding:5px;
+/*  edit form  */
+#edit {
+  margin-top: 1.5em;
 }
-.quote2 {
-  border:1px solid #c0c0c0;
-  margin:5px;
-  margin-bottom:0px;
-  padding:5px;
-}
-.quote0 {
-  color: #000;
+#edit input,
+#edit select,
+#edit textarea {
+  font-family: sans-serif;
   font-size: 0.8em;
+  border: <?php echo $c_Border; ?> 1px solid;
 }
 
-ul {
-  list-style: none;
-  margin-left: 0;
-  padding-left: 1em;
-}
-li {
-  margin-left: 1em;
-  padding-left: 0;
-  /*list-style-image: url(Pics/Bullet.gif);*/
-}
-
--- a/Owls.php	Thu Dec 07 22:08:17 2006 +0100
+++ b/Owls.php	Tue Dec 12 22:09:47 2006 +0100
@@ -182,7 +182,7 @@
       // display admin controls if logged in
       if ($lsys->loggedIn()) {
 ?>
-        <div class="ctrl" style="font-size: 0.8em;">
+        <div class="ctrl">
           <a href="<?php echo $row['id'] .'n'; ?>">new</a>
           <a href="<?php echo $row['id'] .'e'; ?>">edit</a>
 <?php
@@ -220,7 +220,7 @@
     $row = mysql_fetch_array($result);
       echo '<div id="content">';
 ?>
-<div id="edit">
+<div id="edit" style="position: relative; width: 99%">
   <form action="<?php echo $row['id']; ?>" method="post" enctype="multipart/form-data">
 <?php
     if ($_GET['id'] != 1) {
Binary file Owls.png has changed