mirror of
https://github.com/OpenXE-org/OpenXE.git
synced 2024-11-14 20:17:14 +01:00
486 lines
14 KiB
CSS
486 lines
14 KiB
CSS
/*
|
|
Design by Free CSS Templates
|
|
http://www.freecsstemplates.org
|
|
Released for free under a Creative Commons Attribution 2.5 License
|
|
*/
|
|
|
|
|
|
/* css for timepicker */
|
|
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
|
|
.ui-timepicker-div dl { text-align: left; }
|
|
.ui-timepicker-div dl dt { float: left; clear:left; padding: 0 0 0 5px; }
|
|
.ui-timepicker-div dl dd { margin: 0 10px 10px 45%; }
|
|
.ui-timepicker-div td { font-size: 90%; }
|
|
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }
|
|
|
|
.ui-timepicker-rtl{ direction: rtl; }
|
|
.ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; }
|
|
.ui-timepicker-rtl dl dt{ float: right; clear: right; }
|
|
.ui-timepicker-rtl dl dd { margin: 0 45% 10px 10px; }
|
|
|
|
|
|
input[type=text],input[type=password], select, textarea { font-size:11px; font-family:Verdana,sans-serif; border:1px solid [TPLFIRMENFARBEDUNKEL]; background-color:#F8F8FF;}
|
|
|
|
input[type=text].pflicht, textarea.pflicht {
|
|
background-color: #FFDFDF;
|
|
}
|
|
|
|
input[type=text],input[type=password], select, textarea { font-size:11px; font-family:Verdana,sans-serif; border:1px solid [TPLFIRMENFARBEDUNKEL]; background-color:#F8F8FF; padding:5px;
|
|
|
|
|
|
}
|
|
input[type=submit],input[type=reset],input[type=button] { font-size:11px; font-family:Verdana,sans-serif; background-color:[TPLFIRMENFARBEDUNKEL]; color:white; border:1px solid [TPLFIRMENFARBEDUNKEL]; padding:4px; margin:3px;
|
|
color:white;
|
|
background-color:[TPLFIRMENFARBEDUNKEL];
|
|
-moz-border-radius: 7px;
|
|
-webkit-border-radius: 7px;
|
|
border-radius: 7px;
|
|
border: 0px;
|
|
}
|
|
|
|
input[name="speichern"],input[value="Speichern"] {
|
|
background-color:#A2D624;
|
|
font-size:110% !important;
|
|
font-weight:bold;
|
|
}
|
|
|
|
/***********************************************/
|
|
/* WaWision css */
|
|
/* designed by *105 GmbH & Co. KG */
|
|
/* http://www.stern105.de */
|
|
/***********************************************/
|
|
|
|
/***********************************************/
|
|
/* HTML tag styles */
|
|
/*********************************************+*/
|
|
|
|
html, body { height:100%; }
|
|
|
|
* {
|
|
font-family: Verdana,Arial,sans-serif;
|
|
font-size: 9pt;
|
|
color:#000;
|
|
margin: 0px;
|
|
padding: 0px;
|
|
line-height:1.4;
|
|
|
|
SCROLLBAR-FACE-COLOR: #fff;
|
|
SCROLLBAR-HIGHLIGHT-COLOR: #fff;
|
|
SCROLLBAR-SHADOW-COLOR: #fff;
|
|
SCROLLBAR-ARROW-COLOR: #d4d4d4;
|
|
SCROLLBAR-BASE-COLOR: #d4d4d4;
|
|
SCROLLBAR-DARKSHADOW-COLOR: #d4d4d4;
|
|
SCROLLBAR-TRACK-COLOR: #fff;
|
|
}
|
|
|
|
|
|
/***********************************************/
|
|
/* COMMON STYLES */
|
|
/***********************************************/
|
|
|
|
a {color:#006293; text-decoration:none; font-weight:bold;}
|
|
.ui-tabs-anchor {text-decoration:none; font-weight:normal;}
|
|
a:hover {color:#000; text-decoration:none; }
|
|
|
|
hr {margin-top: 8px; margin-bottom: 8px; border:0;}
|
|
p {margin:8px 3px 8px 0; padding:0; }
|
|
|
|
* HTML #hack {width: 955px; w\idth: 906px;}
|
|
/* with n height HACK (neccessary for margin n padding */
|
|
|
|
h1, h2, h3, h4, h5, h6 {margin: 0px; padding: 0px;}
|
|
|
|
H1 {padding:13px 8px 6px 8px; font-weight:bold; font-size:1.8em; color:#027d8d;}
|
|
H1.first {font-size:1em; margin-bottom: 20px; margin-top:0px;}
|
|
H2 {padding:13px 8px 6px 8px; font-weight:bold; font-size:1.4em;}
|
|
H3 {padding:13px 8px 6px 8px; color:#027d8d; font-size:1.2em;}
|
|
|
|
UL {margin:0; padding:0; list-style:square inside;}
|
|
LI {margin:0; padding:0;}
|
|
UL {margin:2px 0 10px 13px;}
|
|
|
|
.bgJournal {background-color:#f2b005; color:#fff;}
|
|
.bgCompany {background-color:#43bbd1;}
|
|
.bgShop {background-color:#b1c800;}
|
|
.bgStudents {background-color:#934c94;}
|
|
|
|
.borderGrey {border:1px solid #d4d4d4;}
|
|
.borderJournal {border:1px solid #f2b005;}
|
|
|
|
img {border:0px;}
|
|
.imgCenter {text-align:center;}
|
|
|
|
.uc{text-transform:uppercase;}
|
|
|
|
.iconbar {
|
|
font-size:7pt;
|
|
color:white;
|
|
font-weight:bold;
|
|
text-align:center;
|
|
|
|
}
|
|
|
|
|
|
/***********************************************/
|
|
/* Layout Divs */
|
|
/***********************************************/
|
|
|
|
DIV#header {height:100px; background:url(../../../themes/new/images/bg_header.jpg) top left repeat-y #43bbd1; margin-bottom:0px;}
|
|
DIV#header2 {border:1px solid rgb(2, 125, 141);; background-color:#d5ecf2; height:20px; width:100%; }
|
|
SPAN#headertoolbar {
|
|
|
|
font-family: Arial, Helvetica, sans-serif;
|
|
font-weight:bold;
|
|
font-size: 10pt;
|
|
text-shadow:white 1px 2px 2px;
|
|
color: #027d8d;
|
|
margin: 5px;
|
|
margin-left: 12px;
|
|
text-transform: uppercase;
|
|
padding: 0px;
|
|
|
|
}
|
|
SPAN#headertoolbar2 {
|
|
|
|
font-family: Arial, Helvetica, sans-serif;
|
|
font-size: 8pt;
|
|
color: #027d8d;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
DIV#footer {
|
|
height:32px; margin-top:-6px;
|
|
background:url(../../../themes/new/images/bg_header.jpg) top left repeat-y #43bbd1;
|
|
text-align:center; color: #fff;}
|
|
|
|
|
|
|
|
|
|
/***********************************************/
|
|
/* CONTENT Divs */
|
|
/***********************************************/
|
|
|
|
/************* #box styles ************************/
|
|
.box {height:190px; overflow:hidden;}
|
|
.box ul, .container ul {padding:5px 0 20px 0; list-style:none outside; line-height:1.1;}
|
|
.box li, .container li {margin:4px 0; padding:0 0 0 22px; background:url(../images/menue_arrow.png) center left no-repeat;}
|
|
.box A, .container A {color:#fff; font-weight:bold; text-decoration:none;}
|
|
.box A:HOVER, .container A:HOVER {color:#fff; font-weight:bold; text-decoration:underline;}
|
|
|
|
/************* #claim styles ************************/
|
|
DIV#claim {font-size:1.3em; font-weight:bold; padding-left:10px; width: 180px;}
|
|
* HTML #claim {width: 190px; w\idth: 180px;}
|
|
|
|
/************* #bodyText styles ************************/
|
|
DIV#bodyText H1 {padding:20px 0 10px 0; color:#006293; font-size:1.3em;}
|
|
DIV#bodyText H2 {padding:17px 0 6px 0; color:#006293; font-size:1.1em;}
|
|
DIV#bodyText .shortText {margin:13px 0 20px 0; color:#006293; font-weight:bold;}
|
|
DIV#bodyText .shortText a {color:#000; text-decoration:underline;}
|
|
DIV#bodyText .shortText a:hover {color:#006293; text-decoration:underline;}
|
|
|
|
/***********************************************/
|
|
/* Table Styles */
|
|
/***********************************************/
|
|
DIV#bodyText TABLE.tableJournal {border:1px solid #f2b005; margin:5px 0px 10px 0px; font-size:1em;}
|
|
DIV#bodyText TABLE.tableJournal-1 {margin:5px 0px 10px 0px; font-size:1em;}
|
|
DIV#bodyText TABLE TR TD {vertical-align:top;}
|
|
/* erste Spalte, erste Zeile */
|
|
DIV#bodyText TABLE TR.tr-0 TD, TABLE.contenttable TR TD.td-0 {padding:6px 8px; color:#fff; font-weight:bold; background-color:#f2b005; text-align:left;}
|
|
DIV#bodyText TABLE TD {padding:2px 8px; margin:0px;}
|
|
DIV#bodyText TABLE TR.tr-odd {background-color:#FCE7C1;}
|
|
DIV#bodyText TABLE TR.tr-even {background-color:#fff4de;}
|
|
|
|
|
|
|
|
|
|
/***********************************************/
|
|
/* Form Divs */
|
|
/***********************************************/
|
|
form {display: inline; margin:0; padding:0;}
|
|
input[type=text], input[type=password], textarea, select {font-size:11px; color:#000; padding:3px 5px;}
|
|
input[type=text].error, input[type=password].error {border:1px solid #63c3d3;}
|
|
input[type=text].long, input[type=password].long {width:220px;}
|
|
input[type=text].small {width:40px;}
|
|
input[type=text].medium {width:162px;}
|
|
.error {font-weight:bold; color:#63c3d3;}
|
|
.inputField {border:1px solid #c7cdcd;}
|
|
.btnSubmit {background-color:#63c3d3; color:#fff; font-weight:bold; padding:3px 12px; border:1px solid #63c3d3; cursor:pointer;}
|
|
|
|
|
|
|
|
ul#Navigation {
|
|
width: 170px;
|
|
margin: 0;
|
|
padding: 0.2em 0.2em 0.2em;
|
|
}
|
|
ul#Navigation li {
|
|
list-style: none;
|
|
margin: 0.1em; padding: 0;
|
|
}
|
|
|
|
ul#Navigation a, ul#Navigation span, ul#Navigation h2 {
|
|
display:block;
|
|
font-weight:bold;
|
|
text-decoration: none;
|
|
margin: 0.1em; padding: 0.3em;
|
|
border-left-color: white; border-top-color: white;
|
|
color: black; background-color: #eee;
|
|
}
|
|
ul#Navigation a:hover, ul#Navigation span {
|
|
border-color: white;
|
|
font-weight:bold;
|
|
border-left-color: black; border-top-color: black;
|
|
color: white; background-color: gray;
|
|
}
|
|
ul#Navigation h2 {
|
|
font-size: 1em;
|
|
margin: 0.1em; padding: 0.3em;
|
|
border:1px solid #ccc;
|
|
color: black; background-color: #bde5f8;
|
|
}
|
|
|
|
ul#Navigation h2.allgemein {
|
|
color: black; background-color: #e5efa6;
|
|
}
|
|
|
|
ul#Navigation h2.hauptmenu {
|
|
color: black; background-color: red;
|
|
}
|
|
|
|
#jsddm
|
|
{ margin: 0;
|
|
padding: 0; z-index: 1000; }
|
|
|
|
#jsddm li
|
|
{ float: left;
|
|
list-style: none;
|
|
font-weight:bold;
|
|
font: 12px Tahoma, Arial}
|
|
|
|
#jsddm li a
|
|
{ display: block;
|
|
/* background: #d5ecf2;*/
|
|
font-weight:bold;
|
|
padding: 5px 12px;
|
|
text-decoration: none;
|
|
border-right: 1px solid white;
|
|
border-top: 1px solid white;
|
|
border-bottom: 1px solid white;
|
|
width: 92px;
|
|
/*color: #027d8d;*/
|
|
background:none;
|
|
color:white;
|
|
white-space: nowrap}
|
|
|
|
#jsddm li a:hover
|
|
{ background: #F8F8FF; color: black;}
|
|
|
|
#jsddm li ul
|
|
{ margin: 0;
|
|
padding: 0;
|
|
z-index: 1000;
|
|
position: absolute;
|
|
visibility: hidden;
|
|
border-top: 1px solid white;}
|
|
|
|
#jsddm li ul li
|
|
{ float: none;
|
|
display: inline;}
|
|
|
|
#jsddm li ul li a
|
|
{ width: auto;
|
|
background: #d5ecf2; color: #027d8d;}
|
|
|
|
#jsddm li ul li a:hover
|
|
{ background: #F8F8FF;}
|
|
|
|
|
|
|
|
input[type=text],input[type=password], select, textarea { font-size:11px; font-family:Verdana,sans-serif; border:1px solid #ddd; background-color:#F8F8FF;}
|
|
|
|
input[type=text].pflicht, textarea.pflicht {
|
|
background-color: #FFDFDF;
|
|
}
|
|
|
|
|
|
.info, .success, .warning, .error, .validation, .error2 {
|
|
padding:15px 10px 15px 50px;
|
|
background-repeat: no-repeat;
|
|
background-position: 10px center;
|
|
}
|
|
|
|
.info {
|
|
color: #219CB0;
|
|
background-color: #D5ECF2;
|
|
background-image: url('./themes/new/images/info.png');
|
|
}
|
|
.warning {
|
|
color: #6DA033;
|
|
background-color: #E5F5D2;
|
|
background-image: url('./themes/new/images/warning.png');
|
|
}
|
|
|
|
.error {
|
|
color: #FF7F2A;
|
|
background-color: #FFE6D5;
|
|
background-image: url('./themes/new/images/error.png');
|
|
}
|
|
|
|
|
|
.error2 {
|
|
color: #219CB0;
|
|
background-color: #D5ECF2;
|
|
background-image: url('./themes/new/images/info.png');
|
|
}
|
|
|
|
|
|
.success {
|
|
color: #4F8A10;
|
|
background-color: #DFF2BF;
|
|
background-image:url('./themes/new/images/success.png');
|
|
}
|
|
|
|
|
|
input[disabled] {
|
|
border: 1px solid #999;
|
|
background-color: #D0D0D0;
|
|
}
|
|
|
|
|
|
textarea.cols3 { height: 200px; width: 98%;}
|
|
|
|
.mybox {margin-bottom:10px; padding: 3px 3px; width:99%; display: inline-block;}
|
|
|
|
.mybox a {
|
|
display: inline-block;
|
|
color: #027D8D;
|
|
border: 1px solid #A6C9E2;
|
|
background: #D5ECF2;
|
|
padding: 3px 5px;
|
|
margin: 2px 2px;
|
|
}
|
|
|
|
.mybox a:hover { color: #000; }
|
|
|
|
.mybox a.active { color: #71BFC9; }
|
|
|
|
.rules {
|
|
color: #FFF;
|
|
font-weight: 700;
|
|
background-color: #6EB6D5;
|
|
border: 1px solid #4297D7;
|
|
text-align: left;
|
|
padding: 3px 0px 3px 10px;
|
|
font-size: 14px;
|
|
margin-top: 15px;
|
|
}
|
|
|
|
tr.tablefooter td {padding: 3px 2px; background-color: #6EB6D5; text-align: center;}
|
|
|
|
table.linkedit {text-align: left;}
|
|
table.linkedit td{ padding: 2px 5px;}
|
|
|
|
h2.fieldheader {
|
|
float:left;
|
|
}
|
|
|
|
span.found {
|
|
background-color: #F78181;
|
|
border: 1px solid red;
|
|
}
|
|
|
|
span.replaced {
|
|
background-color: #64FE2E;
|
|
border: 1px solid green;
|
|
}
|
|
|
|
ul.home_termine {
|
|
margin: 0px;
|
|
padding: 0px;
|
|
}
|
|
|
|
ul.home_termine li {
|
|
list-style-type: none;
|
|
margin: 3px;
|
|
padding: 2px 5px;
|
|
background-color: #3366CC;
|
|
color: #FFFFFF;
|
|
border: 1px solid #3366CC;
|
|
border-radius: 5px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
ul.home_termine li span.description {
|
|
display:inline-block;
|
|
width:160px;
|
|
}
|
|
|
|
a#wiki_startseite_edit {
|
|
display: inline-block;
|
|
border: 1px solid #aaaaaa;
|
|
float:right;
|
|
padding: 2px 5px;
|
|
color: #0645AD;
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
}
|
|
|
|
a#wiki_startseite_edit:hover, a#wiki_startseite_edit:focus {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
|
|
div.noteit {
|
|
font-family:Helvetica,Helv; font-size:100%; padding: 5px; margin:5px; width:190px;
|
|
border: 1px solid #ccc;
|
|
-moz-box-shadow: -1px -1px 1px #888;
|
|
-webkit-box-shadow: -1px -1px 1px #888;
|
|
box-shadow: -1px -1px 1px #888;
|
|
}
|
|
|
|
div.noteit_prio {
|
|
background-color:#E5F5D2;
|
|
font-family:Helvetica,Helv; font-size:100%; padding: 5px; margin:5px; width:190px;
|
|
border: 1px solid #ccc;
|
|
-moz-box-shadow: -1px -1px 1px #888;
|
|
-webkit-box-shadow: -1px -1px 1px #888;
|
|
box-shadow: -1px -1px 1px #888;
|
|
}
|
|
|
|
div.noteit_highprio {
|
|
background-color:#FFE6D5;
|
|
font-family:Helvetica,Helv; font-size:100%; padding: 5px; margin:5px; width:190px;
|
|
border: 1px solid #ccc;
|
|
-moz-box-shadow: -1px -1px 1px #888;
|
|
-webkit-box-shadow: -1px -1px 1px #888;
|
|
box-shadow: -1px -1px 1px #888;
|
|
}
|
|
|
|
|
|
/* css for timepicker */
|
|
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
|
|
.ui-timepicker-div dl { text-align: left; }
|
|
.ui-timepicker-div dl dt { float: left; clear:left; padding: 0 0 0 5px; }
|
|
.ui-timepicker-div dl dd { margin: 0 10px 10px 45%; }
|
|
.ui-timepicker-div td { font-size: 90%; }
|
|
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }
|
|
|
|
.ui-timepicker-rtl{ direction: rtl; }
|
|
.ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; }
|
|
.ui-timepicker-rtl dl dt{ float: right; clear: right; }
|
|
.ui-timepicker-rtl dl dd { margin: 0 45% 10px 10px; }
|
|
|
|
|
|
|
|
.greyh2 {
|
|
width:99%; background-color:#999; color:white; padding:2px; font-size:9pt;padding-left:5px;
|
|
}
|
|
|
|
|
|
.gentable,.editable {
|
|
vertical-align: text-top;
|
|
}
|
|
|
|
|
|
|