X-Git-Url: http://git.plutz.net/?p=busy;a=blobdiff_plain;f=templates%2Fbusy.css;fp=templates%2Fbusy.css;h=fc454a3733bb6c377bf65b200691ae21e771fddd;hp=0000000000000000000000000000000000000000;hb=f485895094cd72318b46f39689c3ba954eb37411;hpb=904730d1782749bfac15b0344fe5782433f3099b diff --git a/templates/busy.css b/templates/busy.css new file mode 100644 index 0000000..fc454a3 --- /dev/null +++ b/templates/busy.css @@ -0,0 +1,239 @@ +/* Copyright 2011 Paul Haensch*/ +/* This file is part of Busy*/ +/**/ +/* Busy is free software: you can redistribute it and/or modify*/ +/* it under the terms of the GNU Affero General Public License as published by*/ +/* the Free Software Foundation, either version 3 of the License, or*/ +/* (at your option) any later version.*/ +/**/ +/* Busy is distributed in the hope that it will be useful,*/ +/* but WITHOUT ANY WARRANTY; without even the implied warranty of*/ +/* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the*/ +/* GNU Affero General Public License for more details.*/ +/**/ +/* You should have received a copy of the GNU Affero General Public License*/ +/* along with Busy. If not, see .*/ + +body { + width: 99%; + font: normal normal 1em sans-serif; + text-align: left; + background-color: #EEE; + color: #000; + z-index: 0; +} + +a { + text-decoration: none; +} + +div#TITLE { + position: absolute; + top: 0px; left: 0px; + width: 35%; height: 6em; + font-size: 1em; + background-color: #FFF; color: #66F; + border-style: none solid solid none; + border-width: 1px; + border-color: #AAF; + padding: .25em 1em .75em 1em; +} +div#TITLE #NAME { + margin: 0em; + font: normal bold 3em sans-serif; +} +div#TITLE #SLOGAN { + margin: 0em; + font: italic normal 1em sans-serif; +} + +div#USERMENU { + position: absolute; + top: 0px; left: 35%; + width: 25%; height: 6em; + background-color: #FFF; color: #000; + border-style: none solid solid solid; + border-width: 1px; + border-color: #AAF; + padding: .5em 1em .5em 1em; +} + +div#ACCOUNTING { + position: absolute; + top: 0px; right: 0px; + width: 40%; height: 6em; + background-color: #FFF; color: #000; + border-style: none none solid solid; + border-width: 1px; + border-color: #AAF; + padding: .5em 1em .5em 1em; +} +div#ACCOUNTING #btcqr { + position: fixed; + border: 1px solid #000; + background-color: #FFF; + padding: 1em; + + /*left: 40%; right: 40%; top: 10em;*/ + text-align: center; + vertical-align: middle; + z-index: 100; + + overflow: none; +} +div#ACCOUNTING #btcqr img { + width: 80% +} + +div#MENU { + position: absolute; + top: 5.5em; left: 0%; + width: 35%; height: 1em; + text-align: right; + padding: 0px; margin: 0px; + z-index: 0; +} +div#MENU a { + font: none bold 1em sans-serif; + text-decoration: none; + margin: 0px 2px 0px 2px; + padding: 0em .3em 0em .3em; + background-color: #FFF; color: #000; + border-style: solid solid solid solid; + border-width: 1px; + border-color: #AAF; +} +div#MENU a:hover { + background-color: #DDD; +} + +div#MAIN { + position: absolute; + top: 7em; left: 15%; right: 20%; + margin: 0px; padding: .5em 2.5em 0px 2.5em; + z-index: 0; +} + +div#LEFT { + position: absolute; + left: 0px; top: 7em; + width: 15%; min-height: 600px; + border-style: solid solid none none; + border-width: 1px; + border-color: #AAF; + background-color: #F7F7F7; + margin: 0px; + padding: 2em 1em 1em 1em; +} +div#LEFT h1{ + font: normal bold 1.2em sans-serif; + text-decoration: none; + margin: 0em 0em .5em 0em; +} +div#RIGHT h1{ + font: normal bold 1.2em sans-serif; + text-decoration: none; + margin: 0em 0em .5em 0em; +} + +.search { + background-color: #FFF; + border-color: #AAF; + border-style: solid; + border-width: 1px; + margin: .6em 0em; + padding: .2em .5em .5em .5em; + border-radius: 8px; + -moz-border-radius: 8px; +} +.search h2{ + font: normal bold 1em sans-serif; + text-align: center; + color: #66F; + margin: 0em 0em .3em 0em; + border-style: none none solid none; + border-width: 1px; + border-color: #AAF; +} + +div#RIGHT { + position: absolute; + right: 0px; top: 7em; + width: 20%; min-height: 600px; + border-style: solid none none solid; + border-width: 1px; + border-color: #AAF; + background-color: #F7F7F7; + margin: 0px; + padding: 2em 1em 1em 1em; +} + +a.function { + font: none bold 1em sans-serif; + white-space: nowrap; + text-decoration: none; + margin: 0px 2px 0px 2px; + padding: 0em .2em 0em .2em; + background-color: #FFF; color: #000; + border-style: solid solid solid solid; + border-width: 1px; + border-color: #AAF; +} +a.function:hover { + background-color: #DDD; +} + +form { width: 100%; } +form textarea { width: 99%; } +form input { max-width: 99%; } + +div.screen { + position: fixed; + top: 1em; bottom: 1em; + left: 1em; right: 1em; + padding: 1em .5em .5em .5em; + + text-align: left; + background-color: #EEE; + border-style: solid solid solid solid; + border-width: 2px 2px 2px 2px; + border-radius: 12px; + + overflow: auto; + z-index: 2; +} +a.screen { + position: fixed; + top: .8em; right: .8em; + padding: .2em .3em .2em .3em; + font-size: 1.2em; + font-weight: bold; + text-decoration: none; + color: #EEE; + background-color: #000; + border-style: solid solid solid solid; + border-width: 2px; + border-color: #000; + border-radius: 0px 12px 0px 12px; +} +div.screen div{ + float: left; + margin: .5em 0em 0em 1em; + padding: 0em .5em 0em 0em; + border-style: none solid none none; + border-width: 0px 1px 0px 0px; +} + +div.screen form { + position:fixed; + max-height:80%; + width:90%; + left:4%; + padding: 1%; + background-color: #CCF; + border-style: solid; + border-width: 1px; + overflow: scroll; + text-align:center; + vertical-align:middle; +}