Primary navigation
Homepage
3
Project

    Z
    zk7all

    Issues
    0

Merge requests
0

    Allgemein Allgemein
    zk7all

    zk7all
    css
    lkv-hp.css

user avatar
+ added new style for small header
lopatin authored 8 years ago
90ef21ec
lkv-hp.css
13.76 KiB

.ueberschrift {
	font-size:24px !important;
	font-weight:bold;
	color:#00367c;
}
.z-label{
	font-size: 11px;
	color: #000000;
}
a{
	font-size: 11px;
}
.z-checkbox-content,
.z-radio-content,
.z-textbox,
.z-decimalbox,
.z-intbox,
.z-longbox,
.z-doublebox,
.z-combobox,
.z-comboitem,
.z-datebox{
	min-height: 10px;
	padding: 2px 1px 2px;
	line-height: 10px;
	font-size:11px;
}
.z-textbox, .z-intbox {
	border: 1px solid #959595;
}
.z-combobox-popup,
.z-datebox-popup,
.z-calendar,
.z-calendar-cell{
	font-size: 10px;
}
.z-combobox-button,
.z-datebox-button{
	font-size: 10px;
    min-height: 7px;
    max-height:20px;
	min-width:10px;
	padding-left: 5px;
    padding-top: 3px;
}
.z-combobox-input,
.z-datebox-input{
	font-size: 10px;
	height:none;
	min-height: 8px;
	max-height:20px;
	line-height: 10px;
}
/* Window */
/* Header in Groß mit Bild */
.z-window-embedded{
	background: none;
	border: none;
}
.z-window-embedded > .z-window-header{
	font-size:20px;
	font-weight:bold;

	color:#51b401;
	text-indent: 4em;
	line-height: 35px;
	min-height:35px;
	background: transparent url("lkv-logo-klein3.png") no-repeat;
	border: 1px inset #D3D3D3;
}
.z-small-image>.z-small-image-header {
	font-size: 15px;
	font-weight: bold;
	color: #51b401;
	text-indent: 4em;
	line-height: 20px;
	min-height: 20px;
	background: transparent url("lkv-logo-klein2.png") no-repeat;
	background-position-x: 0%;
	background-position-y: 0%;
	background-size: auto auto;
	background-size: 28px;
	text-align: right;
	background-position: right;
	padding-right: 35px;
}
.z-window-embedded > .z-window-content{
 	border: 1px solid #D3D3D3;
	padding: 3px;
	margin-top: 3px;
}
/* Header in klein und ohne Bild - zum verwenden in zul Datei bei entsprechenden window sclass="winHaupt angeben"*/
.winHaupt.z-window-embedded > .z-window-header{
	font-size:12px;
	font-weight:bold;
	background-image:none;
	line-height: 12px;
	min-height:12px;
	text-indent: 1em;
	padding-top:3px;
	padding-bottom:3px;
	border-style:solid;
}
/* Header einfach in blau*/
.z-window-modal{
	background-color: #00367c;
}
.z-window-modal > .z-window-header{
	font-size:12px;
	color:#FFFFFF;
	padding: 3px 0 5px 0;
 	line-height: 12px;
}
/* Header in blau/gruen (LKV-Logo) */
.z-window-overlapped{
	background: linear-gradient(left, #00367c 50%, transparent 50%),
				linear-gradient(top, #51b401 50%, #00367c 50%);
	background: -webkit-linear-gradient(left, #00367c 50%, transparent 50%),
				-webkit-linear-gradient(top, #51b401 50%, #00367c 50%);
	background: -moz-linear-gradient(left, #00367c 50%, transparent 50%),
				-moz-linear-gradient(top, #51b401 50%, #00367c 50%);
	background: -o-linear-gradient(left, #00367c 50%, transparent 50%),
				-o-linear-gradient(top, #51b401 50%, #00367c 50%);
	background: -ms-linear-gradient(left, #00367c 50%, transparent 50%),
				-ms-linear-gradient(top, #51b401 50%, #00367c 50%);
	background-color: #00367c;
}
.z-window-overlapped > .z-window-header{
	font-size:12px;

	color:#FFFFFF;
	padding: 3px 0 5px 0;
 	line-height: 12px;
}


/* Button */

.z-button,
.z-button:focus {
	font-size:11px;
	min-height: 10px;
	color:#00367c;
	text-shadow: none;
	background-color: #FFFFFF;
	background-image: none;
	border: 1px outset #757575;
	border-radius:0px;
	box-shadow:1px 1px 1px #666;
	padding-top:1px;
	padding-bottom:2px;
	padding-right:3px;
	padding-left:3px;
}
.z-button:hover {
	text-decoration: underline;
    background: #E5E5E5;
}
.z-button:active{
	border: 2px inset #757575;
	background-image: none;
	background:none;
	box-shadow: none;
	color:#00367c;
}
.z-button[disabled] {
    background: #EEEEEE;
}
.z-button[disabled]:hover {
	text-decoration: none;
    background: #EEEEEE;
}
.z-button[disabled]:active,
.z-button[disabled]:focus {
	border: 1px outset #A9A9A9;
	color:none;
}

/* Grid */

.odd-row-white {background-color: none} /* Für grid odd rows ohne background color */

.z-column{
	background: #00367c;     /* Hintergrundfarbe (Ueberschrift) */
}
.z-column-content,
.z-row-content{
	font-size: 10px;
	font-weight:normal;
	padding: 2px 1px 2px 1px;
	line-height: 12px;
}
.z-column-content{
	color: #F5F5F5;  	/*Schriftfarbe des Listbox-Header */
}

.z-row:hover > .z-row-inner,
.z-row:hover > .z-cell{
  background: none;
  background-clip: none;

}

.z-grid-odd:hover > .z-row-inner,
.z-grid-odd:hover > .z-cell,
.z-grid-odd > .z-row-inner,
.z-grid-odd > .z-cell {
  background:#e4f0ff;
}

.z-grid-odd > .z-textbox, .z-intbox {
	border: 1px solid #959595;
}

/* Grid für Eingabefelder */

.e-row .z-row .z-row-inner,
.e-row .z-row .z-cell{
	background:#8cb0cc;
	border: none;
}
.e-row .z-row-content{
	font-size: 10px;
  	line-height: 0px;
  	padding: 5px 0px;
}

/* Tabbox */

.z-tabs {
  border: none;
  border-bottom: 3px double #D3D3D3;
  line-height: 0;
  padding-bottom:2px;
}
.z-tabs-content {
  border-bottom: 1px solid #00367c;
  background-image:none;
  background-color:#ffffff;
}

.z-tab {
	border-color:black;
	background: #F5F5F5;
	font-size: 10px;
}

.z-tab-text {
  color: #51b401;
  padding:11px 7px 11px;
  font-weight: bold;
  line-height: 0;
}

.blauTab .z-tab-text {
  color: #00367c !important;
}

.z-tab-selected, .z-tab:hover{
	background:#51b401;
}

.blauTab.z-tab-selected,.blauTab.z-tab:hover{
	background:#00367c !important;
}

.z-tab-selected .z-tab-text,
.z-tab-text:hover,
.blauTab.z-tab-selected .z-tab-text{
	color: #F5F5F5 !important;
}


/* Menübar */

.z-menubar {
	background: none;
	border-top: 0;
	border-bottom: 3px double #D3D3D3;
	margin-bottom: 3px;
	padding-top: 0;
	padding-bottom: 2px;
}
.z-menu-text,
.z-menuitem-text {
/*   font-size: 9px; */
/*   line-height: 0; */
  color: #00367c;
/*   text-shadow: 0 1px #FFFFFF; */
}

.z-menu-content,
.z-menuitem-content {
/* 	padding: 1px 16px 1px 1px; */
/* 			oben,rechts,unten,links */
/* 	padding:0; */
/* 	padding-right:12px; */
/* 	line-height:10px; */
}

.z-menu-content:focus,
.z-menuitem-content:focus ,
.z-menu-content:active,
.z-menuitem-content:active,
.z-menuitem-selected > .z-menuitem-content,
.z-menu-selected > .z-menu-content{
	border-color:transparent;
	background:transparent;
	box-shadow:none;
}
.z-menu-icon.z-icon-caret-down,
.z-menu-icon.z-icon-caret-right  {
/*   font-size: 9px; */
/*   top:0px; */
  color: #00367c;
}

.z-menu-content:hover,
.z-menuitem-content:hover{
	background: transparent;
	border-color: transparent;
	box-shadow:none;
}

.z-menupopup .z-menuitem-content:hover{
	border-color: #00367c;
}
.z-menupopup .z-menuitem-text:hover{
	text-decoration:none;
}

.z-menu-text:hover,
.z-menuitem-text:hover{
	text-decoration:underline;
	color: #51b401;
}

/* Listbox */

.z-listbox {
	border: 1px solid #00367c; /*Außenrahmen Listbox*/
}

.z-listbox-header-border {
  border-bottom: 0;
}
.weissHeader .z-listbox-header-border {
  border-bottom: 1px solid #CFCFCF;
}
.z-listheader {
	background: #00367c; /* Hintergrundfarbe Listbox-Header (Ueberschrift)*/
}
.gruenHeader .z-listheader{
	background-color: #51b401; /* Hintergrundfarbe Listbox-Header (Ueberschrift)*/
}
.weissHeader .z-listheader{
	background-color: #F5F5F5; /* Hintergrundfarbe Listbox-Header (Ueberschrift)*/
}
.z-listheader-content,
.z-listcell-content,
.z-auxheader-content,
.z-listfooter-content{
	font-size: 12px;
	padding: 2px 1px 2px 1px;
	line-height: 12px;
}
.weissHeader .z-listheader-content{
	color: #00367c; /*Schriftfarbe des Listbox-Header*/
}
.z-listheader-content{
	color: #F5F5F5; /*Schriftfarbe des Listbox-Header*/
}

.z-listheader-sort .z-listheader-sorticon{  /*Sortierpfeile*/
	color:#F5F5F5;;
	top: -3px;
}

.z-listitem .z-listcell-content{
	color: #000000;		/*Schriftfarbe der Listboxzeilen*/
}
.z-listitem:hover .z-listcell-content {
	color: #000000;
}

.z-listitem.z-listitem-selected .z-listcell-content {
/* 	line-height:1px; */
  	color: black;
}
.z-listitem.z-listitem-selected .z-listcell{
  	background: #B3C8E8;
}
.z-listitem:hover > .z-listcell {
	background: #dae7f6;	/*Markierung der Listboxzeile durch Mauszeiger*/
}
.z-listitem.z-listitem-selected:hover .z-listcell-content {
	color:black;	/*Markierung der Listboxzeile durch Mauszeiger*/
}
.z-listitem.z-listitem-selected:hover > .z-listcell{
	background: #6eadff;	/*Markierung der ausgewählten Listboxzeile durch Mauszeiger*/
}
.z-listbox-odd.z-listitem {
	background: #F5F5F5;
}
.z-listheader-checkable,
.z-listitem-checkable{
/* 	border-color:red; */
	height:10px;
	width: 10px;
/* 	line-height:10px; */
}
.z-listheader-checkable.z-listheader-checked .z-listheader-icon,
.z-listitem-selected > .z-listcell > .z-listcell-content > .z-listitem-checkable .z-listitem-icon {

  color: #51b401;
  padding:0;
  font-size:8px;
  line-height: 9px;
}
.z-listitem	.z-listcell,
.z-listitem:hover .z-listcell,
.z-listitem.z-listitem-selected	.z-listcell,
.z-listitem.z-listitem-selected:hover .z-listcell {
	border-color:#00367c;
}

/* Seiten wechseln - paging*/
.z-paging{
	height: 20px;
	padding: 0;
}
.z-paging-button {
	font-size:10px;
	min-width: 16px;
	height: 12px;
	margin-right: 1px;
	margin-left: 1px;
	padding: 1px 0px;
	line-height: 10px;
	vertical-align: middle;
}
.z-paging .z-paging-icon{
	font-size:10px;
	color: #00367c;
}
.z-paging-input {
	font-size:9px;
	height: 12px;
	padding: 0px 0;
	line-height: 10px;
	top: 0px;
	margin-top:0px;
}
.z-paging-text{
	font-size:9px;
	padding:0px;
}
.z-paging-info{
	font-size:9px;
	top: 4px;
	padding: 0;
}

/* farbliche Listboxzeilen */

.rot.z-listitem .z-listcell{
	background:#f14646;
}
.rot.z-listitem:hover > .z-listcell{
	background:#F36B6B;
}
.rot.z-listitem.z-listitem-selected .z-listcell{
	background:#9E1616;
}
.rot.z-listitem.z-listitem-selected:hover > .z-listcell{
	background:#F36B6B;
}


.orange.z-listitem .z-listcell{
	background:#FFBD00;
}
.orange.z-listitem:hover > .z-listcell{
	background:#FFE9AA;

}
.orange.z-listitem.z-listitem-selected .z-listcell{
	background: #AA7E00;
}
.orange.z-listitem.z-listitem-selected:hover > .z-listcell{
	background:#FFE9AA;
}


.gelb.z-listitem .z-listcell{
	background:#ffff77;
}
.gelb.z-listitem:hover > .z-listcell{
	background:#FFFFA4;
}
.gelb.z-listitem.z-listitem-selected .z-listcell{
	background:#AAAA4F;
}
.gelb.z-listitem.z-listitem-selected:hover > .z-listcell{
	background:#FFFFA4;
}

.gruen.z-listitem .z-listcell{
	background:#55FF55;
}
.gruen.z-listitem:hover > .z-listcell{
	background:#8DFF8D;
}
.gruen.z-listitem.z-listitem-selected .z-listcell{
	background:#38AA38;
}
.gruen.z-listitem.z-listitem-selected:hover > .z-listcell{
	background:#8DFF8D;
}

.grau.z-listitem .z-listcell{
	background:#CCCCCC;
}
.grau.z-listitem:hover > .z-listcell{
	background:#DDDDDD;
}
.grau.z-listitem.z-listitem-selected .z-listcell{
	background:#888888
}
.grau.z-listitem.z-listitem-selected:hover > .z-listcell{
	background:#DDDDDD;
}

.hellblau.z-listitem .z-listcell{
	background:#E5F3FF;
}
.hellblau.z-listitem:hover > .z-listcell{
	background:#9ED3FF;
}
.hellblau.z-listitem.z-listitem-selected .z-listcell{
	background:#9ED3FF;
}
.hellblau.z-listitem.z-listitem-selected:hover > .z-listcell{
	background:#749CBC;
}

.hellrot.z-listitem .z-listcell{
	background:#FFF0D8;
}
.hellrot.z-listitem:hover > .z-listcell{
	background:#FFB4A3;
}
.hellrot.z-listitem.z-listitem-selected .z-listcell{
	background:#FF947C;
}

.hellrot.z-listitem.z-listitem-selected:hover > .z-listcell{
	background:#FF5938;
}

.rot.z-listitem .z-listcell-content,
.orange.z-listitem .z-listcell-content,
.gelb.z-listitem .z-listcell-content,
.gruen.z-listitem .z-listcell-content,
.grau.z-listitem .z-listcell-content,
.hellrot.z-listitem .z-listcell-content,
.hellblau.z-listitem .z-listcell-content{
	color:black;
}

.rot.z-listitem.z-listitem-selected .z-listcell-content,
.orange.z-listitem.z-listitem-selected .z-listcell-content,
.gelb.z-listitem.z-listitem-selected .z-listcell-content,
.gruen.z-listitem.z-listitem-selected .z-listcell-content,
.grau.z-listitem.z-listitem-selected .z-listcell-content,
.hellrot.z-listitem.z-listitem-selected .z-listcell-content,
.hellblau.z-listitem.z-listitem-selected .z-listcell-content{
	color:white;
}

.rot.z-listitem.z-listitem-selected:hover .z-listcell-content,
.orange.z-listitem.z-listitem-selected:hover .z-listcell-content,
.gelb.z-listitem.z-listitem-selected:hover .z-listcell-content,
.gruen.z-listitem.z-listitem-selected:hover .z-listcell-content,
.grau.z-listitem.z-listitem-selected:hover .z-listcell-content{
	color:black;
}

/* Tree */
.z-tree{
	border-color:#00367c;
}
.z-treecol {
	border-color:#F5F5F5;
	background: #00367c;
}
.z-treecol-content,
.z-treecell-content,
.z-treefooter-content{
	font-size: 10px;
	font-weight:normal;
	padding: 2px 3px 2px 3px;
		/* oben,rechts,unten,links */
	line-height: 12px;
	color: #000000;
}

.z-treecol-content{
	color: #F5F5F5;
}
.z-tree-icon{
	color:#51b401;
	font-size:12px;
}
.z-tree-icon:hover {
  color: #51b401;
}

.z-treerow:hover > .z-treecell {
	background:none;
}
.z-treerow:hover > .z-treecell > .z-treecell-content {
  text-decoration:underline;
  color: #000000;
}
.z-treerow.z-treerow-selected > .z-treecell{

	background:none;
}
.z-treerow.z-treerow-selected > .z-treecell > .z-treecell-content {
  color: #51b401;
  font-weight:bold;
}
.z-treerow.z-treerow-selected:hover > .z-treecell{
	background:none;
}
.z-tree-footer {
  border-color: #00367c;
}
.z-tree-header-border{
	border-color:#00367c;
}

.z-north-splitter-button .z-icon-caret-up,
.z-south-splitter-button .z-icon-caret-down,
.z-west-splitter-button .z-icon-caret-left,
.z-east-splitter-button .z-icon-caret-right,
.z-splitter-button .z-icon-caret-up,
.z-splitter-button .z-icon-caret-down,
.z-splitter-button .z-icon-caret-right,
.z-splitter-button .z-icon-caret-left{
	color:#00367c;
	opacity:1;
}

.z-north-splitter-button:hover .z-icon-caret-up,
.z-south-splitter-button:hover .z-icon-caret-down,
.z-west-splitter-button:hover .z-icon-caret-left,
.z-east-splitter-button:hover .z-icon-caret-right,
.z-splitter-button:hover .z-icon-caret-up,
.z-splitter-button:hover .z-icon-caret-down,
.z-splitter-button:hover .z-icon-caret-right,
.z-splitter-button:hover .z-icon-caret-left{
	color:#51b401;
}