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.
843 lines
22 KiB
843 lines
22 KiB
2 years ago
|
/* import der Styles für Maskenentwürfe und Styleguideelemente aus den Maskenentwürfen
|
||
|
@import "/../../HISinOne/masken/Allgemein/styleguide.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 */
|
||
|
/*****************************************************************************/
|
||
|
|
||
|
|
||
|
.STYLEGUIDE_PUB .STYLEGUIDE_PUB_content_2 {
|
||
|
width: 60%;
|
||
|
background-color: #FFFFFF;
|
||
|
padding-top: 0px;
|
||
|
padding-right: 2px;
|
||
|
padding-left: 3px;
|
||
|
float: left;
|
||
|
}
|
||
|
|
||
|
.STYLEGUIDE_PUB .STYLEGUIDE_PUB_content {
|
||
|
width: 60%;
|
||
|
background-color: #F1F2F5;
|
||
|
padding-top: 0px;
|
||
|
padding-right: 2px;
|
||
|
padding-left: 3px;
|
||
|
float: left;
|
||
|
/* color: #333333; */
|
||
|
color: #002F56;
|
||
|
}
|
||
|
|
||
|
.STYLEGUIDE_PUB .STYLEGUIDE_PUB_content_max {
|
||
|
background-color: #F1F2F5;
|
||
|
padding-top: 0px;
|
||
|
padding-right: 2px;
|
||
|
padding-left: 3px;
|
||
|
float: left;
|
||
|
color: #002F56;
|
||
|
}
|
||
|
|
||
|
.STYLEGUIDE_PUB .STYLEGUIDE_PUB_content h4 {
|
||
|
font-weight: bold;
|
||
|
}
|
||
|
|
||
|
/* .STYLEGUIDE_PUB ul {
|
||
|
list-style-type: none;
|
||
|
margin: 0 0;
|
||
|
padding: 0 0;
|
||
|
display: inline;
|
||
|
}
|
||
|
|
||
|
.STYLEGUIDE_PUB li {
|
||
|
line-height: 1.6em;
|
||
|
color: #333333;
|
||
|
}*/
|
||
|
|
||
|
.STYLEGUIDE_PUB .STYLEGUIDE_PUB_content p, .STYLEGUIDE_PUB_content_2 p {
|
||
|
line-height: 1.6em;
|
||
|
padding-bottom: 0.8em;
|
||
|
}
|
||
|
|
||
|
.STYLEGUIDE_PUB .STYLEGUIDE_PUB_table {
|
||
|
background-color: #CCCCCC;
|
||
|
width: 100%;
|
||
|
padding: 0px;
|
||
|
margin: 0px;
|
||
|
}
|
||
|
|
||
|
.STYLEGUIDE_PUB td {
|
||
|
vertical-align: top;
|
||
|
}
|
||
|
|
||
|
/*****************************************************************************/
|
||
|
/* LISTENELELEMENTE */
|
||
|
/*****************************************************************************/
|
||
|
|
||
|
.STYLEGUIDE_PUB ol.numberedList {
|
||
|
list-style-image: none;
|
||
|
list-style-type: decimal;
|
||
|
}
|
||
|
|
||
|
.STYLEGUIDE_PUB ul.styledList {
|
||
|
list-style-type: square;
|
||
|
padding: 10px;
|
||
|
margin: 10px;
|
||
|
/*display: outline;*/
|
||
|
}
|
||
|
|
||
|
.STYLEGUIDE_PUB .styledList li, .styledList_level_2 li, .numberedList li {
|
||
|
line-height:1.3em;
|
||
|
margin-bottom:0.4em;
|
||
|
}
|
||
|
|
||
|
.STYLEGUIDE_PUB ul.styledList_level_2 {
|
||
|
list-style-image: url(../images/icons/liste_strich.gif);
|
||
|
list-style-type: none;
|
||
|
margin: 6px 0px 0px 0px;
|
||
|
padding-left: 15px;
|
||
|
}
|
||
|
|
||
|
.STYLEGUIDE_PUB ol.nostyleList,
|
||
|
.STYLEGUIDE_PUB ol.nostyleListNumbered {
|
||
|
list-style-type: none;
|
||
|
padding: 10px;
|
||
|
margin: 10px;
|
||
|
}
|
||
|
|
||
|
.STYLEGUIDE_PUB .nostyleList li,
|
||
|
.nostyleListNumbered li {
|
||
|
line-height:1.3em;
|
||
|
margin-bottom:0.8em;
|
||
|
}
|
||
|
|
||
|
.STYLEGUIDE_PUB .nostyleListNumbered li {
|
||
|
text-indent: -28px;
|
||
|
padding-left: 1.2em;
|
||
|
}
|
||
|
/*****************************************************************************/
|
||
|
/* FARBEN */
|
||
|
/*****************************************************************************/
|
||
|
|
||
|
.STYLEGUIDE_PUB td.bg_color_basic_1 {
|
||
|
background-color: #006AB3;
|
||
|
border: 1px solid #CCCCCC;
|
||
|
}
|
||
|
|
||
|
.STYLEGUIDE_PUB td.bg_color_basic_2 {
|
||
|
background-color: #F1F2F5;
|
||
|
border: 1px solid #CCCCCC;
|
||
|
}
|
||
|
|
||
|
.STYLEGUIDE_PUB td.bg_color_basic_3 {
|
||
|
background-color: #FFFFFF;
|
||
|
border: 1px solid #CCCCCC;
|
||
|
}
|
||
|
|
||
|
.STYLEGUIDE_PUB td.bg_color_level_1 {
|
||
|
background-color: #EFEAB3;
|
||
|
background-color: #EFF9FF;
|
||
|
border: 1px solid #CCCCCC;
|
||
|
}
|
||
|
|
||
|
.STYLEGUIDE_PUB td.bg_color_level_2 {
|
||
|
background-color: #FFFCDF;
|
||
|
background-color: #FFFFFF;
|
||
|
border: 1px solid #CCCCCC;
|
||
|
}
|
||
|
|
||
|
.STYLEGUIDE_PUB td.bg_color_level_3 {
|
||
|
background-color: #EFEFEF;
|
||
|
border: 1px solid #CCCCCC;
|
||
|
}
|
||
|
|
||
|
.STYLEGUIDE_PUB td.bg_color_level_4 {
|
||
|
background-color: #FFFFFF;
|
||
|
border: 1px solid #CCCCCC;
|
||
|
}
|
||
|
|
||
|
.STYLEGUIDE_PUB td.bg_color_level_5 {
|
||
|
background-color: #F7E9E3 ;
|
||
|
border: 1px solid #CCCCCC;
|
||
|
}
|
||
|
|
||
|
.STYLEGUIDE_PUB td.bg_color_fset_level_1 {
|
||
|
background-color: #FFFCDF;
|
||
|
border: 1px solid #CCCCCC;
|
||
|
}
|
||
|
|
||
|
.STYLEGUIDE_PUB td.bg_color_fset_level_2 {
|
||
|
background-color: #E7EFD1;
|
||
|
border: 1px solid #CCCCCC;
|
||
|
}
|
||
|
|
||
|
|
||
|
/* weiß: ungerade Tabellenzeilen */
|
||
|
.STYLEGUIDE_PUB td.tableRowOdd {
|
||
|
background-color: #FFFFFF;
|
||
|
border: 1px solid #CCCCCC;
|
||
|
}
|
||
|
|
||
|
/* grau: gerade Tabellenzeilen */
|
||
|
.STYLEGUIDE_PUB td.tableRowEven {
|
||
|
background-color: #EFEFEF;
|
||
|
border: 1px solid #CCCCCC;
|
||
|
}
|
||
|
|
||
|
/* gelb hell: ungerade und hervorgehobene Tabellenzeilen */
|
||
|
.STYLEGUIDE_PUB td.tableOddHiLight {
|
||
|
background-color: #FFFABF;
|
||
|
border: 1px solid #CCCCCC;
|
||
|
}
|
||
|
|
||
|
/* gelb dunkel: gerade und hervorgehobene Tabellenzeilen */
|
||
|
.STYLEGUIDE_PUB td.tableEvenHiLight {
|
||
|
background-color: #EFEAB3;
|
||
|
border: 1px solid #CCCCCC;
|
||
|
}
|
||
|
|
||
|
/* blaue Rahmenfarbe */
|
||
|
.STYLEGUIDE_PUB td.color_border_1 {
|
||
|
background-color: #7FB4D8;
|
||
|
border: 1px solid #CCCCCC;
|
||
|
}
|
||
|
|
||
|
/* gruene Rahmenfarbe */
|
||
|
.STYLEGUIDE_PUB td.color_border_2 {
|
||
|
background-color: #669933;
|
||
|
border: 1px solid #CCCCCC;
|
||
|
}
|
||
|
|
||
|
/* graue Rahmenfarbe für Bilder und abgegrenzte Tabellenzellen */
|
||
|
.STYLEGUIDE_PUB td.color_border_img {
|
||
|
background-color: #CCCCCC;
|
||
|
border: 1px solid #CCCCCC;
|
||
|
}
|
||
|
|
||
|
/* rote Rahmenfarbe für Fehlerauflistung bei Formularen */
|
||
|
.STYLEGUIDE_PUB td.color_border_formError {
|
||
|
background-color: #CC3300;
|
||
|
border: 1px solid #CCCCCC;
|
||
|
}
|
||
|
|
||
|
/* weiße Hintergrundfarbe für Formularfelder */
|
||
|
.STYLEGUIDE_PUB td.bg_color_form{
|
||
|
background-color: #FFFFFF;
|
||
|
border: 1px solid #CCCCCC;
|
||
|
}
|
||
|
|
||
|
/* orangene Hintergrundfarbe für Formularfelder mit Focus */
|
||
|
.STYLEGUIDE_PUB td.bg_color_formFocus {
|
||
|
background-color: #FFF1CC;
|
||
|
border: 1px solid #CCCCCC;
|
||
|
}
|
||
|
|
||
|
/* rote Hintergrundfarbe für fehlerhaft ausgefülltes Eingabefeld */
|
||
|
.STYLEGUIDE_PUB td.bg_color_formError {
|
||
|
background-color: #CC6666;
|
||
|
border: 1px solid #CCCCCC;
|
||
|
}
|
||
|
|
||
|
/* Hintergrundfarbe Hinweis */
|
||
|
.STYLEGUIDE_PUB td.bg_color_message {
|
||
|
background-color: #FFBA00;
|
||
|
border: 1px solid #CCCCCC;
|
||
|
}
|
||
|
|
||
|
/* Hintergrundfarbe Fehler */
|
||
|
.STYLEGUIDE_PUB td.bg_color_error {
|
||
|
background-color: #BB0000;
|
||
|
border: 1px solid #CCCCCC;
|
||
|
}
|
||
|
|
||
|
.STYLEGUIDE_PUB .border_grey {
|
||
|
height: 100%;
|
||
|
}
|
||
|
|
||
|
.STYLEGUIDE_PUB .imgborder_grey {
|
||
|
border: 1px solid #CCCCCC;
|
||
|
}
|
||
|
|
||
|
/*****************************************************************************/
|
||
|
/* SUBMIT BUTTONS */
|
||
|
/******************************************************************************/
|
||
|
|
||
|
|
||
|
.STYLEGUIDE_PUB input.submit_green {
|
||
|
background-position: center bottom;
|
||
|
background-repeat: repeat-x;
|
||
|
border: 1px solid;
|
||
|
font-size:100% !important;
|
||
|
font-weight: normal;
|
||
|
padding-bottom: 1px;
|
||
|
background-color: #fafbfc;
|
||
|
background-image: url(../images/icons/submit_passive_green.gif);
|
||
|
border-color :#a7a7a7;
|
||
|
color: #014A7B;
|
||
|
vertical-align: middle;
|
||
|
cursor: pointer;
|
||
|
padding:1px 2px 1px 2px;
|
||
|
}
|
||
|
|
||
|
.STYLEGUIDE_PUB input.submit_green:hover {
|
||
|
background-position: center top;
|
||
|
padding-bottom: 1px;
|
||
|
background-color: #fafbfc;
|
||
|
background-image: url(../images/icons/submit_active_green.gif);
|
||
|
border-color: #efd9ab;
|
||
|
color: #333;
|
||
|
text-decoration: underline;
|
||
|
vertical-align: middle;
|
||
|
}
|
||
|
|
||
|
.STYLEGUIDE_PUB input.submit_blue {
|
||
|
background-position: center bottom;
|
||
|
background-repeat: repeat-x;
|
||
|
border: 1px solid;
|
||
|
font-size:100% !important;
|
||
|
font-weight: normal;
|
||
|
padding-bottom: 1px;
|
||
|
background-color: #fafbfc;
|
||
|
background-image: url(../images/icons/submit_passive.gif);
|
||
|
border-color :#a7a7a7;
|
||
|
color: #014A7B;
|
||
|
vertical-align: middle;
|
||
|
cursor: pointer;
|
||
|
padding:1px 2px 1px 2px;
|
||
|
}
|
||
|
|
||
|
.STYLEGUIDE_PUB input.submit_blue:hover {
|
||
|
background-position: center top;
|
||
|
padding-bottom: 1px;
|
||
|
background-color: #fafbfc;
|
||
|
background-image: url(../images/icons/submit_active.gif);
|
||
|
border-color: #efd9ab;
|
||
|
color: #333;
|
||
|
text-decoration: underline;
|
||
|
vertical-align: middle;
|
||
|
}
|
||
|
|
||
|
.STYLEGUIDE_PUB .buttonlink,
|
||
|
.STYLEGUIDE_PUB .buttonlink input,
|
||
|
.STYLEGUIDE_PUB .buttonlink input:hover,
|
||
|
.STYLEGUIDE_PUB .buttonlink input:focus {
|
||
|
text-decoration: underline;
|
||
|
border: none;
|
||
|
cursor: pointer;
|
||
|
margin: 0px;
|
||
|
padding: 0px;
|
||
|
border: none;
|
||
|
text-align: left;
|
||
|
overflow: visible;
|
||
|
}
|
||
|
|
||
|
.STYLEGUIDE_PUB .buttonlink,
|
||
|
.STYLEGUIDE_PUB .buttonlink input {
|
||
|
background-color:transparent;
|
||
|
color: #014A7B;
|
||
|
}
|
||
|
|
||
|
.STYLEGUIDE_PUB .buttonlink input:hover,
|
||
|
.STYLEGUIDE_PUB .buttonlink input:focus {
|
||
|
background-color: #fff1cc;
|
||
|
color:blue;
|
||
|
}
|
||
|
|
||
|
.STYLEGUIDE_PUB input.submit_edit,
|
||
|
.STYLEGUIDE_PUB input.submit_arrow_refresh,
|
||
|
.STYLEGUIDE_PUB input.submit_arrow_right_fat,
|
||
|
.STYLEGUIDE_PUB input.submit_cancel,
|
||
|
.STYLEGUIDE_PUB input.submit_print_pdf,
|
||
|
.STYLEGUIDE_PUB input.submit_attach,
|
||
|
.STYLEGUIDE_PUB input.submit_door_in,
|
||
|
.STYLEGUIDE_PUB input.submit_context_add,
|
||
|
.STYLEGUIDE_PUB input.submit_lightbulb_off,
|
||
|
.STYLEGUIDE_PUB input.submit_page_white_medal,
|
||
|
.STYLEGUIDE_PUB input.submit_book_open,
|
||
|
.STYLEGUIDE_PUB input.submit_application_cascade {
|
||
|
overflow: visible;
|
||
|
float: left;
|
||
|
background-position: left top;
|
||
|
background-repeat: no-repeat;
|
||
|
font-size:100% !important;
|
||
|
font-weight: normal;
|
||
|
padding-bottom: 1px;
|
||
|
background-color: transparent;
|
||
|
color: #014A7B;
|
||
|
vertical-align: middle;
|
||
|
padding:1px 2px 1px 18px;
|
||
|
border: 0;
|
||
|
text-align: left;
|
||
|
text-decoration: underline;
|
||
|
cursor: pointer;
|
||
|
}
|
||
|
|
||
|
.STYLEGUIDE_PUB input.submit_lightbulb_off:hover,
|
||
|
.STYLEGUIDE_PUB input.submit_lightbulb_off:focus,
|
||
|
.STYLEGUIDE_PUB input.submit_page_white_medal:hover,
|
||
|
.STYLEGUIDE_PUB input.submit_page_white_medal:focus,
|
||
|
.STYLEGUIDE_PUB input.submit_book_open:hover,
|
||
|
.STYLEGUIDE_PUB input.submit_book_open:focus,
|
||
|
.STYLEGUIDE_PUB input.submit_application_cascade:hover,
|
||
|
.STYLEGUIDE_PUB input.submit_application_cascade:focus,
|
||
|
.STYLEGUIDE_PUB input.submit_context_add:hover,
|
||
|
.STYLEGUIDE_PUB input.submit_context_add:focus,
|
||
|
.STYLEGUIDE_PUB input.submit_attach:hover,
|
||
|
.STYLEGUIDE_PUB input.submit_attach:focus,
|
||
|
.STYLEGUIDE_PUB input.submit_door_in:hover,
|
||
|
.STYLEGUIDE_PUB input.submit_door_in:focus,
|
||
|
.STYLEGUIDE_PUB input.submit_edit:hover,
|
||
|
.STYLEGUIDE_PUB input.submit_edit:focus,
|
||
|
.STYLEGUIDE_PUB input.submit_arrow_refresh:hover,
|
||
|
.STYLEGUIDE_PUB input.submit_arrow_refresh:focus,
|
||
|
.STYLEGUIDE_PUB input.submit_arrow_right_fat:hover,
|
||
|
.STYLEGUIDE_PUB input.submit_cancel:hover,
|
||
|
.STYLEGUIDE_PUB input.submit_arrow_right_fat:focus,
|
||
|
.STYLEGUIDE_PUB input.submit_cancel:focus,
|
||
|
.STYLEGUIDE_PUB input.submit_print_pdf:hover,
|
||
|
.STYLEGUIDE_PUB input.submit_print_pdf:focus {
|
||
|
background-position: left top;
|
||
|
background-repeat: no-repeat;
|
||
|
background-color: #FFF1CC;
|
||
|
padding-bottom: 1px;
|
||
|
color: #333;
|
||
|
text-decoration: underline;
|
||
|
vertical-align: middle;
|
||
|
}
|
||
|
|
||
|
.STYLEGUIDE_PUB input.submit_arrow_refresh,
|
||
|
.STYLEGUIDE_PUB input.submit_arrow_refresh:hover,
|
||
|
.STYLEGUIDE_PUB input.submit_arrow_refresh:focus {
|
||
|
background-image: url(../images/icons/arrow_refresh.gif);
|
||
|
}
|
||
|
|
||
|
.STYLEGUIDE_PUB input.submit_edit,
|
||
|
.STYLEGUIDE_PUB input.submit_edit:hover,
|
||
|
.STYLEGUIDE_PUB input.submit_edit:focus {
|
||
|
background-image: url(../images/icons/edit.gif);
|
||
|
}
|
||
|
|
||
|
.STYLEGUIDE_PUB input.submit_arrow_right_fat,
|
||
|
.STYLEGUIDE_PUB input.submit_arrow_right_fat:hover,
|
||
|
.STYLEGUIDE_PUB input.submit_arrow_right_fat:focus {
|
||
|
background-image: url(../images/icons/arrow_right_fat.gif);
|
||
|
}
|
||
|
|
||
|
.STYLEGUIDE_PUB input.submit_cancel,
|
||
|
.STYLEGUIDE_PUB input.submit_cancel:hover,
|
||
|
.STYLEGUIDE_PUB input.submit_cancel:focus {
|
||
|
background-image: url(../images/icons/cancel.gif);
|
||
|
}
|
||
|
|
||
|
.STYLEGUIDE_PUB input.submit_print_pdf,
|
||
|
.STYLEGUIDE_PUB input.submit_print_pdf:hover,
|
||
|
.STYLEGUIDE_PUB input.submit_print_pdf:focus {
|
||
|
background-image: url(../images/icons/print_pdf.gif);
|
||
|
}
|
||
|
|
||
|
.STYLEGUIDE_PUB input.submit_attach,
|
||
|
.STYLEGUIDE_PUB input.submit_attach:hover,
|
||
|
.STYLEGUIDE_PUB input.submit_attach:focus {
|
||
|
background-image: url(../images/icons/attach.gif);
|
||
|
}
|
||
|
|
||
|
.STYLEGUIDE_PUB input.submit_door_in,
|
||
|
.STYLEGUIDE_PUB input.submit_door_in:hover,
|
||
|
.STYLEGUIDE_PUB input.submit_door_in:focus {
|
||
|
background-image: url(../images/icons/door_in.gif);
|
||
|
}
|
||
|
|
||
|
.STYLEGUIDE_PUB input.submit_context_add,
|
||
|
.STYLEGUIDE_PUB input.submit_context_add:hover,
|
||
|
.STYLEGUIDE_PUB input.submit_context_add:focus {
|
||
|
background-image: url(../images/icons/context_add.gif);
|
||
|
}
|
||
|
|
||
|
.STYLEGUIDE_PUB input.submit_lightbulb_off,
|
||
|
.STYLEGUIDE_PUB input.submit_lightbulb_off:hover,
|
||
|
.STYLEGUIDE_PUB input.submit_lightbulb_off:focus {
|
||
|
background-image: url(../images/icons/lightbulb_off.gif);
|
||
|
}
|
||
|
|
||
|
.STYLEGUIDE_PUB input.submit_page_white_medal,
|
||
|
.STYLEGUIDE_PUB input.submit_page_white_medal:hover,
|
||
|
.STYLEGUIDE_PUB input.submit_page_white_medal:focus {
|
||
|
background-image: url(../images/icons/page_white_medal.gif);
|
||
|
}
|
||
|
|
||
|
.STYLEGUIDE_PUB input.submit_book_open,
|
||
|
.STYLEGUIDE_PUB input.submit_book_open:hover,
|
||
|
.STYLEGUIDE_PUB input.submit_book_open:focus {
|
||
|
background-image: url(../images/icons/book_open.gif);
|
||
|
}
|
||
|
|
||
|
.STYLEGUIDE_PUB input.submit_application_cascade,
|
||
|
.STYLEGUIDE_PUB input.submit_application_cascade:hover,
|
||
|
.STYLEGUIDE_PUB input.submit_application_cascade:focus {
|
||
|
background-image: url(../images/icons/application_cascade.gif);
|
||
|
}
|
||
|
|
||
|
.STYLEGUIDE_PUB .buttons_horizontal {
|
||
|
list-style-type: none;
|
||
|
margin: 1em;
|
||
|
padding: 0px;
|
||
|
}
|
||
|
|
||
|
.STYLEGUIDE_PUB .buttons_horizontal li {
|
||
|
display: inline;
|
||
|
float: left;
|
||
|
padding:0px 10px 0px 0px;
|
||
|
}
|
||
|
|
||
|
|
||
|
.STYLEGUIDE_PUB .buttons_vertical {
|
||
|
clear: none;
|
||
|
list-style-type: none;
|
||
|
margin-top: 0.4em;
|
||
|
margin-bottom: 0px;
|
||
|
margin-left: 0px;
|
||
|
margin-right: 0px;
|
||
|
padding: 0px;
|
||
|
padding-bottom: 10px;
|
||
|
}
|
||
|
|
||
|
.STYLEGUIDE_PUB .buttons_vertical li {
|
||
|
clear: both;
|
||
|
display: block;
|
||
|
}
|
||
|
|
||
|
|
||
|
/*****************************************************************************/
|
||
|
/* LINKS */
|
||
|
/******************************************************************************/
|
||
|
|
||
|
.STYLEGUIDE_PUB .link_image {
|
||
|
|
||
|
}
|
||
|
|
||
|
.STYLEGUIDE_PUB .link_text {
|
||
|
color: #014A7B;
|
||
|
text-decoration: underline;
|
||
|
}
|
||
|
|
||
|
.STYLEGUIDE_PUB .link_lightbulb_off,
|
||
|
.STYLEGUIDE_PUB .link_page_white_medal,
|
||
|
.STYLEGUIDE_PUB .link_book_open,
|
||
|
.STYLEGUIDE_PUB .link_application_cascade,
|
||
|
.STYLEGUIDE_PUB .link_door_in,
|
||
|
.STYLEGUIDE_PUB .link_print_pdf,
|
||
|
.STYLEGUIDE_PUB .link_attach,
|
||
|
.STYLEGUIDE_PUB .link_edit,
|
||
|
.STYLEGUIDE_PUB .link_delete,
|
||
|
.STYLEGUIDE_PUB .link_context_add,
|
||
|
.STYLEGUIDE_PUB .link_arrow_refresh,
|
||
|
.STYLEGUIDE_PUB .link_print_pdf {
|
||
|
float: left;
|
||
|
background-position: left top;
|
||
|
background-repeat: no-repeat;
|
||
|
font-size:100% !important;
|
||
|
font-weight: normal;
|
||
|
background-color: transparent;
|
||
|
color: #014A7B;
|
||
|
vertical-align: middle;
|
||
|
padding: 0.2em 2px 0.2em 20px;
|
||
|
text-align: left;
|
||
|
text-decoration: underline;
|
||
|
}
|
||
|
|
||
|
.STYLEGUIDE_PUB .link_door_in {
|
||
|
background-image: url(../images/icons/door_in.gif);
|
||
|
}
|
||
|
|
||
|
.STYLEGUIDE_PUB .link_print_pdf {
|
||
|
background-image: url(../images/icons/print_pdf.gif);
|
||
|
}
|
||
|
|
||
|
.STYLEGUIDE_PUB .link_attach {
|
||
|
background-image: url(../images/icons/attach.gif);
|
||
|
}
|
||
|
|
||
|
.STYLEGUIDE_PUB .link_edit {
|
||
|
background-image: url(../images/icons/edit.gif);
|
||
|
}
|
||
|
|
||
|
.STYLEGUIDE_PUB .link_delete {
|
||
|
background-image: url(../images/icons/delete.gif);
|
||
|
}
|
||
|
|
||
|
.STYLEGUIDE_PUB .link_context_add {
|
||
|
background-image: url(../images/icons/context_add.gif);
|
||
|
}
|
||
|
|
||
|
.STYLEGUIDE_PUB .link_arrow_refresh {
|
||
|
background-image: url(../images/icons/arrow_refresh.gif);
|
||
|
}
|
||
|
|
||
|
.STYLEGUIDE_PUB .link_print_pdf {
|
||
|
background-image: url(../images/icons/print_pdf.gif);
|
||
|
}
|
||
|
|
||
|
|
||
|
.STYLEGUIDE_PUB .link_lightbulb_off {
|
||
|
background-image: url(../images/icons/lightbulb_off.gif);
|
||
|
}
|
||
|
|
||
|
|
||
|
.STYLEGUIDE_PUB .link_page_white_medal {
|
||
|
background-image: url(../images/icons/page_white_medal.gif);
|
||
|
}
|
||
|
|
||
|
|
||
|
.STYLEGUIDE_PUB .link_book_open {
|
||
|
background-image: url(../images/icons/book_open.gif);
|
||
|
}
|
||
|
|
||
|
|
||
|
.STYLEGUIDE_PUB .link_application_cascade {
|
||
|
background-image: url(../images/icons/application_cascade.gif);
|
||
|
}
|
||
|
|
||
|
.STYLEGUIDE_PUB .link_lightbulb_off:hover,
|
||
|
.STYLEGUIDE_PUB .link_lightbulb_off:focus,
|
||
|
.STYLEGUIDE_PUB .link_page_white_medal:hover,
|
||
|
.STYLEGUIDE_PUB .link_page_white_medal:focus,
|
||
|
.STYLEGUIDE_PUB .link_book_open:hover,
|
||
|
.STYLEGUIDE_PUB .link_book_open:focus,
|
||
|
.STYLEGUIDE_PUB .link_application_cascade:hover,
|
||
|
.STYLEGUIDE_PUB .link_application_cascade:focus,
|
||
|
.STYLEGUIDE_PUB .link_print_pdf:hover,
|
||
|
.STYLEGUIDE_PUB .link_print_pdf:focus,
|
||
|
.STYLEGUIDE_PUB .link_text:hover,
|
||
|
.STYLEGUIDE_PUB .link_text:focus,
|
||
|
.STYLEGUIDE_PUB .link_door_in:hover,
|
||
|
.STYLEGUIDE_PUB .link_door_in:focus,
|
||
|
.STYLEGUIDE_PUB .link_print_pdf:hover,
|
||
|
.STYLEGUIDE_PUB .link_print_pdf:focus,
|
||
|
.STYLEGUIDE_PUB .link_attach:hover,
|
||
|
.STYLEGUIDE_PUB .link_attach:focus,
|
||
|
.STYLEGUIDE_PUB .link_edit:hover,
|
||
|
.STYLEGUIDE_PUB .link_edit:focus
|
||
|
.STYLEGUIDE_PUB .link_delete:hover,
|
||
|
.STYLEGUIDE_PUB .link_delete:focus,
|
||
|
.STYLEGUIDE_PUB .link_context_add:hover,
|
||
|
.STYLEGUIDE_PUB .link_context_add:focus,
|
||
|
.STYLEGUIDE_PUB .link_arrow_refresh:hover,
|
||
|
.STYLEGUIDE_PUB .link_arrow_refresh:focus {
|
||
|
color: #333;
|
||
|
background-color: #FFF1CC;
|
||
|
}
|
||
|
|
||
|
.STYLEGUIDE_PUB .links_vertical, .STYLEGUIDE_PUB .links_horizontal {
|
||
|
list-style-type: none;
|
||
|
margin: 0em;
|
||
|
padding: 0px;
|
||
|
}
|
||
|
|
||
|
.STYLEGUIDE_PUB .links_horizontal li {
|
||
|
display: inline;
|
||
|
float: left;
|
||
|
padding:0px 10px 0px 0px;
|
||
|
}
|
||
|
|
||
|
.STYLEGUIDE_PUB .links_vertical li {
|
||
|
clear: both;
|
||
|
display: block;
|
||
|
}
|
||
|
|
||
|
/*****************************************************************************/
|
||
|
/* LISTENELEMENTE FÜR SUBMIT-BUTTONS UND LINKS */
|
||
|
/******************************************************************************/
|
||
|
|
||
|
.STYLEGUIDE_PUB .buttons_horizontal {
|
||
|
list-style-type: none;
|
||
|
margin: 0em;
|
||
|
padding: 0px;
|
||
|
}
|
||
|
|
||
|
.STYLEGUIDE_PUB .buttons_vertical {
|
||
|
|
||
|
}
|
||
|
|
||
|
.STYLEGUIDE_PUB .buttons_horizontal li {
|
||
|
display: inline;
|
||
|
float: left;
|
||
|
padding:0px 10px 0px 0px;
|
||
|
}
|
||
|
|
||
|
.STYLEGUIDE_PUB .buttons_vertical li {
|
||
|
clear: both;
|
||
|
display: block;
|
||
|
}
|
||
|
|
||
|
|
||
|
/******************************************************************************/
|
||
|
/* TABELLE */
|
||
|
/******************************************************************************/
|
||
|
.STYLEGUIDE_PUB .table_1 a {
|
||
|
font-weight:normal;
|
||
|
color:#375798;
|
||
|
text-decoration:underline;
|
||
|
margin-bottom:0.3em;
|
||
|
}
|
||
|
|
||
|
.STYLEGUIDE_PUB .table_1 a:visited,
|
||
|
.STYLEGUIDE_PUB .table_1 a:active {
|
||
|
text-decoration:none;
|
||
|
}
|
||
|
|
||
|
.STYLEGUIDE_PUB .table_1 a:focus,
|
||
|
.STYLEGUIDE_PUB .table_1 a:hover {
|
||
|
text-decoration:underline;
|
||
|
background-color:#fff1cc;
|
||
|
}
|
||
|
|
||
|
.STYLEGUIDE_PUB .headline_table {
|
||
|
background-color: #FFFCDF;
|
||
|
border: 1px solid #7FB4D8;
|
||
|
padding: 3px;
|
||
|
margin: 1px 0px 0px 0px;
|
||
|
}
|
||
|
|
||
|
.STYLEGUIDE_PUB .headline_table .icon {
|
||
|
float: left;
|
||
|
width: 1.5em;
|
||
|
margin: 0px;
|
||
|
padding-left: 2px;
|
||
|
padding-right:2px;
|
||
|
}
|
||
|
|
||
|
.STYLEGUIDE_PUB .headline_table .textContainer {
|
||
|
font-size: 125%;
|
||
|
font-weight: bold;
|
||
|
margin-right:12em;
|
||
|
margin-left:0em;
|
||
|
padding-right:2px;
|
||
|
padding-left:5px;
|
||
|
margin-bottom:0px;
|
||
|
float:left;
|
||
|
}
|
||
|
|
||
|
.STYLEGUIDE_PUB .headline_table .buttonContainer {
|
||
|
width: 5em;
|
||
|
margin:0px;
|
||
|
padding: 0;
|
||
|
float:right;
|
||
|
}
|
||
|
|
||
|
.STYLEGUIDE_PUB .headline_table img {
|
||
|
padding-left: 2px;
|
||
|
padding-right:2px;
|
||
|
float:right;
|
||
|
}
|
||
|
|
||
|
.STYLEGUIDE_PUB tr.tableRowOdd { background-color: #FFFFFF; } /* weiß: ungerade Tabellenzeilen */
|
||
|
.STYLEGUIDE_PUB tr.tableRowEven { background-color: #EFEFEF; } /* grau: gerade Tabellenzeilen */
|
||
|
.STYLEGUIDE_PUB tr.tableOddHiLight { background-color: #FFFABF; } /* gelb hell: ungerade und hervorgehobene Tabellenzeilen */
|
||
|
.STYLEGUIDE_PUB tr.tableEvenHiLight { background-color: #EFEAB3; } /* gelb dunkel: gerade und hervorgehobene Tabellenzeilen */
|
||
|
|
||
|
.STYLEGUIDE_PUB th {
|
||
|
font-weight: bold;
|
||
|
text-align: left;
|
||
|
vertical-align: top;
|
||
|
border-left: #7FB4D8 1px solid;
|
||
|
border-bottom: #7FB4D8 1px solid;
|
||
|
border-right: #7FB4D8 1px solid;
|
||
|
padding: 3px 5px 4px 5px;
|
||
|
}
|
||
|
|
||
|
.STYLEGUIDE_PUB td {
|
||
|
height: 2em;
|
||
|
border: 0.5pt;
|
||
|
vertical-align: top;
|
||
|
padding: 3px 3px 3px 3px;
|
||
|
|
||
|
}
|
||
|
|
||
|
.STYLEGUIDE_PUB .tableRowHead { font-weight: bold; }
|
||
|
|
||
|
.STYLEGUIDE_PUB .rowgroup_1 {
|
||
|
background-color:#f7e9e3;
|
||
|
font-weight:bold;
|
||
|
border:1px solid #f9c2ab;
|
||
|
}
|
||
|
|
||
|
.STYLEGUIDE_PUB p.example {
|
||
|
background-color:#f7e9e3;
|
||
|
font-family: courier;
|
||
|
border:1px dashed #f9c2ab;
|
||
|
|
||
|
}
|
||
|
|
||
|
.STYLEGUIDE_PUB p.example_html {
|
||
|
background-color:#ffffff;
|
||
|
font-family: courier;
|
||
|
border:1px dashed #7FB4D8;
|
||
|
|
||
|
}
|
||
|
|
||
|
.STYLEGUIDE_PUB .example_html {
|
||
|
clear: both;
|
||
|
display: block;
|
||
|
background-color:#ffffff;
|
||
|
border:1px dashed #7FB4D8;
|
||
|
padding: 1em;
|
||
|
}
|
||
|
|
||
|
.STYLEGUIDE_PUB fieldset ol li .noLabelContent,
|
||
|
.STYLEGUIDE_PUB fieldset ol li .noLabelContentLine {
|
||
|
width: 68%;
|
||
|
float: right;
|
||
|
padding: 0px;
|
||
|
margin: 0px;
|
||
|
padding-bottom: 4px;
|
||
|
}
|
||
|
|
||
|
.STYLEGUIDE_PUB .cellBorderMarked {
|
||
|
border: 1px solid #FFBA00;
|
||
|
}
|
||
|
|
||
|
.STYLEGUIDE_PUB .borderGrey {
|
||
|
border: 1px solid #CCC;
|
||
|
}
|
||
|
|
||
|
.STYLEGUIDE_PUB .spacerImageTable {
|
||
|
margin-right: 8px;;
|
||
|
}
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|