meillo@0: <?php
meillo@4: /*########################################################
meillo@4: ######    to modify the look of owls, edit below    ######
meillo@4: ########################################################*/
meillo@4: 
meillo@4: 
meillo@4: /*
meillo@4:     color setup
meillo@4:     use color values according to http://www.w3.org/TR/CSS21/syndata.html#color-units
meillo@4:     you can assign the set variables too
meillo@4: */
meillo@4: 
meillo@4:   $c_Text             = '#000';
meillo@4:   $c_Background       = '#999';
meillo@4: 
meillo@4:   $c_Border           = $c_Text;
meillo@4: 
meillo@4:   $c_Link             = $c_Text;
meillo@6:   $c_LinkHover        = '#ff8040';
meillo@4:   $c_LinkVisited      = '#666';
meillo@4: 
meillo@4:   $c_Nav              = $c_Link;
meillo@4:   $c_NavHover         = $c_LinkHover;
meillo@4:   $c_NavSelected      = '#eee';
meillo@4: 
meillo@10:   $c_Login            = $c_LinkVisited;
meillo@6:   $c_Admin            = '#ffff80';
meillo@4: 
meillo@4: 
meillo@4: /*
meillo@4:     width of the menu area
meillo@4:     the unit 'em' is relative to the font-size
meillo@4:     see: http://www.w3.org/TR/CSS21/syndata.html#length-units
meillo@4: */
meillo@4: 
meillo@4:   $m_NavWidth         = '10em';
meillo@4: 
meillo@4: 
meillo@4: /*########################################################
meillo@4: #############    noobs, stop editing here    #############
meillo@4: ########################################################*/
meillo@4: 
meillo@4: 
meillo@4: 
meillo@4: 
meillo@4: 
meillo@4: 
meillo@0:   header('Content-Type: text/css; charset=utf8');
meillo@0: 
meillo@4:   // avoid caching    TODO: think about removing, cause it's just for dev
meillo@0:   header('Expires: Thu, 05 Apr 1984 04:47:00 GMT');
meillo@0:   header('Last-Modified: '.gmdate('D, d M Y H:i:s').' GMT');
meillo@0:   header('Cache-Control: no-store');
meillo@0:   header('Pragma: no-cache');
meillo@0:   echo('/* Anti-Caching: '.microtime()." */\r\n");
meillo@0: 
meillo@0: ?>
meillo@0: 
meillo@0: 
meillo@0: 
meillo@0: body {
meillo@0:   font-family: sans-serif;
meillo@0:   margin: 30px 0;
meillo@0:   text-align: center;
meillo@4:   color: <?php echo $c_Text; ?>;
meillo@4:   background-color: <?php echo $c_Background; ?>;
meillo@0: }
meillo@0: 
meillo@0: 
meillo@0: #websiteContainer {
meillo@0:   width: 760px;
meillo@0:   margin: 0 auto;
meillo@4:   text-align: justify;
meillo@0: }
meillo@0: 
meillo@0: #banner {
meillo@0:   display: block;
meillo@4:   margin: 0 auto;
meillo@0: }
meillo@0: 
meillo@0: #content {
meillo@12:   position: relative;
meillo@4:   margin-left: <?php echo $m_NavWidth; ?>;
meillo@0:   padding: 1em;
meillo@0: }
meillo@0: 
meillo@0: 
meillo@4: 
meillo@4: /*  uhhh?? is this not needed anymore? are there no borders drawn by default?
meillo@4: img {
meillo@4:   border: none;
meillo@0: }
meillo@4: */
meillo@0: 
meillo@0: 
meillo@0: 
meillo@0: 
meillo@4: 
meillo@4: 
meillo@4: /*  links  */
meillo@0: a:link {
meillo@4:   color: <?php echo $c_Link; ?>;
meillo@0: }
meillo@0: a:visited {
meillo@4:   color: <?php echo $c_LinkVisited;?>;
meillo@0: }
meillo@0: a:active,
meillo@0: a:hover {
meillo@4:   color: <?php echo $c_LinkHover; ?>;
meillo@0: }
meillo@0: 
meillo@0: 
meillo@0: 
meillo@0: 
meillo@0: 
meillo@0: 
meillo@4: /*  nav  */
meillo@0: #nav {
meillo@4:   list-style: none;
meillo@0:   float: left;
meillo@4:   width: <?php echo $m_NavWidth; ?>;
meillo@0:   padding: 0.5em 2em 1em 0.5em;
meillo@0:   margin: 2.5em 0 1em 0;
meillo@0:   font-size: 0.8em;
meillo@0: }
meillo@0: 
meillo@0: #nav ul {
meillo@4:   list-style: none;
meillo@4:   margin-left: 0;
meillo@0:   padding-left: 1em;
meillo@0: /*  border: 1px solid #060; */
meillo@0: }
meillo@0: #nav li {
meillo@0:   padding: 1px;
meillo@0:   margin: 0;
meillo@0: /*  border: 1px solid #006; */
meillo@0: }
meillo@0: 
meillo@0: #nav a {
meillo@4:   display: block;
meillo@0:   text-decoration: none;
meillo@4:   color: <?php echo $c_Nav; ?>;
meillo@0: }
meillo@0: #nav a:link,
meillo@0: #nav a:visited {
meillo@0:   text-decoration: none;
meillo@0: }
meillo@0: #nav a:active,
meillo@0: #nav a:hover {
meillo@4:   color: <?php echo $c_NavHover; ?>;
meillo@0:   text-decoration: none;
meillo@0: }
meillo@0: 
meillo@0: #selected:link,
meillo@0: #selected:visited {
meillo@4:   color: <?php echo $c_NavSelected; ?>;
meillo@0: }
meillo@0: #nav #selected:hover {
meillo@4:   color: <?php echo $c_NavHover; ?>;
meillo@0: }
meillo@0: 
meillo@0: 
meillo@4: 
meillo@4: 
meillo@4: /*  orphans and broken  */
meillo@2: li#orphans,
meillo@2: li#broken {
meillo@4:   margin-top: 3em;
meillo@0:   font-style: italic;
meillo@4:   color: <?php echo $c_Admin; ?>;
meillo@0: }
meillo@0: 
meillo@2: 
meillo@4: 
meillo@4: 
meillo@4: /*  login  */
meillo@10: #loginform input {
meillo@0:   background-color: transparent;
meillo@0:   border: none;
meillo@10:   border-bottom: <?php echo $c_Login; ?> 1px solid;    /* TODO: think about other color */
meillo@0:   font-size: 0.8em;
meillo@10:   width: 8em;
meillo@0: }
meillo@0: 
meillo@0: 
meillo@0: 
meillo@0: 
meillo@4: 
meillo@4: 
meillo@4: /*  admin controls  */
meillo@0: .ctrl {
meillo@12:   position: absolute;
meillo@12:   right: 0;
meillo@0:   text-align: right;
meillo@0:   font-size: 0.8em;
meillo@10:   color: <?php echo $c_Login; ?>;
meillo@0: }
meillo@4: .ctrl a,
meillo@4: .ctrl a:visited,
meillo@4: .ctrl a:hover {
meillo@0:   margin-left: 1em;
meillo@4:   color: <?php echo $c_Admin; ?>;
meillo@0: }
meillo@0: 
meillo@0: 
meillo@0: 
meillo@0: 
meillo@0: 
meillo@0: 
meillo@4: /*  edit form  */
meillo@4: #edit {
meillo@4:   margin-top: 1.5em;
meillo@0: }
meillo@4: #edit input,
meillo@4: #edit select,
meillo@4: #edit textarea {
meillo@4:   font-family: sans-serif;
meillo@0:   font-size: 0.8em;
meillo@4:   border: <?php echo $c_Border; ?> 1px solid;
meillo@0: }
meillo@0: