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 .search {
 119   background-color: #FFF;
 120   border-color: #AAF;
 121   border-style: solid;
 122   border-width: 1px;
 123   margin: .6em 0em;
 124   padding: .2em .5em .5em .5em;
 125   border-radius: 8px;
 126   -moz-border-radius: 8px;
 127 }
 128 .search h2{
 129   font: normal bold 1em sans-serif;
 130   text-align: center;
 131   color: #66F;
 132   margin: 0em 0em .3em 0em;
 133   border-style: none none solid none;
 134   border-width: 1px;
 135   border-color: #AAF;
 136 }
 137
 138 div#RIGHT {
 139   position: absolute;
 140   right: 0px; top: 7em;
 141   width: 20%; min-height: 600px;
 142   border-style: solid none none solid;
 143   border-width: 1px;
 144   border-color: #AAF;
 145   background-color: #F7F7F7;
 146   margin: 0px;
 147   padding: 2em 1em 1em 1em;
 148 }
 149
 150 a.function {
 151   font: none bold 1em sans-serif;
 152   white-space: nowrap;
 153   text-decoration: none;
 154   margin: 0px 2px 0px 2px;
 155   padding: 0em .2em 0em .2em;
 156   background-color: #FFF; color: #000;
 157   border-style: solid solid solid solid;
 158   border-width: 1px;
 159   border-color: #AAF;
 160 }
 161 a.function:hover {
 162   background-color: #DDD;
 163 }
 164
 165 form { width: 100%; }
 166 form textarea { width: 99%; }
 167 form input { max-width: 99%; }
 168
 169 div.screen {
 170   position: fixed;
 171   top: 1em; bottom: 1em;
 172   left: 1em; right: 1em;
 173   padding: 1em .5em .5em .5em;
 174
 175   text-align: left;
 176   background-color: #EEE;
 177   border-style: solid solid solid solid;
 178   border-width: 2px 2px 2px 2px;
 179   border-radius: 12px;
 180
 181   overflow: auto;
 182   z-index: 2;
 183 }
 184 a.screen {
 185   position: fixed;
 186   top: .8em; right: .8em;
 187   padding: .2em .3em .2em .3em;
 188   font-size: 1.2em;
 189   font-weight: bold;
 190   text-decoration: none;
 191   color: #EEE;
 192   background-color: #000;
 193   border-style: solid solid solid solid;
 194   border-width: 2px;
 195   border-color: #000;
 196   border-radius: 0px 12px 0px 12px;
 197 }
 198 div.screen div{
 199   float: left;
 200   margin: .5em 0em 0em 1em;
 201   padding: 0em .5em 0em 0em;
 202   border-style: none solid none none;
 203   border-width: 0px 1px 0px 0px;
 204 }
 205
 206 div.screen form {
 207   position:fixed;
 208   max-height:80%;
 209   width:90%;
 210   left:4%;
 211   padding: 1%;
 212   background-color: #CCF;
 213   border-style: solid;
 214   border-width: 1px;
 215   overflow: scroll;
 216   text-align:center;
 217   vertical-align:middle;
 218 }