--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/owls.css.php	Sat Jul 23 21:39:17 2016 +0200
@@ -0,0 +1,210 @@
+<?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             = '#ccc';
+  $c_Background       = '#333';
+
+  $c_Border           = $c_Text;
+
+  $c_Link             = $c_Text;
+  $c_LinkHover        = '#6af';    // ff8040
+  $c_LinkVisited      = '#666';
+
+  $c_Nav              = $c_Link;
+  $c_NavHover         = $c_LinkHover;
+  $c_NavSelected      = '#06f';
+
+  $c_Login            = '#000';
+  $c_Admin            = '#ffff80';    //ffff80
+
+
+/*
+    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';
+
+
+/*########################################################
+#################    stop editing here    ################
+########################################################*/
+
+
+
+
+
+
+  header('Content-Type: text/css; charset=utf8');
+
+  // 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");
+
+?>
+
+
+
+body {
+  font-family: sans-serif;
+  margin: 30px 0;
+  text-align: center;
+  color: <?php echo $c_Text; ?>;
+  background-color: <?php echo $c_Background; ?>;
+}
+
+
+#websiteContainer {
+  width: 760px;
+  margin: 0 auto;
+  text-align: justify;
+}
+
+#banner {
+  display: block;
+  margin: 0 auto;
+  border: none;
+}
+
+#content {
+  position: relative;
+  margin-left: <?php echo $m_NavWidth; ?>;
+  padding: 1em;
+}
+
+
+
+
+
+/*  links  */
+a:link {
+  color: <?php echo $c_Link; ?>;
+}
+a:visited {
+  color: <?php echo $c_LinkVisited;?>;
+}
+a:active,
+a:hover {
+  color: <?php echo $c_LinkHover; ?>;
+}
+
+
+
+
+
+
+/*  nav  */
+#nav {
+  list-style: none;
+  float: left;
+  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;
+}
+#nav li {
+  padding: 1px;
+  margin: 0;
+}
+
+#nav a {
+  display: block;
+  text-decoration: none;
+  color: <?php echo $c_Nav; ?>;
+}
+#nav a:link,
+#nav a:visited {
+  text-decoration: none;
+}
+#nav a:active,
+#nav a:hover {
+  color: <?php echo $c_NavHover; ?>;
+  text-decoration: none;
+}
+
+#selected:link,
+#selected:visited {
+  color: <?php echo $c_NavSelected; ?>;
+}
+#nav #selected:hover {
+  color: <?php echo $c_NavHover; ?>;
+}
+
+
+
+
+/*  orphans and broken  */
+li#orphans,
+li#broken {
+  margin-top: 3em;
+  font-style: italic;
+  color: <?php echo $c_Admin; ?>;
+}
+
+
+
+
+/*  login  */
+#loginform input {
+  background-color: transparent;
+  border: <?php echo $c_Login; ?> 1px solid;
+  font-size: 0.8em;
+  width: 8em;
+}
+
+
+
+
+
+
+/*  admin controls  */
+.ctrl {
+  position: absolute;
+  right: 0;
+  text-align: right;
+  font-size: 0.8em;
+  color: <?php echo $c_Login; ?>;
+}
+.ctrl a,
+.ctrl a:visited,
+.ctrl a:hover {
+  margin-left: 1em;
+  color: <?php echo $c_Admin; ?>;
+}
+
+
+
+
+
+
+/*  edit form  */
+#edit {
+  margin-top: 1.5em;
+}
+#edit input,
+#edit select,
+#edit textarea {
+  font-family: sans-serif;
+  font-size: 0.8em;
+  border: <?php echo $c_Border; ?> 1px solid;
+}
+