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.
1140 lines
23 KiB
1140 lines
23 KiB
/* import der aktiven QIS-CSS-Definitionen des alten Layouts in neuem Design: */ |
|
|
|
/* 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 */ |
|
/*****************************************************************************/ |
|
#wrapper{ |
|
width: auto; |
|
} |
|
|
|
body { |
|
font-size:82.5%; |
|
} |
|
.divcontent { |
|
/* UmschließtNavigationsbaum und Inhalt*/ |
|
float:left; |
|
background-color:#FFFFFF; |
|
width: 100%; |
|
margin-bottom:5px; |
|
display:inline; |
|
} |
|
|
|
/* |
|
### Makronavitation - Anfang ### |
|
*/ |
|
#makronavigation { |
|
/* Ausgeklapptes Menü*/ |
|
float: right; |
|
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(../../QIS/images/buttons/menuaufblauObreit.gif); |
|
} |
|
.makromenueauf:hover, .makromenueauf:active, .makromenueauf:focus { |
|
/* Eingeklapptes Menü formatieren*/ |
|
background-image: url(../../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: 100%; |
|
padding:1px; |
|
/*display: block; prf */ |
|
float:left; /* prf */ |
|
} |
|
.content_max { |
|
width: 100%; |
|
padding:2px; |
|
display: block; |
|
} |
|
.content_max_portal { |
|
padding: 1px; |
|
display: block; |
|
} |
|
.content_full_portal { |
|
padding: 4px; |
|
display: block; |
|
} |
|
.contentbreit { |
|
width: 99%; |
|
} |
|
.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:30%; |
|
float:left; |
|
padding: 220px 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; |
|
} |
|
/*****************************************************************************/ |
|
/* Funktionselemente */ |
|
/*****************************************************************************/ |
|
.functionnavi { |
|
background-color: #EFEFEF; |
|
line-height: 170%; |
|
padding: 4px 6px 4px 6px; |
|
margin: 10px 0px 0px 0px; |
|
border: 1px solid #7FB4D8; |
|
min-width: 530px; |
|
} |
|
.functionnavi a:link, .mikronavi a:visited, .mikronavi a:focus, .mikronavi a:hover, .mikronavi a:active { |
|
color: #014A7B; |
|
text-decoration: underline; |
|
} |
|
.functionnavi a:focus { |
|
color: #7FB4D8; |
|
} |
|
.functionnavi a:hover { |
|
color: #7FB4D8; |
|
} |
|
.functionnavi a:active { |
|
color: #7FB4D8; |
|
} |
|
.functionnavi ul{ |
|
list-style-type:none; |
|
margin: 0; |
|
padding: 0; |
|
} |
|
.functionnavi li{ |
|
list-style-type:none; |
|
border-left: #7FB4D8 1px solid; |
|
padding: 0px 4px 0px 6px; |
|
margin:10px 0; |
|
display:inline; |
|
} |
|
.functionnavi 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; |
|
} |
|
|
|
/* fuer Registerkarten im Content-Bereich */ |
|
a.register:link, a.register:visited, a.register:focus, a.register:hover, a.register:active { |
|
color: #014A7B; |
|
text-decoration: none; |
|
} |
|
a.register:visited { |
|
color: #014A7B; |
|
} |
|
a.register:focus { |
|
color: #AF2B2B; |
|
background-color: #EFDFC2; |
|
text-decoration: underline; |
|
} |
|
a.register:hover { |
|
color: #AF2B2B; |
|
background-color: #EFDFC2; |
|
text-decoration: underline; |
|
} |
|
a.register:active { |
|
color: #7FB4D8; |
|
text-decoration: underline; |
|
} |
|
.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; |
|
} |
|
|
|
/* fuer Links in der Prüfungsanmeldung, die eine An- oder Abmeldung auslöst */ |
|
a.pr_storno:link, a.pr_storno:visited, a.pr_storno:focus, a.pr_storno:hover, a.pr_storno:active, |
|
a.pr_anmeld:link, a.pr_anmeld:visited, a.pr_anmeld:focus, a.pr_anmeld:hover, a.pr_anmeld:active, |
|
a.pr_ummeld:link, a.pr_ummeld:visited, a.pr_ummeld:focus, a.pr_ummeld:hover, a.pr_ummeld:active, |
|
a.pr_beleg:link, a.pr_beleg:visited, a.pr_beleg:focus, a.pr_beleg:hover, a.pr_beleg:active { |
|
text-decoration: underline; |
|
} |
|
a.pr_storno:link, a.pr_storno:visited { |
|
color: #DD5555; |
|
} |
|
a.pr_anmeld:link, a.pr_anmeld:visited { |
|
color: #55BB55; |
|
} |
|
a.pr_ummeld:link, a.pr_ummeld:visited { |
|
color: #AAAA55; |
|
} |
|
a.pr_beleg:link, a.pr_beleg:visited { |
|
color: #5555AA; |
|
} |
|
a.pr_storno:focus, a.pr_anmeld:focus, a.pr_ummeld:focus, a.pr_beleg:focus { |
|
color: #AF2B2B; |
|
background-color: #EFDFC2; |
|
} |
|
a.pr_storno:hover, a.pr_anmeld:hover, a.pr_ummeld:hover, a.pr_beleg:hover { |
|
color: #AF2B2B; |
|
background-color: #EFDFC2; |
|
} |
|
a.pr_storno:active, a.pr_anmeld:active, a.pr_ummeld:active, a.pr_beleg:active { |
|
color: #7FB4D8; |
|
} |
|
|
|
/*****************************************************************************/ |
|
/* Tabellen */ |
|
/*****************************************************************************/ |
|
.mod, .mod_header, .mod_modul, .mod_grid { |
|
font-weight: bold; |
|
text-align: left; |
|
vertical-align: top; |
|
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_grid { |
|
padding: 2px; |
|
white-space: normal; |
|
} |
|
.mod_n, .mod_n_odd, .mod_n_even, .mod_n_basic, .mod_n_department, .mod_n_error, .mod_n_conflict { |
|
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_conflict { |
|
border:1px solid red; |
|
} |
|
|
|
.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: left; |
|
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: 20px; |
|
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 { |
|
float:left; |
|
margin-right:5px; |
|
text-align:right; |
|
vertical-align:middle; |
|
width:19%; |
|
} |
|
.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; |
|
padding: 3px; |
|
display: block; |
|
} |
|
#change_header_text { |
|
float: left; |
|
} |
|
#change_header_detail { |
|
float: right; |
|
} |
|
.missing_checkbox { |
|
margin-right: 5px; |
|
float: left; |
|
} |
|
.erg_list_entry, .fieldset_entry { |
|
line-height: 150%; |
|
clear: both; |
|
display: block; |
|
} |
|
.fieldset_entry { |
|
margin-bottom: 3px; |
|
} |
|
|
|
.erg_list_label, .erg_list_label_small, .erg_list_label_title, .erg_list_label_narrow{ |
|
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%; |
|
} |
|
.erg_list_label_narrow { |
|
font-weight: normal; |
|
width: 20%; |
|
} |
|
.tabMenuContainer { |
|
margin: 0px; |
|
border-bottom: solid 2px #014A7B; |
|
} |
|
.divMod { |
|
font-weight: bold; |
|
white-space: nowrap; |
|
border-left: #7FB4D8 1px solid; |
|
border-bottom: #7FB4D8 1px solid; |
|
border-right: #7FB4D8 1px solid; |
|
padding: 2px 7px 2px 7px; |
|
} |
|
.divMod_n_basic { |
|
width: 30%; |
|
background-color: #FFFFFF; |
|
padding: 2px 7px 2px 7px; |
|
} |
|
.divModLineLeft { |
|
float: left; |
|
} |
|
.divModLineBreak { |
|
clear: both; |
|
padding-top: 7px; |
|
} |
|
/*****************************************************************************/ |
|
/* Ü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; |
|
font-weight: bolder; |
|
} |
|
.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{ |
|
|
|
} |
|
.tabMenuList { |
|
list-style-type: none; |
|
margin-top: 5px; |
|
margin-bottom: 3px; |
|
padding: 0px; |
|
} |
|
.tabMenuList li { |
|
height: 50px; |
|
margin: 0px; |
|
padding: 1px 1px 1px 1px; |
|
display: inline; |
|
} |
|
.tabMenuList li.current { |
|
font-weight: bold; |
|
color: #FFFFFF; |
|
background-color: #014A7B; |
|
border: 1px solid #014A7B; |
|
} |
|
.tabMenuList li.entry { |
|
margin-left: 2px; |
|
margin: 6px; |
|
border: 1px solid #014A7B; |
|
background-color: #FFFFFF; |
|
} |
|
.tabMenuList li.weitere { |
|
margin-left: 2px; |
|
border: 1px solid #014A7B; |
|
background-color: #FFFFCC; |
|
} |
|
.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; |
|
} |
|
.kleinemeldung { |
|
color: #014C7E; |
|
text-decoration: none; |
|
font-size: 12px; |
|
} |
|
.orangecolor { |
|
color: #F0B413; |
|
} |
|
.redcolor { |
|
color: #BB0000; |
|
} |
|
.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; |
|
}
|
|
|