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.

830 lines
22 KiB

/* Diese Datei enthält die Styles für den Navigationsrahmen und wird in HISinOne.css importiert*/
/*****************************************************************************/
/* NAMENSKONVENTIONEN FÜR NEUE CSS STYLES */
/*****************************************************************************/
/*
1. Sprechenden Namen in Englisch vergeben, evtl. abgekürzt
(z.B. "navi").
2. Namenskombinationen mit Unterstrich, falls inhaltliche Verbindung zu anderen
Styles besteht (z.B. "wizard_navi").
3. Bei mehreren gleichen Elementen unterschiedlicher Formatierung Nummerierung
einführen mit Unterstrich (z.B. "input_45" "input_2").
4. Globale Selektoren sind am Anfang einer Rubrik aufgeführt, damit man sofort
sehen kann, welche Elemente dieser Rubrik global Einfluß haben.
5. Bitte die neuen CSS entsprechend dem Inhaltsverzeichnis einsortieren,
falls neue Inhalte eingebracht werden, neue Überschrift für Inhalte auch im
Inhaltsverzeichnis ablegen.
*/
/*****************************************************************************/
/* INHALTSVERZEICHNIS */
/*****************************************************************************/
/*****************************************************************************/
/* Makro-Layout */
/*****************************************************************************/
/*****************************************************************************/
/* Makronavigation */
/*****************************************************************************/
/*****************************************************************************/
/* Header mit Logo und Services */
/*****************************************************************************/
/*****************************************************************************/
/* Login-Info Zeile */
/*****************************************************************************/
/*****************************************************************************/
/* Navigation Funktionsgruppen */
/*****************************************************************************/
/*****************************************************************************/
/* Breadcrumb */
/*****************************************************************************/
/*****************************************************************************/
/* Navigations - Baum */
/*****************************************************************************/
/*****************************************************************************/
/* Navigation - Weggeklappt */
/*****************************************************************************/
/*****************************************************************************/
/* Navigation - Wizard */
/*****************************************************************************/
/*****************************************************************************/
/* Content */
/*****************************************************************************/
/*****************************************************************************/
/* Fusszeile */
/*****************************************************************************/
/*****************************************************************************/
/* Sprungmenü */
/*****************************************************************************/
/*****************************************************************************/
/* ANFANG CSS */
/*****************************************************************************/
/*****************************************************************************/
/* Makro-Layout */
/*****************************************************************************/
#wrapper{
width: auto;
/* position:relative; */ /* wird für die footer Positionierung benötigt */
height:auto !important; /* alle browser */
height:100%; /* wird vom IE6 wie min-height behandelt */
min-height:100%; /* alle browser außer IE6 */
}
/*.divcontent { */
/* UmschließtNavigationsbaum und Inhalt*/
/* float:left; */
/* background-color: #FFFFFF; */
/* width: 100%; */
/* margin-bottom:5px; */
/* display:inline; */
/* overflow:auto; */
/*} */
.divcontent {
/* UmschließtNavigationsbaum und Inhalt*/
background-color: #FFFFFF;
width: 100%;
margin-bottom:5px;
padding:0em 0em 0.1em; /* bottom padding für den Abstand zum footer */
margin-top:5px;
}
/*****************************************************************************/
/* Makronavigation */
/*****************************************************************************/
/*
### Makronavigation - Anfang ###
*/
#makronavigation {
/* Ausgeklapptes Menü*/
width: 200px;
float: left;
padding-left:2px;
padding-right:2px;
padding-top: 5px;
}
#makronavigation .liste {
list-style-type: none;
margin-left: 0px;
margin-top: 0px;
padding-top: 0px;
margin-bottom: 0px;
padding-left: 0px;
line-height: 1.3em;
border-top:1px dashed #F1F2F5;
}
/* Erste Ebene*/
#makronavigation .liste li.first {
/*list-style-image: url(../images/icons/bullet_star.gif);*/
border-bottom:1px dashed #F1F2F5;
}
/* Zweite Ebene*/
#makronavigation .liste li.second {
padding-left: 1px;
border-left: solid 5px #F1F2F5;
background:#F1F2F5 url(../images/icons/background_text_yellow.gif) repeat scroll 0%;
border-bottom:1px dashed #F1F2F5;
}
/* Dritte Ebene*/
#makronavigation .liste li.third {
padding-left: 1px;
border-left: solid 5px #F1F2F5;
background: #ffffff
url(../images/icons/background_text_white.gif);
border-bottom:1px dashed #F1F2F5;
}
#makronavigation .visited {
/* Klasse, welche den Link formatiert, wenn die Seite aktiv ist*/
/*background-color: #ffffff;*/
text-decoration:none;
display:block;
margin-bottom: 1px;
padding-bottom: 4px;
padding-top: 3px;
color:#186090;
font-weight: bold;
cursor: pointer;
}
#makronavigation .auflistung {
/* Klasse, welche den Link formatiert, wenn die Seite nicht aktiv ist*/
/*background-color: #ffffff;*/
text-decoration:none;
display:block;
margin-bottom: 0px;
margin-top: 0px;
padding-bottom: 3px;
padding-top: 3px;
color:#186090;
cursor: pointer;
}
#makronavigation a:focus, #makronavigation a:hover, #makronavigation a:active {
background:#F1F2F5 url(../images/icons/background_content.gif) repeat scroll 0%;
text-decoration: none;
display:block;
margin-bottom: 0px;
margin-top: 0px;
padding-bottom: 3px;
padding-top: 3px;
cursor: pointer;
}
#makronavigation .auflistung img {
/*der Pfeil wird formatiert */
vertical-align:text-top;
padding-right:0.3em;
}
#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;
}
/* "Navigation ausblenden"-Verweis */
.close_navigation:hover,
.close_navigation:focus,
.close_navigation:active{
background:#F1F2F5 url(../images/icons/background_content.gif) repeat scroll 0%;
}
.close_navigation {
border-bottom:1px dashed #F1F2F5;
}
input.submit_close_navigation {
overflow: visible;
background-position: left;
background-repeat: no-repeat;
font-size:100% !important;
background-color: transparent;
color:#186090;
padding:3px 0px 3px 18px;
border: 0;
text-align: left;
cursor: pointer;
margin-bottom: 0px;
margin-top: 0px;
display:block;
}
input.submit_close_navigation:hover,
input.submit_close_navigation:focus {
background-position: left;
background-repeat: no-repeat;
background-color: #F1F2F5 ;
color:#186090;
padding:2px 0px 3px 18px;
text-decoration: none;
vertical-align: middle;
display:block;
margin-bottom: 1px;
margin-top: 0px;
cursor: pointer;
}
input.submit_close_navigation,
input.submit_close_navigation:focus,
input.submit_close_navigation:hover {
background-image: url(../images/icons/arrow_right_fat_blue.gif);
}
#makronavigation input.submit_close_navigation img {
/*der Pfeil bei "Navigation wegklappen" wird formatiert */
}
.menue_open {
margin-top:0px;
padding-top:0px;
}
.menue_open:focus,
.menue_open:hover {
background-image: url(../images/icons/menuaufrot.gif);
}
/* Topmenü */
.nav, .nav ul {
padding: 0;
margin: 0;
list-style: none;
}
.nav a {
display: block;
width:auto;
text-decoration: none;
font-size:105% !important;
min-width:177px;
text-align:center;
}
.topMenuLink{
background-color:#ffffff;
padding: 5px 10px 5px 10px;
margin: -0.5px 3px -0.5px -1px;
text-decoration: none;
border: 1px solid #F1F2F5;
white-space: nowrap;
cursor: pointer;
width:auto;
border:1px solid #d8e0e4;
}
.topMenuLink:focus,.topMenuLink:hover,.topMenuLink:active{
background: none;
background-color:#fff1cc;
padding: 5px 10px 5px 10px;
margin: -0.5px 3px -0.5px -1px;
text-decoration: none;
white-space: nowrap;
color:#014A7B;
cursor: pointer;
-webkit-border-radius: 0;
-moz-border-radius : 0;
border-radius : 0;
-webkit-box-shadow: 0 0 0 #fc7904;
-moz-box-shadow : 0 0 0 #fc7904;
-o-box-shadow : 0 0 0 #fc7904;
box-shadow : 0 0 0 #fc7904;
}
.topMenuLinkHighlited{
background:#014a7b;
padding: 5px 10px 5px 10px;
margin: -0.5px 3px -0.5px -1px;
text-decoration: none;
border: 1px solid #014a7b;
white-space: nowrap;
cursor: pointer;
width:auto;
color:#ffffff;
}
.topMenuLinkHighlited:focus,.topMenuLinkHighlited:hover{
background: none;
background-color:#fff1cc;
border: 1px solid #fff1cc;
-webkit-border-radius: 0;
-moz-border-radius : 0;
border-radius : 0;
-webkit-box-shadow: 0 0 0 #fc7904;
-moz-box-shadow : 0 0 0 #fc7904;
-o-box-shadow : 0 0 0 #fc7904;
box-shadow : 0 0 0 #fc7904;
color: #186090;
}
.nav .topMenuList {
float: left;
width:auto;
}
/*****************************************************************************/
/* Header mit Logo und Services */
/*****************************************************************************/
/*Header mit Logo und Services*/
.header_hisinone {
padding-top:3px;
padding-bottom: 3px;
padding-right:10px;
}
.header_hisinone h1 {
display:none;
}
.header_hisinone .logo{
float:left;
}
.header_hisinone .logoPortal:hover,
.header_hisinone .logoPortal:focus {
background-position: left center !important ;
background-color: #FFF1CC !important ;
}
.services{
float:right;
margin-top:8px;
}
.services ol{
list-style-type:none;
margin:0 0;
padding:0 0;
display:inline;
}
.services li{
list-style-type:none;
margin:10px 0;
display:inline;
}
.services span {
font-size:95%;
font-weight:normal;
color:#186090;
padding-left:0.1em;
padding-right:0.1em;
text-decoration: none;
}
.services a {
font-size:95%;
font-weight: normal;
color: #186090;
text-decoration: none;
padding-left: 0.1em;
padding-right: 0.1em;
text-decoration: none;
}
.services a:hover,
.services a:focus,
.services a:hover,
.services a:active {
color: #AF2B2B;
background-color: #EFDFC2;
text-decoration: underline;
}
/*****************************************************************************/
/* Login-Info Zeile */
/*****************************************************************************/
.divloginstatus {
border-right: 1px solid #006AB3;
border-left: 1px solid #006AB3;
color: #FAFAFA;
padding: 2px 0px 2px 10px;
background: #006AB3;
margin-top: 4px;
position: relative;
min-height:1.4em;
}
.divloginstatus_box {
/* background: transparent url(../images/icons/gradient_blue.gif) repeat-x scroll right top;
margin-top: 4px;
position: relative; */
}
.divloginstatus_left {
/* background: transparent url(../images/icons/gradient_blue_left.gif) no-repeat scroll left top; */
}
.linksStatusBar, .links3 {
line-height: 20px;
color: #FFFFFF;
font-weight: bold;
text-decoration: none;
}
.linksStatusBar:focus, .linksStatusBar:hover, .linksStatusBar:active,
.links3:focus, .links3:hover, .links3:active {
color: #186090;
background-color: #F1F2F5;
text-decoration: underline;
}
.select_role {
/*background: #006AB3 url(../images/icons/gradient_blue.gif) repeat-x scroll left top;
color: #FAFAFA;*/
font-size:65%;
}
/*.select_role select:hover,
.select_role select:focus,
.select_role select:visited{
background: #006AB3;
color: #FAFAFA;
font-size:65%;
}*/
/*****************************************************************************/
/* Navigation Funktionsgruppen */
/*****************************************************************************/
.divlinks {
color: #186090;
background-color: #FFFFFF;
padding: 3px 0px 5px 0px;
margin-top: 3px;
}
.linksMainMenu, .linksMainMenuVisited,
.links2, .links2visited {
font-size: 120%;
line-height: 24px;
cursor: pointer;
}
.linksMainMenu, .linksMainMenuVisited,
.links2, .links2visited {
color: #186090;
text-decoration: none;
cursor: pointer;
}
.linksMainMenuVisited, .links2visited{
background: #F1F2F5 url(../images/icons/verlauf_headline.gif) repeat-x scroll left bottom;
border:1px solid #7FB4D8;
font-weight:bold;
padding: 3px 1px 3px 3px;
text-decoration:none;
color:#186090;
cursor: pointer;
}
.linksMainMenuVisited:hover, .linksMainMenuVisited:focus,
.links2visited:hover, .links2visited:focus {
background: #F1F2F5 url(../images/icons/verlauf_headline_invers.gif) repeat-x scroll left bottom;
border:1px solid #7FB4D8;
font-weight:bold;
padding: 3px 1px 3px 3px;
text-decoration:none;
color:#186090;
cursor: pointer;
}
.linksMainMenu:focus, .linksMainMenu:hover, .linksMainMenu:active,
.links2:focus, .links2:hover, .links2:active {
color: #AF2B2B;
background-color: #EFDFC2;
text-decoration: underline;
border:0px solid #7FB4D8;
padding: 2px 0px 3px 0px;
cursor: pointer;
}
/*****************************************************************************/
/* Breadcrumb */
/*****************************************************************************/
.divBreadcrumb {
font-size: 85%;
padding-bottom: 0;
}
/*****************************************************************************/
/* Navigations - Baum */
/*****************************************************************************/
/*****************************************************************************/
/* Navigation - Weggeklappt */
/*****************************************************************************/
/*****************************************************************************/
/* Navigation - Wizard */
/*****************************************************************************/
/*****************************************************************************/
/* Sprungmenü */
/*****************************************************************************/
#makronavigation .auflistung .wizard_navi ul, #makronavigation .auflistung .wizard_navi ol {
float: none;
display: block;
}
#makronavigation .auflistung .wizard_navi li {
float: none;
}
.wizard_navi {
width: 95%;
float: left;
background-color: #FFFFFF;
padding-right: 0.3em;
display: inline;
}
.wizard_navi ol {
list-style-type: none;
list-style-position: outside;
margin: 0 0 20px 0;
padding: 0 0 0 0;
line-height: 15px;
background: white;
}
/* Verschachtelte Seitengruppen */
.wizard_navi ol ol {
margin-left: 2em;
margin-bottom: 2px;
}
.wizard_navi li {
position: relative;
margin: 0;
padding: 0;
margin-bottom: 2px;
}
.wizard_navi .page .visitable, .wizard_navi .page .active, .wizard_navi .page .inactive,
.wizard_navi .group .page .visitable, .wizard_navi .group .page .active, .wizard_navi .group .page .inactive {
padding: 3px;
padding-right: 0;
display: block;
}
.wizard_navi .page .visitable, .wizard_navi .page .active,
.wizard_navi .group .page .visitable, .wizard_navi .group .page .active {
border: 1px solid #7FB4D8;
background-color: #F1F2F5;
text-decoration:none;
color:#186090;
}
.wizard_navi .page .inactive,
.wizard_navi .group .page .inactive {
border: 1px solid #7FB4D8;
background: white;
color: #666;
}
.wizard_navi .group .visitable, .wizard_navi .group .active, .wizard_navi .group .inactive {
border: 1px solid #7FB4D8;
padding: 3px;
margin-bottom: 2px;
display: block;
}
.wizard_navi .group .visitable, .wizard_navi .group .active {
background: #F1F2F5;
background: #ddd;
text-decoration:none;
color: #186090;
}
.wizard_navi .group .inactive {
color: #666;
}
#makronavigation .wizard_navi .valid {
padding-left: 18px;
height: 1%;
background-image: url(../images/icons/components/html/wizard/haken_transparent.gif);
background-position: 4px center;
background-repeat: no-repeat;
}
#makronavigation .wizard_navi a:hover, #makronavigation .wizard_navi a:focus {
color: #186090;
background-color: #fff1cc;
line-height: 15px;
}
.wizard_stepnavigation {
display: block;
list-style-type: none;
padding: 0;
margin: 1em 0 0 0;
/* width: 11em; */
float: left;
clear: left;
}
.wizard_stepnavigation li {
float: left;
}
/*****************************************************************************/
/* Content */
/*****************************************************************************/
.content {
background-color: #f1f2f5;
}
.content_max_portal {
padding:15px;
margin: 0px 0px 0px 4px;
/* height: 1%; */
}
/* Fix for IE 6 */
* html .content_max_portal {
width: 98%;
}
/* .content_max_portal {
background-color: #f1f2f5;
padding:4px;
float:left;
display: block;
width: 78%;
} */
.content_max {
background-color: #F1F2F5;
padding:4px;
display: block;
width: 97%;
margin: 0px 0px 0px 18px;
}
/*****************************************************************************/
/* Fusszeile */
/*****************************************************************************/
.divFootSpacer {
padding-bottom: 7em;
}
.divfoot {
position:absolute;
bottom: 20px; /* Positionierung unten */
width: 100%;
}
.divfoot_navigation {
border-right: 1px solid #006AB3;
border-left: 1px solid #006AB3;
color: #FAFAFA;
padding: 3px 0px 2px 10px;
background: #006AB3;
margin-top: 4px;
clear: left;
}
.divfoot_navigation_box {
/* background: transparent url(../images/icons/gradient_blue.gif) repeat-x scroll right top;
margin-top: 4px;
clear: left; */
}
.divfoot_navigation_left {
/* background: transparent url(../images/icons/gradient_blue_left.gif) no-repeat scroll left top; */
}
.divfoot_logo {
padding-top: 6px;
clear: both;
display: block;
}
/*****************************************************************************/
/* Sprungmenü */
/*****************************************************************************/
.unsichtbar {
position: absolute;
left: -3000px;
}
/*****************************************************************************/
/* Liste für Menüdarstellung mit Details im Contentbereich */
/*****************************************************************************/
/* Textbox über der liste*/
.menu_text_yellow {
background: #ffffff url(../images/icons/background_text_yellow.gif);
color:#444444;
border: 1px solid #DFDFDF;
margin-bottom: 1.5em;
margin-left: 1.5em;
margin-right: 0em;
margin-top:1em;
padding: 1.5em 2.5em 1.5em 2.5em;
line-height: 1.3em;
}
.ListingNavigationPage {
/*list-style-image: url(/qisserver/ROOT/QIS/images/bullet_star.gif);*/
margin-left:10px;
padding-left:1em;
padding-right:2.5em;
padding-bottom: 1.5em;
font-weight: normal;
list-style-type: none;
/*border: 1px solid #DFDFDF;
border-top: 1px solid #DFDFDF;
background: #ffffff url(../images/icons/background_text_white.gif);*/
background-color: #ffffff;
}
.ListingNavigationPage li {
padding: 2px;
margin-top:0px;
margin-bottom:5px;
border-bottom: 1px dashed #DFDFDF;
list-style-type: none;
}
.ListingNavigationPage a {
font-weight:bold;
text-decoration:underline;
font-size:100%;
}
.ListingNavigationPage .imageContainer{
float:left;
}
.ListingNavigationPage .linkContainer{
float:left;
margin-left:4px;
}
.ListingNavigationPage .pContainer{
margin-left:35px;
}
.ListingNavigationPage p {
margin-top:0px;
margin-bottom:0px;
color:#555555;
margin-top:3px;
padding-bottom:0.5em;
padding-right:10px;
text-align:justify;
line-height: 1.3em;
}
.ListingNavigationPage li.menu{
/*list-style-image: url('/HISinOne/images/icons/bullet_yellow.gif');*/
list-style-type: none;
}
.ListingNavigationPage li.submenu{
/*list-style-image: url('/HISinOne/images/icons/arrow_down_small.gif');*/
list-style-type: none;
}
/*anderer Hintergrund für Content im Menübereich */
.content_white{
background: #ffffff
url(../images/icons/background_text_white.gif);
}
/*Bildgrössen*/
/* img {
height:16px;
} */