porting busy to confetti framework

[busy] / templates / busy.css

diff --git a/templates/busy.css b/templates/busy.css
new file mode 100644 (file)
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 <http://www.gnu.org/licenses/>.*/
+
+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;
+}