git.plutz.net Git - busy/blob - busy.css

   1 /* Copyright 2011 Paul Haensch*/
   2 /* This file is part of Busy*/
   3 /**/
   4 /* Busy is free software: you can redistribute it and/or modify*/
   5 /* it under the terms of the GNU Affero General Public License as published by*/
   6 /* the Free Software Foundation, either version 3 of the License, or*/
   7 /* (at your option) any later version.*/
   8 /**/
   9 /* Busy is distributed in the hope that it will be useful,*/
  10 /* but WITHOUT ANY WARRANTY; without even the implied warranty of*/
  11 /* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the*/
  12 /* GNU Affero General Public License for more details.*/
  13 /**/
  14 /* You should have received a copy of the GNU Affero General Public License*/
  15 /* along with Busy.  If not, see <http://www.gnu.org/licenses/>.*/
  16
  17 body {
  18   width: 99%;
  19   font: normal normal 1em sans-serif;
  20   text-align: left;
  21   background-color: #EEE;
  22   color: #000;
  23   z-index: 0;
  24 }
  25
  26 a {
  27   text-decoration: none;
  28 }
  29
  30 div#TITLE {
  31   position: absolute;
  32   top: 0px; left: 0px;
  33   width: 35%; height: 6em;
  34   font-size: 1em;
  35   background-color: #FFF; color: #66F;
  36   border-style: none solid solid none;
  37   border-width: 1px;
  38   border-color: #AAF;
  39   padding: .25em 1em .75em 1em;
  40 }
  41 div#TITLE #NAME {
  42   margin: 0em;
  43   font: normal bold 3em sans-serif;
  44 }
  45 div#TITLE #SLOGAN {
  46   margin: 0em;
  47   font: italic normal 1em sans-serif;
  48 }
  49
  50 div#USERMENU {
  51   position: absolute;
  52   top: 0px; left: 35%;
  53   width: 25%; height: 6em;
  54   background-color: #FFF; color: #000;
  55   border-style: none solid solid solid;
  56   border-width: 1px;
  57   border-color: #AAF;
  58   padding: .5em 1em .5em 1em;
  59 }
  60
  61 div#ACCOUNTING {
  62   position: absolute;
  63   top: 0px; right: 0px;
  64   width: 40%; height: 6em;
  65   background-color: #FFF; color: #000;
  66   border-style: none none solid solid;
  67   border-width: 1px;
  68   border-color: #AAF;
  69   padding: .5em 1em .5em 1em;
  70 }
  71
  72 div#MENU {
  73   position: absolute;
  74   top: 5.5em; left: 0%;
  75   width: 35%; height: 1em;
  76   text-align: right;
  77   padding: 0px; margin: 0px;
  78   z-index: 0;
  79 }
  80 div#MENU a {
  81   font: none bold 1em sans-serif;
  82   text-decoration: none;
  83   margin: 0px 2px 0px 2px;
  84   padding: 0em .3em 0em .3em;
  85   background-color: #FFF; color: #000;
  86   border-style: solid solid solid solid;
  87   border-width: 1px;
  88   border-color: #AAF;
  89 }
  90 div#MENU a:hover {
  91   background-color: #DDD;
  92 }
  93
  94 div#MAIN {
  95   position: absolute;
  96   top: 7em; left: 15%; right: 20%;
  97   margin: 0px; padding: .5em 2.5em 0px 2.5em;
  98   z-index: 0;
  99 }
 100
 101 div#LEFT {
 102   position: absolute;
 103   left: 0px; top: 7em;
 104   width: 15%; min-height: 600px;
 105   border-style: solid solid none none;
 106   border-width: 1px;
 107   border-color: #AAF;
 108   background-color: #F7F7F7;
 109   margin: 0px;
 110   padding: 2em 1em 1em 1em;
 111 }
 112 div#LEFT h1{
 113   font: normal bold 1.2em sans-serif;
 114   text-decoration: none;
 115   margin: 0em 0em .5em 0em;
 116 }
 117
 118 div#RIGHT {
 119   position: absolute;
 120   right: 0px; top: 7em;
 121   width: 20%; min-height: 600px;
 122   border-style: solid none none solid;
 123   border-width: 1px;
 124   border-color: #AAF;
 125   background-color: #F7F7F7;
 126   margin: 0px;
 127   padding: 2em 1em 1em 1em;
 128 }
 129
 130 a.function {
 131   font: none bold 1em sans-serif;
 132   white-space: nowrap;
 133   text-decoration: none;
 134   margin: 0px 2px 0px 2px;
 135   padding: 0em .2em 0em .2em;
 136   background-color: #FFF; color: #000;
 137   border-style: solid solid solid solid;
 138   border-width: 1px;
 139   border-color: #AAF;
 140 }
 141 a.function:hover {
 142   background-color: #DDD;
 143 }
 144
 145 form { width: 100%; }
 146 form textarea { width: 99%; }
 147
 148 div.screen {
 149   position: fixed;
 150   top: 1em; bottom: 1em;
 151   left: 1em; right: 1em;
 152   padding: 1em .5em .5em .5em;
 153
 154   text-align: left;
 155   background-color: #EEE;
 156   border-style: solid solid solid solid;
 157   border-width: 2px 2px 2px 2px;
 158   border-radius: 12px;
 159
 160   overflow: auto;
 161   z-index: 2;
 162 }
 163 a.screen {
 164   position: fixed;
 165   top: .8em; right: .8em;
 166   padding: .2em .3em .2em .3em;
 167   font-size: 1.2em;
 168   font-weight: bold;
 169   text-decoration: none;
 170   color: #EEE;
 171   background-color: #000;
 172   border-style: solid solid solid solid;
 173   border-width: 2px;
 174   border-color: #000;
 175   border-radius: 0px 12px 0px 12px;
 176 }
 177 div.screen div{
 178   float: left;
 179   margin: .5em 0em 0em 1em;
 180   padding: 0em .5em 0em 0em;
 181   border-style: none solid none none;
 182   border-width: 0px 1px 0px 0px;
 183 }
 184
 185 div.screen form {
 186   position:fixed;
 187   max-height:80%;
 188   width:90%;
 189   left:4%;
 190   padding: 1%;
 191   background-color: #CCF;
 192   border-style: solid;
 193   border-width: 1px;
 194   overflow: scroll;
 195   text-align:center;
 196   vertical-align:middle;
 197 }