git.plutz.net Git - busy/blob - templates/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 div#ACCOUNTING #btcqr {
  72   position: fixed;
  73   border: 1px solid #000;
  74   background-color: #FFF;
  75   padding: 1em;
  76
  77   /*left: 40%; right: 40%; top: 10em;*/
  78   text-align: center;
  79   vertical-align: middle;
  80   z-index: 100;
  81
  82   overflow: none;
  83 }
  84 div#ACCOUNTING #btcqr img {
  85   width: 80%
  86 }
  87
  88 div#MENU {
  89   position: absolute;
  90   top: 5.5em; left: 0%;
  91   width: 35%; height: 1em;
  92   text-align: right;
  93   padding: 0px; margin: 0px;
  94   z-index: 0;
  95 }
  96 div#MENU a {
  97   font: none bold 1em sans-serif;
  98   text-decoration: none;
  99   margin: 0px 2px 0px 2px;
 100   padding: 0em .3em 0em .3em;
 101   background-color: #FFF; color: #000;
 102   border-style: solid solid solid solid;
 103   border-width: 1px;
 104   border-color: #AAF;
 105 }
 106 div#MENU a:hover {
 107   background-color: #DDD;
 108 }
 109
 110 div#MAIN {
 111   position: absolute;
 112   top: 7em; left: 15%; right: 20%;
 113   margin: 0px; padding: .5em 2.5em 0px 2.5em;
 114   z-index: 0;
 115 }
 116
 117 div#LEFT {
 118   position: absolute;
 119   left: 0px; top: 7em;
 120   width: 15%; min-height: 600px;
 121   border-style: solid solid none none;
 122   border-width: 1px;
 123   border-color: #AAF;
 124   background-color: #F7F7F7;
 125   margin: 0px;
 126   padding: 2em 1em 1em 1em;
 127 }
 128 div#LEFT h1{
 129   font: normal bold 1.2em sans-serif;
 130   text-decoration: none;
 131   margin: 0em 0em .5em 0em;
 132 }
 133 div#RIGHT h1{
 134   font: normal bold 1.2em sans-serif;
 135   text-decoration: none;
 136   margin: 0em 0em .5em 0em;
 137 }
 138
 139 .search {
 140   background-color: #FFF;
 141   border-color: #AAF;
 142   border-style: solid;
 143   border-width: 1px;
 144   margin: .6em 0em;
 145   padding: .2em .5em .5em .5em;
 146   border-radius: 8px;
 147   -moz-border-radius: 8px;
 148 }
 149 .search h2{
 150   font: normal bold 1em sans-serif;
 151   text-align: center;
 152   color: #66F;
 153   margin: 0em 0em .3em 0em;
 154   border-style: none none solid none;
 155   border-width: 1px;
 156   border-color: #AAF;
 157 }
 158
 159 div#RIGHT {
 160   position: absolute;
 161   right: 0px; top: 7em;
 162   width: 20%; min-height: 600px;
 163   border-style: solid none none solid;
 164   border-width: 1px;
 165   border-color: #AAF;
 166   background-color: #F7F7F7;
 167   margin: 0px;
 168   padding: 2em 1em 1em 1em;
 169 }
 170
 171 a.function {
 172   font: none bold 1em sans-serif;
 173   white-space: nowrap;
 174   text-decoration: none;
 175   margin: 0px 2px 0px 2px;
 176   padding: 0em .2em 0em .2em;
 177   background-color: #FFF; color: #000;
 178   border-style: solid solid solid solid;
 179   border-width: 1px;
 180   border-color: #AAF;
 181 }
 182 a.function:hover {
 183   background-color: #DDD;
 184 }
 185
 186 form { width: 100%; }
 187 form textarea { width: 99%; }
 188 form input { max-width: 99%; }
 189
 190 div.screen {
 191   position: fixed;
 192   top: 1em; bottom: 1em;
 193   left: 1em; right: 1em;
 194   padding: 1em .5em .5em .5em;
 195
 196   text-align: left;
 197   background-color: #EEE;
 198   border-style: solid solid solid solid;
 199   border-width: 2px 2px 2px 2px;
 200   border-radius: 12px;
 201
 202   overflow: auto;
 203   z-index: 2;
 204 }
 205 a.screen {
 206   position: fixed;
 207   top: .8em; right: .8em;
 208   padding: .2em .3em .2em .3em;
 209   font-size: 1.2em;
 210   font-weight: bold;
 211   text-decoration: none;
 212   color: #EEE;
 213   background-color: #000;
 214   border-style: solid solid solid solid;
 215   border-width: 2px;
 216   border-color: #000;
 217   border-radius: 0px 12px 0px 12px;
 218 }
 219 div.screen div{
 220   float: left;
 221   margin: .5em 0em 0em 1em;
 222   padding: 0em .5em 0em 0em;
 223   border-style: none solid none none;
 224   border-width: 0px 1px 0px 0px;
 225 }
 226
 227 div.screen form {
 228   position:fixed;
 229   max-height:80%;
 230   width:90%;
 231   left:4%;
 232   padding: 1%;
 233   background-color: #CCF;
 234   border-style: solid;
 235   border-width: 1px;
 236   overflow: scroll;
 237   text-align:center;
 238   vertical-align:middle;
 239 }