You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1007 lines
20 KiB
1007 lines
20 KiB
2 years ago
|
/* import der aktiven QIS-CSS-Definitionen des alten Layouts in neuem Design: */
|
||
|
|
@import "QISDesignBestand.css";
|
||
|
|
|
||
|
|
/* Vorablösung: CSS-Design für PROFIS-Änderungsfunktion einschließen */
|
||
|
|
@import "PROFISaendernBewerber.css";
|
||
|
|
|
||
|
|
/* XKeyfield(erweiterter Schlüsselauswahldialog)-Styles einbinden*/
|
||
|
|
@import "css/xkeyfield.css";
|
||
|
|
|
||
|
|
/* TODO: Erläuterung und Visualisierung aller CSS/XHTML-Kombinationen für HISinOne im Styleguide
|
||
|
|
/*****************************************************************************/
|
||
|
|
/* INHALTSVERZEICHNIS: */
|
||
|
|
/*****************************************************************************/
|
||
|
|
/* Makrolayout Navigationsrahmen frame.vm */
|
||
|
|
/* Mikrolayout Contentbereich */
|
||
|
|
/* Allgemeines Layout */
|
||
|
|
/* Karteikarten */
|
||
|
|
/* Links */
|
||
|
|
/* Tabellen */
|
||
|
|
/* DIV-Container */
|
||
|
|
/* Überschriften */
|
||
|
|
/* Texte */
|
||
|
|
/* Listen */
|
||
|
|
/* Absätze */
|
||
|
|
/* Fehlermeldungen */
|
||
|
|
/* Farben */
|
||
|
|
/* Formulare */
|
||
|
|
/* Formulare.DIV-Container */
|
||
|
|
/* Formulare.Label */
|
||
|
|
/* Formulare.Input */
|
||
|
|
/* Formulare.Textield */
|
||
|
|
/* Submitbuttons */
|
||
|
|
/* Bilder */
|
||
|
|
/* JSF (TODO:Aufteilung der Elemente auf Inhaltsverzeichnis) */
|
||
|
|
|
||
|
|
|
||
|
|
/*****************************************************************************/
|
||
|
|
/* Makrolayout Navigationsrahmen frame.vm */
|
||
|
|
/*****************************************************************************/
|
||
|
|
body {
|
||
|
|
color: #014A7B;
|
||
|
|
background-color: #FFFFFF;
|
||
|
|
font-family: Arial, Helvetica, sans-serif;
|
||
|
|
margin-top: 5px;
|
||
|
|
font-size: 82.5%;
|
||
|
|
}
|
||
|
|
#wrapper{
|
||
|
|
width: auto;
|
||
|
|
}
|
||
|
|
.divcontent {
|
||
|
|
/* UmschließtNavigationsbaum und Inhalt*/
|
||
|
|
float:left;
|
||
|
|
background-color:#FFFFFF;
|
||
|
|
width: 100%;
|
||
|
|
margin-bottom:5px;
|
||
|
|
display:inline;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*
|
||
|
|
### Makronavitation - Anfang ###
|
||
|
|
*/
|
||
|
|
#makronavigation {
|
||
|
|
/* Ausgeklapptes Menü*/
|
||
|
|
width: 20%;
|
||
|
|
float: left;
|
||
|
|
background-color: #FFFFFF;
|
||
|
|
padding-left:2px;
|
||
|
|
padding-right:2px;
|
||
|
|
}
|
||
|
|
#makronavigation .visited {
|
||
|
|
/* Klasse, welche den Link formatiert, wenn die Seite aktiv ist*/
|
||
|
|
color: #0A4F7E;
|
||
|
|
text-decoration: none;
|
||
|
|
list-style-type: none;
|
||
|
|
list-style-position: outside;
|
||
|
|
margin-left: 0px;
|
||
|
|
margin-bottom: 10px;
|
||
|
|
padding-left: 0px;
|
||
|
|
left: 0px;
|
||
|
|
font-weight: bold;
|
||
|
|
line-height: 13px;
|
||
|
|
}
|
||
|
|
#makronavigation .auflistung {
|
||
|
|
/* Klasse, welche den Link formatiert, wenn die Seite nicht aktiv ist*/
|
||
|
|
color: #0A4F7E;
|
||
|
|
text-decoration: none;
|
||
|
|
list-style-type: none;
|
||
|
|
list-style-position: outside;
|
||
|
|
margin-left: 0px;
|
||
|
|
margin-bottom: 10px;
|
||
|
|
padding-left: 0px;
|
||
|
|
left: 0px;
|
||
|
|
font-weight: normal;
|
||
|
|
line-height: 13px;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
#makronavigation .auflistung img {
|
||
|
|
/*der < wird formatiert */
|
||
|
|
vertical-align:bottom;
|
||
|
|
}
|
||
|
|
#min_navigation {
|
||
|
|
/* Eingeklapptes Menü */
|
||
|
|
float: left;
|
||
|
|
width: 16px;
|
||
|
|
}
|
||
|
|
.makromenueauf:link, .makromenueauf:visited {
|
||
|
|
/* Eingeklapptes Menü formatieren*/
|
||
|
|
display: block;
|
||
|
|
width: 12px;
|
||
|
|
height: 135px;
|
||
|
|
background: url(http://localhost/QIS/images/buttons/menuaufblauObreit.gif);
|
||
|
|
}
|
||
|
|
.makromenueauf:hover, .makromenueauf:active, .makromenueauf:focus {
|
||
|
|
/* Eingeklapptes Menü formatieren*/
|
||
|
|
background-image: url(http://localhost/QIS/images/buttons/menuaufrot.gif);
|
||
|
|
}
|
||
|
|
.makromenueauf span {
|
||
|
|
/* Eingeklapptes Menü formatieren*/
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
/*
|
||
|
|
### Makronavitation - Ende ###
|
||
|
|
*/
|
||
|
|
|
||
|
|
|
||
|
|
.currentItem {
|
||
|
|
font-weight: bold;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* inactive identisch mit auflistung bis auf color */
|
||
|
|
/* wegen Internet Explorer identische Einträge wiederholen */
|
||
|
|
.inactive {
|
||
|
|
color: darkgrey;
|
||
|
|
text-decoration: none;
|
||
|
|
list-style-type: none;
|
||
|
|
list-style-position: outside;
|
||
|
|
margin-left: 0px;
|
||
|
|
margin-bottom: 10px;
|
||
|
|
padding-left: 0px;
|
||
|
|
left: 0px;
|
||
|
|
font-weight: normal;
|
||
|
|
line-height: 13px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.content {
|
||
|
|
width: 77%;
|
||
|
|
background-color:#DEE2EB;
|
||
|
|
padding:4px;
|
||
|
|
float:left; /* prf */
|
||
|
|
display: block; /* prf */
|
||
|
|
}
|
||
|
|
.content_max {
|
||
|
|
background-color: #DEE2EB;
|
||
|
|
padding:4px;
|
||
|
|
float:left;
|
||
|
|
display: block;
|
||
|
|
width: 93%;
|
||
|
|
}
|
||
|
|
.content_max_portal {
|
||
|
|
background-color: #DEE2EB;
|
||
|
|
padding:4px;
|
||
|
|
float:left;
|
||
|
|
display: block;
|
||
|
|
width: 78%;
|
||
|
|
}
|
||
|
|
.content_full_portal {
|
||
|
|
background-color: #DEE2EB;
|
||
|
|
padding: 4px;
|
||
|
|
float: left;
|
||
|
|
display: block;
|
||
|
|
width: 98%;
|
||
|
|
}
|
||
|
|
.contentbreit {
|
||
|
|
width: 99%;
|
||
|
|
background-color: #DEE2EB;
|
||
|
|
padding:4px;
|
||
|
|
}
|
||
|
|
.divloginstatus {
|
||
|
|
background-color: #006AB3;
|
||
|
|
color: #FAFAFA;
|
||
|
|
padding: 3px 0px 2px 7px;
|
||
|
|
margin-top: 4px;
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
.divfoot {
|
||
|
|
background-color: #006AB3;
|
||
|
|
color: #FAFAFA;
|
||
|
|
padding: 2px 0px 2px 4px;
|
||
|
|
margin-top: 5px;
|
||
|
|
clear: left;
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
.divheader{
|
||
|
|
width: 100%;
|
||
|
|
margin-top:3px;
|
||
|
|
margin-bottom: 3px;
|
||
|
|
}
|
||
|
|
.divlinks {
|
||
|
|
color: #014A7B;
|
||
|
|
background-color: #FFFFFF;
|
||
|
|
padding: 3px 0px 5px 4px;
|
||
|
|
margin-top: 3px;
|
||
|
|
}
|
||
|
|
.portalcontent{
|
||
|
|
width:35%;
|
||
|
|
float:left;
|
||
|
|
padding-left:4px;
|
||
|
|
padding-right:4px;
|
||
|
|
margin-top:25px;
|
||
|
|
}
|
||
|
|
.portalcontent2{
|
||
|
|
width:45%;
|
||
|
|
float:left;
|
||
|
|
padding: 120px 0px 4px 4px;
|
||
|
|
position:relative;
|
||
|
|
}
|
||
|
|
/*****************************************************************************/
|
||
|
|
/* Allgemeines Layout */
|
||
|
|
/*****************************************************************************/
|
||
|
|
hr {
|
||
|
|
background-color: #014A7B;
|
||
|
|
padding: 0;
|
||
|
|
margin-top: 1px;
|
||
|
|
margin-bottom: 1px;
|
||
|
|
border-bottom: 0px #00F;
|
||
|
|
height:1px;
|
||
|
|
}
|
||
|
|
.unsichtbar {
|
||
|
|
position: absolute;
|
||
|
|
left: -3000px;
|
||
|
|
}
|
||
|
|
label {
|
||
|
|
cursor: pointer;
|
||
|
|
}
|
||
|
|
/*****************************************************************************/
|
||
|
|
/* Mikrolayout Contentbereich */
|
||
|
|
/*****************************************************************************/
|
||
|
|
/*****************************************************************************/
|
||
|
|
/* Karteikarten Mikronavigation*/
|
||
|
|
/*****************************************************************************/
|
||
|
|
.mikronavi {
|
||
|
|
background-color: #FFFFFF;
|
||
|
|
line-height: 170%;
|
||
|
|
padding: 4px 6px 4px 6px;
|
||
|
|
margin: 10px 0px 0px 0px;
|
||
|
|
border: 1px solid #7FB4D8;
|
||
|
|
min-width: 530px;
|
||
|
|
}
|
||
|
|
.mikronavi a:link, .mikronavi a:visited, .mikronavi a:focus, .mikronavi a:hover, .mikronavi a:active {
|
||
|
|
color: #014A7B;
|
||
|
|
text-decoration: underline;
|
||
|
|
}
|
||
|
|
.mikronavi a:focus {
|
||
|
|
color: #7FB4D8;
|
||
|
|
}
|
||
|
|
.mikronavi a:hover {
|
||
|
|
color: #7FB4D8;
|
||
|
|
}
|
||
|
|
.mikronavi a:active {
|
||
|
|
color: #7FB4D8;
|
||
|
|
}
|
||
|
|
.mikronavi ul{
|
||
|
|
list-style-type:none;
|
||
|
|
margin: 0;
|
||
|
|
padding: 0;
|
||
|
|
}
|
||
|
|
.mikronavi li{
|
||
|
|
list-style-type:none;
|
||
|
|
border-left: #7FB4D8 1px solid;
|
||
|
|
padding: 0px 4px 0px 6px;
|
||
|
|
margin:10px 0;
|
||
|
|
display:inline;
|
||
|
|
}
|
||
|
|
.mikronavi li.randlos {
|
||
|
|
border: 0;
|
||
|
|
}
|
||
|
|
/*****************************************************************************/
|
||
|
|
/* Links */
|
||
|
|
/*****************************************************************************/
|
||
|
|
/* fuer den Loginstatus */
|
||
|
|
.links3 {
|
||
|
|
line-height: 20px;
|
||
|
|
color: #FFFFFF;
|
||
|
|
font-weight: bold;
|
||
|
|
text-decoration: none;
|
||
|
|
}
|
||
|
|
.links3:focus, .links3:hover, .links3:active {
|
||
|
|
color: #AF2B2B;
|
||
|
|
background-color: #EFDFC2;
|
||
|
|
text-decoration: underline;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* fuer die Hauptmenuepunkte der Makronavigation */
|
||
|
|
.links2, .links2visited {
|
||
|
|
font-size: 120%;
|
||
|
|
line-height: 24px;
|
||
|
|
}
|
||
|
|
.links2, .links2visited {
|
||
|
|
color: #014A7B;
|
||
|
|
text-decoration: none;
|
||
|
|
}
|
||
|
|
.links2visited {
|
||
|
|
font-weight: bold;
|
||
|
|
}
|
||
|
|
.links2:focus, .links2:hover, .links2:active {
|
||
|
|
color: #AF2B2B;
|
||
|
|
background-color: #EFDFC2;
|
||
|
|
text-decoration: underline;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* fuer die Makronavigation*/
|
||
|
|
#makronavigation a:focus, #makronavigation a:hover, #makronavigation a:active {
|
||
|
|
color: #AF2B2B;
|
||
|
|
background-color: #EFDFC2;
|
||
|
|
text-decoration: underline;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* fuer einen beliebigen Link im Content-Bereich */
|
||
|
|
a.regular:link, a.regular:visited, a.regular:focus, a.regular:hover, a.regular:active {
|
||
|
|
color: #014A7B;
|
||
|
|
text-decoration: underline;
|
||
|
|
}
|
||
|
|
a.regular:visited {
|
||
|
|
color: #8B598F;
|
||
|
|
}
|
||
|
|
a.regular:focus {
|
||
|
|
color: #AF2B2B;
|
||
|
|
background-color: #EFDFC2;
|
||
|
|
}
|
||
|
|
a.regular:hover {
|
||
|
|
color: #AF2B2B;
|
||
|
|
background-color: #EFDFC2;
|
||
|
|
}
|
||
|
|
a.regular:active {
|
||
|
|
color: #7FB4D8;
|
||
|
|
}
|
||
|
|
|
||
|
|
.links, .linksvisited {
|
||
|
|
line-height: 20px;
|
||
|
|
list-style-type: none;
|
||
|
|
list-style-image: none;
|
||
|
|
margin-left: 0px;
|
||
|
|
padding: 0;
|
||
|
|
}
|
||
|
|
.links {
|
||
|
|
text-decoration: none;
|
||
|
|
font-weight: normal;
|
||
|
|
}
|
||
|
|
.linksvisited {
|
||
|
|
font-weight: bold;
|
||
|
|
}
|
||
|
|
|
||
|
|
.minilinks {
|
||
|
|
font-size: 75%;
|
||
|
|
text-decoration: none;
|
||
|
|
font-weight:normal;
|
||
|
|
}
|
||
|
|
/*a:hover {
|
||
|
|
color: #7FB4D8;
|
||
|
|
text-decoration: underline;
|
||
|
|
}
|
||
|
|
a:link {
|
||
|
|
text-decoration:none;
|
||
|
|
}
|
||
|
|
a:visited {
|
||
|
|
text-decoration:none;
|
||
|
|
}*/
|
||
|
|
/*****************************************************************************/
|
||
|
|
/* Tabellen */
|
||
|
|
/*****************************************************************************/
|
||
|
|
.mod, .mod_header, .mod_modul {
|
||
|
|
font-weight: bold;
|
||
|
|
text-align: left;
|
||
|
|
vertical-align: top;
|
||
|
|
white-space: nowrap;
|
||
|
|
border-left: #7FB4D8 1px solid;
|
||
|
|
border-bottom: #7FB4D8 1px solid;
|
||
|
|
border-right: #7FB4D8 1px solid;
|
||
|
|
padding: 2px 7px 2px 7px;
|
||
|
|
}
|
||
|
|
.mod_header {
|
||
|
|
width: 10%;
|
||
|
|
}
|
||
|
|
.mod_modul {
|
||
|
|
width: 10%;
|
||
|
|
}
|
||
|
|
.mod_n, .mod_n_odd, .mod_n_even, .mod_n_basic, .mod_n_department, .mod_n_error {
|
||
|
|
border: 0.5pt;
|
||
|
|
background-color: #FFFFFF;
|
||
|
|
font-weight: normal;
|
||
|
|
vertical-align: top;
|
||
|
|
padding: 2px 7px 2px 7px;
|
||
|
|
}
|
||
|
|
.mod_n_even{
|
||
|
|
background-color: #EFEFEF;
|
||
|
|
}
|
||
|
|
.mod_n_basic {
|
||
|
|
width: 30%;
|
||
|
|
}
|
||
|
|
.mod_n_error {
|
||
|
|
color: #FF0000;
|
||
|
|
}
|
||
|
|
|
||
|
|
.mod_n_department {
|
||
|
|
width: 50%;
|
||
|
|
}
|
||
|
|
.mod_t{
|
||
|
|
background-color: #7FB4D8;
|
||
|
|
font-size: 120%;
|
||
|
|
font-weight: bolder;
|
||
|
|
padding-top: 2px;
|
||
|
|
padding-bottom: 2px;
|
||
|
|
}
|
||
|
|
.qis_header{
|
||
|
|
background-color: #7FB4D8;
|
||
|
|
font-weight: bold;
|
||
|
|
font-size: 160%;
|
||
|
|
}
|
||
|
|
.qis_verlauf{
|
||
|
|
background-color: #DEE2EB;
|
||
|
|
font-size: 110%;
|
||
|
|
}
|
||
|
|
.qis_infos{
|
||
|
|
background-color: #DEE2EB;
|
||
|
|
}
|
||
|
|
.qis_fach{
|
||
|
|
background-color: #EAEBEC;
|
||
|
|
font-size: 110%;
|
||
|
|
font-weight: bold;
|
||
|
|
}
|
||
|
|
.qis_records{
|
||
|
|
color: #014A7B;
|
||
|
|
}
|
||
|
|
.qis_kontoOnTop{
|
||
|
|
font-size: 110%;
|
||
|
|
font-weight: bold;
|
||
|
|
background: #F0FFFF;
|
||
|
|
}
|
||
|
|
.qis_konto{
|
||
|
|
background: #F0FFFF;
|
||
|
|
}
|
||
|
|
.qis_veranst {
|
||
|
|
text-align: justify;
|
||
|
|
color: #808080;
|
||
|
|
text-decoration: none;
|
||
|
|
font-weight: bold;
|
||
|
|
background-color: #FAFAFA;
|
||
|
|
line-height: 14px;
|
||
|
|
border: 1px solid #DEE2EB;
|
||
|
|
padding:2px;
|
||
|
|
}
|
||
|
|
.tabelle1 {
|
||
|
|
text-align: justify;
|
||
|
|
color: #375798;
|
||
|
|
text-decoration: none;
|
||
|
|
font-weight: bold;
|
||
|
|
background-color: #FAFAFA;
|
||
|
|
line-height: 14px;
|
||
|
|
border: 1px solid #DEE2EB;
|
||
|
|
padding: 2px;
|
||
|
|
}
|
||
|
|
.tabelleheader {
|
||
|
|
font-weight: bold;
|
||
|
|
color: #FAFAFA;
|
||
|
|
text-decoration: none;
|
||
|
|
text-align:justify;
|
||
|
|
background-color: #5381BE;
|
||
|
|
border: 1px solid #FFFFFF;
|
||
|
|
padding: 2px;
|
||
|
|
}
|
||
|
|
.tabelleheadertext {
|
||
|
|
font-weight: bold;
|
||
|
|
color: #FAFAFA;
|
||
|
|
text-decoration: none;
|
||
|
|
}
|
||
|
|
/*****************************************************************************/
|
||
|
|
/* DIV-Container */
|
||
|
|
/*****************************************************************************/
|
||
|
|
.menublock{
|
||
|
|
margin-left: 50px;
|
||
|
|
background-color:#FAFAFA;
|
||
|
|
width:100%;
|
||
|
|
padding:5px;
|
||
|
|
}
|
||
|
|
.abstand_veranstaltung {
|
||
|
|
height: 20px;
|
||
|
|
clear: both;
|
||
|
|
}
|
||
|
|
.abstand_leistung, .abstand_info {
|
||
|
|
height: 20px;
|
||
|
|
clear: both;
|
||
|
|
}
|
||
|
|
.abstand_search {
|
||
|
|
height: 10px;
|
||
|
|
clear: both;
|
||
|
|
}
|
||
|
|
.abstand_pruefinfo {
|
||
|
|
height: 20px;
|
||
|
|
clear: both;
|
||
|
|
}
|
||
|
|
#searchHelp {
|
||
|
|
float: right;
|
||
|
|
}
|
||
|
|
.cal_Inline, .cal_NewLine {
|
||
|
|
padding: 0px 5% 5% 0px;
|
||
|
|
float: left;
|
||
|
|
}
|
||
|
|
.cal_NewLine {
|
||
|
|
clear: both;
|
||
|
|
}
|
||
|
|
.Kruemelpfad {
|
||
|
|
font-size: 85%;
|
||
|
|
font-weight: normal;
|
||
|
|
border-top: 1px solid #FFFFFF;
|
||
|
|
border-bottom: 1px solid #FFFFFF;
|
||
|
|
padding: 6px 0px 6px 0px;
|
||
|
|
}
|
||
|
|
.KruemelpfadEintrag {
|
||
|
|
background-image: url('/QIS/images/his_minipfeile.gif');
|
||
|
|
background-repeat: no-repeat;
|
||
|
|
background-position: 0px center;
|
||
|
|
padding-left: 20px;
|
||
|
|
display: inline;
|
||
|
|
}
|
||
|
|
#Studienganginfo, .InfoLeiste {
|
||
|
|
border-top: 1px solid #FFFFFF;
|
||
|
|
border-bottom: 1px solid #FFFFFF;
|
||
|
|
padding: 6px 0px 6px 0px;
|
||
|
|
}
|
||
|
|
.Leistungen_Inhalt {
|
||
|
|
padding-left: 16px;
|
||
|
|
}
|
||
|
|
.inputlabel, .pseudolabel {
|
||
|
|
width: 20%;
|
||
|
|
text-align: right;
|
||
|
|
vertical-align: middle;
|
||
|
|
float: left;
|
||
|
|
margin-right: 5px;
|
||
|
|
}
|
||
|
|
.infolabel {
|
||
|
|
width: 12%;
|
||
|
|
text-align: right;
|
||
|
|
clear: both;
|
||
|
|
float: left;
|
||
|
|
margin-right: 5px;
|
||
|
|
}
|
||
|
|
.bezeichner, .bezeichner_exam {
|
||
|
|
font-weight: bold;
|
||
|
|
width: 20%;
|
||
|
|
border-left: 1px solid #7fb4d8;
|
||
|
|
border-bottom: 1px solid #7fb4d8;
|
||
|
|
border-right: 1px solid #7fb4d8;
|
||
|
|
padding: 2px 7px 2px 7px;
|
||
|
|
clear: both;
|
||
|
|
float: left;
|
||
|
|
}
|
||
|
|
.feld, .feld_exam {
|
||
|
|
width: 50%;
|
||
|
|
background-color: #FFFFFF;
|
||
|
|
padding: 2px 7px 2px 7px;
|
||
|
|
}
|
||
|
|
#change_header {
|
||
|
|
background-color: #FFFFCC;
|
||
|
|
margin-bottom: 1em;
|
||
|
|
padding: 3px;
|
||
|
|
}
|
||
|
|
#change_header_text {
|
||
|
|
float: left
|
||
|
|
}
|
||
|
|
#change_header_detail {
|
||
|
|
width: 100%;
|
||
|
|
text-align: right;
|
||
|
|
}
|
||
|
|
.missing_checkbox {
|
||
|
|
margin-right: 5px;
|
||
|
|
float: left;
|
||
|
|
}
|
||
|
|
.erg_list_entry {
|
||
|
|
line-height: 150%;
|
||
|
|
clear: both;
|
||
|
|
display: block;
|
||
|
|
}
|
||
|
|
.erg_list_label, .erg_list_label_small, .erg_list_label_title {
|
||
|
|
font-weight: bold;
|
||
|
|
text-align: right;
|
||
|
|
width: 25%;
|
||
|
|
margin-right: 10px;
|
||
|
|
float: left;
|
||
|
|
}
|
||
|
|
.erg_list_label_small {
|
||
|
|
width: 20%;
|
||
|
|
}
|
||
|
|
.erg_list_label_title {
|
||
|
|
width: 5%;
|
||
|
|
}
|
||
|
|
/*****************************************************************************/
|
||
|
|
/* Überschriften */
|
||
|
|
/*****************************************************************************/
|
||
|
|
h1{
|
||
|
|
font-size:150%;
|
||
|
|
font-weight: bold;
|
||
|
|
margin-bottom: 3px;
|
||
|
|
margin-top: 3px;
|
||
|
|
}
|
||
|
|
h2, .t_capt {
|
||
|
|
font-size: 120%;
|
||
|
|
font-weight: bold;
|
||
|
|
margin-bottom: 3px;
|
||
|
|
margin-top: 3px;
|
||
|
|
white-space:nowrap;
|
||
|
|
}
|
||
|
|
.t_capt {
|
||
|
|
text-align: left;
|
||
|
|
margin-bottom: 10px;
|
||
|
|
}
|
||
|
|
h4{
|
||
|
|
font-size: 100%;
|
||
|
|
text-decoration: none;
|
||
|
|
font-weight: normal;
|
||
|
|
list-style-type: none;
|
||
|
|
list-style-image: none;
|
||
|
|
margin-left: 0px;
|
||
|
|
padding: 0;
|
||
|
|
margin-bottom: 10px;
|
||
|
|
margin-top: 10px;
|
||
|
|
}
|
||
|
|
/* deprecated: -- h1 verwenden --*/
|
||
|
|
.inhalt {
|
||
|
|
font-size:200%;
|
||
|
|
color: #014A7B;
|
||
|
|
font-weight: bold;
|
||
|
|
padding-left:8px;
|
||
|
|
}
|
||
|
|
/*****************************************************************************/
|
||
|
|
/* Texte */
|
||
|
|
/*****************************************************************************/
|
||
|
|
.warnung{
|
||
|
|
color: #FF0000;
|
||
|
|
font-weight: bolder;
|
||
|
|
}
|
||
|
|
.grueneWarnung{
|
||
|
|
color: #119022;
|
||
|
|
}
|
||
|
|
.standardgroesse {
|
||
|
|
font-size: 82.5%;
|
||
|
|
}
|
||
|
|
/*****************************************************************************/
|
||
|
|
/* Listen */
|
||
|
|
/*****************************************************************************/
|
||
|
|
ul.treelist, ul.treelist ul, ul.treelist1, ul.treelist1 ul {
|
||
|
|
margin: 0;
|
||
|
|
padding-left: 20px;
|
||
|
|
}
|
||
|
|
ul.treelist li, ul.treelist1 li {
|
||
|
|
margin-top: 0.2em;
|
||
|
|
list-style-type: none;
|
||
|
|
}
|
||
|
|
ul.treelist1, ul.treelist1 ul {
|
||
|
|
padding-left: 8px;
|
||
|
|
font-weight: bold;
|
||
|
|
text-decoration: none;
|
||
|
|
}
|
||
|
|
ul.treelist1 li {
|
||
|
|
font-weight: bold;
|
||
|
|
text-decoration: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* ANFANG: Listen im contentbereich, bspw. Hilfe-Center*/
|
||
|
|
.mikronavi_list {
|
||
|
|
/*width: 50%;*/
|
||
|
|
background-color: #FFFFFF;
|
||
|
|
line-height: 170%;
|
||
|
|
padding: 4px 6px 4px 6px;
|
||
|
|
margin: 10px 0px 0px 0px;
|
||
|
|
border: 1px solid #7FB4D8;
|
||
|
|
min-width: 430px;
|
||
|
|
}
|
||
|
|
.mikronavi_list .liste_lang{
|
||
|
|
width: 90%;
|
||
|
|
background-color: red;
|
||
|
|
}
|
||
|
|
.mikronavi_list a:link, .mikronavi_list a:visited, .mikronavi_list a:focus, .mikronavi_list a:hover, .mikronavi_list a:active {
|
||
|
|
color: #014A7B;
|
||
|
|
text-decoration: underline;
|
||
|
|
}
|
||
|
|
.mikronavi_list a:focus {
|
||
|
|
color: #7FB4D8;
|
||
|
|
}
|
||
|
|
.mikronavi_list a:hover {
|
||
|
|
color: #7FB4D8;
|
||
|
|
}
|
||
|
|
.mikronavi_list a:active {
|
||
|
|
color: #7FB4D8;
|
||
|
|
}
|
||
|
|
.mikronavi_list ul{
|
||
|
|
margin: 0;
|
||
|
|
padding-left: 10px;
|
||
|
|
list-style-type:none;
|
||
|
|
}
|
||
|
|
.mikronavi_list ol{
|
||
|
|
|
||
|
|
}
|
||
|
|
.mikronavi_list li{
|
||
|
|
|
||
|
|
}
|
||
|
|
.abstand20 {
|
||
|
|
display: block;
|
||
|
|
float: left;
|
||
|
|
width: 20%; /* Breite.*/
|
||
|
|
min-width: 120px;
|
||
|
|
}
|
||
|
|
.abstand80 {
|
||
|
|
display: block;
|
||
|
|
float: left;
|
||
|
|
width: 75%; /* Breite.*/
|
||
|
|
}
|
||
|
|
.abstandEnde {
|
||
|
|
display: block;
|
||
|
|
width: 0%; /* Breite.*/
|
||
|
|
clear: left;
|
||
|
|
}
|
||
|
|
/* ENDE: Listen im Contentbereich */
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
li.Abstand_in_Listen {
|
||
|
|
padding: 0px 0px 6px 0px;
|
||
|
|
}
|
||
|
|
/*****************************************************************************/
|
||
|
|
/* Absätze */
|
||
|
|
/*****************************************************************************/
|
||
|
|
p {
|
||
|
|
margin: 1px;
|
||
|
|
padding: 1px;
|
||
|
|
}
|
||
|
|
/*****************************************************************************/
|
||
|
|
/* Fehlermeldungen */
|
||
|
|
/*****************************************************************************/
|
||
|
|
.fehlermeldung {
|
||
|
|
font-size: 75%;
|
||
|
|
line-height: 10px;
|
||
|
|
color: #CC3300;
|
||
|
|
text-decoration: none;
|
||
|
|
}
|
||
|
|
/*****************************************************************************/
|
||
|
|
/* Farben */
|
||
|
|
/*****************************************************************************/
|
||
|
|
.color {
|
||
|
|
color: #014A7B;
|
||
|
|
}
|
||
|
|
.darkbluecolor {
|
||
|
|
color: #014C7E;
|
||
|
|
}
|
||
|
|
.orangecolor {
|
||
|
|
color: #F0B413;
|
||
|
|
}
|
||
|
|
.redcolor {
|
||
|
|
color: #BB0000;
|
||
|
|
}
|
||
|
|
.background {
|
||
|
|
background-color: #FFFFFF;
|
||
|
|
padding-left:7px;
|
||
|
|
padding-top:5px;
|
||
|
|
padding-right:7px;
|
||
|
|
}
|
||
|
|
.termWeekDay {
|
||
|
|
background-color: #FFFFCC;
|
||
|
|
}
|
||
|
|
.termWeekendDay {
|
||
|
|
background-color: #FFFF99;
|
||
|
|
}
|
||
|
|
.feiertag {
|
||
|
|
color: #2299BB;
|
||
|
|
font-weight: bold;
|
||
|
|
}
|
||
|
|
.day {
|
||
|
|
background-color: #dbdde9;
|
||
|
|
}
|
||
|
|
.weekend {
|
||
|
|
background-color: #bdc0d7;
|
||
|
|
}
|
||
|
|
.today {
|
||
|
|
color: #FF0000;
|
||
|
|
font-weight: bold;
|
||
|
|
}
|
||
|
|
.todayweekend {
|
||
|
|
font-weight: bold;
|
||
|
|
color: #FF0000;
|
||
|
|
background-color: #bdc0d7;
|
||
|
|
}
|
||
|
|
/*****************************************************************************/
|
||
|
|
/* Formulare */
|
||
|
|
/*****************************************************************************/
|
||
|
|
/*****************************************************************************/
|
||
|
|
/* Formulare.DIV-Container */
|
||
|
|
/*****************************************************************************/
|
||
|
|
.formular{
|
||
|
|
margin: 1px;
|
||
|
|
padding: 1px;
|
||
|
|
}
|
||
|
|
/*****************************************************************************/
|
||
|
|
/* Formulare.Label */
|
||
|
|
/*****************************************************************************/
|
||
|
|
.label{
|
||
|
|
width: 90px;
|
||
|
|
border: 0px solid #851395;
|
||
|
|
text-align: left;
|
||
|
|
display: block;
|
||
|
|
float: left;
|
||
|
|
margin-right: 5px;
|
||
|
|
line-height: 20px;
|
||
|
|
font-weight: normal;
|
||
|
|
margin-left: 0px;
|
||
|
|
padding: 0;
|
||
|
|
}
|
||
|
|
/*****************************************************************************/
|
||
|
|
/* Formulare.Input */
|
||
|
|
/*****************************************************************************/
|
||
|
|
input:focus, input:hover, input:active,
|
||
|
|
select:focus, select:hover, select:active,
|
||
|
|
textarea:focus, textarea:hover, textarea:active {
|
||
|
|
background-color: #EFDFC2;
|
||
|
|
/*background-color: #eaedd7;*/
|
||
|
|
}
|
||
|
|
.radio {
|
||
|
|
text-align: left;
|
||
|
|
}
|
||
|
|
/*****************************************************************************/
|
||
|
|
/* Formulare.Textield */
|
||
|
|
/*****************************************************************************/
|
||
|
|
/*****************************************************************************/
|
||
|
|
/* Submitbuttons */
|
||
|
|
/*****************************************************************************/
|
||
|
|
.button {
|
||
|
|
font-size: 120%;
|
||
|
|
line-height: 24px;
|
||
|
|
color: #FFFFFF;
|
||
|
|
background-color: #014A7B;
|
||
|
|
border: #6B8AC9;
|
||
|
|
}
|
||
|
|
/*input:focus, input:hover, input:active {
|
||
|
|
color: #AF2B2B;
|
||
|
|
background-color: #EFDFC2;
|
||
|
|
}*/
|
||
|
|
/*****************************************************************************/
|
||
|
|
/* Bilder */
|
||
|
|
/*****************************************************************************/
|
||
|
|
|
||
|
|
img {
|
||
|
|
border: 0px;
|
||
|
|
}
|
||
|
|
/*img:focus, img:hover {
|
||
|
|
border: 1px solid #AF2B2B;
|
||
|
|
background-color: #EFDFC2;
|
||
|
|
}*/
|
||
|
|
img.edit {
|
||
|
|
width: 25px;
|
||
|
|
height: 15px;
|
||
|
|
}
|
||
|
|
img.termin_stift {
|
||
|
|
width: 14px;
|
||
|
|
height: 14px;
|
||
|
|
}
|
||
|
|
img.pdf {
|
||
|
|
width: 35px;
|
||
|
|
height: 16px;
|
||
|
|
}
|
||
|
|
img.matrix {
|
||
|
|
width: 20px;
|
||
|
|
height: 17px;
|
||
|
|
}
|
||
|
|
img.bubble {
|
||
|
|
width: 14px;
|
||
|
|
height: 12px;
|
||
|
|
}
|
||
|
|
img.email {
|
||
|
|
width: 15px;
|
||
|
|
height: 15px;
|
||
|
|
}
|
||
|
|
img.protocol {
|
||
|
|
width: 13px;
|
||
|
|
height: 14px;
|
||
|
|
}
|
||
|
|
img.lupe {
|
||
|
|
width: 20px;
|
||
|
|
height: 18px;
|
||
|
|
}
|
||
|
|
img.vvzueberschrift {
|
||
|
|
width: 12px;
|
||
|
|
height: 12px;
|
||
|
|
}
|
||
|
|
/*****************************************************************************/
|
||
|
|
/* JSF (TODO:Aufteilung auf Inhaltsverzeichnis) */
|
||
|
|
/*****************************************************************************/
|
||
|
|
|
||
|
|
.row {
|
||
|
|
float: left;
|
||
|
|
width: 100%;
|
||
|
|
padding-top: 2px;
|
||
|
|
padding-bottom: 2px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.left {
|
||
|
|
float: left;
|
||
|
|
width: 25%;
|
||
|
|
}
|
||
|
|
|
||
|
|
.fehlermeldung.jsf {
|
||
|
|
float: right;
|
||
|
|
width: 75%;
|
||
|
|
}
|
||
|
|
|
||
|
|
.right {
|
||
|
|
float: left;
|
||
|
|
white-space: nowrap;
|
||
|
|
}
|
||
|
|
|
||
|
|
.label.jsf {
|
||
|
|
text-align: right;
|
||
|
|
}
|
||
|
|
|
||
|
|
.labelrequired {
|
||
|
|
float: right;
|
||
|
|
}
|
||
|
|
|
||
|
|
.labelrequirederror {
|
||
|
|
font-style: italic;
|
||
|
|
float: right;
|
||
|
|
text-align: left;
|
||
|
|
}
|
||
|
|
|
||
|
|
.input.error {
|
||
|
|
outline-color: red;
|
||
|
|
outline-style: solid;
|
||
|
|
outline-width: thin;
|
||
|
|
}
|
||
|
|
|
||
|
|
.h1 {
|
||
|
|
font-weight: 600;
|
||
|
|
color:#014A7B;
|
||
|
|
}
|
||
|
|
|
||
|
|
.h2 {
|
||
|
|
padding-left: 10px;
|
||
|
|
font-weight: 600;
|
||
|
|
color:#014A7B;
|
||
|
|
}
|
||
|
|
|
||
|
|
.colLeft {
|
||
|
|
float: left;
|
||
|
|
width: 50%;
|
||
|
|
}
|
||
|
|
|
||
|
|
.colRight {
|
||
|
|
float: right;
|
||
|
|
width: 50%;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*****************************************************************************/
|
||
|
|
/* under construction */
|
||
|
|
/*****************************************************************************/
|
||
|
|
|
||
|
|
fieldset {
|
||
|
|
padding: 7px;
|
||
|
|
border: 1px solid #999999;
|
||
|
|
}
|
||
|
|
|
||
|
|
.abstand_passwort, .abstand_vvz {
|
||
|
|
height: 20px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.hidden {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.Tree {
|
||
|
|
padding: 0px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.aboutHIS {
|
||
|
|
padding: 10px;
|
||
|
|
float: left;
|
||
|
|
}
|
||
|
|
|
||
|
|
.about_Eintrag {
|
||
|
|
padding-left: 40px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.erg_list_line {
|
||
|
|
background-color: #DEE2EB;
|
||
|
|
border: dashed 1px #FFFFFF;
|
||
|
|
margin-top: 10px;
|
||
|
|
margin-bottom: 10px;
|
||
|
|
}
|
||
|
|
.macro_div {
|
||
|
|
margin-right: 5px;
|
||
|
|
float: left;
|
||
|
|
}
|
||
|
|
.just_float_left {
|
||
|
|
margin-right: 5px;
|
||
|
|
float: left;
|
||
|
|
}
|
||
|
|
.webTerm_activities {
|
||
|
|
margin: 3px 0px 5px 0px;
|
||
|
|
}
|