SuperX-Kernmodul
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

/* 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;
}