mirror of
https://github.com/OpenXE-org/OpenXE.git
synced 2024-11-15 04:27:14 +01:00
1194 lines
27 KiB
CSS
1194 lines
27 KiB
CSS
|
/***********************************************/
|
||
|
/* WaWision css */
|
||
|
/* designed by *105 GmbH & Co. KG */
|
||
|
/* http://www.stern105.de */
|
||
|
/***********************************************/
|
||
|
|
||
|
/***********************************************/
|
||
|
/* HTML tag styles */
|
||
|
/*********************************************+*/
|
||
|
|
||
|
html, body { height:100%; }
|
||
|
|
||
|
body{
|
||
|
background:[TPLSYSTEMBASE];
|
||
|
font-family: Arial, Helvetica, sans-serif;
|
||
|
font-size: 8pt;
|
||
|
color:#000;
|
||
|
margin: 0px;
|
||
|
padding: 0px;
|
||
|
line-height:1.4;
|
||
|
height: 100vh;
|
||
|
|
||
|
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;
|
||
|
}
|
||
|
|
||
|
fieldset {
|
||
|
background-color:#ececec;
|
||
|
border: 0px solid #ececec;
|
||
|
border-top: 25px solid #ececec;
|
||
|
|
||
|
position:relative;
|
||
|
margin:0px;
|
||
|
margin-top:5px;
|
||
|
border-bottom: 5px solid #fff;
|
||
|
padding:5px;
|
||
|
border-width: 24px 5px 0px;
|
||
|
}
|
||
|
|
||
|
legend {
|
||
|
margin-top:5px;
|
||
|
|
||
|
font-family: Arial, Helvetica, sans-serif;
|
||
|
font-weight:bold;
|
||
|
font-size: 10pt;
|
||
|
color: #656565;
|
||
|
text-transform: uppercase;
|
||
|
}
|
||
|
|
||
|
a.startpage:hover {color:#000; text-decoration:underline; }
|
||
|
a.startpage {color:#000; text-decoration:none;font-weight:normal; }
|
||
|
|
||
|
|
||
|
.iconininput {
|
||
|
|
||
|
position:relative;
|
||
|
top:5px;
|
||
|
left:-27px;
|
||
|
|
||
|
}
|
||
|
|
||
|
|
||
|
|
||
|
/***********************************************/
|
||
|
/* COMMON STYLES */
|
||
|
/***********************************************/
|
||
|
|
||
|
.size-3 {
|
||
|
width:36px;
|
||
|
}
|
||
|
.size-5 {
|
||
|
width:50px;
|
||
|
}
|
||
|
.size-40 {
|
||
|
width:295px;
|
||
|
}
|
||
|
.size-30 {
|
||
|
width:225px;
|
||
|
}
|
||
|
.size-20 {
|
||
|
width:155px;
|
||
|
}
|
||
|
.size-10 {
|
||
|
width:85px;
|
||
|
}
|
||
|
@media screen and (max-width: 480px) and (min-width: 321px){
|
||
|
input {
|
||
|
max-width:450px;
|
||
|
}
|
||
|
.cke{
|
||
|
max-width:450px;
|
||
|
}
|
||
|
}
|
||
|
@media screen and (max-width: 767px) and (min-width: 481px){
|
||
|
input {
|
||
|
max-width:720px;
|
||
|
}
|
||
|
}
|
||
|
@media screen and (max-width: 767px) and (min-width: 321px){
|
||
|
.cke{
|
||
|
max-width:720px;
|
||
|
}
|
||
|
.size-40 {
|
||
|
max-width:250px;
|
||
|
}
|
||
|
.size-30 {
|
||
|
max-width:195px;
|
||
|
}
|
||
|
.size-40.relative {
|
||
|
max-width:190px;
|
||
|
}
|
||
|
.size-30.relative {
|
||
|
max-width:160px;
|
||
|
}
|
||
|
.size-20.relative {
|
||
|
max-width:140px;
|
||
|
}
|
||
|
.size-10.relative {
|
||
|
max-width:70px;
|
||
|
}
|
||
|
.ui-autocomplete-input.size-40{
|
||
|
max-width:210px;
|
||
|
}
|
||
|
.ui-autocomplete-input.size-30{
|
||
|
max-width:165px;
|
||
|
}
|
||
|
.ui-autocomplete-input.size-20{
|
||
|
max-width:125px;
|
||
|
}
|
||
|
.ui-autocomplete-input.size-10{
|
||
|
max-width:60px;
|
||
|
}
|
||
|
.ui-autocomplete-input.size-40.relative{
|
||
|
max-width:160px;
|
||
|
}
|
||
|
.ui-autocomplete-input.size-30.relative{
|
||
|
max-width:130px;
|
||
|
}
|
||
|
.ui-autocomplete-input.size-20.relative{
|
||
|
max-width:110px;
|
||
|
}
|
||
|
.ui-autocomplete-input.size-10.relative{
|
||
|
max-width:60px;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
|
||
|
@media screen and (max-width: 320px){
|
||
|
input {
|
||
|
max-width:300px;
|
||
|
}
|
||
|
.cke{
|
||
|
max-width:300px;
|
||
|
}
|
||
|
.size-40 {
|
||
|
max-width:160px;
|
||
|
}
|
||
|
.size-30 {
|
||
|
max-width:120px;
|
||
|
}
|
||
|
.size-40.relative {
|
||
|
max-width:100px;
|
||
|
}
|
||
|
.size-30.relative {
|
||
|
max-width:90px;
|
||
|
}
|
||
|
.size-20 {
|
||
|
max-width:80px;
|
||
|
}
|
||
|
.size-10 {
|
||
|
max-width:70px;
|
||
|
}
|
||
|
.ui-autocomplete-input.size-40{
|
||
|
max-width:140px;
|
||
|
}
|
||
|
.ui-autocomplete-input.size-30{
|
||
|
max-width:100px;
|
||
|
}
|
||
|
.ui-autocomplete-input.size-40.relative{
|
||
|
max-width:70px;
|
||
|
}
|
||
|
.ui-autocomplete-input.size-30.relative{
|
||
|
max-width:60px;
|
||
|
}
|
||
|
.ui-autocomplete-input.size-20{
|
||
|
max-width:60px;
|
||
|
}
|
||
|
.ui-autocomplete-input.size-10{
|
||
|
max-width:60px;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
a {color:[TPLFIRMENFARBEDUNKEL]; 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:[TPLFIRMENFARBEGANZDUNKEL];}
|
||
|
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;}
|
||
|
|
||
|
img{border:1px solid #;
|
||
|
-webkit-border-radius: 4px;
|
||
|
-moz-border-radius: 4px;
|
||
|
border-radius: 4px;
|
||
|
padding-top:2px;
|
||
|
}
|
||
|
|
||
|
|
||
|
.imgCenter {text-align:center;}
|
||
|
|
||
|
.uc{text-transform:uppercase;}
|
||
|
|
||
|
.iconbar_icon {
|
||
|
padding-left:5px;
|
||
|
}
|
||
|
.iconbar {
|
||
|
font-size:6pt;
|
||
|
color:[TPLNAVIGATIONFARBESCHRIFT];
|
||
|
font-weight:normal;
|
||
|
padding-left:8px;
|
||
|
}
|
||
|
|
||
|
|
||
|
/***********************************************/
|
||
|
/* Layout Divs */
|
||
|
/***********************************************/
|
||
|
|
||
|
DIV#header {height:100px; background-image: -moz-linear-gradient(left, [TPLSYSTEMBASE], [TPLSYSTEMBASE]);
|
||
|
background-image: -webkit-linear-gradient(left, [TPLSYSTEMBASE], [TPLSYSTEMBASE]);
|
||
|
background-image: -ms-linear-gradient(left, [TPLSYSTEMBASE], [TPLSYSTEMBASE]);
|
||
|
margin-bottom:0px;}
|
||
|
|
||
|
.bgstyle { background-image: -moz-linear-gradient(left, [TPLSYSTEMBASE], [TPLSYSTEMBASE]);
|
||
|
background-image: -webkit-linear-gradient(left, [TPLSYSTEMBASE], [TPLSYSTEMBASE]);
|
||
|
background-image: -ms-linear-gradient(left, [TPLSYSTEMBASE], [TPLSYSTEMBASE]);}
|
||
|
|
||
|
DIV#header2 {border:1px solid rgb(2, 125, 141);; background-color:yellow; height:20px; width:100%; }
|
||
|
.toolbarleft {
|
||
|
left:-5px;
|
||
|
}
|
||
|
|
||
|
SPAN#headertoolbar {
|
||
|
|
||
|
font-family: Arial, Helvetica, sans-serif;
|
||
|
font-weight:bold;
|
||
|
font-size: 12pt;
|
||
|
color: white;
|
||
|
margin: 5px;
|
||
|
margin-left: 12px;
|
||
|
text-transform: uppercase;
|
||
|
padding: 0px;
|
||
|
|
||
|
}
|
||
|
|
||
|
SPAN#headertoolbar a{
|
||
|
color: white;
|
||
|
}
|
||
|
|
||
|
SPAN#headertoolbar1 {
|
||
|
|
||
|
font-family: Arial, Helvetica, sans-serif;
|
||
|
font-weight:bold;
|
||
|
font-size: 11pt;
|
||
|
color: [TPLFIRMENFARBEHELL];
|
||
|
margin-right: 5px;
|
||
|
text-transform: uppercase;
|
||
|
padding: 0px;
|
||
|
|
||
|
}
|
||
|
|
||
|
div.nachrichtenbox {
|
||
|
background-color:[TPLNACHRICHTBOX];width:62px;height:15px; padding:3px;text-align:center;padding-top:8px;
|
||
|
font-weight:bold;
|
||
|
}
|
||
|
|
||
|
div.nachrichtenboxzahl_red {
|
||
|
width:26px;height:13px;background-color:#fd5653;
|
||
|
color:white;
|
||
|
font-size:8pt;
|
||
|
text-align:center;
|
||
|
padding:3px; padding-top:1px;font-weight:bold; cursor: pointer;
|
||
|
margin:-3px 15px;
|
||
|
}
|
||
|
|
||
|
div.nachrichtenboxzahl {
|
||
|
width:26px;height:13px;background-color:#57c8e5;
|
||
|
color:white;
|
||
|
font-size:8pt;
|
||
|
text-align:center;
|
||
|
padding:3px; padding-top:1px;font-weight:bold; cursor: pointer;
|
||
|
margin:-3px 15px;
|
||
|
}
|
||
|
|
||
|
|
||
|
|
||
|
SPAN#headertoolbar2 {
|
||
|
|
||
|
font-family: Arial, Helvetica, sans-serif;
|
||
|
font-size: 11pt;
|
||
|
color: white;
|
||
|
}
|
||
|
|
||
|
DIV#footer {
|
||
|
height:32px; margin-top:-6px;
|
||
|
background-image: -moz-linear-gradient(left, [TPLSYSTEMBASE], [TPLSYSTEMBASE]);
|
||
|
background-image: -webkit-linear-gradient(left, [TPLSYSTEMBASE], [TPLSYSTEMBASE]);
|
||
|
background-image: -ms-linear-gradient(left, [TPLSYSTEMBASE], [TPLSYSTEMBASE]);
|
||
|
text-align:center; color: [TPLNAVIGATIONFARBESCHRIFT];}
|
||
|
|
||
|
|
||
|
/***********************************************/
|
||
|
/* Component Divs */
|
||
|
/***********************************************/
|
||
|
|
||
|
/************* #teaser styles ************************/
|
||
|
DIV#teaser {}
|
||
|
DIV#teaser.bgJournal {background-color:#FCE7C1;}
|
||
|
DIV#teaser H1 {padding:4px 8px 3px 8px;}
|
||
|
DIV#teaserContent {padding:13px 0;
|
||
|
text-align:center; font-size:0.9em; color:#000;}
|
||
|
DIV#teaserContent HR {border-top:1px solid #f2b005;}
|
||
|
DIV#teaser a {color:#000; }
|
||
|
DIV#teaser a:hover {color:[TPLFIRMENFARBEDUNKEL];}
|
||
|
|
||
|
/************* #search styles ************************/
|
||
|
DIV#simpleForm {padding: 5px 4px 7px 5px; margin-bottom:6px;
|
||
|
background-color:#d5ecf2; border:1px solid #63c3d3;
|
||
|
font-size:0.9em;}
|
||
|
DIV.tabsbutton A {color:#fff; font-weight:bold; text-decoration:none;}
|
||
|
DIV#simpleForm H2 {padding:0; margin:0; font-size:1.4em;}
|
||
|
DIV#simpleForm HR {border-top:1px solid #017e92;}
|
||
|
DIV#simpleForm input[type=text], DIV#simpleForm input[type=password] {width:120px;}
|
||
|
DIV#simpleForm input[type=image] {margin-bottom:1px;}
|
||
|
|
||
|
/************* #topNav styles ************************/
|
||
|
DIV#topNav {height:33px; margin-bottom:34px; background-color:#000; color:#fff;}
|
||
|
DIV#topNav ul {margin:0; padding:8px 0 0 13px; font-size:1.2em;}
|
||
|
DIV#topNav ul li {display:inline; padding:0 8px 0 23px; background:url(./themes/new/images/topNav_arrow.gif) top left no-repeat;}
|
||
|
DIV#topNav A {color:#fff; font-weight:bold; text-decoration:none;}
|
||
|
DIV#topNav A:HOVER {color:#acdd4a; font-weight:bold; text-decoration:none;}
|
||
|
|
||
|
/************* #bottomNav styles ************************/
|
||
|
DIV#footer ul {margin:8px 0 0 0; padding:0;}
|
||
|
DIV#footer ul li {display:inline; padding-right:8px; list-style:none; font-size:0.9em;}
|
||
|
DIV#footer A {color: [TPLNAVIGATIONFARBESCHRIFT]; text-decoration:none;}
|
||
|
DIV#footer A:hover {color: [TPLNAVIGATIONFARBESCHRIFT]; text-decoration:underline;}
|
||
|
|
||
|
|
||
|
/***********************************************/
|
||
|
/* 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(./themes/new/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:[TPLFIRMENFARBEDUNKEL]; font-size:1.3em;}
|
||
|
DIV#bodyText H2 {padding:17px 0 6px 0; color:[TPLFIRMENFARBEDUNKEL]; font-size:1.1em;}
|
||
|
DIV#bodyText .shortText {margin:13px 0 20px 0; color:[TPLFIRMENFARBEDUNKEL]; font-weight:bold;}
|
||
|
DIV#bodyText .shortText a {color:#000; text-decoration:underline;}
|
||
|
DIV#bodyText .shortText a:hover {color:[TPLFIRMENFARBEDUNKEL]; 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;}
|
||
|
.btnGreen { background-color: #abc908 !important; 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: [JSDMMZINDEX];
|
||
|
position:absolute;
|
||
|
top:70px;
|
||
|
}
|
||
|
|
||
|
.secnav {
|
||
|
border-top: 1px solid #888a89;
|
||
|
border-bottom: 1px solid #888a89;
|
||
|
}
|
||
|
|
||
|
#jsddm li
|
||
|
{ float: left;
|
||
|
list-style: none;
|
||
|
font-weight:bold;
|
||
|
letter-spacing: 0.03em;
|
||
|
font: 13px Tahoma, Arial}
|
||
|
|
||
|
#jsddm li a
|
||
|
{ display: block;
|
||
|
font-weight:bold;
|
||
|
padding: 12px 12px 12px;
|
||
|
text-decoration: none;
|
||
|
background:[TPLNAVIGATIONFARBE];
|
||
|
color:[TPLNAVIGATIONFARBESCHRIFT];
|
||
|
white-space: nowrap;
|
||
|
padding-top:7px;
|
||
|
}
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
#jsddm li a:hover
|
||
|
{ background: [TPLNAVIGATIONFARBE2]; color:[TPLNAVIGATIONFARBESCHRIFT2];/*color: [TPLNAVIGATIONFARBE];*/
|
||
|
}
|
||
|
|
||
|
#jsddm li ul
|
||
|
{ margin: 0;
|
||
|
padding: 0;
|
||
|
z-index: [JSDMMZINDEX];
|
||
|
position: absolute;
|
||
|
visibility: hidden;
|
||
|
height:0px;
|
||
|
}
|
||
|
|
||
|
#jsddm li ul li
|
||
|
{ float: none;
|
||
|
display: inline;}
|
||
|
|
||
|
#jsddm li ul li a
|
||
|
{
|
||
|
z-index: [JSDMMZINDEX];
|
||
|
padding:4px 10px 4px 10px;
|
||
|
background: [TPLNAVIGATIONFARBE];
|
||
|
color:[TPLNAVIGATIONFARBESCHRIFT2];
|
||
|
font-weight:normal;
|
||
|
border-left: 1px solid #888a89;
|
||
|
border-top: 0px;
|
||
|
font: 12px Arial;
|
||
|
}
|
||
|
|
||
|
#jsddm li ul li a:hover
|
||
|
{ background: [TPLNAVIGATIONFARBESCHRIFT]; color:[TPLNAVIGATIONFARBESCHRIFT2]; /*color: [TPLNAVIGATIONFARBE];*/}
|
||
|
|
||
|
li.hamburger{
|
||
|
display:none;
|
||
|
}
|
||
|
|
||
|
@media screen and (max-width: 767px){
|
||
|
#textvorlageicon{display:none;}
|
||
|
img#tpllogofirma {
|
||
|
max-width:200px;
|
||
|
max-height:40px;
|
||
|
}
|
||
|
#jsddm li{width:100% !important; display:none;position:relative !important;}
|
||
|
#jsddm > li:first-child{display:none !important;}
|
||
|
#jsddm li:first-child + li{display:block;}
|
||
|
#jsddm li li {position:relative;z-index:201;width:100% !important;}
|
||
|
#jsddm li ul{width:100% !important;position:relative;}
|
||
|
li.hamburger{
|
||
|
display:inline-block;height:50px;width:100% !important;color:[TPLNAVIGATIONFARBESCHRIFT]; font: 14px Arial !important;font-weight:bold !important;
|
||
|
}
|
||
|
|
||
|
li.hamburger span.hamburgerschrift {
|
||
|
padding-left:12px;
|
||
|
line-height:25px;
|
||
|
}
|
||
|
|
||
|
li.hamburger span.hamburgerimg {
|
||
|
float:right;display:inline-block;width:30px;
|
||
|
}
|
||
|
|
||
|
#jsddm li.aktiv{
|
||
|
display:inline-block;visibility:visible !important;
|
||
|
}
|
||
|
#jsddm li.aktiv2 li,#jsddm li.aktiv2 ul {
|
||
|
display:inline-block;visibility:visible !important;
|
||
|
margin-top:0;
|
||
|
margin-bottom:0;
|
||
|
}
|
||
|
|
||
|
#jsddm li a{
|
||
|
|
||
|
border:0 !important;
|
||
|
text-align:left;
|
||
|
margin-left:20px;
|
||
|
}
|
||
|
#jsddm li ul li a
|
||
|
{
|
||
|
border:0 !important;
|
||
|
text-align:left;
|
||
|
padding-left:40px;
|
||
|
padding-top:8px;
|
||
|
margin-top:0;
|
||
|
margin-bottom:0;
|
||
|
}
|
||
|
|
||
|
.secnav {
|
||
|
border-top:0;
|
||
|
border-bottom:0;
|
||
|
|
||
|
}
|
||
|
|
||
|
}
|
||
|
|
||
|
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;
|
||
|
}
|
||
|
|
||
|
|
||
|
div.info > input[type=button], div.warning > input[type=button], div.error > input[type=button],
|
||
|
div.info > input[type=submit], div.warning > input[type=submit], div.error > input[type=submit]
|
||
|
{
|
||
|
float:right;
|
||
|
margin-top:-2px;
|
||
|
}
|
||
|
|
||
|
.info, .success, .warning, .error, .validation, .error2, .important {
|
||
|
/*border: 1px solid;*/
|
||
|
/*margin: 00px 0px;*/
|
||
|
margin-bottom:5px;
|
||
|
padding:15px 10px 15px 50px;
|
||
|
margin-left:2px;
|
||
|
background-repeat: no-repeat;
|
||
|
background-position: 10px center;
|
||
|
border-radius:3px;
|
||
|
}
|
||
|
|
||
|
.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');
|
||
|
}
|
||
|
|
||
|
.important {
|
||
|
color: #FF7F2A;
|
||
|
background-color: #FFE6D5;
|
||
|
background-image: url('./themes/new/images/lagerstop.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[readonly] {
|
||
|
border: 1px solid #999;
|
||
|
background-color: #ececec;
|
||
|
}
|
||
|
|
||
|
input[disabled] {
|
||
|
border: 1px solid #999;
|
||
|
background-color: #ececec;
|
||
|
}
|
||
|
|
||
|
|
||
|
select[disabled] {
|
||
|
border: 1px solid #999;
|
||
|
background-color: #ececec;
|
||
|
}
|
||
|
|
||
|
|
||
|
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: #3A87AD;
|
||
|
color: #FFFFFF;
|
||
|
border: 1px solid #3A87AD;
|
||
|
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:95%;
|
||
|
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:95%;
|
||
|
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:95%;
|
||
|
border: 1px solid #ccc;
|
||
|
-moz-box-shadow: -1px -1px 1px #888;
|
||
|
-webkit-box-shadow: -1px -1px 1px #888;
|
||
|
box-shadow: -1px -1px 1px #888;
|
||
|
}
|
||
|
|
||
|
.ui-button-text {
|
||
|
color:white;
|
||
|
background-color:[TPLFIRMENFARBEDUNKEL];
|
||
|
-moz-border-radius: 7px;
|
||
|
-webkit-border-radius: 7px;
|
||
|
border-radius: 7px;
|
||
|
border: 0px;
|
||
|
}
|
||
|
|
||
|
|
||
|
/* 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 {
|
||
|
background-color:#999; color:white; padding:2px; font-size:9pt;padding-left:5px;
|
||
|
}
|
||
|
|
||
|
|
||
|
#wikinav {
|
||
|
/*height:35px;*/
|
||
|
padding: 1px;
|
||
|
}
|
||
|
#wikinav ul {
|
||
|
/*float:left;*/
|
||
|
list-style-type:none;
|
||
|
|
||
|
}
|
||
|
|
||
|
#wikinav ul li {
|
||
|
background-color:[TPLFIRMENFARBEHELL];
|
||
|
display:block;
|
||
|
padding-top:4px;
|
||
|
padding-left:5px;
|
||
|
width:180px;
|
||
|
}
|
||
|
|
||
|
#wikinav ul li ul li{
|
||
|
background-color:[TPLUNTERNAVIGATIONFARBE];
|
||
|
display:block;
|
||
|
position:relative;
|
||
|
left:-18px;
|
||
|
width:180px;
|
||
|
}
|
||
|
|
||
|
#wikinav ul li a{
|
||
|
color:[TPLNAVIGATIONFARBESCHRIFT];
|
||
|
}
|
||
|
#wikinav ul li ul li a{
|
||
|
color:[TPLUNTERNAVIGATIONFARBESCHRIFT];
|
||
|
}
|
||
|
|
||
|
.loader_app {
|
||
|
position: absolute;
|
||
|
right: 10px;
|
||
|
top: 28px;
|
||
|
}
|
||
|
|
||
|
@media screen and (min-width: 320px){
|
||
|
.mkTableFormular tr td:first-child {
|
||
|
padding-top:8px;
|
||
|
width:200px;
|
||
|
}
|
||
|
|
||
|
.mkTableFormular tr td:nth-child(4) {
|
||
|
width:200px;
|
||
|
}
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
}
|
||
|
.mkTableFormular tr td {
|
||
|
vertical-align:top;
|
||
|
}
|
||
|
@media screen and (max-width: 768px){
|
||
|
.hide768 {
|
||
|
display:none;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
@media screen and (max-width: 320px){
|
||
|
.hide320 {
|
||
|
display:none;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
|
||
|
.mkTableFormular {
|
||
|
float:left;
|
||
|
}
|
||
|
|
||
|
|
||
|
|
||
|
.mkTable {
|
||
|
border-top: 1px solid #FFF;
|
||
|
border-left: 1px solid #FFF;
|
||
|
width:100%;
|
||
|
}
|
||
|
|
||
|
.mkTable tr td,
|
||
|
.mkTable tr th {
|
||
|
border-right: 1px solid #FFF;
|
||
|
border-bottom: 1px solid #FFF;
|
||
|
padding: 3px;
|
||
|
}
|
||
|
|
||
|
.mkTable tr th {
|
||
|
font-weight: bold;
|
||
|
text-align: left;
|
||
|
background: #e0e0e0;
|
||
|
}
|
||
|
|
||
|
.mkTable tr:nth-child(odd) td {
|
||
|
background: #e0e0e0;
|
||
|
}
|
||
|
|
||
|
.mkTable tr:nth-child(even) td {
|
||
|
background: #FFF;
|
||
|
}
|
||
|
|
||
|
|
||
|
@media print {
|
||
|
#header {
|
||
|
display: none;
|
||
|
}
|
||
|
#scroller2 {
|
||
|
display: none;
|
||
|
}
|
||
|
|
||
|
.ui-tabs-nav {
|
||
|
display: none;
|
||
|
}
|
||
|
|
||
|
.bgstyle > table > tr:first-child > td:first-child {
|
||
|
display: none;
|
||
|
}
|
||
|
.mce-btn-group {
|
||
|
display: none !important;
|
||
|
}
|
||
|
|
||
|
.toolbarleft {
|
||
|
display: none;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
.rTabs {
|
||
|
position: relative;
|
||
|
margin: 0 0 10px 0;
|
||
|
}
|
||
|
|
||
|
.rTabs ul,
|
||
|
.rTabs ul li {
|
||
|
padding: 0;
|
||
|
margin: 0;
|
||
|
list-style: none;
|
||
|
}
|
||
|
|
||
|
.rTabs ul {
|
||
|
border-bottom: 5px solid #d7d7d7;
|
||
|
overflow: auto;
|
||
|
}
|
||
|
|
||
|
.rTabs ul li {
|
||
|
float: left;
|
||
|
padding: 5px 0 0 0;
|
||
|
}
|
||
|
|
||
|
.rTabs ul li a {
|
||
|
|
||
|
display: block;
|
||
|
padding: 5px 10px;
|
||
|
border: 1px solid #d7d7d7;
|
||
|
border-bottom: 0;
|
||
|
}
|
||
|
|
||
|
.rTabs ul li.aktiv {
|
||
|
|
||
|
}
|
||
|
|
||
|
.rTabs ul li.aktiv a {
|
||
|
background: #d7d7d7;
|
||
|
}
|
||
|
|
||
|
.rTabSelect {
|
||
|
position: absolute;
|
||
|
right: 2px;
|
||
|
top: 1px;
|
||
|
}
|
||
|
|
||
|
|
||
|
i.chat_own {
|
||
|
color:#999;
|
||
|
font-size:8pt;
|
||
|
}
|
||
|
|
||
|
i.chat_other {
|
||
|
color:#6DA033;
|
||
|
font-size:8pt;
|
||
|
}
|
||
|
|
||
|
.chat_circle {
|
||
|
width: 12px;
|
||
|
height: 12px;
|
||
|
background: [TPLFIRMENFARBEDUNKEL];
|
||
|
-moz-border-radius: 6px;
|
||
|
-webkit-border-radius: 6px;
|
||
|
border-radius: 6px;
|
||
|
color:#fff;
|
||
|
font-size:6pt;
|
||
|
font-weight:bold;
|
||
|
text-align:center;
|
||
|
vertical-align:middle;
|
||
|
line-height:12px;
|
||
|
display:inline-block;
|
||
|
cursor: pointer;
|
||
|
}
|
||
|
|
||
|
|
||
|
|
||
|
.dashbox {
|
||
|
padding:5px;
|
||
|
margin:3px;
|
||
|
float:left;
|
||
|
display: table;
|
||
|
}
|
||
|
.dashbox_light {
|
||
|
background-color:#35b1c7;
|
||
|
}
|
||
|
|
||
|
|
||
|
.dashbox_grey {
|
||
|
background-color:#dadbdd;
|
||
|
}
|
||
|
|
||
|
.dashbox_dark {
|
||
|
background-color:#03758a;
|
||
|
}
|
||
|
|
||
|
.dashbox_header {
|
||
|
color:white;
|
||
|
margin-bottom:5px;
|
||
|
padding:0px;
|
||
|
text-transform:uppercase;
|
||
|
font-weight:bold;
|
||
|
height:20px;
|
||
|
display: table-row;
|
||
|
}
|
||
|
|
||
|
.dashbox_content {
|
||
|
background-color:white;
|
||
|
padding:0px;
|
||
|
display: table-row;
|
||
|
}
|
||
|
|
||
|
|
||
|
.tabsbutton a span {
|
||
|
background-color:#A2D624 !important;
|
||
|
}
|
||
|
|
||
|
.tabsbutton > span > a.ui-button, .tabsbutton > a.ui-button {
|
||
|
background-color:transparent;
|
||
|
}
|
||
|
|
||
|
|
||
|
fieldset.filter {
|
||
|
background-color:#ececec;
|
||
|
border: 0px solid #ececec;
|
||
|
position:relative;
|
||
|
margin:0px;
|
||
|
margin-top:5px;
|
||
|
margin-bottom:0px;
|
||
|
padding:5px;
|
||
|
}
|
||
|
|
||
|
fieldset.filter > img {
|
||
|
float:right;
|
||
|
}
|
||
|
|
||
|
fieldset.filter > div {
|
||
|
float:left;
|
||
|
background:#ddd;
|
||
|
padding:4px;
|
||
|
padding-left:5px;
|
||
|
padding-right:5px;
|
||
|
margin:3px;
|
||
|
border-radius: 5px;
|
||
|
}
|
||
|
|
||
|
fieldset.filter > div:first-child {
|
||
|
width:100px;
|
||
|
background:transparent;
|
||
|
}
|
||
|
|
||
|
.bigarrowdown {
|
||
|
|
||
|
width: 0;
|
||
|
height: 0;
|
||
|
border-style: solid;
|
||
|
border-width: 50px 100px 0 100px;
|
||
|
border-color: #cfcfd1 transparent transparent transparent;
|
||
|
margin:10px;
|
||
|
margin-left:auto;
|
||
|
margin-right:auto;
|
||
|
|
||
|
}
|
||
|
|
||
|
|
||
|
.waage {
|
||
|
font-size:20pt;
|
||
|
font-weight:bold;
|
||
|
width:100%;
|
||
|
height:40px;
|
||
|
background-color:#ccc;
|
||
|
padding:10px;
|
||
|
text-align:center;
|
||
|
}
|
||
|
|
||
|
.button_waage {
|
||
|
width:100%;
|
||
|
height:150px;
|
||
|
color:red;
|
||
|
}
|
||
|
|
||
|
input[name="speichern"],input[value="Speichern"],input.buttonsave {
|
||
|
background-color:#A2D624;
|
||
|
font-size:110% !important;
|
||
|
font-weight:bold;
|
||
|
}
|
||
|
|
||
|
|
||
|
|
||
|
/*
|
||
|
.dark > table:nth-child(1) > tbody:nth-child(1) > tr:nth-child(1) > td:nth-child(3) > a:nth-child(3) > img:nth-child(1)
|
||
|
{
|
||
|
width:30px;
|
||
|
top: 11px;
|
||
|
position: relative;
|
||
|
}
|
||
|
*/
|
||
|
|
||
|
|
||
|
|
||
|
.schaetzung {
|
||
|
background:#ffffcc !important;
|
||
|
}
|
||
|
|
||
|
|
||
|
.validator_message {
|
||
|
z-index:1000;
|
||
|
position: absolute;
|
||
|
background-color:#cd2e26;
|
||
|
color: white;
|
||
|
padding: 5px 12px;
|
||
|
padding:3px;
|
||
|
border-radius: 5px;
|
||
|
margin-left: 30px;
|
||
|
margin-top: 3px;
|
||
|
white-space: nowrap;
|
||
|
}
|
||
|
|
||
|
.dataTables_wrapper .dataTables_processing {
|
||
|
background : url(./themes/new/images/loading.gif) no-repeat ;
|
||
|
background-position: 50% 0px;
|
||
|
background-size: 150px;
|
||
|
padding-top: 90px;
|
||
|
}
|
||
|
|
||
|
a.ui-tabs-anchor:hover{color:#000 !important;}
|
||
|
|
||
|
|
||
|
.greybox { background-color:lightgrey;color:white;padding:10px;font-size:1.8em;text-align:right; }
|
||
|
|
||
|
.textfeld_icon { top:6px;position:relative;cursor:pointer; }
|