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