Files
Kundenverwaltung/styles/default.css
T
adminandClaude Opus 5 e6eb55bc4b Initialer Commit: Kundenverwaltung (PHP/Smarty)
Bestehende Codebasis als Ausgangsstand aufgenommen.

- .gitignore: Kundendaten (uploads_*), Smarty-Compile-Cache
  (templates_c), Laufzeit-Temp und Datenbank-Dumps ausgeschlossen;
  Verzeichnisstruktur ueber .gitkeep erhalten
- .gitattributes: Zeilenenden normalisiert (LF im Repo),
  Binaerformate markiert
- db-backup.php: MySQL-Zugangsdaten kommen jetzt wie im Rest der
  Anwendung aus der externen Konfiguration statt hartkodiert aus der
  Datei; Passwort wird ueber eine temporaere Optionsdatei statt per
  Kommandozeile uebergeben, Fehler von mysqldump/gzip werden gemeldet,
  Aufraeumen aelterer Backups berechnet Jahr und Monat konsistent

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
2026-08-28 16:41:18 +02:00

2119 lines
36 KiB
CSS

body
{
background-color: #fff;
color: #333;
width: 100%;
height: 100%;
min-width: 700px;
margin: 0;
margin-top: 5em;
padding: 0;
font-size: 1em;
-moz-transition: font-size 0.3s ease-in-out;
-webkit-transition: font-size 0.3s ease-in-out;
font-family: serif;
}
a, a:active, a:visited {
font-weight: bold;
text-decoration: none;
color: #609;
}
a:hover{
color: #000;
}
label, input, select { /* Alle Labels UND Formularelemente auswählen */
display: block;
float: left;
width: 20em; /* Breite.*/
font-weight: bold;
font-size:1em;
margin-bottom: 1.5em;
}
label {
text-align: right;
padding-right: 1em;
padding-top: 0.3em;
height: 1.5em;
}
label:disabled {
color: gray;
}
input[type=checkbox]
{
width: 1.5em;
height: 1.3em;
}
.checktext
{
width: 98%;
margin: 0;
line-height: 1em;
height: 1em;
display: inline;
text-align: left;
white-space:nowrap;
}
.checktext_align
{
width: 98%;
margin-left: 35%;
line-height: 1em;
height: 1em;
display: inline;
text-align: left;
white-space:nowrap;
}
.checktext input
{
margin: 0;
margin-left: 30%;
height: 1em;
}
.colorchooser input
{
width: 1em;
height: 1em;
}
.colorchooser
{
text-align:center;
width: 17em;
margin: 0 auto;
}
.colorchooser label
{
width: 2em;
}
.colorbox
{
width: 2em;
height: 2em;
border: 0.1em solid #aaa;
border-radius: 0.5em;
box-shadow: inset 0em 0em 0.3em rgba(0,0,0,0.7);
margin-left: -0.2em;
margin-top: -0.4em;
}
.searchform
{
width: 20em;
margin: 0 0.3em 0 0.3em;
font-size: 1em;
}
.anr_select
{
width: 5em;
margin: 0;
}
.typ_select
{
margin: 0;
width: 10em;
}
#folgedays
{
display: inline;
float: none;
margin:0;
width: 5em;
}
#folgedayslbl
{
display:inline;
float:none;
width: auto;
}
#folgetyp
{
display: inline;
float: none;
margin:0;
width: 10em;
}
#folgetyplbl
{
display:inline;
float:none;
width: 10.5em;
}
.centersrc
{
width: 52em;
margin: 0 auto;
}
.centersmallsrc
{
width: 35em;
margin: 0 auto;
}
form br { /* Alle Zeilenumbrüche in Formularen auswählen */
clear: left; /* das floating der labels und inputs aufheben */
}
[required] {
box-shadow: 0 0 0.5em rgba(0, 150, 0, .9);
}
:invalid {
box-shadow: 0 0 0.5em rgba(255, 0, 0, .9);
}
.errortype {
color: #ff0;
font-weight: bold;
text-decoration: underline;
}
.errordesc {
color: #ff0;
font-style: italic;
}
.errorline {
color: #ff9;
font-style: italic;
}
.spell{
font-weight: bold;
font-size: 0.8em;
background: url(../pics/icons/check.png) center left no-repeat;
background-size: 12%;
padding-left: 1.5em;
border: 0;
line-height: 1.5em;
}
.spell:hover{
background-size: 16%;
}
.preview{
font-weight: bold;
font-size: 0.8em;
background: url(../pics/icons/search.png) center left no-repeat;
background-size: 12%;
padding-left: 1.5em;
border: 0;
line-height: 1.5em;
}
.preview:hover{
background-size: 16%;
}
.sweig_spacer{
position: relative;
display: block;
float: left;
font-weight: bold;
background-size: 100%;
width: 1.2em;
height: 1.2em;
top: -0.6em;
left: 0;
border: 0;
}
.nosave
{
background: #faa url(../pics/icons/error.png) center no-repeat;
background-size: contain;
}
.nosave input
{
opacity: 0.5;
}
.sweig{
position: relative;
display: block;
float: left;
font-weight: bold;
background: url(../pics/icons/switch.png) center left no-repeat;
background-size: 100%;
width: 1.2em;
height: 1.2em;
top: -0.6em;
left: 0;
border: 0;
}
.sweig:hover{
-moz-transform: scale(1.2);
-moz-transform-origin: center;
}
.swart{
position: relative;
display: block;
float: left;
font-weight: bold;
background: url(../pics/icons/switch.png) center left no-repeat;
background-size: 100%;
width: 3em;
height: 3em;
vertical-align: top;
top: -2.5em;
left: 0;
border: 0;
}
.swart:hover{
-moz-transform: scale(1.2);
-moz-transform-origin: center;
}
.nopagebreak{
position: relative;
display: block;
float: left;
font-weight: bold;
background: url(../pics/icons/nopagebreak.png) center left no-repeat;
background-size: 100%;
width: 3em;
height: 3em;
vertical-align: top;
top: -2.5em;
left: 50%;
border: 0;
}
.nopagebreak:hover{
-moz-transform: scale(1.2);
-moz-transform-origin: center;
}
.pagebreak{
position: relative;
display: block;
float: left;
font-weight: bold;
background: url(../pics/icons/pagebreak.png) center left no-repeat;
background-size: 100%;
width: 3em;
height: 3em;
vertical-align: top;
top: -2.5em;
left: 50%;
border: 0;
}
.pagebreak:hover{
-moz-transform: scale(1.2);
-moz-transform-origin: center;
}
input:not([type=submit]), textarea{
border-radius: 0.3em;
padding-left: 0.2em;
background: #fff url(../pics/uniform/inputbg.png) no-repeat;
background-size: 101% 110%;
}
.bigtextarea
{
min-width: 40em;
min-height: 10em;
}
input:disabled, textarea:disabled, select:disabled
{
opacity: 0.2;
}
input[type=file]
{
box-shadow: 0 0 0 #fff;
border: 1px solid black;
}
input:not([type=submit]):hover, textarea:hover
{
background: #efe url(../pics/uniform/inputbg.png) no-repeat;
background-size: 101% 110%;
opacity: 1;
}
.tooltip {
background-color:#eee;
border:1px solid #fff;
padding: 0.1em 0.3em 0 0.3em;
/*width:200px;*/
display:none;
color:#000;
text-align: left;
font-size: 1em;
/* outline radius for mozilla/firefox only */
box-shadow:0 0 10px rgba(0,0,0,0.7);
border-radius: 0.5em;
z-index: 11000;
}
input[type=submit] { /* den Submit-Button */
float: none;
display: inline;
margin: 1.5em auto;
width: 15em;
height: auto;
box-shadow: 0 0 0.7em #0a0;
}
button { /* den Submit-Button */
font-weight: bold;
font-size: 1em;
}
box.abbr { /* den Submit-Button */
float: none;
display: inline;
margin: 1em auto;
width: 15em;
height: auto;
box-shadow: 0 0 0.7em #a00;
}
input[type=submit]:hover{
box-shadow: 0 0 0.5em rgba(0, 150, 0, .9);
}
#str
{
width: 16.5em;
}
#hnr
{
width: 3em;
}
#ort
{
width: 14.5em;
}
#plz
{
width: 5em;
}
#telort
{
width: 14.5em;
}
#telplz
{
width: 5em;
}
.histico
{
width: 2em;
height: 2em;
vertical-align:middle;
margin-right: 0.5em;
}
br
{
clear: both;
}
.setupdiv
{
width: 45em;
margin: 0 auto;
}
fieldset
{
border-width: 0;
border-radius: 0.5em;
margin: 0 auto;
background-color: #fff;
box-shadow: inset 0em 0em 0.3em rgba(0,0,0,0.7);
padding-top: 1.5em;
max-width: 50em;
}
fieldset.nolim
{
border-width: 0;
border-radius: 0.5em;
margin: 0 auto;
background-color: #fff;
box-shadow: inset 0em 0em 0.3em rgba(0,0,0,0.7);
padding-top: 1.5em;
max-width: 500em;
width: 95%;
text-align: center;
}
fieldset.big
{
max-width: 70em;
}
fieldset.big-scroll
{
overflow: scroll;
max-height: 30em;
max-width: 70em;
}
fieldset.small
{
width: 13em;
float: left;
margin: 0 0.5em 0 0.5em;
padding-top: 1em;
}
fieldset.smallcenter
{
width: 13em;
margin: 0 auto;
padding-top: 1em;
}
fieldset.note
{
max-width: 20em;
float: left;
margin: 0 0.5em 0 0.5em;
padding-top: 1em;
}
legend
{
width: 100%;
margin-top: 0;
padding-top: 1em;
margin-top:2em;
font-weight: bold;
border-bottom: 1px solid rgba(0,0,0,0.3);
text-align: center;
}
span.big
{
font-weight: bold;
color: #000;
font-size: 3em;
text-shadow: 0.1em 0.1em 0.1em #aaa;
}
#notes
{
background-color: #ffe;
color: #000;
overflow: hidden;
border: 1px solid black;
border-radius: 0.6em;
opacity: 0.8;
position: fixed;
top: 50%;
left: -11.4em;
width: 11em;
height: 30em;
margin: -12em 0.2em;
padding: 0.3em 0.6em 0.3em 0.6em;
box-shadow: 0em 0em 0.4em #000;
-moz-transition: all 2s ease-in-out 0.5s;
-webkit-transition: all 2s ease-in-out 0.5s;
}
#notes:hover
{
-moz-transition: all 0.5s ease-in-out;
-moz-transform: translate(10.5em, 0em);
-webkit-transition: all 0.5s ease-in-out;
-webkit-transform: translate(10.5em, 0em);
}
.hovernotes
{
-moz-transition: all 0.5s ease-in-out;
-moz-transform: translate(10.5em, 0em);
-webkit-transition: all 0.5s ease-in-out;
-webkit-transform: translate(10.5em, 0em);
}
.noteshead
{
font-weight: bold;
text-align: center;
border-bottom: 0.2em double #cc0;
padding-top: 0.5em;
}
#personalnotes
{
font-size: 1em;
width: 95%;
height: 12em;
overflow: auto;
background: #ffe;
box-shadow: 0 0 0 #000;
border: 0;
border-radius: 0;
resize: none;
color: #a00;
font-weight: bold;
}
#globalnotes
{
font-size: 1em;
margin: 0;
padding: 0;
width: 95%;
height: 12em;
overflow: auto;
background: #ffe;
box-shadow: 0 0 0 #000;
border: 0;
border-radius: 0;
resize: none;
color: #a00;
font-weight: bold;
}
h1
{
font-size: 2em;
font-weight: 100;
font-variant: small-caps;
margin-bottom: 2em;
background-color: #f5f5f5;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
text-shadow: 0.2em 0.1em 0.2em rgba(0,0,0,0.7);
}
h2
{
font-size: 1.6em;
font-weight: normal;
font-variant: small-caps;
padding: 0;
margin: 0;
margin-top: 1em;
}
h3
{
text-align:center;
font-size: 1.3em;
font-weight: normal;
font-variant: small-caps;
padding: 0;
margin: 0.5em 0 0 0;
}
.textbox
{
border-width: 0;
border-radius: 0.5em;
margin: 0.5em auto;
background-color: #fff;
box-shadow: inset 0em 0em 0.3em #555;
padding: 0.5em 1em 0.5em 1em;
text-align: left;
}
.warning
{
border: 0.1em solid black;
border-radius: 0.5em;
box-shadow: inset 0em 0em 0.3em rgba(0,0,0,1);
background: #ffc url(../pics/icons/warningbg.png) center no-repeat;
background-size: contain;
margin: 0.5em auto;
color: #000;
width: 35em;
}
.warning[disabled=disabled]
{
opacity: 0.4;
}
.error
{
border: 0.1em solid black;
border-radius: 0.5em;
box-shadow: inset 0em 0em 0.3em rgba(0,0,0,1);
background: #e33 url(../pics/icons/errorbg.png) center no-repeat;
background-size: contain;
margin: 0.5em auto;
padding: 0.5em;
color: #fff;
width: 35em;
}
.ok
{
border: 0.1em solid black;
border-radius: 0.5em;
box-shadow: inset 0em 0em 0.3em rgba(0,0,0,1);
width: 35em;
margin: 0.5em auto;
background: #cfc url(../pics/icons/okbg.png) center no-repeat;
background-size: contain;
padding: 0.5em;
color: #000;
}
.message
{
border: 0.1em solid black;
border-radius: 0.5em;
box-shadow: inset 0em 0em 0.3em rgba(0,0,0,1);
width: 35em;
margin: 0.5em auto;
background: #eee url(../pics/icons/notice.png) center no-repeat;
background-size: contain;
padding: 0.5em;
color: #000;
}
.line
{
height: 0em;
width: 100%;
border-bottom: 0.2em double #aaa;
margin: 0;
padding: 0;
}
.rightsicon
{
width: 2em;
height: 2em;
margin-right: 0.5em;
}
.rechnadd
{
width: 2em;
height: 2em;
margin: 0.5em;
margin-left: 0;
box-shadow: inset 0 0 0.1em rgba(0,0,0,0.7), 0.1em 0.1em 0.3em rgba(0,0,0,0.5);
background: url("../pics/icons/rechn.png") center no-repeat;
background-size: 90%;
border-radius: 0.2em;
display: inline-block;
float: left;
}
td .rechnadd
{
width: 1.5em;
height: 1.5em;
margin: 0;
margin-left: 0.2em;
}
.rechnadd:hover
{
/*-moz-transform: scale(1.4, 1.4);
-webkit-transform: scale(1.4, 1.4);*/
box-shadow: inset 0 0 0.2em rgba(0,0,0,0.9), 0.1em 0.1em 0.3em rgba(0,0,0,0.8);
}
.rechnstorn
{
width: 2em;
height: 2em;
margin: 0.5em;
margin-left: 0;
box-shadow: inset 0 0 0.1em rgba(0,0,0,0.7), 0.1em 0.1em 0.3em rgba(0,0,0,0.5);
background: url("../pics/icons/storn.png") center no-repeat;
background-size: 90%;
border-radius: 0.2em;
display: inline-block;
float: left;
}
td .rechnstorn
{
width: 1.5em;
height: 1.5em;
margin: 0;
margin-left: 0.2em;
}
.rechnstorn:hover
{
/*-moz-transform: scale(1.4, 1.4);
-webkit-transform: scale(1.4, 1.4);*/
box-shadow: inset 0 0 0.2em rgba(0,0,0,0.9), 0.1em 0.1em 0.3em rgba(0,0,0,0.8);
}
.rechnnostorn
{
width: 2em;
height: 2em;
margin: 0.5em;
margin-left: 0;
box-shadow: inset 0 0 0.1em rgba(0,0,0,0.7), 0.1em 0.1em 0.3em rgba(0,0,0,0.5);
background: url("../pics/icons/nostorn.png") center no-repeat;
background-size: 90%;
border-radius: 0.2em;
display: inline-block;
float: left;
}
td .rechnnostorn
{
width: 1.5em;
height: 1.5em;
margin: 0;
margin-left: 0.2em;
}
.rechnnostorn:hover
{
/*-moz-transform: scale(1.4, 1.4);
-webkit-transform: scale(1.4, 1.4);*/
box-shadow: inset 0 0 0.2em rgba(0,0,0,0.9), 0.1em 0.1em 0.3em rgba(0,0,0,0.8);
}
.termadd
{
width: 2em;
height: 2em;
margin: 0.5em;
margin-left: 0;
box-shadow: inset 0 0 0.1em rgba(0,0,0,0.7), 0.1em 0.1em 0.3em rgba(0,0,0,0.5);
background: url("../pics/icons/termadd.png") center no-repeat;
background-size: 90%;
border-radius: 0.2em;
display: inline-block;
float: left;
}
td .termadd
{
width: 1.5em;
height: 1.5em;
margin: 0;
margin-left: 0.2em;
}
.termadd:hover
{
/*-moz-transform: scale(1.4, 1.4);
-webkit-transform: scale(1.4, 1.4);*/
box-shadow: inset 0 0 0.2em rgba(0,0,0,0.9), 0.1em 0.1em 0.3em rgba(0,0,0,0.8);
}
.angadd
{
width: 2em;
height: 2em;
margin: 0.5em;
margin-left: 0;
box-shadow: inset 0 0 0.1em rgba(0,0,0,0.7), 0.1em 0.1em 0.3em rgba(0,0,0,0.5);
background: url("../pics/icons/ang.png") center no-repeat;
background-size: 90%;
border-radius: 0.2em;
display: inline-block;
float: left;
}
td .angadd
{
width: 1.5em;
height: 1.5em;
margin: 0;
margin-left: 0.2em;
}
.angadd:hover
{
/*-moz-transform: scale(1.4, 1.4);
-webkit-transform: scale(1.4, 1.4);*/
box-shadow: inset 0 0 0.2em rgba(0,0,0,0.9), 0.1em 0.1em 0.3em rgba(0,0,0,0.8);
}
.letteradd
{
width: 2em;
height: 2em;
margin: 0.5em;
margin-left: 0;
box-shadow: inset 0 0 0.1em rgba(0,0,0,0.7), 0.1em 0.1em 0.3em rgba(0,0,0,0.5);
background: url("../pics/icons/letter.png") center no-repeat;
background-size: 90%;
border-radius: 0.2em;
display: inline-block;
float: left;
}
td .letteradd
{
width: 1.5em;
height: 1.5em;
margin: 0;
margin-left: 0.2em;
}
.letteradd:hover
{
/*-moz-transform: scale(1.4, 1.4);
-webkit-transform: scale(1.4, 1.4);*/
box-shadow: inset 0 0 0.2em rgba(0,0,0,0.9), 0.1em 0.1em 0.3em rgba(0,0,0,0.8);
}
.gutschradd
{
width: 2em;
height: 2em;
margin: 0.5em;
margin-left: 0;
box-shadow: inset 0 0 0.1em rgba(0,0,0,0.7), 0.1em 0.1em 0.3em rgba(0,0,0,0.5);
background: url("../pics/icons/gutschr.png") center no-repeat;
background-size: 90%;
border-radius: 0.2em;
display: inline-block;
float: left;
}
td .gutschradd
{
width: 1.5em;
height: 1.5em;
margin: 0;
margin-left: 0.2em;
}
.gutschradd:hover
{
/*-moz-transform: scale(1.4, 1.4);
-webkit-transform: scale(1.4, 1.4);*/
box-shadow: inset 0 0 0.2em rgba(0,0,0,0.9), 0.1em 0.1em 0.3em rgba(0,0,0,0.8);
}
.bestadd
{
width: 2em;
height: 2em;
margin: 0.5em;
margin-left: 0;
box-shadow: inset 0 0 0.1em rgba(0,0,0,0.7), 0.1em 0.1em 0.3em rgba(0,0,0,0.5);
background: url("../pics/icons/best.png") center no-repeat;
background-size: 90%;
border-radius: 0.2em;
display: inline-block;
float: left;
}
td .bestadd
{
width: 1.5em;
height: 1.5em;
margin: 0;
margin-left: 0.2em;
}
.bestadd:hover
{
/*-moz-transform: scale(1.4, 1.4);
-webkit-transform: scale(1.4, 1.4);*/
box-shadow: inset 0 0 0.2em rgba(0,0,0,0.9), 0.1em 0.1em 0.3em rgba(0,0,0,0.8);
}
.projectadd
{
width: 2em;
height: 2em;
margin: 0.5em;
margin-left: 0;
box-shadow: inset 0 0 0.1em rgba(0,0,0,0.7), 0.1em 0.1em 0.3em rgba(0,0,0,0.5);
background: url("../pics/icons/project.png") center no-repeat;
background-size: 90%;
border-radius: 0.2em;
display: inline-block;
float: left;
}
td .projectadd
{
width: 1.5em;
height: 1.5em;
margin: 0;
margin-left: 0.2em;
}
.projectadd:hover
{
/*-moz-transform: scale(1.4, 1.4);
-webkit-transform: scale(1.4, 1.4);*/
box-shadow: inset 0 0 0.2em rgba(0,0,0,0.9), 0.1em 0.1em 0.3em rgba(0,0,0,0.8);
}
.mahnadd
{
width: 2em;
height: 2em;
margin: 0.5em;
margin-left: 0;
box-shadow: inset 0 0 0.1em rgba(0,0,0,0.7), 0.1em 0.1em 0.3em rgba(0,0,0,0.5);
background: url("../pics/icons/mahn.png") center no-repeat;
background-size: 90%;
border-radius: 0.2em;
display: inline-block;
float: left;
}
td .mahnadd
{
width: 1.5em;
height: 1.5em;
margin: 0;
margin-left: 0.2em;
}
.mahnadd:hover
{
/*-moz-transform: scale(1.4, 1.4);
-webkit-transform: scale(1.4, 1.4);*/
box-shadow: inset 0 0 0.2em rgba(0,0,0,0.9), 0.1em 0.1em 0.3em rgba(0,0,0,0.8);
}
.add
{
width: 2em;
height: 2em;
margin: 0.5em;
margin-left: 0;
box-shadow: inset 0 0 0.1em rgba(0,0,0,0.7), 0.1em 0.1em 0.3em rgba(0,0,0,0.5);
background: url("../pics/icons/add.png") center no-repeat;
background-size: 90%;
border-radius: 0.2em;
display: block;
float: left;
}
.add:hover
{
/*-moz-transform: scale(1.4, 1.4);
-webkit-transform: scale(1.4, 1.4);*/
box-shadow: inset 0 0 0.2em rgba(0,0,0,0.9), 0.1em 0.1em 0.3em rgba(0,0,0,0.8);
}
.addcenter
{
width: 2em;
height: 2em;
margin: 0 auto;
box-shadow: inset 0 0 0.1em rgba(0,0,0,0.7), 0.1em 0.1em 0.3em rgba(0,0,0,0.5);
background: url("../pics/icons/add.png") center no-repeat;
background-size: 90%;
border-radius: 0.2em;
display: block;
}
.addcenter:hover
{
/*-moz-transform: scale(1.4, 1.4);
-webkit-transform: scale(1.4, 1.4);*/
box-shadow: inset 0 0 0.2em rgba(0,0,0,0.9), 0.1em 0.1em 0.3em rgba(0,0,0,0.8);
}
.check
{
width: 2em;
height: 2em;
margin: 0.5em;
margin-left: 0;
box-shadow: inset 0 0 0.1em rgba(0,0,0,0.7), 0.1em 0.1em 0.3em rgba(0,0,0,0.5);
background: url("../pics/icons/check.png") center no-repeat;
background-size: 90%;
border-radius: 0.2em;
display: block;
float: left;
}
td .check
{
width: 1.5em;
height: 1.5em;
margin: 0;
margin-left: 0.2em;
}
.check:hover
{
/*-moz-transform: scale(1.4, 1.4);
-webkit-transform: scale(1.4, 1.4);*/
box-shadow: inset 0 0 0.2em rgba(0,0,0,0.9), 0.1em 0.1em 0.3em rgba(0,0,0,0.8);
}
.cross
{
width: 2em;
height: 2em;
margin: 0.5em;
margin-left: 0;
box-shadow: inset 0 0 0.1em rgba(0,0,0,0.7), 0.1em 0.1em 0.3em rgba(0,0,0,0.5);
background: url("../pics/icons/cross.png") center no-repeat;
background-size: 90%;
border-radius: 0.2em;
display: block;
float: left;
}
td .cross
{
width: 1.5em;
height: 1.5em;
margin: 0;
margin-left: 0.2em;
}
.cross:hover
{
/*-moz-transform: scale(1.4, 1.4);
-webkit-transform: scale(1.4, 1.4);*/
box-shadow: inset 0 0 0.2em rgba(0,0,0,0.9), 0.1em 0.1em 0.3em rgba(0,0,0,0.8);
}
.copy
{
width: 2em;
height: 2em;
margin: 0.5em;
margin-left: 0;
box-shadow: inset 0 0 0.1em rgba(0,0,0,0.7), 0.1em 0.1em 0.3em rgba(0,0,0,0.5);
background: url("../pics/icons/copy.png") center no-repeat;
background-size: 90%;
border-radius: 0.2em;
display: block;
float: left;
}
td .copy
{
width: 1.5em;
height: 1.5em;
margin: 0;
margin-left: 0.2em;
}
.copy:hover
{
/*-moz-transform: scale(1.4, 1.4);
-webkit-transform: scale(1.4, 1.4);*/
box-shadow: inset 0 0 0.2em rgba(0,0,0,0.9), 0.1em 0.1em 0.3em rgba(0,0,0,0.8);
}
.mail
{
width: 2em;
height: 2em;
margin: 0.5em;
margin-left: 0;
box-shadow: inset 0 0 0.1em rgba(0,0,0,0.7), 0.1em 0.1em 0.3em rgba(0,0,0,0.5);
background: url("../pics/icons/mail.png") center no-repeat;
background-size: 90%;
border-radius: 0.2em;
display: block;
float: left;
}
td .mail
{
width: 1.5em;
height: 1.5em;
margin: 0;
margin-left: 0.2em;
}
.mail:hover
{
/*-moz-transform: scale(1.4, 1.4);
-webkit-transform: scale(1.4, 1.4);*/
box-shadow: inset 0 0 0.2em rgba(0,0,0,0.9), 0.1em 0.1em 0.3em rgba(0,0,0,0.8);
}
.changeadr
{
width: 2em;
height: 2em;
margin: 0.5em;
margin-left: 0;
box-shadow: inset 0 0 0.1em rgba(0,0,0,0.7), 0.1em 0.1em 0.3em rgba(0,0,0,0.5);
background: url("../pics/icons/adress_change.png") center no-repeat;
background-size: 90%;
border-radius: 0.2em;
display: block;
float: left;
}
td .changeadr
{
width: 1.5em;
height: 1.5em;
margin: 0;
margin-left: 0.2em;
}
.changeadr:hover
{
/*-moz-transform: scale(1.4, 1.4);
-webkit-transform: scale(1.4, 1.4);*/
box-shadow: inset 0 0 0.2em rgba(0,0,0,0.9), 0.1em 0.1em 0.3em rgba(0,0,0,0.8);
}
.del
{
width: 2em;
height: 2em;
margin: 0.5em;
margin-left: 0;
box-shadow: inset 0 0 0.1em rgba(0,0,0,0.7), 0.1em 0.1em 0.3em rgba(0,0,0,0.5);
background: url("../pics/icons/del.png") center no-repeat;
background-size: 90%;
border-radius: 0.2em;
display: block;
float: left;
}
td .del
{
width: 1.5em;
height: 1.5em;
margin: 0;
margin-left: 0.2em;
}
.del:hover
{
/*-moz-transform: scale(1.4, 1.4);
-webkit-transform: scale(1.4, 1.4);*/
box-shadow: inset 0 0 0.2em rgba(0,0,0,0.9), 0.1em 0.1em 0.3em rgba(0,0,0,0.8);
}
.projects
{
width: 2em;
height: 2em;
margin: 0.5em;
margin-left: 0;
box-shadow: inset 0 0 0.1em rgba(0,0,0,0.7), 0.1em 0.1em 0.3em rgba(0,0,0,0.5);
background: url("../pics/icons/project.png") center no-repeat;
background-size: 90%;
border-radius: 0.2em;
display: block;
float: left;
}
td .projects
{
width: 1.5em;
height: 1.5em;
margin: 0;
margin-left: 0.2em;
}
.projects:hover
{
/*-moz-transform: scale(1.4, 1.4);
-webkit-transform: scale(1.4, 1.4);*/
box-shadow: inset 0 0 0.2em rgba(0,0,0,0.9), 0.1em 0.1em 0.3em rgba(0,0,0,0.8);
}
.file
{
width: 2em;
height: 2em;
margin: 0.5em;
margin-left: 0;
box-shadow: inset 0 0 0.1em rgba(0,0,0,0.7), 0.1em 0.1em 0.3em rgba(0,0,0,0.5);
background: url("../pics/icons/file.png") center no-repeat;
background-size: 90%;
border-radius: 0.2em;
display: block;
float: left;
}
td .file
{
width: 1.5em;
height: 1.5em;
margin: 0;
margin-left: 0.2em;
}
.file:hover
{
/*-moz-transform: scale(1.4, 1.4);
-webkit-transform: scale(1.4, 1.4);*/
box-shadow: inset 0 0 0.2em rgba(0,0,0,0.9), 0.1em 0.1em 0.3em rgba(0,0,0,0.8);
}
.print
{
width: 2em;
height: 2em;
margin: 0.5em;
margin-left: 0;
box-shadow: inset 0 0 0.1em rgba(0,0,0,0.7), 0.1em 0.1em 0.3em rgba(0,0,0,0.5);
background: url("../pics/icons/print.png") center no-repeat;
background-size: 90%;
border-radius: 0.2em;
display: block;
float: left;
}
td .print
{
width: 1.5em;
height: 1.5em;
margin: 0;
margin-left: 0.2em;
}
.print:hover
{
/*-moz-transform: scale(1.4, 1.4);
-webkit-transform: scale(1.4, 1.4);*/
box-shadow: inset 0 0 0.2em rgba(0,0,0,0.9), 0.1em 0.1em 0.3em rgba(0,0,0,0.8);
}
.printcenter
{
width: 2em;
height: 2em;
margin: 0 auto;
box-shadow: inset 0 0 0.1em rgba(0,0,0,0.7), 0.1em 0.1em 0.3em rgba(0,0,0,0.5);
background: url("../pics/icons/print.png") center no-repeat;
background-size: 90%;
border-radius: 0.2em;
display: block;
}
td .printcenter
{
width: 1.5em;
height: 1.5em;
margin-left: 0.2em;
}
.printcenter:hover
{
/*-moz-transform: scale(1.4, 1.4);
-webkit-transform: scale(1.4, 1.4);*/
box-shadow: inset 0 0 0.2em rgba(0,0,0,0.9), 0.1em 0.1em 0.3em rgba(0,0,0,0.8);
}
.left
{
width: 2em;
height: 2em;
margin: 0.5em;
margin-left: 0;
box-shadow: inset 0 0 0.1em rgba(0,0,0,0.7), 0.1em 0.1em 0.3em rgba(0,0,0,0.5);
background: url("../pics/icons/left.png") center no-repeat;
background-size: 90%;
border-radius: 0.2em;
display: block;
float: left;
}
td .left
{
width: 1.5em;
height: 1.5em;
margin: 0;
margin-left: 0.2em;
}
.left:hover
{
/*-moz-transform: scale(1.4, 1.4);
-webkit-transform: scale(1.4, 1.4);*/
box-shadow: inset 0 0 0.2em rgba(0,0,0,0.9), 0.1em 0.1em 0.3em rgba(0,0,0,0.8);
}
.right
{
width: 2em;
height: 2em;
margin: 0.5em;
margin-left: 0;
box-shadow: inset 0 0 0.1em rgba(0,0,0,0.7), 0.1em 0.1em 0.3em rgba(0,0,0,0.5);
background: url("../pics/icons/right.png") center no-repeat;
background-size: 90%;
border-radius: 0.2em;
display: block;
float: left;
}
td .right
{
width: 1.5em;
height: 1.5em;
margin: 0;
margin-left: 0.2em;
}
.right:hover
{
/*-moz-transform: scale(1.4, 1.4);
-webkit-transform: scale(1.4, 1.4);*/
box-shadow: inset 0 0 0.2em rgba(0,0,0,0.9), 0.1em 0.1em 0.3em rgba(0,0,0,0.8);
}
.cal-list
{
width: 2em;
height: 2em;
margin: 0.5em;
margin-left: 0;
box-shadow: inset 0 0 0.1em rgba(0,0,0,0.7), 0.1em 0.1em 0.3em rgba(0,0,0,0.5);
background: url("../pics/icons/cal-list.png") center no-repeat;
background-size: 90%;
border-radius: 0.2em;
display: block;
float: left;
}
td .cal-list
{
width: 1.5em;
height: 1.5em;
margin: 0;
margin-left: 0.2em;
}
.cal-list:hover
{
/*-moz-transform: scale(1.4, 1.4);
-webkit-transform: scale(1.4, 1.4);*/
box-shadow: inset 0 0 0.2em rgba(0,0,0,0.9), 0.1em 0.1em 0.3em rgba(0,0,0,0.8);
}
.cal
{
width: 2em;
height: 2em;
margin: 0.5em;
margin-left: 0;
box-shadow: inset 0 0 0.1em rgba(0,0,0,0.7), 0.1em 0.1em 0.3em rgba(0,0,0,0.5);
background: url("../pics/icons/cal.png") center no-repeat;
background-size: 90%;
border-radius: 0.2em;
display: block;
float: left;
}
td .cal
{
width: 1.5em;
height: 1.5em;
margin: 0;
margin-left: 0.2em;
}
.cal:hover
{
/*-moz-transform: scale(1.4, 1.4);
-webkit-transform: scale(1.4, 1.4);*/
box-shadow: inset 0 0 0.2em rgba(0,0,0,0.9), 0.1em 0.1em 0.3em rgba(0,0,0,0.8);
}
.partner
{
width: 2em;
height: 2em;
margin: 0.5em;
margin-left: 0;
box-shadow: inset 0 0 0.1em rgba(0,0,0,0.7), 0.1em 0.1em 0.3em rgba(0,0,0,0.5);
background: url("../pics/icons/kunden.png") center no-repeat;
background-size: 90%;
border-radius: 0.2em;
display: block;
float: left;
}
td .partner
{
width: 1.5em;
height: 1.5em;
margin: 0;
margin-left: 0.2em;
}
.partner:hover
{
/*-moz-transform: scale(1.4, 1.4);
-webkit-transform: scale(1.4, 1.4);*/
box-shadow: inset 0 0 0.2em rgba(0,0,0,0.9), 0.1em 0.1em 0.3em rgba(0,0,0,0.8);
}
.now
{
width: 2em;
height: 2em;
margin: 0.5em;
margin-left: 0;
box-shadow: inset 0 0 0.1em rgba(0,0,0,0.7), 0.1em 0.1em 0.3em rgba(0,0,0,0.5);
background: url("../pics/icons/now.png") center no-repeat;
background-size: 90%;
border-radius: 0.2em;
display: block;
float: left;
}
td .now
{
width: 1.5em;
height: 1.5em;
margin: 0;
margin-left: 0.2em;
}
.now:hover
{
/*-moz-transform: scale(1.4, 1.4);
-webkit-transform: scale(1.4, 1.4);*/
box-shadow: inset 0 0 0.2em rgba(0,0,0,0.9), 0.1em 0.1em 0.3em rgba(0,0,0,0.8);
}
.map
{
width: 2em;
height: 2em;
margin: 0.5em;
margin-left: 0;
box-shadow: inset 0 0 0.1em rgba(0,0,0,0.7), 0.1em 0.1em 0.3em rgba(0,0,0,0.5);
border-radius: 0.2em;
background: url("../pics/icons/map.png") center no-repeat;
background-size: contain;
display: inline-block;
vertical-align: middle;
float: left;
}
td .map
{
width: 1.5em;
height: 1.5em;
margin: 0;
margin-left: 0.2em;
}
.map:hover
{
/*-moz-transform: scale(1.4, 1.4);
-webkit-transform: scale(1.4, 1.4);*/
box-shadow: inset 0 0 0.2em rgba(0,0,0,0.9), 0.1em 0.1em 0.3em rgba(0,0,0,0.8);
}
.edit
{
width: 2em;
height: 2em;
margin: 0.5em;
margin-left: 0;
box-shadow: inset 0 0 0.1em rgba(0,0,0,0.7), 0.1em 0.1em 0.3em rgba(0,0,0,0.5);
background: url("../pics/icons/edit.png") center no-repeat;
background-size: 90%;
border-radius: 0.2em;
display: inline-block;
float: left;
}
td .edit
{
width: 1.5em;
height: 1.5em;
margin: 0;
margin-left: 0.2em;
}
.edit:hover
{
/*-moz-transform: scale(1.4, 1.4);
-webkit-transform: scale(1.4, 1.4);*/
box-shadow: inset 0 0 0.2em rgba(0,0,0,0.9), 0.1em 0.1em 0.3em rgba(0,0,0,0.8);
}
.key
{
width: 2em;
height: 2em;
margin: 0.5em;
margin-left: 0;
box-shadow: inset 0 0 0.1em rgba(0,0,0,0.7), 0.1em 0.1em 0.3em rgba(0,0,0,0.5);
background: url("../pics/icons/key.png") center no-repeat;
background-size: 90%;
border-radius: 0.2em;
display: inline-block;
float: left;
}
td .key
{
width: 1.5em;
height: 1.5em;
margin: 0;
margin-left: 0.2em;
}
.key:hover
{
/*-moz-transform: scale(1.4, 1.4);
-webkit-transform: scale(1.4, 1.4);*/
box-shadow: inset 0 0 0.2em rgba(0,0,0,0.9), 0.1em 0.1em 0.3em rgba(0,0,0,0.8);
}
.block
{
width: 2em;
height: 2em;
margin: 0.5em;
margin-left: 0;
box-shadow: inset 0 0 0.1em rgba(0,0,0,0.7), 0.1em 0.1em 0.3em rgba(0,0,0,0.5);
background: url("../pics/icons/block.png") center no-repeat;
background-size: 90%;
border-radius: 0.2em;
display: inline-block;
float: left;
}
td .block
{
width: 1.5em;
height: 1.5em;
margin: 0;
margin-left: 0.2em;
}
.block:hover
{
/*-moz-transform: scale(1.4, 1.4);
-webkit-transform: scale(1.4, 1.4);*/
box-shadow: inset 0 0 0.2em rgba(0,0,0,0.9), 0.1em 0.1em 0.3em rgba(0,0,0,0.8);
}
.deblock
{
width: 2em;
height: 2em;
margin: 0.5em;
margin-left: 0;
box-shadow: inset 0 0 0.1em rgba(0,0,0,0.7), 0.1em 0.1em 0.3em rgba(0,0,0,0.5);
background: url("../pics/icons/deblock.png") center no-repeat;
background-size: 90%;
border-radius: 0.2em;
display: inline-block;
float: left;
}
td .deblock
{
width: 1.5em;
height: 1.5em;
margin: 0;
margin-left: 0.2em;
}
.deblock:hover
{
/*-moz-transform: scale(1.4, 1.4);
-webkit-transform: scale(1.4, 1.4);*/
box-shadow: inset 0 0 0.2em rgba(0,0,0,0.9), 0.1em 0.1em 0.3em rgba(0,0,0,0.8);
}
.iconspacer
{
width: 2em;
height: 2em;
float: left;
}
table
{
margin:0px auto;
padding:0px;
text-align: left;
}
table.userlist
{
text-align: center;
margin: 0 auto;
}
table th
{
border-bottom: 0.1em solid black;
padding: 0.2em;
margin: 0;
}
table td
{
border-bottom: 0.1em solid gray;
padding: 0em 1em 0em 1em;
padding-left: 0.5em;
margin: 0;
}
#arttbl td
{
padding-top: 1em;
padding-bottom: 1em;
vertical-align: top;
border-top: 0.1em solid gray;
border-bottom: 0;
}
.noline td
{
border: 0;
}
#include_content
{
text-align: center;
}
#kommsrc_list
{
max-height: 20em;
overflow: auto;
}
.widthlimiter
{
margin: 0 auto;
text-align: center;
max-width: 70em;
}
.centersidebyside
{
margin: 0 auto;
text-align: center;
}
.fifty
{
text-align: center;
width: 45%;
padding: 0.2em;
padding-left: 1em;
float: left;
}
.sidebyside
{
text-align: center;
width: 58%;
padding: 0.2em;
padding-left: 1em;
float: left;
}
.sidebysidePDF
{
text-align: center;
width: 38%;
padding-top: 0;
padding-left: 0.2em;
float: left;
height: 300em;
}
.pdfpreviewimg
{
width: 94%;
border: 0.1em solid #ccc;
box-shadow: 0.2em 0.2em 0.8em #aaa;
padding: 3%;
}
.saveimg
{
width: 2.5em;
height:2.5em;
}
.bottomspace
{
clear: both;
height:4em;
}
.leftalign
{
text-align: left;
}
.editable
{
font-weight: bold;
border: 1px dotted gray;
padding: 0.1em 0.2em 0.1em 0.2em;
line-height: 1.5em;
margin: 0.1em;
}
.editable:hover
{
background-color: #dfd;
cursor: pointer;
}
.noentry
{
font-weight: normal;
font-style: italic;
color: gray;
}
#loading {
display: none;
position: fixed;
top: 0;
left: 0;
background: #000 url(../pics/progress.gif) center center no-repeat;
color:#BBB;
height:100%;
width: 100%;
margin: 0;
padding: 0;
text-align: center;
opacity: 0.8;
z-index: 3;
}
#loading p
{
margin-top: 2em;
font-size: 2.5em;
font-weight: bold;
}
#statusbar
{
display: block;
position: fixed;
bottom: 0%;
width: 100%;
opacity: 0.85;
color: #000;
border-top: 0.1em solid #666;
box-shadow: 0 0 0.4em #000;
background-color: #eff;
font-size: 1em;
}
.stat
{
float: left;
width: 25%;
padding-top: 0.1em;
text-align: center;
}
.msg_me .msg_head
{
color: #361;
font-size: 0.9em;
font-weight: normal;
font-family: Monospace;
}
.msg_foreign .msg_head
{
color: #378;
font-size: 0.9em;
font-weight: normal;
font-family: Monospace;
}
.msg_me
{
/*
border-radius: 1em;
border: 0;
width: 20em;
padding: 0.3em;
margin-left: 30em;
box-shadow: inset 0.1em 0.1em 0.8em rgba(0,100,180,0.9), 0.3em 0.3em 0.5em rgba(0,0,0,0.5);
*/
width: 20em;
margin-left: 25em;
padding: 0;
border: 1px outset rgba(0,0,0,0.5);
border-radius: 1em;
background: #bfa url(../pics/icons/notice.png) center no-repeat;
background-size: contain;
box-shadow: 0 0.3em 0.9em rgba(0,0,0,0.5), inset 0 0.4em 0.4em rgba(255,255,255,1), inset 0 1.2em 0.3em rgba(255,255,255,0.5), inset 0 1em 2em rgba(255,255,255,0.15), inset 0 -1.5em 3em rgba(0,0,0,0.3);
}
.msg_foreign
{
width: 20em;
margin-left: 2em;
padding: 0;
border: 1px outset rgba(0,0,0,0.5);
border-radius: 1em;
background: #aef url(../pics/icons/notice.png) center no-repeat;
background-size: contain;
box-shadow: 0 0.3em 0.9em rgba(0,0,0,0.5), inset 0 0.4em 0.4em rgba(255,255,255,1), inset 0 1.2em 0.3em rgba(255,255,255,0.5), inset 0 1em 2em rgba(255,255,255,0.15), inset 0 -1.5em 3em rgba(0,0,0,0.3);
}
#schnellbar
{
position: fixed;
width: 32em;
top: 0em;
left: 50%;
padding-top: 0.2em;
padding-bottom: 0.2em;
background: rgba(200,220,240,0.3);
border-bottom-left-radius: 1em;
border-bottom-right-radius: 1em;
border: 1px solid #ccc;
border-top: 0;
margin-left: -21em;
text-align: center;
z-index: 2;
}
.schnellicon
{
width: 2.2em;
height: 2.2em;
padding: 0.2em;
margin: 0 0.3em 0 0.3em;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
border-radius: 0.7em;
box-shadow: inset 0 0 0.2em rgba(0,0,0,0.4), 0 0.2em 0.3em rgba(0,0,0,0.6);
background: rgba(200,200,200,0.4);
}
.schnellicon:hover
{
box-shadow: inset 0 0 0.3em rgba(0,0,0,0.5), 0 0.3em 0.4em rgba(0,0,0,0.5);
background: rgba(250,250,250,0.4);
/*-moz-transform: scale(1.6, 1.6);
-moz-transform-origin: bottom center;
-webkit-transform: scale(1.7, 1.7);
-webkit-transform-origin: bottom center;
*/
}
.justify
{
text-align: justify;
}
.blocked{
opacity: 0.6;
background-color: #fba;
}
.artselect
{
margin: 0;
}
.art
{
height: 1.2em;
width: 100%;
margin: 0;
}
.work
{
height: 1.2em;
width: 50em;
margin: 0;
}
.workstd
{
height: 1.2em;
width: 3em;
margin: 0;
}
.workdate
{
height: 1.2em;
width: 5em;
margin: 0;
}
.artmen
{
height: 1.2em;
width: 4em;
margin: 0;
}
.artmeneinh
{
width: 5.5em;
margin: 0;
}
#rabatt
{
width: 3em;
margin: 0;
}
#rabattdesc
{
width: 20em;
margin: 0;
}
.pricetd
{
width: 10em;
}
.artpr
{
height: 1.2em;
width: 5.5em;
margin: 0;
}
.artpreinh
{
width: 4em;
margin: 0;
}
.artlabel
{
height: 1.3em;
line-height: 1.2em;
vertical-align: middle;
width: 100%;
text-align: center;
margin: 0;
white-space:nowrap;
}
.artcheck
{
height: 1em;
width: 1.2em;
margin: 0;
display: inline;
}
.arteig
{
height: 1.2em;
font-weight: normal;
width: 52%;
margin: 0;
}
.artwa
{
height: 1.2em;
width: 50%;
margin: 0;
margin-left: 25%;
}
.artval
{
height: 1.2em;
width: 20%;
margin: 0;
}
.arteinh
{
width: 15%;
margin: 0;
}
.headingimgL
{
margin-left: 0em;
margin-bottom: -6em;
width: 6em;
height: 6em;
}
.headingimgR
{
margin-left: 30em;
margin-bottom: -6em;
width: 6em;
height: 6em;
}
/*!!!! CALENDAR !!!!*/
#weekview
{
margin: 0 auto;
padding: 0;
position: relative;
width: 84em;
height: 67em;
border: 1px solid gray;
border-radius: 0.5em;
box-shadow: inset 0em 0em 0.3em rgba(0,0,0,0.7);
}
.hourline
{
height: 0em;
width: 81em;
border-bottom: 0.1em dotted gray;
position: absolute;
left: 3em;
}
.hourline_desc
{
position:absolute;
left: 0.4em;
}
.weekdayhead
{
position: absolute;
width: 9.8em;
height: 2.5em;
padding-top: 0.2em;
top: -1.5em;
background-color: #fff; /*AEF cef*/
border-radius: 0.5em;
border: 0.1em solid gray;
box-shadow: inset 0em 0em 0.5em rgba(0,0,0,0.7), 0.2em 0.2em 0.5em rgba(0,0,0,0.5);
}
.nowweekdayhead
{
position: absolute;
width: 9.8em;
font-weight: bold;
height: 2.5em;
padding-top: 0.2em;
top: -1.5em;
background-color: #bfc;
border-radius: 0.5em;
border: 0.1em solid gray;
box-shadow: inset 0em 0em 0.5em rgba(25,50,10,0.7), 0.2em 0.2em 0.5em rgba(0,0,0,0.5);
}
.nowweekdaybg
{
position: absolute;
width: 9em;
font-weight: bold;
height: 42em;
padding-top: 0.2em;
top: 7em;
left: 14em;
background-color: #bfc;
box-shadow: inset 0 0 1.5em #fff, inset 0 0 0.7em #fff, inset 0 0 0.5em #fff;
}
.weekdaybg
{
position: absolute;
width: 9em;
font-weight: bold;
height: 42em;
padding-top: 0.2em;
top: 7em;
background-color: #ddd;
box-shadow: inset 0 0 1.5em #fff, inset 0 0 0.7em #fff, inset 0 0 0.5em #fff;
}
#timeline
{
position: absolute;
width: 80em;
left: 3em;
height: 0.01em;
border-top: 0.1em solid red;
box-shadow: 0.1em -0.1em 0.2em #F00
}
.weekday_line
{
position: absolute;
width: 0.01em;
height: 65em;
top: 1em;
border-left: 0.1em solid black;
box-shadow: 0em 0em 0.2em #000;
}
.legendcolbox
{
padding: 0.1em 0.3em 0.1em 0.3em;
margin: 0.2em 0.2em 0.2em 0.2em;
width: 2em;
height: 2em;
border-radius: 0.5em;
border: 0.1em solid black;
box-shadow: inset 0em 0em 0.5em #000, 0.2em 0.2em 0.3em rgba(0,0,0,0.5);
font-weight: bold;
text-shadow: 0 -1px 1px #fff, 1px 0 1px #fff, 0 1px 1px #fff, -1px 0 1px #fff;
}
.terminbox
{
position: absolute;
padding: 0;
border-radius: 0.5em;
border: 0.1em solid black;
box-shadow: inset 0em 0em 0.5em #000, 0.2em 0.2em 0.3em rgba(0,0,0,0.5);
}
.mabox
{
position: absolute;
padding: 0;
border-radius: 0.2em;
border: 0.1em solid gray;
opacity: 0.5;
}
.doneterminbox
{
position: absolute;
padding: 0;
border-radius: 0.5em;
border: 0.1em solid gray;
}
.rotate
{
position: absolute;
top: 0;
left: 0.5em;
-moz-transform-origin: 55% 110%;
-moz-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
font-weight: bold;
text-shadow: 0 -1px 1px #fff, 1px 0 1px #fff, 0 1px 1px #fff, -1px 0 1px #fff;
}
a .rotate
{
color: #000;
}
.terminbox:hover
{
box-shadow: inset 0em 0em 0.7em #000,inset 0em 0em 0.2em #000, 0.3em 0.3em 0.4em #000;
}
.doneterminbox:hover
{
box-shadow: inset 0em 0em 0.4em #aaa,inset 0em 0em 0.4em #aaa, 0.2em 0.2em 0.3em #ccc;
}
.weatherinfo
{
position: absolute;
top: -6em;
width: 9em;
height: 5.5em;
background-size: contain;
background-repeat: no-repeat;
}
.weathericon
{
width: 7em;
}
/*!!!! END CALENDAR !!!!*/
#question {
/* overlay is hidden before loading */
display:none;
}