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.
3896 lines
80 KiB
3896 lines
80 KiB
/*****************************************************************************/ |
|
/* HINWEIS */ |
|
/*****************************************************************************/ |
|
/* |
|
Um bei den CSS-Dateien von HISinOne, in die derzeit noch von vielen verschiedenen |
|
Personen viele neue Styles eingefügt werden, Unübersichtlichkeit und mehrfaches |
|
Entwickeln von gleichen Styles zu vermeiden, wurde folgendes Verfahren für das |
|
künftige Einchecken von CSS-Styles festgelegt: |
|
|
|
- Neue Styles dürfen nur in die Datei 'HISinOneExperimental.css' eingecheckt werden |
|
- Diese neuen Styles werden rechtzeitig vor den HISinOne Releases durch die |
|
Projektgruppe Oberflächendesign geprüft, ggf. freigegeben und in die |
|
HISinOne.css übernommen. |
|
*/ |
|
/*****************************************************************************/ |
|
/* import der Styles für Navigation im Contentbereich */ |
|
@import "HISinOneMikroNavigation.css"; |
|
|
|
/* import der Styles für Navigationsrahmen */ |
|
@import "HISinOneFrame.css"; |
|
|
|
/* import der Styles für Fehlermeldungen */ |
|
@import "HISinOneErrorMessages.css"; |
|
|
|
/* import der Styles für Skin */ |
|
@import "HISinOneSkin.css"; |
|
|
|
/* import der Styles für Styleguide */ |
|
@import "HISinOneStyleguide.css"; |
|
|
|
/* import der neuen Styles, die noch nicht in die HISinOne.css übernommen sind */ |
|
@import "HISinOneExperimental.css"; |
|
|
|
/*****************************************************************************/ |
|
/* NAMENSKONVENTIONEN FÜR NEUE CSS STYLES */ |
|
/*****************************************************************************/ |
|
/* |
|
1. Sprechenden Namen in Englisch vergeben, evtl. abgekürzt |
|
(z.B. "navi"). |
|
2. Namenskombinationen entweder: |
|
- mit Unterstrich (z.B. "wizard_navi"), |
|
- in Kamelschreibweise(lowerCamelCase) (z.B. "columnFullSize") |
|
falls inhaltliche Verbindung zu anderen Styles besteht. |
|
3. Bei mehreren gleichen Elementen unterschiedlicher Formatierung muß |
|
der Unterschied durch Zusatz kennzeichnet werden, z.B.: |
|
- "columnLeft55": 55% Breite |
|
- "box_blue_bg_white": Farbzuweisung |
|
- "input_3_Chars": inputfield Größe für 3 Buchstaben |
|
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 */ |
|
/*****************************************************************************/ |
|
/*****************************************************************************/ |
|
/* Body */ |
|
/*****************************************************************************/ |
|
/*****************************************************************************/ |
|
/* Überschriften */ |
|
/*****************************************************************************/ |
|
/*****************************************************************************/ |
|
/* Absätze */ |
|
/*****************************************************************************/ |
|
/*****************************************************************************/ |
|
/* Abstandhalter */ |
|
/*****************************************************************************/ |
|
/*****************************************************************************/ |
|
/* Allgemeine Container */ |
|
/*****************************************************************************/ |
|
/*****************************************************************************/ |
|
/* Container Buttons und Icons ueber Karteikarten */ |
|
/*****************************************************************************/ |
|
/*****************************************************************************/ |
|
/* Formularfelder / Anordnung von Gruppen von Fieldsets */ |
|
/*****************************************************************************/ |
|
/*****************************************************************************/ |
|
/* Boxes */ |
|
/*****************************************************************************/ |
|
/*****************************************************************************/ |
|
/* Fieldsets */ |
|
/*****************************************************************************/ |
|
/*****************************************************************************/ |
|
/* Input */ |
|
/*****************************************************************************/ |
|
/*****************************************************************************/ |
|
/* Bedienelemente in Fieldsets */ |
|
/*****************************************************************************/ |
|
/*****************************************************************************/ |
|
/* Mehrspaltigkeit in Fieldsets */ |
|
/*****************************************************************************/ |
|
/*****************************************************************************/ |
|
/* Zweispaltige Eingabezeilen */ |
|
/*****************************************************************************/ |
|
/*****************************************************************************/ |
|
/* Tabellen */ |
|
/*****************************************************************************/ |
|
/*****************************************************************************/ |
|
/* Listen */ |
|
/*****************************************************************************/ |
|
/*****************************************************************************/ |
|
/* Bilder */ |
|
/*****************************************************************************/ |
|
/*****************************************************************************/ |
|
/* Farben */ |
|
/*****************************************************************************/ |
|
/*****************************************************************************/ |
|
/* Textformatierung */ |
|
/*****************************************************************************/ |
|
|
|
|
|
|
|
/*****************************************************************************/ |
|
/* ANFANG CSS */ |
|
/*****************************************************************************/ |
|
/*****************************************************************************/ |
|
/* Body */ |
|
/*****************************************************************************/ |
|
@font-face { font-family: 'Open Sans'; src: url('../fonts/open-sans/OpenSans-Regular.ttf') format('truetype'); } |
|
@font-face { font-family: 'Open Sans'; src: url('../fonts/open-sans/OpenSans-Semibold.ttf') format('truetype'); font-weight: bold; } |
|
@font-face { font-family: 'Open Sans'; src: url('../fonts/open-sans/OpenSans-Italic.ttf') format('truetype'); font-style: italic; } |
|
body { |
|
color: #186090; |
|
background-color: #FFFFFF; |
|
font-family: "Open Sans", arial, Helvetica,sans-serif !important; |
|
/* margin-top: 5px; */ |
|
font-size: 82.5%; |
|
} |
|
|
|
html,body { |
|
height: 100%; |
|
} |
|
|
|
/*****************************************************************************/ |
|
/* Überschriften */ |
|
/*****************************************************************************/ |
|
h1 { |
|
font-size: 150%; |
|
font-weight: normal; |
|
margin: 0; |
|
padding: 0; |
|
} |
|
|
|
h2 { |
|
font-size: 120%; |
|
color: #006ab2; |
|
font-weight: bold; |
|
margin: 0.1em 0em 0.3em 0em; |
|
white-space: nowrap; |
|
} |
|
|
|
h3 { |
|
font-size: 110%; |
|
color: #186090; |
|
font-weight: bold; |
|
margin: 0; |
|
} |
|
|
|
h3 .navi_cards_left { |
|
clear: both; |
|
display: block; |
|
font-size: 95%; |
|
padding-top: 0.4em; |
|
} |
|
|
|
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; |
|
} |
|
|
|
h5 { |
|
font-size: 100%; |
|
color: #186090; |
|
font-weight: bold; |
|
margin: 0.1em 0em 0.3em 0em; |
|
} |
|
|
|
/* DEPRECATED */ |
|
.h1 { |
|
font-weight: 600; |
|
color: #186090; |
|
} |
|
|
|
/* DEPRECATED */ |
|
.h2 { |
|
padding-left: 10px; |
|
font-weight: 600; |
|
color: #006ab2; |
|
} |
|
|
|
.pathHeader { |
|
font-size: 100%; |
|
font-weight: normal; |
|
float: left; |
|
} |
|
|
|
/*****************************************************************************/ |
|
/* Absätze */ |
|
/*****************************************************************************/ |
|
p { |
|
margin-top: 0.5em; |
|
margin-bottom: 0.4em; |
|
line-height: 1.4em; |
|
} |
|
|
|
p.first { |
|
margin-top: 0; |
|
} |
|
|
|
p.last { |
|
margin-bottom: 0; |
|
} |
|
|
|
p.nospace { |
|
margin-top: 0; |
|
margin-bottom: 0; |
|
} |
|
|
|
.treePath { |
|
margin: 0; |
|
padding: 0; |
|
padding-bottom: 0.4em; |
|
} |
|
|
|
/*****************************************************************************/ |
|
/* Abstandhalter */ |
|
/*****************************************************************************/ |
|
.clearer, .clearerSpaceAboveHalfEm { |
|
clear: both; |
|
line-height: 0; |
|
height: 0; |
|
overflow: hidden; |
|
display: block; |
|
margin: 0px; |
|
padding: 0px; |
|
} |
|
|
|
/* Fix IE 7 (and IE5) */ |
|
*+html .clearer { |
|
margin: -3px; |
|
padding: -3px; |
|
} |
|
|
|
/* Fix IE 7 (and IE5) */ |
|
* html .clearer { |
|
margin: -3px; |
|
padding: -3px; |
|
} |
|
|
|
.clearerSpaceAboveHalfEm { |
|
padding-top: 0.5em; |
|
} |
|
|
|
.floatRight { |
|
float: right; |
|
} |
|
|
|
.spacerImageTable { |
|
width: 16px; |
|
height: 16px; |
|
margin: 1px; |
|
padding: 1px; |
|
margin-right: 4px; |
|
} |
|
|
|
.imagePathSeparator { |
|
margin-right: 7px; |
|
margin-left: 3px; |
|
} |
|
|
|
/*****************************************************************************/ |
|
/* Allgemeine Container */ |
|
/*****************************************************************************/ |
|
.infobox { |
|
padding: 1em; |
|
margin-bottom: 0.3em; |
|
background-color: white; |
|
} |
|
|
|
.messages-infobox { |
|
width: 55%; |
|
min-width: 350px; |
|
} |
|
|
|
.infobox a,.infobox a:visited,.infobox a:active,.infobox a:hover { |
|
text-decoration: underline; |
|
cursor: pointer; |
|
} |
|
|
|
.infobox ul,.infobox ol { |
|
list-style-type: decimal; |
|
padding-top: 0; |
|
padding-bottom: 0; |
|
margin-top: 0; |
|
margin-bottom: 0; |
|
} |
|
|
|
.infobox p { |
|
height: 1%; |
|
padding: 0; |
|
font-weight: bold; |
|
} |
|
|
|
.infobox p.wide { |
|
padding-bottom: 0.5em; |
|
} |
|
|
|
.infobox p.extrawide { |
|
padding-bottom: 1em; |
|
} |
|
|
|
/** |
|
* HISinOne - component: two-column-layout |
|
*/ |
|
.two-column-layout { |
|
float: left; |
|
width: 100%; |
|
position: relative; |
|
} |
|
|
|
.two-column-layout .layout-column-1 { |
|
position: relative; |
|
float: left; |
|
width: 48.5%; |
|
} |
|
|
|
.two-column-layout .layout-column-2 { |
|
position: relative; |
|
float: right; |
|
width: 48.5%; |
|
} |
|
|
|
/** |
|
* HISinOne - component: content-sidebar-layout |
|
*/ |
|
.content-sidebar-layout { |
|
float: left; |
|
width: 100%; |
|
} |
|
|
|
.content-sidebar-layout .layout-content { |
|
margin-right: 21.5em; |
|
/* IE 7 - visibility hack */ |
|
height: 1%; |
|
} |
|
|
|
.content-sidebar-layout .layout-sidebar { |
|
float: right; |
|
width: 20em; |
|
} |
|
|
|
/** |
|
* HISinOne - component: named box |
|
*/ |
|
.named-box { |
|
clear: left; |
|
margin-bottom: 1em; |
|
background: transparent |
|
url(../images/icons/cm.alu/boxes/rounded/metal/box-bl.gif) |
|
bottom left repeat-x; |
|
} |
|
|
|
.named-box dl.named-box-container { |
|
background: transparent |
|
url(../images/icons/cm.alu/boxes/rounded/metal/box-tr.gif) top |
|
right no-repeat; |
|
height: 1%; |
|
margin: 0; |
|
} |
|
|
|
.named-box dl.named-box-container dt.named-box-title { |
|
font-weight: bold; |
|
font-size: 1.05em; |
|
color: white; |
|
background: transparent |
|
url(../images/icons/cm.alu/boxes/rounded/metal/box-tl.gif) top |
|
left repeat-x; |
|
padding: 10px 0 8px 1em; |
|
margin-right: 10px; |
|
} |
|
|
|
.named-box dl.named-box-container dd.named-box-content { |
|
margin: 0; |
|
padding: 0.5em 1em 1.1em 1em; |
|
background: transparent |
|
url(../images/icons/cm.alu/boxes/rounded/metal/box-br.gif) |
|
bottom right no-repeat; |
|
height: 100%; /* Fix for IE 7 */ |
|
} |
|
|
|
.named-box ul { |
|
list-style-type: none; |
|
margin: 0; |
|
padding: 0; |
|
} |
|
|
|
.named-box ul li { |
|
margin-bottom: 0.3em; |
|
} |
|
|
|
.named-box .last,.alu-page .last { |
|
margin-bottom: 0; |
|
} |
|
|
|
/*****************************************************************************/ |
|
/* Container Buttons und Icons ueber Karteikarten */ |
|
/*****************************************************************************/ |
|
.buttonsTop { |
|
margin: 0px; |
|
padding: 0em 0.2em 0em 0em; |
|
} |
|
|
|
.buttonsTopLineBeneath { |
|
margin: 0px; |
|
padding: 0em 0em 0.2em 0em; |
|
border-bottom: 1px dotted #7FB4D8; |
|
} |
|
|
|
.buttonsTopLeft { |
|
margin: 0px; |
|
padding: 0px; |
|
float: left; |
|
} |
|
|
|
.buttonsTopRight { |
|
margin: 0px; |
|
padding: 0px; |
|
float: right; |
|
} |
|
|
|
/*****************************************************************************/ |
|
/* Container Buttons und Icons unter Dialogen / Karteikarten */ |
|
/*****************************************************************************/ |
|
.buttonsBottom { |
|
margin: 0px; |
|
padding: 4px 0.2em 2px 0.2em; |
|
margin-bottom: 2px; |
|
} |
|
|
|
.buttonsBottomLineAbove { |
|
margin: 0px; |
|
border-top: 1px dotted #7FB4D8; |
|
padding: 4px 0.2em 2px 0.2em; |
|
margin-bottom: 2px; |
|
} |
|
|
|
.buttonsBottomLeft { |
|
margin: 0px; |
|
padding: 0px; |
|
float: left; |
|
} |
|
|
|
.buttonsBottomRight { |
|
margin: 0px; |
|
padding: 0px; |
|
float: right; |
|
} |
|
|
|
/*****************************************************************************/ |
|
/* Formularfelder / Anordnung von Gruppen von Fieldsets */ |
|
/*****************************************************************************/ |
|
form { |
|
margin:0px; |
|
padding:0px; |
|
} |
|
|
|
.columnFullSize,.columnLeft55,.columnHalfLeft,.columnHalfRight, |
|
.columnOneThirdLeft,.columnOneThirdRight,.columnTwoThirdLeft,.columnTwoThirdRight,.columnOneThirdLeft28,.columnOneThirdRight28, |
|
.columnOneQuarterLeft,.columnThreeQuarterRight,.columnOneQuarterLeft_1024,.columnThreeQuarterRight_1024, |
|
.columnTwoThirdLeft_1024, .columnTwoThirdRight_1024,.columnOneThirdLeft_1024,.columnOneThirdRight_1024 |
|
{ |
|
margin: 0; |
|
padding: 0; |
|
/* float: left; */ |
|
} |
|
|
|
.columnLeft55,.columnHalfLeft,.columnHalfRight, |
|
.columnOneThirdLeft,.columnOneThirdRight,.columnTwoThirdLeft,.columnTwoThirdRight,.columnOneThirdLeft28,.columnOneThirdRight28, |
|
.columnOneQuarterLeft,.columnThreeQuarterRight,.columnOneQuarterLeft_1024,.columnThreeQuarterRight_1024, |
|
.columnTwoThirdLeft_1024, .columnTwoThirdRight_1024,.columnOneThirdLeft_1024,.columnOneThirdRight_1024 |
|
{ |
|
/* float: left; */ |
|
} |
|
|
|
/* Einspaltige Anordnung von Fieldsets */ |
|
.columnFullSize { |
|
width: 98.5%; |
|
min-width: 950px; |
|
/* clear: both; */ |
|
} |
|
|
|
.columnLeft55 { |
|
width: 55%; |
|
min-width: 496px; |
|
} |
|
|
|
/* Fix for IE 6 */ |
|
* html .columnLeft55 { |
|
width: 500px; |
|
} |
|
|
|
/* Zweispaltige Anordnung von Fieldsets - Linke und rechte Spalte */ |
|
.columnHalfLeft,.columnHalfRight { |
|
width: 49%; |
|
min-width: 465px; |
|
margin: 0px; |
|
} |
|
|
|
/* Fix for IE 6 */ |
|
* html .columnHalfLeft,* html .columnHalfRight { |
|
width: 445px; |
|
} |
|
|
|
.columnTwoThirdLeft,.columnTwoThirdRight { |
|
width: 62%; |
|
min-width: 570px; |
|
} |
|
|
|
/* Fix for IE 6 */ |
|
* html .columnTwoThirdLeft,* html .columnTwoThirdRight { |
|
width: 570px; |
|
} |
|
|
|
.columnOneThirdLeft,.columnOneThirdRight { |
|
width: 36%; |
|
min-width: 320px; |
|
} |
|
|
|
/* Fix for IE 6 */ |
|
* html .columnOneThirdLeft,* html .columnOneThirdRight { |
|
width: 320px; |
|
} |
|
|
|
/* Layout ist optimiert für eine Bildschirmbreite von 1024 px */ |
|
.columnTwoThirdLeft_1024,.columnTwoThirdRight_1024 { |
|
/* width: 53%; |
|
min-width: 520px; */ |
|
width: 66%; |
|
float: left; |
|
} |
|
|
|
/* Fix for IE 6 */ |
|
* html .columnTwoThirdLeft_1024,* html .columnTwoThirdRight_1024 { |
|
width: 510px; |
|
} |
|
|
|
.columnOneThirdLeft_1024,.columnOneThirdRight_1024 { |
|
/* width: 30%; |
|
min-width: 150px; */ |
|
width: 33%; |
|
float:left; |
|
} |
|
|
|
/* Fix for IE 6 */ |
|
* html .columnOneThirdLeft_1024,* html .columnOneThirdRight_1024 { |
|
width: 150px; |
|
} |
|
/* ENDE von Layout ist optimiert für eine Bildschirmbreite von 1024 px */ |
|
|
|
.columnOneThirdLeft28,.columnOneThirdRight28 { |
|
width: 28%; |
|
min-width: 300px; |
|
} |
|
|
|
/* Fix for IE 6 */ |
|
* html .columnOneThirdLeft28,* html .columnOneThirdRight28 { |
|
width: 280px; |
|
} |
|
|
|
.columnOneQuarterLeft { |
|
width: 24%; |
|
min-width: 220px; |
|
} |
|
|
|
/* Fix for IE 6 */ |
|
* html .columnOneQuarterLeft { |
|
width: 200px; |
|
} |
|
|
|
.columnThreeQuarterRight { |
|
width: 74%; |
|
min-width: 650px; |
|
} |
|
|
|
/* Fix for IE 6 */ |
|
* html .columnThreeQuarterRight { |
|
width: 640px; |
|
} |
|
|
|
/* Layout ist optimiert für eine Bildschirmbreite von 1024 px */ |
|
.columnThreeQuarterLeft_1024,.columnThreeQuarterRight_1024 { |
|
width: 74%; |
|
min-width: 550px; |
|
} |
|
|
|
/* Fix for IE 6 */ |
|
* html .columnThreeQuarterLeft_1024,* html .columnThreeQuarterRight_1024 { |
|
width: 550px; |
|
} |
|
|
|
.columnOneQuarterLeft_1024,.columnOneQuarterRight_1024 { |
|
width: 25%; |
|
min-width: 150px; |
|
} |
|
|
|
/* Fix for IE 6 */ |
|
* html .columnOneQuarterLeft_1024,* html .columnOneQuarterRight_1024 { |
|
width: 155px; |
|
} |
|
/* ENDE von Layout ist optimiert für eine Bildschirmbreite von 1024 px */ |
|
|
|
|
|
|
|
|
|
/* Zweispaltige Anordnung von Fieldsets - Linke Spalte */ |
|
.columnHalfLeft,.columnOneThirdLeft,.columnTwoThirdLeft,.columnOneThirdLeft28,.columnOneQuarterLeft |
|
{ |
|
padding-right: 0.2em; |
|
} |
|
|
|
/*****************************************************************************/ |
|
/* Boxes */ |
|
/*****************************************************************************/ |
|
/*--Spezialangaben für den Internet Explorer 7--*/ |
|
*+html .boxStandard:hover, .box_red_bg_grey:hover, .box_blue_bg_white:hover, .box_green_bg_grey:hover, .box_grey_bg_white:hover, .box_noheader_bg_white:hover { |
|
z-index: 990; |
|
} |
|
|
|
*+html .boxStandard, .box_red_bg_grey, .box_blue_bg_white, .box_green_bg_grey, .box_grey_bg_white, .box_noheader_bg_white { |
|
/* position: relative; */ |
|
} |
|
|
|
.boxStandard, .box_red_bg_grey, .box_blue_bg_white, .box_green_bg_grey, .box_grey_bg_white, .box_noheader_bg_white { |
|
/* clear: left; */ |
|
margin-top: 0.2em; |
|
margin-bottom: 0.2em; |
|
} |
|
|
|
.boxStandard { |
|
border:1px solid #ededed; |
|
} |
|
|
|
.box_blue_bg_white { |
|
border:1px solid #ededed; |
|
} |
|
|
|
.box_container { |
|
height: 1%; |
|
margin: 0; |
|
} |
|
|
|
.box_blue_bg_white .box_container { |
|
|
|
} |
|
|
|
.boxStandard .box_container { |
|
|
|
} |
|
|
|
.box_title { |
|
font-weight: bold; |
|
padding: 1px 0px 1px 6px; |
|
margin-right: 10px; |
|
font-size:105%; |
|
} |
|
|
|
.box_blue_bg_white .box_title { |
|
|
|
} |
|
|
|
.boxStandard .box_title { |
|
|
|
} |
|
|
|
.box_content { |
|
margin: 0px; |
|
padding: 0.5em 0.1em 0.6em 0.1em; |
|
height: 100%; /* Fix for IE 7 */ |
|
} |
|
|
|
.box_blue_bg_white .box_content { |
|
|
|
} |
|
|
|
.boxStandard .box_content { |
|
|
|
} |
|
|
|
.box_title h2 { |
|
margin: 5px; |
|
font-size: 105%; |
|
border: none; |
|
} |
|
|
|
.box_blue_bg_white .box_title h2, |
|
.box_red_bg_grey .box_title h2, |
|
.box_green_bg_grey .box_title h2 { |
|
margin: 5px; |
|
font-size: 105%; |
|
color: #fff; |
|
} |
|
|
|
.boxStandard .box_closed_left,.box_blue_bg_white .box_closed_left { |
|
padding: 0; |
|
margin-top: 0px; |
|
margin-left: -6px; |
|
margin-bottom: -1px; |
|
margin-right: -10px; |
|
height: 8px; |
|
|
|
} |
|
|
|
.boxStandard .box_closed_right,.box_blue_bg_white .box_closed_right { |
|
margin: 0; |
|
padding: 0; |
|
height: 8px; |
|
} |
|
|
|
.boxStandard .box_bottom_right,.box_blue_bg_white .box_bottom_right { |
|
width: 100%; |
|
height: 9px; |
|
font-size: 9px; |
|
float: left; |
|
} |
|
|
|
.boxStandard .box_bottom_left,.box_blue_bg_white .box_bottom_left { |
|
width: 100%; |
|
height: 9px; |
|
float: left; |
|
} |
|
|
|
/* rote Box für Fehler und Konflikte */ |
|
.box_red_bg_grey { |
|
border:1px solid #E54F0D; |
|
background-color: #FCF8F6; |
|
} |
|
|
|
.box_red_bg_grey .box_title { |
|
|
|
} |
|
|
|
.box_red_bg_grey .box_container { |
|
|
|
} |
|
|
|
.box_red_bg_grey .box_content { |
|
|
|
} |
|
|
|
.box_red_bg_grey .box_closed_left { |
|
padding: 0; |
|
margin-top: 0px; |
|
margin-left: -6px; |
|
margin-bottom: -1px; |
|
margin-right: -10px; |
|
height: 8px; |
|
|
|
} |
|
|
|
.box_red_bg_grey .box_closed_right { |
|
margin: 0; |
|
padding: 0; |
|
height: 8px; |
|
} |
|
|
|
.box_red_bg_grey .box_bottom_right { |
|
width: 100%; |
|
height: 9px; |
|
font-size: 9px; |
|
float: left; |
|
} |
|
|
|
.box_red_bg_grey .box_bottom_left { |
|
width: 100%; |
|
height: 9px; |
|
float: left; |
|
} |
|
|
|
/* grüne Box für Master/Detail */ |
|
.box_green_bg_grey { |
|
border:1px solid #72B96A; |
|
background-color: #FBFCF7; |
|
} |
|
|
|
.box_green_bg_grey .box_title { |
|
} |
|
|
|
.box_green_bg_grey .box_container { |
|
} |
|
|
|
.box_green_bg_grey .box_content { |
|
} |
|
|
|
.box_green_bg_grey .box_closed_left { |
|
padding: 0; |
|
margin-top: 0px; |
|
margin-left: -6px; |
|
margin-bottom: -1px; |
|
margin-right: -10px; |
|
height: 8px; |
|
} |
|
|
|
.box_green_bg_grey .box_closed_right { |
|
margin: 0; |
|
padding: 0; |
|
height: 8px; |
|
} |
|
|
|
.box_green_bg_grey .box_bottom_right { |
|
width: 100%; |
|
height: 9px; |
|
font-size: 9px; |
|
float: left; |
|
} |
|
|
|
.box_green_bg_grey .box_bottom_left { |
|
width: 100%; |
|
height: 9px; |
|
float: left; |
|
} |
|
|
|
/* weiße Box für Texte und Informationen */ |
|
.box_grey_bg_white { |
|
border:1px solid #ededed; |
|
} |
|
|
|
.box_grey_bg_white .box_title { |
|
|
|
} |
|
|
|
.box_grey_bg_white .box_container { |
|
|
|
} |
|
|
|
.box_grey_bg_white .box_content { |
|
|
|
padding: 0.5em 1em 1em 1em; |
|
line-height: 1.3em; |
|
} |
|
|
|
.box_grey_bg_white .box_closed_left { |
|
padding: 0; |
|
margin-top: 0px; |
|
margin-left: -6px; |
|
margin-bottom: -1px; |
|
margin-right: -10px; |
|
height: 8px; |
|
|
|
} |
|
|
|
.box_grey_bg_white .box_closed_right { |
|
margin: 0; |
|
padding: 0; |
|
height: 8px; |
|
} |
|
|
|
.box_grey_bg_white .box_bottom_right { |
|
width: 100%; |
|
height: 9px; |
|
font-size: 9px; |
|
float: left; |
|
} |
|
|
|
.box_grey_bg_white .box_bottom_left { |
|
width: 100%; |
|
height: 9px; |
|
float: left; |
|
} |
|
|
|
|
|
/* Box OHNE KOPF/ÜBERSCHRIFT mit weißem Hintergrund*/ |
|
.box_noheader_bg_white { |
|
border:1px solid #ededed; |
|
} |
|
|
|
.box_noheader_bg_white .box_title { |
|
|
|
} |
|
|
|
.box_noheader_bg_white .box_container { |
|
|
|
} |
|
|
|
.box_noheader_bg_white .box_content { |
|
|
|
padding: 0.3em 1em 1em 0.3em; |
|
line-height: 1.3em; |
|
} |
|
|
|
.box_noheader_bg_white .box_closed_left { |
|
padding: 0; |
|
margin-top: 0px; |
|
margin-left: -6px; |
|
margin-bottom: -1px; |
|
margin-right: -10px; |
|
height: 8px; |
|
|
|
} |
|
|
|
.box_noheader_bg_white .box_closed_right { |
|
margin: 0; |
|
padding: 0; |
|
height: 8px; |
|
} |
|
|
|
.box_noheader_bg_white .box_bottom_right { |
|
|
|
width: 100%; |
|
height: 9px; |
|
font-size: 9px; |
|
float: left; |
|
} |
|
|
|
.box_noheader_bg_white .box_bottom_left { |
|
|
|
width: 100%; |
|
height: 9px; |
|
float: left; |
|
} |
|
|
|
/*****************************************************************************/ |
|
/* Fieldsets */ |
|
/*****************************************************************************/ |
|
fieldset,.fieldsetCollapsibleSizeHalf,.fieldsetCollapsibleSizeFull,.fieldsetStatic |
|
{ |
|
margin: 0 0 0.1em 0; |
|
border: 1px solid #7FB4D8; |
|
} |
|
|
|
fieldset,.fieldsetCollapsibleSizeHalf,.fieldsetCollapsibleSizeFull,.fieldsetStatic |
|
{ |
|
border-top: 0px solid #F1F2F5; /* wegen Darstellungsfehler im IE */ |
|
} |
|
|
|
fieldset h2 { |
|
font-size: 105%; |
|
margin: 0.2em 0.2em 0.8em 0.4em; |
|
border: none; |
|
padding: 0; |
|
} |
|
|
|
.fieldsetCollapsibleSizeHalf,.fieldsetHeadlineSizeHalf { |
|
min-width: 500px; |
|
max-width: 500px; |
|
width: 45%; |
|
} |
|
|
|
/* Fix for IE 6 */ |
|
* html .fieldsetCollapsibleSizeHalf,.fieldsetHeadlineSizeHalf { |
|
width: 500px; |
|
} |
|
|
|
.fieldsetCollapsibleSizeFull { |
|
width: auto; |
|
} |
|
|
|
.fieldsetHeadlineSizeFull,.fieldsetHeadlineSizeHalf,.fieldsetStaticHeadline |
|
{ |
|
background: url(../images/icons/verlauf_headline.gif) repeat-x |
|
scroll left bottom; |
|
border: 1px solid #7FB4D8; |
|
margin: 5px 0px 0px 0px; |
|
padding: 2px 0.5% 2px 0.5%; |
|
} |
|
|
|
.fieldsetHeadlineSizeFull h2,.fieldsetHeadlineSizeHalf h2,.fieldsetStaticHeadline h2 |
|
{ |
|
font-size: 115%; |
|
margin: 0px 0px 0px 22px; |
|
} |
|
|
|
.fieldsetStaticHeadline h2 { |
|
margin: 0px 0px 0px 0.2em; |
|
} |
|
|
|
.fieldsetHeadlineHeaderLink:hover,.fieldsetHeadlineHeaderLink:focus { |
|
background-color: #EFDFC2; |
|
text-decoration: underline; |
|
} |
|
|
|
.fieldsetHeadlineCollapseButton { |
|
float: left; |
|
top: 0.2em; |
|
margin-right: 0.5em; |
|
position: relative; |
|
} |
|
|
|
.fieldsetHeadlineCollapseLink { |
|
float: left; |
|
top: 0.4em; |
|
margin-right: 0.5em; |
|
position: relative; |
|
cursor: pointer; |
|
} |
|
|
|
.fieldsetPaddedContent { |
|
padding: 1em; |
|
} |
|
|
|
legend { |
|
background-color: #FFFFFF; |
|
font-size: 110%; |
|
border: 1px solid #006AB3; |
|
padding: 2px 20px 2px 20px; |
|
margin: 2px 5px 5px 5px; |
|
} |
|
|
|
.fieldsetCollapsibleSizeHalf legend,.fieldsetCollapsibleSizeFull legend,.fieldsetNoBorder legend,.fieldsetStatic legend |
|
{ |
|
display: none; |
|
} |
|
|
|
fieldset ol { |
|
list-style-type: none; |
|
margin: 0px; |
|
padding: 0px; |
|
} |
|
|
|
fieldset ol li,fieldset ol li.withLineAbove,fieldset ol li.withLineBelow,fieldset ol li.withDottedLineAbove |
|
{ |
|
margin-bottom: 0.2em; |
|
/*display: block;*/ |
|
/* clear: left; Anzeigefehler im Firefox beseitigen */ |
|
clear: both; |
|
} |
|
|
|
fieldset ol li.withLineAbove { |
|
border-top: 1px solid #7FB4D8; |
|
padding-top: 0.2em |
|
} |
|
|
|
fieldset ol li.withLineBelow { |
|
border-bottom: 1px solid #7FB4D8; |
|
padding-bottom: 0.2em |
|
} |
|
|
|
fieldset ol li.withDottedLineAbove { |
|
margin-top: 0.5em; |
|
margin-bottom: 0em; |
|
border-top: 1px dotted #7FB4D8; |
|
padding-top: 0.5em; |
|
padding-bottom: 0.2em |
|
} |
|
|
|
fieldset ol li.withSpaceAbove { |
|
margin-top: 0.7em; |
|
margin-bottom: 0.2em; |
|
} |
|
|
|
fieldset ol li.withSpaceBelow { |
|
margin-top: 0.2em; |
|
margin-bottom: 0.7em; |
|
margin: 0px; |
|
padding-bottom: 2em; |
|
} |
|
|
|
/* LABEL */ |
|
label,.labelAsDiv { |
|
width: 30%; |
|
} |
|
|
|
fieldset ol li label,fieldset ol li label.label_82,fieldset ol li label.label_60,.labelAsDiv |
|
{ |
|
text-align: right; |
|
float: left; |
|
margin-right: 5px; |
|
margin-top: 5px; |
|
} |
|
|
|
fieldset ol li .labelAsDiv_75 { |
|
width: 75%; |
|
float: left; |
|
margin-right: 5px; |
|
margin-top: 5px; |
|
margin-top: 0px; |
|
} |
|
|
|
fieldset ol li .noLabelContentLine_50 { |
|
width: 50%; |
|
margin: 10px 0px 10px 0px; |
|
padding-bottom: 4px; |
|
padding-top: 5px; |
|
display:inline; |
|
} |
|
|
|
/* IE 6 fix */ |
|
* html fieldset ol li .noLabelContentLine_50 label { |
|
text-align: left; |
|
width: 10%; |
|
} |
|
|
|
fieldset ol li .noLabelContent, fieldset ol li .noLabelContentLine { |
|
width: 69%; |
|
float: right; |
|
padding: 0px; |
|
margin: 0px; |
|
padding-bottom: 4px; |
|
} |
|
|
|
fieldset ol li .noLabelContentLine label, fieldset ol li .noLabelContentLine_50 label |
|
{ |
|
float: none; |
|
margin-right: 0px; |
|
margin-top: 0px; |
|
padding-right: 3px; |
|
} |
|
|
|
/* IE 6 fix */ |
|
* html fieldset ol li .noLabelContentLine label { |
|
text-align: left; |
|
width: 10%; |
|
} |
|
|
|
fieldset ol li label.label_82 { |
|
width: 82%; |
|
} |
|
|
|
fieldset ol li label.label_48 { |
|
width: 48%; |
|
} |
|
|
|
fieldset ol li label.label_40 { |
|
width: 200px; |
|
} |
|
|
|
fieldset ol li label.label_60 { |
|
width: 60%; |
|
} |
|
|
|
fieldset ol li label.label_top_position_100,fieldset ol li label.label_top_position_marked |
|
{ |
|
float: none; |
|
display: block; |
|
width: 100%; |
|
text-align: left; |
|
} |
|
|
|
fieldset ol li label.label_top_position_marked { |
|
width: 50%; |
|
margin: 1em 0em 0em 0em; |
|
font-weight: bold; |
|
background-color: #ffffff; |
|
border-top: 1px dotted #7FB4D8; |
|
border-right: 1px dotted #7FB4D8; |
|
border-left: 1px dotted #7FB4D8; |
|
font-size: 100%; |
|
padding: 0.2em 0em 0.2em 3px; |
|
} |
|
|
|
fieldset ol li label.labelInLine { |
|
float: none; |
|
vertical-align: baseline; |
|
margin: 0em 0.5em 0em 0.7em; |
|
} |
|
|
|
.labelNoFloat { |
|
float: none; |
|
margin-top: 5px; |
|
} |
|
|
|
fieldset ol li .labelAsDiv { |
|
margin-top: 5px; |
|
} |
|
|
|
fieldset td label { |
|
margin-right: 5px; |
|
padding-top: 3px; |
|
} |
|
|
|
/* fieldset ol li .input_45 { |
|
width: 45%; |
|
color: #186090; |
|
margin: 1px; |
|
padding: 1px; |
|
height: 1.3em; |
|
}*/ |
|
fieldset td .input_45 { |
|
color: #186090; |
|
width: 45%; |
|
} |
|
|
|
.fieldsetNoBorder { |
|
border: none; |
|
padding: 0px 7px 0px 7px; |
|
} |
|
|
|
.fieldsetNoBorderWhite { |
|
border: none; |
|
padding: 0px 7px 0px 7px; |
|
background-color: #FFF; |
|
} |
|
|
|
.fieldsetBorderRight { |
|
border: none; |
|
border-right: 1px solid #7FB4D8; |
|
padding-left: 7px; |
|
padding-right: 7px; |
|
} |
|
|
|
.fieldsetBorderLeft { |
|
border: none; |
|
border-left: 1px solid #7FB4D8; |
|
padding-left: 7px; |
|
padding-right: 7px; |
|
} |
|
|
|
.fieldsetNoBorder .legend { |
|
border: none; |
|
background-color: transparent; |
|
font-size: 120%; |
|
font-weight: bold; |
|
margin: 0px; |
|
padding: 10px 0px 0px 0px; |
|
} |
|
|
|
.fieldsetDottedLineAbove { |
|
margin: 0.5em 0 0 0; |
|
border: none; |
|
border-top: 1px dotted #7FB4D8; |
|
padding-top: 0.5em; |
|
padding-bottom: 0.2em; |
|
padding-left: 0px; |
|
} |
|
|
|
.line_above { |
|
border: none; |
|
border-top: solid 1px grey; |
|
} |
|
|
|
.overflowAuto { |
|
margin: 0; |
|
padding: 0; |
|
overflow: auto; |
|
float: left; |
|
width: 100%; |
|
} |
|
|
|
.overflowAutoNoFloat { |
|
margin: 0; |
|
overflow: auto; |
|
float: none; |
|
width: 100%; |
|
padding: 2px; |
|
} |
|
|
|
/*****************************************************************************/ |
|
/* Input */ |
|
/*****************************************************************************/ |
|
label { |
|
cursor: pointer; |
|
} |
|
|
|
.noinputText { /* einfacher Text neben einem Label */ |
|
line-height: 2em; |
|
} |
|
|
|
.input,.inputchanged,.inputnew,.inputerror,.inputselected,.noinput,.inputsuccess |
|
{ |
|
margin-bottom: 0px; |
|
} |
|
|
|
span .input { |
|
margin-bottom: 0px; |
|
white-space: nowrap; |
|
} |
|
|
|
input:focus,select:focus,textarea:focus { |
|
background-color: #fff1cc; |
|
} |
|
|
|
input,select,textarea { |
|
color: #186090; |
|
font-family: "Open Sans", arial, Helvetica,sans-serif; |
|
margin: 1px; |
|
padding: 1px; |
|
} |
|
|
|
input:hover,input:focus,input:active { |
|
background-color: #fff1cc; |
|
} |
|
|
|
|
|
|
|
.checkbox:active { |
|
background-color: #fff1cc; |
|
} |
|
|
|
/* INPUT - TEXTFELD */ |
|
.input_standard,.input_standard_readonly,.input_8,.input_25,.input_30,.input_33,.input_45,.input_87,.input_98,.input_date,.input_2_Chars,.input_3_Chars,.input_4_Chars |
|
{ |
|
font-size: 1em; |
|
} |
|
|
|
.input_standard,.input_standard_readonly { |
|
width: 60%; |
|
} |
|
|
|
/*fuer Eingaben bis zu 4 Zeichen*/ |
|
.input_8 { |
|
width: 8%; |
|
} |
|
|
|
/* IE 6 fix */ |
|
* html .input_8 { |
|
width: 3em; |
|
} |
|
|
|
.input_25 { |
|
width: 25%; |
|
} |
|
|
|
.input_30 { |
|
width: 30%; |
|
} |
|
|
|
.input_33 { |
|
width: 33%; |
|
} |
|
|
|
.input_45 { |
|
width: 45%; |
|
} |
|
|
|
.input_87 { |
|
width: 87%; |
|
} |
|
|
|
.input_98 { |
|
width: 98%; |
|
} |
|
|
|
.input_date { |
|
width: 5.5em; |
|
} |
|
|
|
/*fuer Eingaben bis zu 2 Zeichen, abhaengig von der Schriftgroesse*/ |
|
.input_2_Chars { |
|
width: 1.5em; |
|
} |
|
|
|
/*fuer Eingaben bis zu 3 Zeichen, abhaengig von der Schriftgroesse*/ |
|
.input_3_Chars { |
|
width: 2em; |
|
} |
|
|
|
/*fuer Eingaben bis zu 4 Zeichen, abhaengig von der Schriftgroesse*/ |
|
.input_4_Chars { |
|
width: 2.5em; |
|
} |
|
|
|
/*fuer Eingaben bis zu 5 Zeichen, abhaengig von der Schriftgroesse*/ |
|
.input_5_Chars { |
|
width: 3em; |
|
} |
|
|
|
.input_standard_readonly,.input_standard_readonly:hover,.input_standard_readonly:focus |
|
{ |
|
background-color: #EFEFEF; |
|
border: 1px solid #999999; |
|
height: 1.3em; |
|
} |
|
|
|
/* DROPDOWN */ |
|
select { |
|
font-size: 1em; |
|
border: 1px solid #DDDDDD; |
|
margin-top: 2px; |
|
max-width: 540px; |
|
padding: 3px; |
|
} |
|
|
|
.dropdown_standard { |
|
width: 61%; |
|
} |
|
|
|
.dropdown_autoWidth { |
|
width: auto; |
|
} |
|
|
|
.dropdown_97 { |
|
width: 97%; |
|
} |
|
|
|
.dropdown_46 { |
|
width: 46%; |
|
} |
|
|
|
.dropdown_26 { |
|
width: 26%; |
|
} |
|
|
|
.dropdown_24 { |
|
width: 24%; |
|
} |
|
|
|
.dropdown_17 { |
|
width: 17%; |
|
} |
|
|
|
.dropdown_1_char { |
|
width: 3.1em; |
|
} |
|
|
|
/* SHUTTLE */ |
|
.labelPicklistChooseFrom { |
|
display: block; |
|
width: 100%; |
|
text-align: left; |
|
margin: 0; |
|
margin-left: 1px; |
|
} |
|
|
|
.labelPicklistSelected { |
|
display: block; |
|
width: 100%; |
|
text-align: left; |
|
margin-left: 1px; |
|
} |
|
|
|
.shuttle_100 { |
|
width: 100%; |
|
margin: 0; |
|
padding: 0; |
|
} |
|
|
|
.inputPicklist { |
|
width: 88%; |
|
} |
|
|
|
.inputPicklist_100 { |
|
width: 100%; |
|
margin-top: 5px; |
|
} |
|
|
|
.picklistShuttle { |
|
float: left; |
|
width: 44%; |
|
margin: 5px; |
|
} |
|
|
|
.picklistShuttleButtons { |
|
float: left; |
|
padding-top: 2em; |
|
} |
|
|
|
.picklistShuttleButtonsVertical { |
|
text-align: center; |
|
margin-right: 3em; |
|
} |
|
|
|
.dropdown_3em { |
|
width: 3em; |
|
} |
|
|
|
.labelAsDiv_95 { |
|
width: 95%; |
|
margin-left: 5px; |
|
} |
|
|
|
/* TEXTAREA */ |
|
.textarea_standard,.textarea_45,.textarea_98,.mceEditor,.fckEditor { |
|
font-size: 1em; |
|
font-family: "Open Sans", arial, Helvetica,sans-serif; |
|
} |
|
|
|
.textarea_standard { |
|
width: 60%; |
|
} |
|
|
|
.textarea_45 { |
|
width: 45%; |
|
} |
|
|
|
.textarea_98,.mceEditor,.fckEditor { |
|
width: 98%; |
|
} |
|
|
|
.label .jsf { |
|
text-align: right; |
|
} |
|
|
|
.input .error { |
|
outline-color: red; |
|
outline-style: solid; |
|
outline-width: thin; |
|
} |
|
|
|
/* RADIOBUTTON */ |
|
.radiobutton { |
|
white-space: nowrap; |
|
/* margin-left:31%; */ |
|
margin-left: 1px; |
|
margin-top: 1px; |
|
margin-right: 1px; |
|
margin-bottom: 1px; |
|
padding: 0px; |
|
} |
|
|
|
.radiobutton p { |
|
margin-top: 1px; |
|
margin-right: 1px; |
|
margin-bottom: 1px; |
|
padding: 0px; |
|
} |
|
|
|
.radiobutton label { |
|
float: none; |
|
} |
|
|
|
/* IE 6 fix */ |
|
* html .radiobutton label { |
|
text-align: left; |
|
width: 10%; |
|
} |
|
|
|
.radioButtonslineDirection { |
|
float: none; |
|
} |
|
|
|
/* CHECKBOX */ |
|
|
|
.checkbox { |
|
white-space: nowrap; |
|
font-size: 1em; |
|
margin-left: 1px; |
|
margin-top: 1px; |
|
margin-right: 1px; |
|
margin-bottom: 1px; |
|
padding: 0px; |
|
} |
|
|
|
.checkbox p { |
|
margin-top: 1px; |
|
margin-right: 1px; |
|
margin-bottom: 1px; |
|
padding: 0px; |
|
} |
|
|
|
.checkbox label { |
|
float: none; |
|
} |
|
|
|
/* IE 6 fix */ |
|
* html .checkbox label { |
|
text-align: left; |
|
width: 10%; |
|
} |
|
|
|
.checkboxlineDirection { |
|
float: none; |
|
} |
|
|
|
/*****************************************************************************/ |
|
/* Bedienelemente in Fieldsets */ |
|
/*****************************************************************************/ |
|
.commandLinkWithIconAndText,.commandLinkWithIconAndText:visited { |
|
color: #186090; |
|
margin-left: 0.5em; |
|
margin-right: 0.9em; |
|
} |
|
|
|
.commandLinkWithIconAndText:hover,.commandLinkWithIconAndText:focus { |
|
color: #333; |
|
background-color: #FFF1CC; |
|
} |
|
|
|
.commandLinkWithIconAndText img { |
|
margin-right: 7px; |
|
} |
|
|
|
/*****************************************************************************/ |
|
/* Mehrspaltigkeit in Fieldsets */ |
|
/*****************************************************************************/ |
|
/* 1. Spalte */ |
|
.div_left { |
|
float: left; |
|
} |
|
|
|
/* folgende Spalte/n */ |
|
.div_left_margin_left { |
|
float: left; |
|
margin-left: 10px; |
|
} |
|
|
|
/*****************************************************************************/ |
|
/* Tabellen */ |
|
/*****************************************************************************/ |
|
.row { |
|
float: left; |
|
width: 100%; |
|
padding-top: 2px; |
|
padding-bottom: 2px; |
|
} |
|
|
|
.left { |
|
float: left; |
|
width: 25%; |
|
} |
|
|
|
.right { |
|
float: left; |
|
white-space: nowrap; |
|
} |
|
|
|
.colLeft { |
|
float: left; |
|
width: 50%; |
|
} |
|
|
|
.colRight { |
|
float: right; |
|
width: 50%; |
|
} |
|
|
|
.listRowEven { |
|
background-color: #EFEFEF; |
|
} |
|
|
|
.listRowEvenHover { |
|
/* background-color: #EFEAB3; */ |
|
background-color: #FFFABF; |
|
} |
|
|
|
.listRowOdd { |
|
background-color: #FFFFFF; |
|
} |
|
|
|
.listRowOddHover { |
|
background-color: #FFFABF; |
|
} |
|
|
|
/* DEPRECATED */ |
|
.table td { |
|
border: 0.5pt none; |
|
line-height: 2em; |
|
padding: 0px 3px 0px 3px; |
|
/* vertical-align: top; */ |
|
} |
|
|
|
.tableWithSelect td { |
|
border: 0.5pt none; |
|
line-height: 2em; |
|
padding: 0px 3px 0px 3px; |
|
} |
|
|
|
.tableWithBorder,.tableWithSelect,.table { |
|
border: 2px solid #fff; |
|
width: 99.97%; |
|
border-spacing: 1px; |
|
margin: 0; |
|
margin-bottom: 0.5em; |
|
background-color: #F1F2F5; |
|
} |
|
|
|
th.tableHeader, table.treeTable th, |
|
table.treeTableWithIcons th { |
|
font-weight: bold; |
|
padding: 3px 5px 4px; |
|
text-align: left; |
|
vertical-align: top; |
|
} |
|
|
|
/* Links im tableHeader */ |
|
th.tableHeader a,th.tableHeader a:visited { |
|
color: #186090; |
|
text-decoration: underline; |
|
} |
|
|
|
th.tableHeader a:hover,th.tableHeader a:focus { |
|
color: #333; |
|
text-decoration: underline; |
|
background-color: #FFF1CC; |
|
} |
|
|
|
/* Tree als Tabelle */ |
|
table.treeTable, |
|
table.treeTableWithIcons { |
|
width: 100%; |
|
/* clear auskommentiert 2008-12-09 cordes */ /* clear: both; */ |
|
/* margin: 5px 0px 0px 0px;*/ |
|
border: 0px solid #7FB4D8; |
|
/* border: 1px solid #DFDFDF; |
|
border-right:none; |
|
border-left:none; |
|
border-collapse: collapse; */ |
|
padding-bottom: 0.6em; |
|
} |
|
|
|
table.treeTable tr, |
|
table.treeTableWithIcons tr { |
|
border: 1px solid #DFDFDF; |
|
} |
|
|
|
table.treeTable th, |
|
table.treeTableWithIcons th { |
|
text-align: left; |
|
background-color: #f1f2f5; |
|
} |
|
|
|
table.treeTable td, |
|
table.treeTableWithIcons td { |
|
vertical-align: top; |
|
border-bottom: 1px solid #EFEFEF; |
|
padding: 3px; |
|
} |
|
|
|
table.treeTable tr, |
|
table.treeTableWithIcons tr { |
|
background-color: white; |
|
} |
|
|
|
table.treeTable tr.treeTableCellLevel1, |
|
table.treeTableWithIcons tr.treeTableCellLevel1 { |
|
background-color: #EFF9FF; |
|
} |
|
|
|
table.treeTable tr.treeTableCellLevel2, |
|
table.treeTableWithIcons tr.treeTableCellLevel2 { |
|
background-color: white; |
|
} |
|
|
|
table.treeTable tr.treeTableCellLevel3, |
|
table.treeTableWithIcons tr.treeTableCellLevel3 { |
|
background-color: white; |
|
} |
|
|
|
table.treeTable tr.treeTableCellLevel4, |
|
table.treeTableWithIcons tr.treeTableCellLevel4 { |
|
background-color: white; |
|
} |
|
|
|
table.treeTable tr.treeTableCellLevel5, |
|
table.treeTableWithIcons tr.treeTableCellLevel5 { |
|
background-color: white; |
|
} |
|
|
|
table.treeTable tr.treeTableCellLevel6, |
|
table.treeTableWithIcons tr.treeTableCellLevel6 { |
|
background-color: white; |
|
} |
|
|
|
table.treeTable tr.treeTableCellLevel7, |
|
table.treeTableWithIcons tr.treeTableCellLevel7 { |
|
background-color: white; |
|
} |
|
|
|
table.treeTable tr.treeTableCellLevel8, |
|
table.treeTableWithIcons tr.treeTableCellLevel8 { |
|
background-color: white; |
|
} |
|
|
|
table.treeTable tr.treeTableCellLevel9, |
|
table.treeTableWithIcons tr.treeTableCellLevel9 { |
|
background-color: white; |
|
} |
|
|
|
table.treeTable tr.treeTableCellLevel10, |
|
table.treeTableWithIcons tr.treeTableCellLevel10 { |
|
background-color: white; |
|
} |
|
|
|
table.treeTable tr.treeTableCellLevel11, |
|
table.treeTableWithIcons tr.treeTableCellLevel11{ |
|
background-color: white; |
|
} |
|
|
|
table.treeTable tr.treeTableCellLevel12, |
|
table.treeTableWithIcons tr.treeTableCellLevel12 { |
|
background-color: white; |
|
} |
|
|
|
table.treeTable tr.treeTableCellLevel13, |
|
table.treeTableWithIcons tr.treeTableCellLevel13 { |
|
background-color: white; |
|
} |
|
|
|
table.treeTable tr.treeTableCellLevel14, |
|
table.treeTableWithIcons tr.treeTableCellLevel14 { |
|
background-color: white; |
|
} |
|
|
|
table.treeTable tr.treeTableCellLevel15, |
|
table.treeTableWithIcons tr.treeTableCellLevel15 { |
|
background-color: white; |
|
} |
|
|
|
table.treeTable td.treeTableCellLevel1, |
|
table.treeTableWithIcons td.treeTableCellLevel1 { |
|
|
|
} |
|
|
|
table.treeTable td.treeTableCellLevel2, |
|
table.treeTableWithIcons td.treeTableCellLevel2 { |
|
padding-left: 16pt; |
|
} |
|
|
|
table.treeTable td.treeTableCellLevel3, |
|
table.treeTableWithIcons td.treeTableCellLevel3 { |
|
padding-left: 32pt; |
|
} |
|
|
|
table.treeTable td.treeTableCellLevel4, |
|
table.treeTableWithIcons td.treeTableCellLevel4 { |
|
padding-left: 48pt; |
|
} |
|
|
|
table.treeTable td.treeTableCellLevel5, |
|
table.treeTableWithIcons td.treeTableCellLevel5 { |
|
padding-left: 64pt; |
|
} |
|
|
|
table.treeTable td.treeTableCellLevel6, |
|
table.treeTableWithIcons td.treeTableCellLevel6 { |
|
padding-left: 80pt; |
|
} |
|
|
|
table.treeTable td.treeTableCellLevel7, |
|
table.treeTableWithIcons td.treeTableCellLevel7 { |
|
padding-left: 96pt; |
|
} |
|
|
|
table.treeTable td.treeTableCellLevel8, |
|
table.treeTableWithIcons td.treeTableCellLevel8 { |
|
padding-left: 112pt; |
|
} |
|
|
|
table.treeTable td.treeTableCellLevel9, |
|
table.treeTableWithIcons td.treeTableCellLevel9 { |
|
padding-left: 128pt; |
|
} |
|
|
|
table.treeTable td.treeTableCellLevel10, |
|
table.treeTableWithIcons td.treeTableCellLevel10 { |
|
padding-left: 144pt; |
|
} |
|
|
|
table.treeTable td.treeTableCellLevel11, |
|
table.treeTableWithIcons td.treeTableCellLevel11 { |
|
padding-left: 160pt; |
|
} |
|
|
|
table.treeTable td.treeTableCellLevel12, |
|
table.treeTableWithIcons td.treeTableCellLevel12 { |
|
padding-left: 186pt; |
|
} |
|
|
|
table.treeTable td.treeTableCellLevel13, |
|
table.treeTableWithIcons td.treeTableCellLevel13 { |
|
padding-left: 202pt; |
|
} |
|
|
|
table.treeTable td.treeTableCellLevel14, |
|
table.treeTableWithIcons td.treeTableCellLevel14 { |
|
padding-left: 218pt; |
|
} |
|
|
|
table.treeTable td.treeTableCellLevel15, |
|
table.treeTableWithIcons td.treeTableCellLevel15 { |
|
padding-left: 234pt; |
|
} |
|
|
|
table.treeTable tr.treeTableCellLevel2, |
|
table.treeTableWithIcons tr.treeTableCellLevel2 { |
|
background-color: white; |
|
} |
|
|
|
table.treeTable tr.treeTableCellLevel3, |
|
table.treeTableWithIcons tr.treeTableCellLevel3 { |
|
background-color: white; |
|
} |
|
|
|
table.treeTable tr.treeTableCellLevel4, |
|
table.treeTableWithIcons tr.treeTableCellLevel4 { |
|
background-color: white; |
|
} |
|
|
|
table.treeTable tr.treeTableCellLevel5, |
|
table.treeTableWithIcons tr.treeTableCellLevel5 { |
|
background-color: white; |
|
} |
|
|
|
table.treeTable tr.treeTableCellLevel6, |
|
table.treeTableWithIcons tr.treeTableCellLevel6 { |
|
background-color: white; |
|
} |
|
|
|
table.treeTable tr.treeTableCellLevel7, |
|
table.treeTableWithIcons tr.treeTableCellLevel7 { |
|
background-color: white; |
|
} |
|
|
|
table.treeTable tr.treeTableCellLevel8, |
|
table.treeTableWithIcons tr.treeTableCellLevel8 { |
|
background-color: white; |
|
} |
|
|
|
table.treeTable tr.treeTableCellLevel9, |
|
table.treeTableWithIcons tr.treeTableCellLevel9 { |
|
background-color: white; |
|
} |
|
|
|
table.treeTable tr.treeTableCellLevel10, |
|
table.treeTableWithIcons tr.treeTableCellLevel10 { |
|
background-color: white; |
|
} |
|
|
|
table.treeTable tr.treeTableCellLevel11, |
|
table.treeTableWithIcons tr.treeTableCellLevel11 { |
|
background-color: white; |
|
} |
|
|
|
table.treeTable tr.treeTableCellLevel12, |
|
table.treeTableWithIcons tr.treeTableCellLevel12 { |
|
background-color: white; |
|
} |
|
|
|
table.treeTable tr.treeTableCellLevel13, |
|
table.treeTableWithIcons tr.treeTableCellLevel13 { |
|
background-color: white; |
|
} |
|
|
|
table.treeTable tr.treeTableCellLevel14, |
|
table.treeTableWithIcons tr.treeTableCellLevel14 { |
|
background-color: white; |
|
} |
|
|
|
table.treeTable tr.treeTableCellLevel15, |
|
table.treeTableWithIcons tr.treeTableCellLevel15 { |
|
background-color: white; |
|
} |
|
|
|
table.treeTable td.treeTableCellLevel1, |
|
table.treeTableWithIcons td.treeTableCellLevel1 { |
|
|
|
} |
|
|
|
table.treeTable td.treeTableCellLevel2, |
|
table.treeTableWithIcons td.treeTableCellLevel2 { |
|
padding-left: 2.5%; |
|
} |
|
|
|
table.treeTable td.treeTableCellLevel3, |
|
table.treeTableWithIcons td.treeTableCellLevel3 { |
|
padding-left: 5%; |
|
} |
|
|
|
table.treeTable td.treeTableCellLevel4, |
|
table.treeTableWithIcons td.treeTableCellLevel4 { |
|
padding-left: 7.5%; |
|
} |
|
|
|
table.treeTable td.treeTableCellLevel5, |
|
table.treeTableWithIcons td.treeTableCellLevel5 { |
|
padding-left: 10%; |
|
} |
|
|
|
table.treeTable td.treeTableCellLevel6, |
|
table.treeTableWithIcons td.treeTableCellLevel6 { |
|
padding-left: 12.5%; |
|
} |
|
|
|
table.treeTable td.treeTableCellLevel7, |
|
table.treeTableWithIcons td.treeTableCellLevel7 { |
|
padding-left: 15%; |
|
} |
|
|
|
table.treeTable td.treeTableCellLevel8, |
|
table.treeTableWithIcons td.treeTableCellLevel8 { |
|
padding-left: 17.5%; |
|
} |
|
|
|
table.treeTable td.treeTableCellLevel9, |
|
table.treeTableWithIcons td.treeTableCellLevel9 { |
|
padding-left: 20%; |
|
} |
|
|
|
table.treeTable td.treeTableCellLevel10, |
|
table.treeTableWithIcons td.treeTableCellLevel10 { |
|
padding-left: 22.5%; |
|
} |
|
|
|
table.treeTable td.treeTableCellLevel11, |
|
table.treeTableWithIcons td.treeTableCellLevel11 { |
|
padding-left: 25%; |
|
} |
|
|
|
table.treeTable td.treeTableCellLevel12, |
|
table.treeTableWithIcons td.treeTableCellLevel12 { |
|
padding-left: 27.5%; |
|
} |
|
|
|
table.treeTable td.treeTableCellLevel13, |
|
table.treeTableWithIcons td.treeTableCellLevel13 { |
|
padding-left: 30%; |
|
} |
|
|
|
table.treeTable td.treeTableCellLevel14, |
|
table.treeTableWithIcons td.treeTableCellLevel14 { |
|
padding-left: 32.5%; |
|
} |
|
|
|
table.treeTable td.treeTableCellLevel15, |
|
table.treeTableWithIcons td.treeTableCellLevel15 { |
|
padding-left: 35%; |
|
} |
|
|
|
table.treeTable td img.treeNavigation { |
|
margin: 0; |
|
margin-right: 9px; |
|
padding: 0; |
|
float: left; |
|
} |
|
|
|
table.treeTable td input.treeNavigation { |
|
margin: 0; |
|
margin-right: 9px; |
|
padding: 0; |
|
float: left; |
|
} |
|
|
|
table.treeTable .invisible, |
|
table.treeTableWithIcons .invisible { |
|
display: none; |
|
} |
|
|
|
table.treeTable tr:hover, |
|
table.treeTableWithIcons tr:hover { /* background-color: #FFF1CC; */ |
|
background-color: #FFFABF; |
|
} |
|
|
|
table.treeTable a, table.treeTable a:visited, |
|
table.treeTableWithIcons a, table.treeTableWithIcons a:visited { |
|
color: #186090; |
|
text-decoration: underline; |
|
} |
|
|
|
table.treeTable a:hover, table.treeTable a:focus, |
|
table.treeTableWithIcons a:hover, table.treeTableWithIcons a:focus { |
|
text-decoration: underline; |
|
background-color: #FFFFFF; |
|
} |
|
|
|
/* Links im scroller */ |
|
table.scroller a,table.scroller a:visited { |
|
color: #186090; |
|
text-decoration: underline; |
|
margin-left: 0.1em; |
|
} |
|
|
|
table.scroller a:hover,table.scroller a:focus { |
|
color: #333; |
|
text-decoration: underline; |
|
background-color: #FFF1CC; |
|
} |
|
|
|
table.scroller { |
|
float: left; |
|
} |
|
|
|
table.scroller .activePage { |
|
font-weight: bold; |
|
background-color: #ffffff; |
|
border: 1px solid #7FB4D8; |
|
} |
|
|
|
/* Bilder vor Texten in Tabellenspalten */ |
|
.image_table { |
|
vertical-align: text-bottom; |
|
margin-bottom: 0px; |
|
padding-bottom: 0px; |
|
padding-left: 1px; |
|
padding-right: 2px; |
|
} |
|
td.prozent |
|
{ |
|
|
|
empty-cells:show; |
|
font-style:italic; |
|
color:#999999; |
|
} |
|
/*****************************************************************************/ |
|
/* Listen */ |
|
/*****************************************************************************/ |
|
/** |
|
* Kategorie-Listen zur semantischen korrekten Gruppierung von Listen mit Titel, Zeit, Inhalt und Optionen. |
|
* Wird z. B. für Alumni-Gruppenankündigungen verwendet. |
|
**/ /* Übergeordnete Kategorie-Liste */ |
|
.category_list { |
|
margin: 0; |
|
padding: 0; |
|
float: left; |
|
width: 100%; |
|
} |
|
|
|
.category_list dd { |
|
margin-left: 0; |
|
padding-left: 0; |
|
} |
|
|
|
/* IE 6 fix */ |
|
* html .category_list dd { |
|
height: 1%; |
|
} |
|
|
|
.category_list dt { |
|
background-color: #ECF8FE; |
|
color: #003970; |
|
clear: both; |
|
padding: 4px; |
|
margin-bottom: 0; |
|
} |
|
|
|
.category_list dt a { |
|
font-weight: bold; |
|
color: #0000aa; |
|
padding: 2px 0; |
|
} |
|
|
|
/* Kategorie-Liste */ |
|
.category_item_list { |
|
position: relative; |
|
background: white 7px 9px no-repeat; |
|
padding: 0; |
|
margin: 0 0 10px 0; |
|
float: left; |
|
display: inline; |
|
min-width: 100%; |
|
width: 100%; |
|
} |
|
|
|
/* Fix for IE 6 */ |
|
* html .category_item_list { |
|
width: auto; |
|
} |
|
|
|
.category_item_list dt { |
|
color: #186090; |
|
padding: 7px 10px 0 10px; |
|
padding-left: 44px; |
|
margin-bottom: 0; |
|
background-color: white; |
|
background: transparent |
|
url(../images/icons/components/html/category_item_list/edge_white_tl.gif) |
|
top left no-repeat; |
|
} |
|
|
|
.category_item_list dd.timestamp { |
|
margin-left: 44px; |
|
margin-top: -2px; |
|
padding-right: 10px; |
|
color: #585858; |
|
font-size: 0.8em; |
|
} |
|
|
|
.category_item_list dd.content { |
|
padding-right: 10px; |
|
padding-bottom: 0.5em; |
|
margin-left: 44px; |
|
margin-top: 3px; |
|
color: #555; |
|
font-size: 0.9em; |
|
text-align: justify; |
|
background-color: white; |
|
} |
|
|
|
.category_item_list dd { |
|
padding-left: 0; |
|
} |
|
|
|
.category_item_list dd.options { |
|
float: left; |
|
padding-bottom: 3px; |
|
margin: 0; |
|
width: 100%; |
|
background: transparent |
|
url(../images/icons/components/html/category_item_list/edge_white_br.gif) |
|
right bottom no-repeat; |
|
font-size: 0.9em; |
|
} |
|
|
|
.category_item_list dd.options ul { |
|
float: right; |
|
list-style-type: none; |
|
padding: 0; |
|
margin: 0; |
|
} |
|
|
|
.category_item_list dd.options ul li { |
|
float: left; |
|
margin-left: 0.5em; |
|
} |
|
|
|
.category_item_list dd .read { |
|
background: |
|
url(../images/icons/components/html/category_item_list/bullet_go_transparent.png) |
|
left center no-repeat; |
|
padding-left: 18px; |
|
} |
|
|
|
.category_item_list dd .read:hover { |
|
background-image: |
|
url(../images/icons/components/html/category_item_list/bullet_go.png) |
|
; |
|
} |
|
|
|
.category_item_list dd a { |
|
color: #1f3f9f; |
|
} |
|
|
|
.category_item_list dd a:hover { |
|
color: blue; |
|
} |
|
|
|
.category_item_list dd.options a { |
|
padding-left: 22px; |
|
} |
|
|
|
.category_item_list a.content_report { |
|
background: transparent |
|
url(../images/icons/components/html/category_item_list/exclamation_transparent.png) |
|
left center no-repeat; |
|
} |
|
|
|
.category_item_list a.content_hide { |
|
background: transparent |
|
url(../images/icons/components/html/category_item_list/layers_transparent.png) |
|
left center no-repeat; |
|
} |
|
|
|
.category_item_list a.content_hide:hover { |
|
background-image: |
|
url(../images/icons/components/html/category_item_list/layers.png) |
|
; |
|
} |
|
|
|
.category_item_list a.content_report:hover { |
|
background-image: |
|
url(../images/icons/components/html/category_item_list/exclamation.png) |
|
; |
|
} |
|
|
|
/* TreePath Liste */ |
|
.treePath ul,.treePath ol { |
|
list-style-type: none; |
|
margin: 0; |
|
padding: 0; |
|
} |
|
|
|
.treePath ul li,.treePath ol li { |
|
float: left; |
|
padding-left: 20px; |
|
margin-left: 4px; |
|
background: transparent url(../images/icons/next.gif) left center |
|
no-repeat; |
|
} |
|
|
|
.treePath ul li.first_node,.treePath ol li.first_node { |
|
padding-left: 0; |
|
margin-left: 0; |
|
background: none; |
|
} |
|
|
|
/* Einfache Liste über 2 Ebenen */ |
|
.listNoStyleLevel1 { |
|
list-style-type: none; |
|
font-weight: bold; |
|
} |
|
|
|
.listNoStyleLevel2 { |
|
list-style-type: none; |
|
padding-top: 10px; |
|
padding-bottom: 16px; |
|
font-weight: normal; |
|
} |
|
|
|
.listNoStyleLevel2 li { |
|
border-bottom: dashed 1px #ccc; |
|
padding: 2px; |
|
} |
|
|
|
.listNoStyleLevel2 li.marked { |
|
background-color: #fff; |
|
padding: 2px; |
|
} |
|
|
|
|
|
/* Liste mit Aufzählungsgraphiken |
|
wurde von .newsListing_frontpage aus QisDesign.css übernommen*/ |
|
|
|
.listStyleIconLevel1 { |
|
/*list-style-image: url(/qisserver/ROOT/QIS/images/bullet_star.gif);*/ |
|
padding-top: 3px; |
|
margin-top:0px; |
|
padding-left:2em; |
|
padding-bottom: 16px; |
|
padding-top:0px; |
|
font-weight: normal; |
|
list-style-position:outside; |
|
border-bottom: 1px solid #DFDFDF; |
|
border-top: 1px solid #DFDFDF; |
|
/*background: #ffffff url(../images/icons/background_text_white.gif);*/ |
|
background-color: #ffffff; |
|
} |
|
|
|
.listStyleIconLevel1 li { |
|
padding: 2px; |
|
margin-top:0px; |
|
border-bottom: 1px dashed #DFDFDF; |
|
} |
|
|
|
.listStyleIconLevel1 a { |
|
font-size:100%; |
|
font-weight:bold; |
|
text-decoration:underline; |
|
} |
|
|
|
.listStyleIconLevel1 p { |
|
color:#555555; |
|
margin-bottom:0px; |
|
margin-top:3px; |
|
padding-bottom:0.5em; |
|
padding-right:10px; |
|
text-align:justify; |
|
|
|
} |
|
|
|
.listStyleIconLevel1 li.bullet_yellow { |
|
list-style-image: url('/HISinOne/images/icons/bullet_yellow.gif'); |
|
} |
|
.listStyleIconLevel1 li.arrow_down_small { |
|
list-style-image: url('/HISinOne/images/icons/arrow_down_small.gif'); |
|
} |
|
.listStyleIconLevel1 li.book_open { |
|
list-style-image: url('/HISinOne/images/icons/book_open.gif'); |
|
} |
|
li.warning { |
|
list-style-image: url('/HISinOne/images/icons/warning.gif'); |
|
} |
|
li.date_warning { |
|
list-style-image: url('/HISinOne/images/icons/date_warning.gif'); |
|
} |
|
/*****************************************************************************/ |
|
/* Bilder */ |
|
/*****************************************************************************/ |
|
/*Mit style="vertical-align:text-top" erreichen Sie in einem <img>-Tag das Gleiche wie mit align="top", |
|
mit style="vertical-align:middle" das Gleiche wie in standardkonformen Browsern mit align="middle", |
|
und mit style="vertical-align:text-bottom" das Gleiche wie mit align="bottom".*/ |
|
img { |
|
border: none |
|
} |
|
|
|
.imagebottom { |
|
vertical-align: text-bottom; |
|
} |
|
|
|
.imagemiddle { |
|
vertical-align: middle; |
|
} |
|
|
|
.imagetop { |
|
vertical-align: text-top; |
|
} |
|
|
|
.calendarImage { |
|
cursor: pointer; |
|
margin-left: 2px; |
|
margin-right: 4px; |
|
} |
|
|
|
.pictures_portal_border { |
|
margin-left: 0px; |
|
margin-top: 1em; |
|
margin-bottom: 1px; |
|
padding: 0px; |
|
border:1px solid #DFDFDF; |
|
} |
|
|
|
.picture { |
|
background: #ffffff |
|
url(../images/icons/background_text_white.gif); |
|
border: 1px solid #DFDFDF; |
|
padding: 5px; |
|
} |
|
|
|
/*****************************************************************************/ |
|
/* Farben */ |
|
/*****************************************************************************/ |
|
.color_white { |
|
background-color: #FFFFFF; |
|
} |
|
|
|
.color_pale_yellow { |
|
background-color: #FFFCDF; |
|
} |
|
|
|
.color_pale_rose { |
|
background-color: #FFF1CC; |
|
} |
|
|
|
.color_pale_green { |
|
background-color: #E7EFD1; |
|
} |
|
|
|
.color_pale_grey { |
|
background-color: #EFEFEF; |
|
} |
|
|
|
.color_pale_blue { |
|
background-color: #EFF9FF; |
|
} |
|
|
|
.color_font_green { |
|
color: #669933; |
|
} |
|
|
|
/*****************************************************************************/ |
|
/* Sonstiges */ |
|
/*****************************************************************************/ |
|
/** |
|
* Angepasster Container für Baumdarstellung der Gruppenhierarchie in ALU. |
|
* |
|
* TODO: Baumkomponente erzeugt bisweilen sehr ungeeignetes Markup. Markup sollte angepasst und |
|
* der untenstehende Container verallgemeinert werden. |
|
*/ |
|
.cm_alu_grouptree_container { |
|
padding: 0 1em; |
|
} |
|
|
|
.cm_alu_grouptree_container table tr { |
|
line-height: 1.7em; |
|
position: relative; |
|
background-color: #fff; |
|
} |
|
|
|
.cm_alu_grouptree_container table.depth_0 tr { |
|
background-color: #ddd; |
|
} |
|
|
|
.cm_alu_grouptree_container table.depth_1 tr { |
|
background-color: #F4F6F7; |
|
} |
|
|
|
.cm_alu_grouptree_container table.depth_2 tr { |
|
background-color: #fff; |
|
} |
|
|
|
.cm_alu_grouptree_container table td { |
|
width: auto; |
|
} |
|
|
|
.cm_alu_grouptree_container table tr .options { |
|
text-align: right; |
|
} |
|
|
|
/* Filter: This css-rule only applies to IE 7 (and IE5) */ |
|
*+html .cm_alu_grouptree_container table tr .options { |
|
position: relative; |
|
right: 0; |
|
padding-right: 2.3em; |
|
} |
|
|
|
.cm_alu_grouptree_container table tr:hover,.cm_alu_grouptree_container table tr:hover .options,.cm_alu_grouptree_container table.depth_0 tr:hover,.cm_alu_grouptree_container table.depth_1 tr:hover,.cm_alu_grouptree_container table.depth_2 tr:hover |
|
{ |
|
background-color: #F7E9D3; |
|
} |
|
|
|
/* Fix for IE 6 */ |
|
* html .cm_alu_grouptree_container { |
|
width: 100%; |
|
} |
|
|
|
/* Fix for IE 6 */ |
|
* html .cm_alu_grouptree_container table tbody tr,* html .cm_alu_grouptree_container table.depth_0 tbody tr,* html .cm_alu_grouptree_container table.depth_1 tbody tr |
|
, * html .cm_alu_grouptree_container table.depth_2 tbody tr { |
|
width: 100%; |
|
} |
|
|
|
/** |
|
* Angepasster Container für Gruppen, bei denen eine Anmeldungsbestätigung aussteht |
|
*/ |
|
.cm_alu_pending_groups_container { |
|
padding: 0; |
|
margin: 0; |
|
} |
|
|
|
.cm_alu_pending_groups_container dt { |
|
margin: 0; |
|
padding-top: 1px; |
|
padding-bottom: 3px; |
|
} |
|
|
|
.cm_alu_pending_groups_container dd { |
|
padding: 0; |
|
margin: 0; |
|
} |
|
|
|
.cm_alu_pending_group { |
|
width: 100%; |
|
float: left; |
|
position: relative; |
|
background: white; |
|
color: #555; |
|
padding: 0.7em 0 0.7em 0; |
|
margin: 0; |
|
font-size: 0.9em; |
|
text-align: justify; |
|
} |
|
|
|
.cm_alu_pending_group dl { |
|
margin-left: 3em; |
|
} |
|
|
|
.cm_alu_pending_group dt,.cm_alu_pending_group dd { |
|
margin-bottom: 0.2em; |
|
padding: 0; |
|
background-color: white; |
|
line-height: 1.5em; |
|
font-size: 1em; |
|
} |
|
|
|
.cm_alu_pending_group dt { |
|
color: #186090; |
|
float: left; |
|
width: 8em; |
|
} |
|
|
|
.cm_alu_pending_group dd { |
|
padding-left: 8em; |
|
float: none; |
|
} |
|
|
|
.cm_alu_pending_group ul.options { |
|
float: right; |
|
list-style-type: none; |
|
padding: 0 10px 0 0; |
|
margin: 0; |
|
} |
|
|
|
.cm_alu_pending_group ul.options li { |
|
float: left; |
|
margin-left: 0.5em; |
|
} |
|
|
|
.cm_alu_pending_group ul.options li a { |
|
padding-left: 20px; |
|
} |
|
|
|
.cm_alu_pending_group a.cancel_group_registration { |
|
background: transparent |
|
url(../images/icons/cm.alu/portal/groups/cancel_group_registration_inactive.png) |
|
left center no-repeat; |
|
} |
|
|
|
.cm_alu_pending_group a:hover .cancel_group_registration { |
|
background: transparent |
|
url(../images/icons/cm.alu/portal/groups/cancel_group_registration.png) |
|
left center no-repeat; |
|
} |
|
|
|
/** |
|
* Abgerundeter, barrierefreier Knopf mit fixer Breite. |
|
* |
|
* Die vorliegende Style-Definition erfordert folgendes Markup: |
|
* |
|
* <a class="rounded_button_1"> |
|
* <strong>Überschrift</strong> |
|
* <span>Inhalt</span> |
|
* </a> |
|
* |
|
* Der Knopf ist duch folgende Style-Klassen anpassbar (aktuell im Stil "check"): |
|
* |
|
* <a class="rounded_button_1 rounded_button_1_check"> |
|
* <strong>Überschrift</strong> |
|
* <span>Inhalt</span> |
|
* </a> |
|
* |
|
**/ |
|
.rounded_button_1 { |
|
background: transparent |
|
url(/qisserver/img/components/html/roundedbutton/bg-bottom.gif) left |
|
22px no-repeat; |
|
display: block; |
|
width: 270px; |
|
color: #DD4400; |
|
text-decoration: none; |
|
margin-bottom: 11px; |
|
} |
|
|
|
.rounded_button_1 span { |
|
background: transparent |
|
url(/qisserver/img/components/html/roundedbutton/bg-bottom.gif) bottom |
|
left no-repeat; |
|
padding: 0 20px 10px 20px; |
|
text-align: justify; |
|
font-size: 80%; |
|
color: #186090; |
|
display: block; |
|
cursor: pointer; |
|
position: relative; |
|
top: 11px; |
|
} |
|
|
|
body .rounded_button_1_check strong { |
|
background-image: |
|
url(/qisserver/img/components/html/roundedbutton/bg-top-check.gif); |
|
width: 215px !important; |
|
width: 270px; |
|
padding-left: 45px; |
|
} |
|
|
|
.rounded_button_1 strong { |
|
background: transparent |
|
url(/qisserver/img/components/html/roundedbutton/bg-top.gif) top left |
|
no-repeat; |
|
height: auto !important; |
|
height: 20px; |
|
min-height: 20px; |
|
margin-bottom: -11px; |
|
width: 250px !important; |
|
width: 270px; |
|
display: block; |
|
color: #DD4400; |
|
font-size: 125%; |
|
line-height: 1em; |
|
padding: 30px 0 0.3em 20px; |
|
text-align: left; |
|
cursor: pointer; |
|
} |
|
|
|
.rounded_button_1:hover { |
|
background-position: 100% 22px; |
|
} |
|
|
|
.rounded_button_1:hover span { |
|
background-position: 100% bottom; |
|
color: white; |
|
} |
|
|
|
body .rounded_button_1_check:hover strong { |
|
background-position: -270px top; |
|
} |
|
|
|
.rounded_button_1:hover strong { |
|
background-position: 100% top; |
|
color: #DD4400; |
|
text-decoration: underline; |
|
} |
|
|
|
/** |
|
* Definition für Bearbeiten-Links (z. B. neu, bearbeiten, löschen) |
|
* TODO: Verallgemeinerung notwendig |
|
*/ |
|
.editlink_addsubject { |
|
background: transparent |
|
url(../images/icons/cm.alu/table_add.png) center left |
|
no-repeat; |
|
} |
|
|
|
.editlink_editsubject { |
|
background: transparent url(../images/icons/edit.gif) center left |
|
no-repeat; |
|
} |
|
|
|
.editlink_deletesubject { |
|
background: transparent |
|
url(../images/icons/cm.alu/table_delete.png) center left |
|
no-repeat; |
|
padding-left: 20px; |
|
} |
|
|
|
.editlink_deletestudycourse { |
|
background: transparent |
|
url(../images/icons/cm.alu/application_delete.png) center left |
|
no-repeat; |
|
} |
|
|
|
.editlink_addstudycourse { |
|
background: transparent |
|
url(../images/icons/cm.alu/application_add.png) center left |
|
no-repeat; |
|
padding-left: 20px; |
|
height: auto !important; |
|
height: 16px; |
|
min-height: 16px; |
|
} |
|
|
|
/** |
|
* Rechtsausgerichtete Liste von Aktionslinks |
|
*/ |
|
ul.editlinks { |
|
list-style-type: none; |
|
float: right; |
|
clear: both; |
|
margin: 0.5em 0.5em 0.5em 0.5em; |
|
} |
|
|
|
ul.editlinks li { |
|
float: left; |
|
margin-left: 1em; |
|
} |
|
|
|
ul.editlinks li a { |
|
padding-left: 20px; |
|
height: auto !important; |
|
height: 16px; |
|
min-height: 16px; |
|
} |
|
|
|
/** |
|
* Clearing und Margin wegen neuer Style-Definitionen hinzugefügt. |
|
* columns sind "gefloated". |
|
* TODO: wird entfernt nach Umstellung auf neue Styles |
|
*/ |
|
.summary h2 { |
|
clear: left; |
|
} |
|
|
|
.summary .columnLeft55 { |
|
margin-bottom: 1em; |
|
} |
|
|
|
/** |
|
* Definition für Aufzählungen einer Zusammenfassung (z. B. bei Alumni-Selbstregistrierung) |
|
*/ |
|
.summary ol li { |
|
float: left; |
|
clear: left; |
|
} |
|
|
|
/** |
|
* Bearbeiten-Link in Blöcken von Zusammenfassungs-Seiten (z. B. bei Alumni-Selbstregistrierung) |
|
*/ |
|
.summary .editlink { |
|
background: transparent |
|
url(../images/icons/cm.alu/application_form_edit.png) center |
|
left no-repeat; |
|
padding-left: 20px; |
|
height: auto !important; |
|
height: 16px; |
|
min-height: 16px; |
|
float: right; |
|
clear: both; |
|
margin: 1em 0.5em 0.5em 0.5em; |
|
} |
|
|
|
.summary ul.required_documents { |
|
list-style-type: none; |
|
margin: 1em 0 0 2px; |
|
padding: 0; |
|
} |
|
|
|
.summary ul.required_documents li a { |
|
background: transparent center left no-repeat; |
|
padding-left: 20px; |
|
height: auto !important; |
|
height: 16px; |
|
min-height: 16px; |
|
line-height: 1.5em; |
|
} |
|
|
|
.summary ul.required_documents li a:link { |
|
background-image: url(../images/icons/cm.alu/report.png); |
|
} |
|
|
|
.summary ul.required_documents li a:visited { |
|
background-image: url(../images/icons/cm.alu/report.png); |
|
} |
|
|
|
.summary ul.usertypes { |
|
list-style-type: none; |
|
margin: 1em 1em 0 2em; |
|
padding: 0; |
|
} |
|
|
|
.summary ul.usertypes li { |
|
background: transparent url(../images/icons/cm.alu/vcard.png) |
|
center left no-repeat; |
|
padding-left: 20px; |
|
height: auto !important; |
|
height: 16px; |
|
min-height: 16px; |
|
line-height: 1.5em; |
|
} |
|
|
|
.summary label { |
|
width: 15em; |
|
margin-top: 0; |
|
margin-right: 1em; |
|
font-weight: bold; |
|
cursor: default; |
|
} |
|
|
|
.summary .textarea { |
|
margin-left: 16em; |
|
width: auto; |
|
display: block; |
|
} |
|
|
|
.pageinfoSizeHalf { |
|
width: 55%; |
|
margin-bottom: 1em; |
|
} |
|
|
|
/** |
|
* Styles für ALU-Ankündigungen |
|
**/ |
|
.cm_alu_announcement { |
|
background-image: url(../images/icons/cm.alu/announcement.png); |
|
} |
|
|
|
.cm_alu_announcement_category dt a { |
|
background: url(../images/icons/cm.alu/group.png) left center |
|
no-repeat; |
|
padding-left: 22px; |
|
} |
|
|
|
.alu-page .category_item_list { |
|
margin-bottom: 0; |
|
} |
|
|
|
/*****************************************************************************/ |
|
/* ALU - global definitions */ |
|
/*****************************************************************************/ |
|
.alu-page { |
|
background-color: white; |
|
float: left; |
|
width: 100%; |
|
padding-top: 1em; |
|
padding-bottom: 1em; |
|
} |
|
|
|
.alu-page .alu-content { |
|
margin: 0 1em; |
|
} |
|
|
|
/* Fix for IE 6 italic bug */ |
|
* html .alu-page p em { |
|
overflow: hidden; |
|
height: 1%; |
|
width: 100%; |
|
} |
|
|
|
form .defaultbutton { |
|
/* muss noch in den allgem. Abschnitt verschoben werden */ |
|
display: block; |
|
width: 0; |
|
height: 0; |
|
overflow: hidden; |
|
font-size: 0; |
|
position: absolute; |
|
top: -9999px; |
|
left: -9999px; |
|
} |
|
|
|
.alu-page p { |
|
padding: 0; |
|
margin: 0; |
|
} |
|
|
|
.alu-page li.error p.error { |
|
margin-left: 31%; |
|
} |
|
|
|
.alu-page p.wide { |
|
margin-bottom: 0.5em; |
|
} |
|
|
|
.alu-page p.stanza { |
|
margin-bottom: 1em; |
|
} |
|
|
|
.alu-page .content-section { |
|
margin-bottom: 2em; |
|
overflow: auto; |
|
} |
|
|
|
.alu-page h1 { |
|
margin-bottom: 1em; |
|
} |
|
|
|
.alu-page .infobox { |
|
margin-bottom: 1.5em; |
|
} |
|
|
|
.alu-page .buttonstop { |
|
clear: left; |
|
width: auto; |
|
} |
|
|
|
.alu-page .invisibleText { |
|
display: block; |
|
position: absolute; |
|
left: -9999px; |
|
top: -1000px; |
|
height: 0; |
|
width: 0; |
|
overflow: hidden; |
|
line-height: 0; |
|
} |
|
|
|
.alu-page table { |
|
width: 100%; |
|
} |
|
|
|
.alu-page table.scroller { |
|
width: auto; |
|
} |
|
|
|
/*****************************************************************************/ |
|
/* ALU selfregistration */ |
|
/*****************************************************************************/ |
|
.alu-page-selfregistration .wizard_stepnavigation { |
|
margin: 1em 0 0 0; |
|
width: 100%; |
|
border-top: 1px dashed #9EC6E2; |
|
padding-top: 1em; |
|
} |
|
|
|
.alu-page-selfregistration .content-sidebar-layout .layout-content { |
|
margin-right: 25em; |
|
} |
|
|
|
.alu-page-selfregistration .content-sidebar-layout .layout-sidebar { |
|
width: 20em; |
|
} |
|
|
|
.alu-page-selfregistration .named-box-content ol { |
|
list-style-type: none; |
|
margin: 0; |
|
padding: 0; |
|
} |
|
|
|
.alu-page-selfregistration .named-box-content ol li { |
|
margin-bottom: 0.2em; |
|
display: block; |
|
clear: left; |
|
} |
|
|
|
.alu-page-selfregistration .named-box-content ol li p.error { |
|
margin-left: 30%; |
|
padding-left: 0.6em; |
|
margin-bottom: 0.5em; |
|
} |
|
|
|
.alu-page-selfregistration .named-box-content ol li label { |
|
float: left; |
|
width: 30%; |
|
margin-right: 0.5em; |
|
text-align: right; |
|
} |
|
|
|
.alu-page-selfregistration .named-box-content ol li { |
|
line-height: 1.6em; |
|
} |
|
|
|
.alu-page-selfregistration ol li input.input_standard { |
|
width: 58%; |
|
padding: 2px 0; |
|
text-indent: 2px; |
|
} |
|
|
|
.alu-page-selfregistration .named-box-content ol li textarea { |
|
width: 57.5%; |
|
} |
|
|
|
.alu-page-selfregistration .named-box-content ol li .input_date { |
|
width: 5.5em; |
|
padding: 2px 0; |
|
text-indent: 2px; |
|
} |
|
|
|
.alu-page-selfregistration .named-box-content ol li .input_checkbox { |
|
width: auto; |
|
margin-top: 0.4em; |
|
} |
|
|
|
.alu-page-selfregistration .named-box-content ol li select { |
|
width: 58%; |
|
} |
|
|
|
.alu-page-selfregistration .layout-sidebar .named-box-content p { |
|
line-height: 2em; |
|
text-align: justify; |
|
} |
|
|
|
.alu-page-selfregistration .errorset * { |
|
color: #CC3300; |
|
} |
|
|
|
.alu-page-selfregistration .errorset p.error { |
|
margin-top: 1em; |
|
font-weight: bold; |
|
} |
|
|
|
.alu-page-selfregistration ul.editlinks { |
|
float: none; |
|
display: block; |
|
text-align: right; |
|
margin: 1em 0 0 0; |
|
/* |
|
position: absolute; |
|
top: 0; |
|
right: 0; |
|
*/ |
|
} |
|
|
|
.alu-page-selfregistration ul.editlinks li { |
|
float: none; |
|
} |
|
|
|
/*****************************************************************************/ |
|
/* ALU - page: portal */ |
|
/*****************************************************************************/ |
|
.alu-page-portal .alu-content .layout-content { |
|
margin-right: 23em; |
|
} |
|
|
|
.alu-page-portal .alu-content .layout-sidebar { |
|
width: 20em; |
|
} |
|
|
|
.alu-page-portal .layout-sidebar .information-list li { |
|
background: transparent left center no-repeat; |
|
padding-left: 22px; |
|
} |
|
|
|
.alu-page-portal .layout-sidebar .information-list .new-messages { |
|
background-image: url(../images/icons/cm.alu/email_add.png); |
|
} |
|
|
|
.alu-page-portal .layout-sidebar .information-list .contact-requests { |
|
background-image: url(../images/icons/cm.alu/user_wait.png); |
|
} |
|
|
|
.alu-page-portal .layout-sidebar .information-list .groups { |
|
background-image: |
|
url(../images/icons/cm.alu/chart_organisation.png); |
|
} |
|
|
|
.alu-page-portal .layout-sidebar .information-list .member-groups { |
|
background-image: url(../images/icons/cm.alu/tick.png); |
|
} |
|
|
|
.alu-page-portal .layout-sidebar .information-list .open-registration { |
|
background-image: url(../images/icons/cm.alu/hourglass.png); |
|
} |
|
|
|
.alu-page-portal .layout-content .welcome-text { |
|
font-size: 1.4em; |
|
margin-bottom: 0.5em; |
|
} |
|
|
|
/*****************************************************************************/ |
|
/* Webmailer */ |
|
/*****************************************************************************/ |
|
/* --- common styles --- */ |
|
a.link-with-icon { |
|
background-position: left center; |
|
background-repeat: no-repeat; |
|
padding-left: 20px; |
|
line-height: 16px; |
|
} |
|
|
|
/* --- toolbar --- */ |
|
ul.toolbar { |
|
background: #ddd url(../images/icons/cm.alu/list-gradient.png) |
|
top left repeat-x; |
|
border-bottom: 1px solid #ccc; |
|
list-style-type: none; |
|
margin: 0; |
|
padding: 0; |
|
position: relative; |
|
width: 100%; |
|
line-height: 30px; |
|
} |
|
|
|
ul.toolbar li { |
|
display: inline; |
|
padding: 0 0 0 0.3em; |
|
} |
|
|
|
ul.toolbar li select { |
|
border: 1px solid #ccc; |
|
} |
|
|
|
* html ul.toolbar li select { |
|
margin: 0.3em 0; |
|
vertical-align: middle; |
|
} |
|
|
|
*+html ul.toolbar li select { |
|
vertical-align: middle; |
|
} |
|
|
|
ul.toolbar li select option { |
|
padding-right: 0.3em; |
|
} |
|
|
|
ul.toolbar li.execute-action a { |
|
background-image: url(../images/icons/cm.alu/bullet_go.png); |
|
} |
|
|
|
ul.toolbar li.refresh a { |
|
background-image: |
|
url(../images/icons/cm.alu/arrow_refresh_small.png); |
|
} |
|
|
|
ul.toolbar li.write-message a { |
|
background-image: url(../images/icons/cm.alu/email_edit.png); |
|
} |
|
|
|
ul.toolbar li.replay-message a { |
|
background-image: url(../images/icons/cm.alu/email_go.png); |
|
} |
|
|
|
ul.toolbar li.delete-message a { |
|
background-image: url(../images/icons/cm.alu/email_delete.png); |
|
} |
|
|
|
ul.toolbar li.edit-message a { |
|
background-image: url(../images/icons/cm.alu/email_edit.png); |
|
} |
|
|
|
ul.toolbar li.show-message a { |
|
background-image: url(../images/icons/cm.alu/email_go.png); |
|
} |
|
|
|
/* webmailer specific */ |
|
div.webmailer ul.toolbar li.last-item { |
|
position: absolute; |
|
right: 0.3em; |
|
top: 0; |
|
} |
|
|
|
/* --- webmailer --- */ |
|
div.webmailer { |
|
border: 1px solid #ccc; |
|
float: left; |
|
margin-bottom: 2em; |
|
position: relative; |
|
width: 100%; |
|
line-height: 150%; |
|
} |
|
|
|
/* --- mailbox --- */ |
|
div.webmailer dl.mailbox { |
|
float: left; |
|
margin: 0; |
|
width: 20%; |
|
} |
|
|
|
div.webmailer dl.mailbox dt { |
|
background: #eee; |
|
border-top: 1px solid white; |
|
border-right: 1px solid #ccc; |
|
border-bottom: 1px solid #ccc; |
|
border-left: 1px solid white; |
|
padding: 0.2em 0.2em 0.2em 0.3em; |
|
color: #333; |
|
font-weight: bold; |
|
} |
|
|
|
div.webmailer dl.mailbox dd { |
|
border-right: 1px solid #ccc; |
|
margin: 0; |
|
padding: 0; |
|
} |
|
|
|
div.webmailer dl.mailbox dd ul { |
|
margin-left: 1em; |
|
padding: 0; |
|
list-style-type: none; |
|
line-height: 200%; |
|
height: auto !important; |
|
height: 20em; |
|
min-height: 20em; |
|
} |
|
|
|
div.webmailer dl.mailbox dd ul li a { |
|
background-image: url(../images/icons/cm.alu/folder.png); |
|
color: #333; |
|
line-height: 200%; |
|
text-decoration: none; |
|
} |
|
|
|
div.webmailer dl.mailbox dd ul li a.folder-inbox { |
|
background-image: url(../images/icons/cm.alu/folder_table.png); |
|
} |
|
|
|
div.webmailer dl.mailbox dd ul li a.folder-drafts { |
|
background-image: url(../images/icons/cm.alu/folder_edit.png); |
|
} |
|
|
|
div.webmailer dl.mailbox dd ul li a.folder-sent { |
|
background-image: url(../images/icons/cm.alu/folder_go.png); |
|
} |
|
|
|
div.webmailer dl.mailbox dd ul li a.folder-trash { |
|
background-image: url(../images/icons/cm.alu/bin_empty.png); |
|
} |
|
|
|
/* --- messages --- */ |
|
div.webmailer table { |
|
border-left: 1px solid #ccc; |
|
margin-left: -1px; |
|
float: left; |
|
width: 80%; |
|
} |
|
|
|
div.webmailer table caption { |
|
display: none; |
|
} |
|
|
|
div.webmailer table thead tr th { |
|
background: #eee; |
|
border-top: 1px solid white; |
|
border-bottom: 1px solid #ccc; |
|
color: #333; |
|
font-weight: bold; |
|
text-align: left; |
|
} |
|
|
|
div.webmailer table thead tr th,div.webmailer table tbody tr td { |
|
border-left: 1px solid white; |
|
padding: 0.2em 0.2em 0.2em 0.3em; |
|
} |
|
|
|
div.webmailer table thead tr th input,div.webmailer table tbody tr td input |
|
{ |
|
display: block; |
|
margin: 0 auto; |
|
} |
|
|
|
div.webmailer table tbody tr.alt { |
|
background: #f2f7f8; |
|
} |
|
|
|
div.webmailer table tbody tr.selected { |
|
background: #fbf4f0; |
|
} |
|
|
|
div.webmailer table tbody tr:hover { |
|
background: #f7e9d3; |
|
cursor: pointer |
|
} |
|
|
|
div.webmailer table tbody tr td a.new-message { |
|
background-image: url(../images/icons/cm.alu/bullet_star.png); |
|
background-position: left top; |
|
padding-left: 16px; |
|
} |
|
|
|
div.webmailer table tbody tr td ul,div.webmailer table tbody tr td ul.message-actions |
|
{ |
|
float: left; |
|
list-style-type: none; |
|
margin: 0; |
|
padding: 0; |
|
} |
|
|
|
div.webmailer table tbody tr td ul li,div.webmailer table tbody tr td ul.message-actions li |
|
{ |
|
float: left; |
|
margin-right: 0.5em; |
|
} |
|
|
|
div.webmailer table tbody tr td ul.message-actions li.delete-message { |
|
margin-right: 0; |
|
} |
|
|
|
div.webmailer table tbody tr td ul.message-actions li.replay-message a { |
|
background-image: url(../images/icons/cm.alu/email_go.png); |
|
} |
|
|
|
div.webmailer table tbody tr td ul.message-actions li.delete-message a { |
|
background-image: url(../images/icons/cm.alu/email_delete.png); |
|
} |
|
|
|
div.webmailer table tbody tr td ul.message-actions li.edit-message a { |
|
background-image: url(../images/icons/cm.alu/email_edit.png); |
|
} |
|
|
|
div.webmailer table tbody tr td ul.message-actions li.show-message a { |
|
background-image: url(../images/icons/cm.alu/email_go.png); |
|
} |
|
|
|
/* --- table-informations --- */ |
|
div.webmailer dl.table-informations { |
|
background: #eee url(../images/icons/cm.alu/border-white.gif) |
|
top left repeat-y; |
|
border-top: 1px solid #ccc; |
|
border-bottom: 1px solid white; |
|
clear: both; |
|
margin: 0; |
|
width: 100%; |
|
color: #333; |
|
font-weight: bold; |
|
font-size: 85%; |
|
line-height: 16px; |
|
text-align: right; |
|
} |
|
|
|
div.webmailer dl.table-informations dt,div.webmailer dl.table-informations dd |
|
{ |
|
display: inline; |
|
margin: 0 0.3em 0 0; |
|
font-weight: normal; |
|
} |
|
|
|
/* --- message --- */ |
|
div.message { |
|
border: 1px solid #ccc; |
|
clear: both; |
|
width: 100%; |
|
line-height: 150%; |
|
} |
|
|
|
div.message div.message-head { |
|
background: #eee; |
|
border-bottom: 1px solid #ccc; |
|
padding: 1em; |
|
} |
|
|
|
div.message div.message-head dl { |
|
margin: 0; |
|
padding: 0; |
|
} |
|
|
|
div.message div.message-head dl dt { |
|
float: left; |
|
font-weight: bold; |
|
} |
|
|
|
div.message div.message-head dl dd { |
|
margin-left: 7em; |
|
} |
|
|
|
div.message div.message-head dl dd ul { |
|
list-style-type: none; |
|
padding: 0; |
|
margin: 0; |
|
} |
|
|
|
div.message div.message-head dl dd ul li { |
|
display: inline; |
|
margin-right: 0.5em; |
|
padding: 0; |
|
} |
|
|
|
*+html div.message div.message-head dl dd ul li { |
|
background: url(../images/icons/cm.alu/comma.png) right bottom |
|
no-repeat; |
|
margin-right: 0.5em; |
|
} |
|
|
|
div.message div.message-head dl dd ul li.last-item { |
|
background-image: none; |
|
} |
|
|
|
div.message div.message-head dl dd ul li:after { |
|
content: "\201A"; |
|
} |
|
|
|
div.message div.message-head dl dd ul li.last-item:after { |
|
content: ""; |
|
} |
|
|
|
div.message div.message-body { |
|
background: white; |
|
max-height: 250px; |
|
min-height: 150px; |
|
overflow: auto; |
|
padding: 1em; |
|
} |
|
|
|
/* --- write-message --- */ |
|
div.message-form { |
|
background: #eee; |
|
border: 1px solid #ccc; |
|
clear: both; |
|
margin-bottom: 1em; |
|
width: 100%; |
|
line-height: 150%; |
|
} |
|
|
|
div.message-form fieldset { |
|
border: none; |
|
margin: 0; |
|
padding: 1em 1.5em 0.5em 1.5em; |
|
position: relative; |
|
display: block; |
|
} |
|
|
|
div.message-form fieldset legend { |
|
display: none; |
|
} |
|
|
|
div.message-form dl { |
|
margin-top: 0; |
|
padding-top: 0; |
|
clear: left; |
|
} |
|
|
|
div.message-form dl dt { |
|
float: left; |
|
width: 6em; |
|
padding-left: 0; |
|
font-weight: bold; |
|
} |
|
|
|
div.message-form dl dt.last-item { |
|
display: block; |
|
position: absolute; |
|
width: 0; |
|
height: 0; |
|
overflow: hidden; |
|
top: -9999px; |
|
left: -9999px; |
|
} |
|
|
|
div.message-form dl dd { |
|
margin-left: 8em; |
|
} |
|
|
|
div.message-form dl dd.last-item { |
|
margin: 0; |
|
padding: 0; |
|
} |
|
|
|
div.message-form .webmailer-recipient-list { |
|
list-style-type: none; |
|
padding: 0; |
|
clear: right; |
|
} |
|
|
|
div.message-form .webmailer-recipient-list li { |
|
display: inline; |
|
padding-right: 1em; |
|
font-weight: bold; |
|
background: transparent url(../images/icons/cm.alu/user.png) top |
|
left no-repeat; |
|
padding-left: 20px; |
|
} |
|
|
|
div.message-form fieldset .message-subject { |
|
background: white; |
|
border: 1px solid #ccc; |
|
width: 100%; |
|
} |
|
|
|
div.message-form fieldset .message-content { |
|
background: white; |
|
border: none; |
|
border: 1px solid #ccc; |
|
display: block; |
|
margin: 0; |
|
padding: 0; |
|
width: 100%; |
|
} |
|
|
|
div.message-form fieldset ol li.last-item label { |
|
display: none; |
|
} |
|
|
|
/* --- addressbook --- */ |
|
div.addressbook { |
|
width: 100%; |
|
min-width: 500px; |
|
padding: 1em 0 0 0; |
|
} |
|
|
|
div.addressbook table.table { |
|
margin: 0; |
|
border: none; |
|
} |
|
|
|
/* Recipientslist */ |
|
div.recipientslist { |
|
border: 1px solid #ccc; |
|
float: left; |
|
margin: 0 0 1em 0; |
|
overflow: hidden; |
|
width: 100%; |
|
line-height: 150%; |
|
} |
|
|
|
div.recipientslist table { |
|
width: 100%; |
|
} |
|
|
|
div.recipientslist table thead th { |
|
background: #eee; |
|
border-top: 1px solid white; |
|
border-bottom: 1px solid #ccc; |
|
color: #333; |
|
font-weight: bold; |
|
text-align: left; |
|
} |
|
|
|
div.recipientslist table thead th.recipienttype { |
|
text-align: center; |
|
} |
|
|
|
div.recipientslist table thead th abbr { |
|
border-bottom: 1px dotted; |
|
font-weight: bold; |
|
} |
|
|
|
div.recipientslist table thead th,div.recipientslist table tbody td { |
|
border-left: 1px solid white; |
|
padding: 0.2em 0.2em 0.2em 0.3em; |
|
} |
|
|
|
div.recipientslist table tbody tr.alternate { |
|
background: #f2f7f8; |
|
} |
|
|
|
div.recipientslist table tbody tr:hover { |
|
background: #f7e9d3; |
|
cursor: pointer; |
|
} |
|
|
|
div.recipientslist table tfoot tr td { |
|
background: #eee; |
|
border-top: 1px solid #ccc; |
|
border-left: 1px solid white; |
|
border-bottom: 1px solid white; |
|
padding-right: 0.3em; |
|
color: #333; |
|
font-weight: bold; |
|
font-size: 85%; |
|
line-height: 16px; |
|
} |
|
|
|
div.recipientslist table tbody tr td input { |
|
display: block; |
|
margin: 0 auto; |
|
} |
|
|
|
div.recipientslist table tfoot tr td dl { |
|
display: inline; |
|
font-weight: normal; |
|
} |
|
|
|
div.recipientslist table tfoot tr td dl dt,div.recipientslist table tfoot tr td dl dd |
|
{ |
|
display: inline; |
|
margin-left: 0.3em; |
|
} |
|
|
|
/*****************************************************************************/ |
|
/* Kalender */ |
|
/*****************************************************************************/ |
|
/* Default attributes of DIV containing table container for entire calendar. |
|
* You probably don't want to alter this style. |
|
*/ |
|
.jscalendar-DB-div-style { |
|
z-index: +99999; |
|
position: absolute; |
|
visibility: hidden; |
|
} |
|
|
|
/* Default attributes of table container for entire calendar */ |
|
.jscalendar-DB-table-style { |
|
font-family: "Open Sans", arial, Helvetica,sans-serif; |
|
font-size: 11px; |
|
border-width: 2px; |
|
border-style: solid; |
|
border-color: #7fb4d8; |
|
background-color: #fffcdf; |
|
} |
|
|
|
/* Default attributes used in calendar title (month and year columns).*/ |
|
.jscalendar-DB-title-style { |
|
padding: 2px; |
|
font-family: "Open Sans", arial, Helvetica,sans-serif; |
|
font-size: 11px; |
|
font-weight: bold; |
|
color: #ffffff; |
|
} |
|
|
|
/* Default attributes used in calendar title background.*/ |
|
.jscalendar-DB-title-background-style { /* background-color: #fffcdf; |
|
background-color: #006AB3; */ |
|
|
|
} |
|
|
|
/* Normal appearance of controls in calendar title. */ |
|
/* Note: The right, left and down icons are images, jscalendar-DBich must be edited if you need to change them. */ |
|
.jscalendar-DB-title-control-normal-style { /* border-style: solid; |
|
border-width: 1px; |
|
border-color: #7fb4d8; |
|
border-style: none; |
|
background-color: #0000aa; |
|
background-color: #006ab3; */ |
|
|
|
} |
|
|
|
/* Moused-over (selected) appearance of controls in calendar title. */ |
|
.jscalendar-DB-title-control-select-style { |
|
border-style: solid; |
|
border-width: 1px; |
|
border-color: #7fb4d8; |
|
color: #fff; |
|
background-color: #006ab3; |
|
background-color: #0000aa; |
|
} |
|
|
|
/* Default attributes of drop down lists (month and year). */ |
|
.jscalendar-DB-dropdown-style { |
|
font-family: "Open Sans", arial, Helvetica,sans-serif; |
|
font-size: 11px; |
|
border-width: 1px; |
|
border-style: solid; |
|
border-color: #a0a0a0; |
|
background-color: #FFFFDD; |
|
} |
|
|
|
/* Default attributes selected (mouse-over) item in drop down lists (month and year). */ |
|
.jscalendar-DB-dropdown-select-style { |
|
background-color: #FFCC99; |
|
} |
|
|
|
/* Default attributes unselected (mouse-off) item in drop down lists (month and year). */ |
|
.jscalendar-DB-dropdown-normal-style { |
|
background-color: inherit; |
|
} |
|
|
|
/* Default attributes of calendar body (weekday titles and numbers). */ |
|
.jscalendar-DB-body-style { |
|
background-color: #FFFFFF; |
|
font-family: "Open Sans", arial, Helvetica,sans-serif; |
|
font-size: 10px; |
|
border-top: 1px solid #7fb4d8; |
|
border-bottom: 1px solid #7fb4d8; |
|
} |
|
|
|
/* Attributes of current day in calendar body. */ |
|
.jscalendar-DB-current-day-style { |
|
color: red; |
|
font-weight: bold; |
|
text-decoration: none; |
|
} |
|
|
|
/* Attributes of end-of-week days (Sundays) in calendar body. */ |
|
.jscalendar-DB-end-of-weekday-style { |
|
color: #909090; |
|
color: #666; |
|
text-decoration: none; |
|
} |
|
|
|
/* Attributes of all other days in calendar body. */ |
|
.jscalendar-DB-normal-day-style { |
|
color: black; |
|
text-decoration: none; |
|
} |
|
|
|
a.jscalendar-DB-normal-day-style:hover,a.jscalendar-DB-normal-day-style:focus,a.jscalendar-DB-end-of-weekday-style:hover,a.jscalendar-DB-end-of-weekday-style:focus |
|
{ |
|
background-color: #FFF1CC; |
|
text-decoration: none; |
|
} |
|
|
|
.jscalendar-DB-would-be-selected-day-style { |
|
background-color: #EEEEEE; |
|
} |
|
|
|
/* Attributes of border around selected day in calendar body. */ |
|
.jscalendar-DB-selected-day-style { |
|
border-style: solid; |
|
border-width: 1px; |
|
border-color: #7fb4d8; |
|
} |
|
|
|
/* Default attributes of designated holidays. */ |
|
.jscalendar-DB-holiday-style { |
|
background-color: #FFDDDD; |
|
} |
|
|
|
.jscalendar-DB-today-lbl-style { |
|
color: black; |
|
} |
|
|
|
/* Attributes of today display at bottom on calendar */ |
|
.jscalendar-DB-today-style { |
|
color: #186090; |
|
background-color: #fffcdf; |
|
text-decoration: underline; |
|
} |
|
|
|
a.jscalendar-DB-today-style:hover,a.jscalendar-DB-today-style:focus { |
|
color: #333; |
|
background-color: #FFCC99; |
|
text-decoration: none; |
|
} |
|
|
|
/* Attributes of week number division (divider.gif) */ |
|
.jscalendar-DB-weeknumber-div-style { |
|
background-color: #7fb4d8; |
|
} |
|
|
|
/*****************************************************************************/ |
|
/* Textformatierung */ |
|
/*****************************************************************************/ |
|
.text_white {background-color: #FFFFFF; |
|
} |
|
|
|
.text_yellow { |
|
background: #ffffff url(../images/icons/background_text_yellow.gif); |
|
color:#444444; |
|
} |
|
|
|
.text_white,.text_yellow { |
|
border: 1px solid #DFDFDF; |
|
margin-bottom: 0.2em; |
|
margin-left: 0; |
|
margin-right: 0; |
|
padding: 0.2em; |
|
line-height: 1.3em; |
|
} |
|
|
|
.fieldset_text { |
|
background: #ffffff |
|
url(../images/icons/background_text_white.gif); |
|
border-bottom: 1px solid #DFDFDF; |
|
border-top: 1px solid #DFDFDF; |
|
margin-bottom: 0.6em; |
|
margin-left: 0em; |
|
margin-right: 0em; |
|
padding: 1em 1em 1em 0.5em; |
|
} |
|
|
|
.einrichtung_test { |
|
background-color: red; |
|
} |
|
|
|
.table_caption { |
|
font-size: 120%; |
|
margin: 0.4em 0em 0em 0em; |
|
background-color: #FFF; |
|
padding: 0.2em 0 0 0.2em; |
|
white-space: normal; |
|
} |
|
|
|
.textFixed, |
|
.textFixed:hover { |
|
background-color: #E7EFD1; |
|
border: 1px solid #DFDFDF; |
|
padding: 2px 2px 2px 2px; |
|
margin-bottom: 4px; |
|
margin-top: 1px; |
|
width:60%; |
|
display: inline; |
|
float: left; |
|
} |
|
|
|
/* Fix for IE 6 */ |
|
* html .textFixed, |
|
* html.textFixed:hover { |
|
margin-left:2px; |
|
width:61%; |
|
} |
|
|
|
|
|
.invisibleText { |
|
display: block; |
|
position: absolute; |
|
left: -9999px; |
|
top: -1000px; |
|
height: 0; |
|
width: 0; |
|
overflow: hidden; |
|
line-height: 0; |
|
} |
|
|
|
.noDisplay { |
|
display:none; |
|
} |
|
|
|
.textMarkerGrey { |
|
background-color: #EFEFEF; |
|
border: 1px solid #999999; |
|
height: 1.3em; |
|
padding-left: 3px; |
|
padding-right: 3px; |
|
} |
|
|
|
.dojoDialog{ |
|
margin-top:40px; |
|
padding:15px !important; |
|
background:none repeat scroll 0 0 #FFFFFF !important; |
|
border: 1px solid #B6C2B9 !important; |
|
-moz-border-radius: 2px; |
|
border-radius: 2px; |
|
-moz-box-shadow: 1px 1px 8px #CCCCCC; /* FF3.5+ */ |
|
-webkit-box-shadow: 1px 1px 8px #CCCCCC; /*Saf3+, Chr*/ |
|
box-shadow: 1px 1px 8px #CCCCCC; /*Op10.5, IE 9, FF4*/ |
|
} |
|
|
|
|
|
.dialogUnderlay{ |
|
background-color: #000 !important; |
|
opacity: 0.05 !important; |
|
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=10)"; |
|
cursor: not-allowed; |
|
} |
|
|
|
|
|
input.clsButtonStyle, |
|
input.sichtBtn, |
|
input.clsButtonStylePflicht { |
|
font-family: "Open Sans", arial, Helvetica,sans-serif; |
|
overflow: visible; |
|
background-position: center bottom; |
|
background-repeat: repeat-x; |
|
border: 1px solid; |
|
font-size:100% !important; |
|
font-weight: normal; |
|
background-color: #E3E6EE; |
|
border-color :#D4D4D4; |
|
color: #186090; |
|
cursor: pointer; |
|
padding:4px 2px; |
|
min-height:24px !important; |
|
} |
|
|
|
input.clsButtonStyle:hover, |
|
input.clsButtonStyle:focus, |
|
input.sichtBtn:hover, |
|
input.sichtBtn:focus, |
|
input.clsButtonStylePflicht:hover, |
|
input.clsButtonStylePflicht:focus{ |
|
background-color: #fff1cc; |
|
border-color: #efd9ab; |
|
text-decoration: none; |
|
-webkit-box-shadow: 0 0 3px #fc7904; |
|
-moz-box-shadow : 0 0 3px #fc7904; |
|
-o-box-shadow : 0 0 3px #fc7904; |
|
box-shadow : 0 0 3px #fc7904; |
|
|
|
} |
|
|
|
/** |
|
* Author: Monente |
|
* Datum: 3.3.2017 |
|
* Zweck: welcome BI |
|
*/ |
|
.welcome_text { |
|
float: left; |
|
margin-top: 80px; |
|
padding-left: 4px; |
|
padding-right: 4px; |
|
width: 75%; |
|
} |
|
|
|
.headline { |
|
display: table; |
|
margin-left: 20px; |
|
width: 90%; |
|
} |
|
|
|
.headline .square1 { |
|
background-color: #66a6d1; |
|
} |
|
.headline .square2 { |
|
background-color: #3388c1; |
|
} |
|
.headline .square3 { |
|
background-color: #006ab2; |
|
margin-bottom: 0; |
|
} |
|
.headline .square { |
|
height: 40px; |
|
margin-bottom: 7px; |
|
width: 40px; |
|
} |
|
|
|
.headline .squareBox { |
|
margin-right:20px; |
|
} |
|
|
|
.headline .headlineText { |
|
display: table-cell; |
|
vertical-align: middle; |
|
width: 100%; |
|
line-height:1.6em; |
|
} |