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