first commit
This commit is contained in:
aschwarz
121
templates/modern/css/2022-01-12_styles_login.css
Normal file
121
templates/modern/css/2022-01-12_styles_login.css
Normal file
@ -0,0 +1,121 @@
|
||||
body {
|
||||
margin-top : 10px;
|
||||
margin-bottom : 10px;
|
||||
font-family : Arial;
|
||||
font-size : 12px;
|
||||
color : #000000;
|
||||
|
||||
}
|
||||
|
||||
td {
|
||||
font-family : verdana, arial;
|
||||
font-size : 9pt;
|
||||
color : #000000;
|
||||
}
|
||||
|
||||
.Header {
|
||||
background: url(../images/left.png) no-repeat;
|
||||
font-family : Arial;
|
||||
font-size : 12px;
|
||||
font-weight : bold;
|
||||
color : #FFFFFF;
|
||||
|
||||
padding : 0px 0 0 14px;
|
||||
margin : 0 10px 0 10px; /* Rand x rechts x links */
|
||||
|
||||
|
||||
}
|
||||
.Header div {
|
||||
background: url(../images/right.png) top right no-repeat;
|
||||
padding-right: 13px;
|
||||
}
|
||||
.Header div div {
|
||||
background: url(../images/center.png) repeat-x;
|
||||
padding: 0;
|
||||
|
||||
}
|
||||
|
||||
.pat_list_box {
|
||||
font-size : 14px;
|
||||
|
||||
border : 1px solid gray;
|
||||
/*border-top-color : transparent;*/
|
||||
background : url(../images/box-u.png) repeat-x left bottom;
|
||||
margin : 0 10px 0 10px; /* Rand x rechts x links */
|
||||
}
|
||||
|
||||
|
||||
/* Textfeldformatierung stammen von: http://www.web-toolbox.net/webtoolbox/css/css-formularfeld.htm#ixzz1EmDPi3Ti */
|
||||
.eingabe {
|
||||
font-family : Verdana,Arial,Helvetica,sans-serif;
|
||||
font-weight : bold;
|
||||
color : #002276;
|
||||
font-size : 11px;
|
||||
border : none;
|
||||
border-bottom : 1px dotted #0050A0;
|
||||
background-color : #FFFFFF;
|
||||
width : 250px;
|
||||
padding : 3px;
|
||||
}
|
||||
|
||||
select {
|
||||
font-family : Verdana,Arial,Helvetica,sans-serif;
|
||||
font-weight : bold;
|
||||
color : #002276;
|
||||
font-size : 11px;
|
||||
}
|
||||
|
||||
.select1 {
|
||||
width : 267px;
|
||||
}
|
||||
|
||||
|
||||
a.squarebutton_blue{
|
||||
background: transparent url('../images/button/square-blue-left.gif') no-repeat top left;
|
||||
display: block;
|
||||
font: normal 12px Arial; /* Change 12px as desired */
|
||||
line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
|
||||
height: 23px; /* Height of button background height */
|
||||
padding-left: 9px; /* Width of left menu image */
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a:link.squarebutton_blue, a:visited.squarebutton_blue, a:active.squarebutton_blue{
|
||||
color: #494949; /*button text color*/
|
||||
}
|
||||
|
||||
a.squarebutton_blue span{
|
||||
background: transparent url('../images/button/square-blue-right.gif') no-repeat top right;
|
||||
display: block;
|
||||
padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
|
||||
}
|
||||
|
||||
a.squarebutton_blue:hover{ /* Hover state CSS */
|
||||
background-position: bottom left;
|
||||
}
|
||||
|
||||
a.squarebutton_blue:hover span{ /* Hover state CSS */
|
||||
background-position: bottom right;
|
||||
color: black;
|
||||
}
|
||||
|
||||
|
||||
/* Pflichtfeldverletzung */
|
||||
.errorTable
|
||||
{
|
||||
BORDER-RIGHT: #9F0004 1px solid;
|
||||
BORDER-TOP: #9F0004 1px solid;
|
||||
BORDER-LEFT: #9F0004 1px solid;
|
||||
BORDER-BOTTOM: #9F0004 1px solid;
|
||||
FONT-SIZE: 9px;
|
||||
background-color: #E2E1E1;
|
||||
}
|
||||
|
||||
.errorField
|
||||
{
|
||||
BORDER-RIGHT: #9F0004 1px solid;
|
||||
BORDER-TOP: #9F0004 1px solid;
|
||||
BORDER-LEFT: #9F0004 1px solid;
|
||||
BORDER-BOTTOM: #9F0004 1px solid;
|
||||
background-color: #FFFFCC;
|
||||
}
|
||||
3
templates/modern/css/ajaxtabs.css
Normal file
3
templates/modern/css/ajaxtabs.css
Normal file
@ -0,0 +1,3 @@
|
||||
.tabcontentiframe{
|
||||
height:2000px;
|
||||
}
|
||||
119
templates/modern/css/component.css
Normal file
119
templates/modern/css/component.css
Normal file
@ -0,0 +1,119 @@
|
||||
.js .inputfile {
|
||||
width: 0.1px;
|
||||
height: 0.1px;
|
||||
opacity: 0;
|
||||
overflow: hidden;
|
||||
position: absolute;
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
.inputfile + label {
|
||||
max-width: 80%;
|
||||
font-size: 1.25rem;
|
||||
/* 20px */
|
||||
font-weight: 700;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
cursor: pointer;
|
||||
display: inline-block;
|
||||
overflow: hidden;
|
||||
padding: 0.625rem 1.25rem;
|
||||
/* 10px 20px */
|
||||
}
|
||||
|
||||
.inputfile_small {
|
||||
max-width: 80%;
|
||||
font-size: 0.6rem;
|
||||
/* 20px */
|
||||
font-weight: 700;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
cursor: pointer;
|
||||
display: inline-block;
|
||||
overflow: hidden;
|
||||
color: #d3394c;
|
||||
/* 10px 20px */
|
||||
}
|
||||
.no-js .inputfile + label {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.inputfile:focus + label,
|
||||
.inputfile.has-focus + label {
|
||||
outline: 1px dotted #000;
|
||||
outline: -webkit-focus-ring-color auto 5px;
|
||||
}
|
||||
|
||||
.inputfile + label * {
|
||||
/* pointer-events: none; */
|
||||
/* in case of FastClick lib use */
|
||||
}
|
||||
|
||||
.inputfile + label svg {
|
||||
width: 1em;
|
||||
height: 1em;
|
||||
vertical-align: middle;
|
||||
fill: currentColor;
|
||||
margin-top: -0.25em;
|
||||
/* 4px */
|
||||
margin-right: 0.25em;
|
||||
/* 4px */
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
/* style 4 */
|
||||
|
||||
.inputfile-4 + label {
|
||||
color: #d3394c;
|
||||
}
|
||||
|
||||
.inputfile-4:focus + label,
|
||||
.inputfile-4.has-focus + label,
|
||||
.inputfile-4 + label:hover {
|
||||
color: #722040;
|
||||
}
|
||||
|
||||
.inputfile-4 + label figure {
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
border-radius: 50%;
|
||||
background-color: #d3394c;
|
||||
display: block;
|
||||
padding: 20px;
|
||||
margin: 0 auto 10px;
|
||||
}
|
||||
|
||||
.inputfile-5 + label figure {
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
border-radius: 50%;
|
||||
background-color: #d3394c;
|
||||
display: block;
|
||||
padding: 9px;
|
||||
margin: -5px auto 2px;
|
||||
}
|
||||
|
||||
.inputfile-5:focus + label figure,
|
||||
.inputfile-5.has-focus + label figure,
|
||||
.inputfile-5 + label:hover figure {
|
||||
background-color: #722040;
|
||||
}
|
||||
|
||||
.inputfile-5 + label svg {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
fill: #f1e5e6;
|
||||
}
|
||||
.inputfile-4:focus + label figure,
|
||||
.inputfile-4.has-focus + label figure,
|
||||
.inputfile-4 + label:hover figure {
|
||||
background-color: #722040;
|
||||
}
|
||||
|
||||
.inputfile-4 + label svg {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
fill: #f1e5e6;
|
||||
}
|
||||
9
templates/modern/css/java-tooltip.css
Normal file
9
templates/modern/css/java-tooltip.css
Normal file
@ -0,0 +1,9 @@
|
||||
* {margin:0; padding:0}
|
||||
body {font:11px/1.5 Verdana, Arial, Helvetica, sans-serif; background:#FFF}
|
||||
#text {margin:50px auto; width:500px}
|
||||
.hotspot {color:#900; padding-bottom:1px; border-bottom:0px dotted #900; cursor:pointer}
|
||||
|
||||
#tt {position:absolute; display:block; background:url(images/tt_left.gif) top left no-repeat}
|
||||
#tttop {display:block; height:5px; margin-left:5px; background:url(images/tt_top.gif) top right no-repeat; overflow:hidden}
|
||||
#ttcont {display:block; padding:2px 12px 3px 7px; margin-left:5px; background:#666; color:#FFF}
|
||||
#ttbot {display:block; height:5px; margin-left:5px; background:url(images/tt_bottom.gif) top right no-repeat; overflow:hidden}
|
||||
143
templates/modern/css/styles_login.css
Normal file
143
templates/modern/css/styles_login.css
Normal file
@ -0,0 +1,143 @@
|
||||
body {
|
||||
margin-top : 10px;
|
||||
margin-bottom : 10px;
|
||||
font-family : Arial;
|
||||
font-size : 12px;
|
||||
color : #000000;
|
||||
|
||||
}
|
||||
|
||||
td {
|
||||
font-family : verdana, arial;
|
||||
font-size : 9pt;
|
||||
color : #000000;
|
||||
}
|
||||
|
||||
.Header {
|
||||
background: url(../images/left.png) no-repeat;
|
||||
font-family : Arial;
|
||||
font-size : 12px;
|
||||
font-weight : bold;
|
||||
color : #FFFFFF;
|
||||
|
||||
padding : 0px 0 0 14px;
|
||||
margin : 0 10px 0 10px; /* Rand x rechts x links */
|
||||
|
||||
|
||||
}
|
||||
.Header div {
|
||||
background: url(../images/right.png) top right no-repeat;
|
||||
padding-right: 13px;
|
||||
}
|
||||
.Header div div {
|
||||
background: url(../images/center.png) repeat-x;
|
||||
padding: 0;
|
||||
|
||||
}
|
||||
|
||||
.Header2 {
|
||||
background: url(../images/left2.png) no-repeat;
|
||||
font-family : Arial;
|
||||
font-size : 12px;
|
||||
font-weight : bold;
|
||||
color : #FFFFFF;
|
||||
|
||||
padding : 0px 0 0 14px;
|
||||
margin : 0 10px 0 10px; /* Rand x rechts x links */
|
||||
|
||||
|
||||
}
|
||||
.Header2 div {
|
||||
background: url(../images/right2.png) top right no-repeat;
|
||||
padding-right: 13px;
|
||||
}
|
||||
.Header2 div div {
|
||||
background: url(../images/center2.png) repeat-x;
|
||||
padding: 0;
|
||||
|
||||
}
|
||||
|
||||
.pat_list_box {
|
||||
font-size : 14px;
|
||||
|
||||
border : 1px solid gray;
|
||||
/*border-top-color : transparent;*/
|
||||
background : url(../images/box-u.png) repeat-x left bottom;
|
||||
margin : 0 10px 0 10px; /* Rand x rechts x links */
|
||||
}
|
||||
|
||||
|
||||
/* Textfeldformatierung stammen von: http://www.web-toolbox.net/webtoolbox/css/css-formularfeld.htm#ixzz1EmDPi3Ti */
|
||||
.eingabe {
|
||||
font-family : Verdana,Arial,Helvetica,sans-serif;
|
||||
font-weight : bold;
|
||||
color : #002276;
|
||||
font-size : 11px;
|
||||
border : none;
|
||||
border-bottom : 1px dotted #0050A0;
|
||||
background-color : #FFFFFF;
|
||||
width : 250px;
|
||||
padding : 3px;
|
||||
}
|
||||
|
||||
select {
|
||||
font-family : Verdana,Arial,Helvetica,sans-serif;
|
||||
font-weight : bold;
|
||||
color : #002276;
|
||||
font-size : 11px;
|
||||
}
|
||||
|
||||
.select1 {
|
||||
width : 267px;
|
||||
}
|
||||
|
||||
|
||||
a.squarebutton_blue{
|
||||
background: transparent url('../images/button/square-blue-left.gif') no-repeat top left;
|
||||
display: block;
|
||||
font: normal 12px Arial; /* Change 12px as desired */
|
||||
line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
|
||||
height: 23px; /* Height of button background height */
|
||||
padding-left: 9px; /* Width of left menu image */
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a:link.squarebutton_blue, a:visited.squarebutton_blue, a:active.squarebutton_blue{
|
||||
color: #494949; /*button text color*/
|
||||
}
|
||||
|
||||
a.squarebutton_blue span{
|
||||
background: transparent url('../images/button/square-blue-right.gif') no-repeat top right;
|
||||
display: block;
|
||||
padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
|
||||
}
|
||||
|
||||
a.squarebutton_blue:hover{ /* Hover state CSS */
|
||||
background-position: bottom left;
|
||||
}
|
||||
|
||||
a.squarebutton_blue:hover span{ /* Hover state CSS */
|
||||
background-position: bottom right;
|
||||
color: black;
|
||||
}
|
||||
|
||||
|
||||
/* Pflichtfeldverletzung */
|
||||
.errorTable
|
||||
{
|
||||
BORDER-RIGHT: #9F0004 1px solid;
|
||||
BORDER-TOP: #9F0004 1px solid;
|
||||
BORDER-LEFT: #9F0004 1px solid;
|
||||
BORDER-BOTTOM: #9F0004 1px solid;
|
||||
FONT-SIZE: 9px;
|
||||
background-color: #E2E1E1;
|
||||
}
|
||||
|
||||
.errorField
|
||||
{
|
||||
BORDER-RIGHT: #9F0004 1px solid;
|
||||
BORDER-TOP: #9F0004 1px solid;
|
||||
BORDER-LEFT: #9F0004 1px solid;
|
||||
BORDER-BOTTOM: #9F0004 1px solid;
|
||||
background-color: #FFFFCC;
|
||||
}
|
||||
591
templates/modern/css/styles_refill.css
Normal file
591
templates/modern/css/styles_refill.css
Normal file
@ -0,0 +1,591 @@
|
||||
/*
|
||||
http://jigsaw.w3.org/css-validator/validator
|
||||
http://www.w3.org/TR/CSS21/syndata.html#color-units
|
||||
*/
|
||||
|
||||
font.hd { /* <20>berschrifteinstellungen */
|
||||
font-family : Verdana,Arial,Helvetica,sans-serif;
|
||||
font-size : 17px;
|
||||
font-weight : bold;
|
||||
color : #002276;
|
||||
}
|
||||
|
||||
.sh { /* Subheader */
|
||||
font-weight : normal;
|
||||
font-size : 12px;
|
||||
color : rgb(101, 101, 101);
|
||||
font-family : Arial,Helvetica,sans-serif;
|
||||
}
|
||||
|
||||
li { /* Aufz<66>hlungen */
|
||||
font-weight : normal;
|
||||
font-size : 12px;
|
||||
font-family : Arial,Helvetica,sans-serif;
|
||||
}
|
||||
|
||||
|
||||
.formdesc {
|
||||
padding-left : 10px;
|
||||
width : 33%;
|
||||
color : rgb(255, 255, 255);
|
||||
background-color : rgb(146, 155, 171);
|
||||
font-weight : bold;
|
||||
}
|
||||
|
||||
.login {
|
||||
background-color : #f1f2f6;
|
||||
}
|
||||
|
||||
|
||||
a {
|
||||
font-family : verdana, arial;
|
||||
font-weight : normal;
|
||||
color : #000066;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
body {
|
||||
margin-top : 10px;
|
||||
margin-bottom : 10px;
|
||||
font : 12px Arial;
|
||||
color : #000000;
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
td {
|
||||
font-family : verdana, arial;
|
||||
font-size : 9pt;
|
||||
color : #000000;
|
||||
}
|
||||
|
||||
|
||||
h1 {
|
||||
font-family : verdana, arial;
|
||||
font-size : 16pt;
|
||||
font-weight : bold;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-family : verdana, arial;
|
||||
font-size : 16pt;
|
||||
color : #0D7377;
|
||||
}
|
||||
|
||||
|
||||
.uberschrift {
|
||||
font-family : verdana, arial;
|
||||
font-size : 12pt;
|
||||
font-weight : bold;
|
||||
color : #006699;
|
||||
}
|
||||
|
||||
|
||||
.bemerkung {
|
||||
font-family : verdana, arial;
|
||||
font-size : 8pt;
|
||||
font-weight : bold;
|
||||
color : #FF0000;
|
||||
text-transform : uppercase; /* Gro<72>buchstaben */
|
||||
}
|
||||
|
||||
|
||||
.farbe { /* Hintergrundsfarbe im Titel bei Export Word, Aush<73>nge */
|
||||
background-color : #6487DC;
|
||||
}
|
||||
|
||||
|
||||
.contentfarbe { /* Hintergrundsfarbe in Tabellen bei Inhalten */
|
||||
background-color : #DEDEDE;
|
||||
}
|
||||
|
||||
|
||||
.titel { /* Kopfframe */
|
||||
font-weight : bold;
|
||||
text-decoration : none;
|
||||
font-family : verdana, arial;
|
||||
font-size : 16pt;
|
||||
color : #FFFFFF;
|
||||
}
|
||||
|
||||
|
||||
.footer { /* Fu<46>zeile (Copyright) */
|
||||
text-decoration : none;
|
||||
font-family : verdana, arial;
|
||||
font-size : 8pt;
|
||||
}
|
||||
|
||||
|
||||
.nav_link { /* Hyperlinks in der Navigation */
|
||||
text-decoration : none;
|
||||
font-family : verdana, arial;
|
||||
font-size : 8pt;
|
||||
height : 13pt;
|
||||
}
|
||||
|
||||
|
||||
.nav_head { /* <20>berschriften in der Navigation */
|
||||
font-weight : bold;
|
||||
text-decoration : none;
|
||||
font-family : verdana, arial;
|
||||
font-size : 9pt;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.nextprev:link, .nextprev:visited {
|
||||
background-color: #D6DFF7;
|
||||
color: black;
|
||||
font-weight:bold;
|
||||
text-decoration: none;
|
||||
display: block;
|
||||
font-size: 8pt;
|
||||
text-align: center;
|
||||
padding: 20px 5px 20px 5px;
|
||||
}
|
||||
.nextprev:active, .nextprev:hover {
|
||||
background-color: #6487DC;
|
||||
color: #FFFFFF;
|
||||
font-weight:bold;
|
||||
text-decoration: none;
|
||||
display: block;
|
||||
font-size: 8pt;
|
||||
text-align: center;
|
||||
padding: 20px 5px 20px 5px;
|
||||
}
|
||||
|
||||
.nextprevdet:link, .nextprevdet:visited {
|
||||
background-color: #D6DFF7;
|
||||
color: black;
|
||||
font-weight:bold;
|
||||
text-decoration: none;
|
||||
display: block;
|
||||
font-size: 8pt;
|
||||
text-align: center;
|
||||
padding: 1px;
|
||||
}
|
||||
.nextprevdet:active, .nextprevdet:hover {
|
||||
background-color: #6487DC;
|
||||
color: #FFFFFF;
|
||||
font-weight:bold;
|
||||
text-decoration: none;
|
||||
display: block;
|
||||
font-size: 8pt;
|
||||
text-align: center;
|
||||
padding: 1px;
|
||||
}
|
||||
|
||||
.button_left:link, .button_left:visited {
|
||||
background-color: #D6DFF7;
|
||||
color: black;
|
||||
text-decoration: none;
|
||||
display: block;
|
||||
font-size: 8pt;
|
||||
text-align: left;
|
||||
padding: 1px;
|
||||
}
|
||||
.button_left:active, .button_left:hover {
|
||||
background-color: #6487DC;
|
||||
color: #FFFFFF;
|
||||
text-decoration: none;
|
||||
display: block;
|
||||
font-size: 8pt;
|
||||
text-align: left;
|
||||
padding: 1px;
|
||||
}
|
||||
|
||||
|
||||
/*++++++++++++++++++++++ Meine Eigenen CSS +++++++++++++++++++++++++++++*/
|
||||
|
||||
.navbar { /* Nav-Leiste in Titel-Frame */
|
||||
font-family : Verdana,Arial,Helvetica,sans-serif;
|
||||
font-size : 16px;
|
||||
}
|
||||
.navbar:link { font-weight:normal; color:gray; text-decoration:none; }
|
||||
.navbar:visited { font-weight:normal; color:gray; text-decoration:none; }
|
||||
.navbar:focus { font-weight:normal; color:black; text-decoration:none; }
|
||||
.navbar:hover { font-weight:normal; color:black; text-decoration:none; }
|
||||
.navbar:active { font-weight:normal; color:gray; text-decoration:none; }
|
||||
|
||||
|
||||
.leiste-o {
|
||||
font-family : Verdana;
|
||||
font-size : 18px;
|
||||
font-weight : bold;
|
||||
color : white;
|
||||
height : 29px; /* H<>he des ../images *
|
||||
padding : 0 0 0 5px;
|
||||
margin : 0 10px 0 0px; /* Rand oben rechts unten links */
|
||||
background : url('../images/leiste-o.png') no-repeat;
|
||||
}
|
||||
|
||||
.leiste-o span {
|
||||
display : block;
|
||||
height : 29px;
|
||||
/*margin-top:-5px;*/
|
||||
padding : 6px 0 0 15px;
|
||||
background : url('../images/leiste-o-right.png') no-repeat right 0;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* Accordion Menu */
|
||||
|
||||
.accordion2 {
|
||||
width: 225px;
|
||||
}
|
||||
|
||||
.accordion2 h3 {
|
||||
width:250px;
|
||||
height:30px;
|
||||
padding:5px 0 0 15px;
|
||||
margin:0 0 0 10px;
|
||||
background:url('../images/accord/item.png') no-repeat;
|
||||
font-size:12px;
|
||||
font-weight:bold;
|
||||
color:rgb(100,100,100);
|
||||
cursor:pointer;
|
||||
}
|
||||
|
||||
.accordion2 > h3:hover {
|
||||
background:url('../images/accord/mo-item.png') no-repeat;
|
||||
}
|
||||
|
||||
.accordion2 span {
|
||||
display:block;
|
||||
height:30px;
|
||||
margin-top:-5px;
|
||||
padding:6px 0 0 15px;
|
||||
background:url('../images/accord/item-right.png') no-repeat right 0;
|
||||
}
|
||||
|
||||
.accordion2 span:hover {
|
||||
background:url('../images/accord/mo-item-right.png') no-repeat right 0;
|
||||
}
|
||||
|
||||
.accordion2 ul{ /*CSS for UL of each sub menu*/
|
||||
list-style-type: none;
|
||||
margin: 0;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.accordion2 ul li a {
|
||||
width:230px;
|
||||
display:block;
|
||||
height:30px;
|
||||
background:url('../images/accord/item.png') no-repeat;
|
||||
padding:5px 0 0px 20px; /* Abstand Text Submen?> pading oben, rechts, unten, links*/
|
||||
font-size:12px;
|
||||
font-weight:bold;
|
||||
color: #A70303;
|
||||
text-decoration: none;
|
||||
cursor:pointer;
|
||||
}
|
||||
|
||||
.accordion2 ul li a:hover {
|
||||
background:url('../images/accord/mo-item.png') no-repeat;
|
||||
}
|
||||
|
||||
.accordion2 ul li a span {
|
||||
display:block;
|
||||
height:30px;
|
||||
margin-top:-5px;
|
||||
padding:6px 0 0 0px;
|
||||
background:url('../images/accord/item-right.png') no-repeat right 0;
|
||||
}
|
||||
|
||||
.accordion2 ul li a:hover span {
|
||||
background:url('../images/accord/mo-item-right.png') no-repeat right 0;
|
||||
}
|
||||
|
||||
.accordion2 ul {
|
||||
margin: 0;
|
||||
padding: 10px 15px 20px;
|
||||
display: none;
|
||||
}
|
||||
|
||||
li.abstand {
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
/*********************** Animated Tabs ************************/
|
||||
/*Credits: Dynamic Drive CSS Library */
|
||||
/*URL: http://www.dynamicdrive.com/style/ */
|
||||
|
||||
|
||||
.animatedtabs{
|
||||
/*border-bottom: 1px solid gray;*/
|
||||
overflow: hidden;
|
||||
width: 100%;
|
||||
font-size: 14px; /*font of menu text*/
|
||||
}
|
||||
|
||||
.animatedtabs ul{
|
||||
list-style-type: none;
|
||||
margin: 0;
|
||||
margin-left: 10px; /*offset of first tab relative to page left edge*/
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.animatedtabs li{
|
||||
float: left;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.animatedtabs a{
|
||||
float: left;
|
||||
position: relative;
|
||||
top: 5px; /* 1) Number of pixels to protrude up for selected tab. Should equal (3) MINUS (2) below */
|
||||
background: url(../images/tabs/tab-blue-left.gif) no-repeat left top;
|
||||
margin: 0;
|
||||
margin-right: 3px; /*Spacing between each tab*/
|
||||
padding: 0 0 0 9px;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.animatedtabs a span{
|
||||
float: left;
|
||||
position: relative;
|
||||
display: block;
|
||||
background: url(../images/tabs/tab-blue-right.gif) no-repeat right top;
|
||||
padding: 5px 14px 3px 5px; /* 2) Padding within each tab. The 3rd value, or 3px, should equal (1) MINUS (3) */
|
||||
font-weight: normal;
|
||||
color: grey;
|
||||
}
|
||||
|
||||
/* Commented Backslash Hack hides rule from IE5-Mac \*/
|
||||
.animatedtabs a span {float:none;}
|
||||
/* End IE5-Mac hack */
|
||||
|
||||
/* <20>nderung hier by Ali */
|
||||
.animatedtabs a.selected {
|
||||
background-position: 0 -125px;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
/* und hier by Ali*/
|
||||
/* Format f<>r ausgewaehlten Tab */
|
||||
.animatedtabs a.selected span{
|
||||
background-position: 100% -125px;
|
||||
color: black;
|
||||
font-weight: normal;
|
||||
padding-bottom: 8px; /* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */
|
||||
top: 0;
|
||||
}
|
||||
|
||||
.animatedtabs a:hover{
|
||||
background-position: 0% -125px;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
.animatedtabs a:hover span{
|
||||
background-position: 100% -125px;
|
||||
padding-bottom: 8px; /* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */
|
||||
top: 0;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/******************* Feld in Patronenliste **********************/
|
||||
.pat_list_box {
|
||||
font-size : 12px;
|
||||
padding : 10px;
|
||||
border : 1px solid gray;
|
||||
/*border-top-color : transparent;*/
|
||||
border-top : none;
|
||||
margin-top : 0px;
|
||||
margin-left : 10px;
|
||||
margin-right : 10px;
|
||||
margin-bottom : 0px;
|
||||
background : url(../images/box-u.png) repeat-x left bottom;
|
||||
}
|
||||
|
||||
.tab_box {
|
||||
font-size : 12px;
|
||||
height : 27px;
|
||||
padding-top : 10px;
|
||||
border : 1px solid gray;
|
||||
border-top : none;
|
||||
border-bottom : none;
|
||||
margin-top : 0px;
|
||||
margin-left : 10px;
|
||||
margin-right : 10px;
|
||||
margin-bottom : 0px;
|
||||
background : url(../images/tab-box-u.png) repeat-x left bottom;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/************************** Scuarebutton ********************************/
|
||||
|
||||
/*Credits: Dynamic Drive CSS Library */
|
||||
/*URL: http://www.dynamicdrive.com/style/ */
|
||||
|
||||
a.squarebutton_blue{
|
||||
background: transparent url('../images/button/square-blue-left.gif') no-repeat top left;
|
||||
display: block;
|
||||
font: normal 12px Arial; /* Change 12px as desired */
|
||||
line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
|
||||
height: 23px; /* Height of button background height */
|
||||
padding-left: 9px; /* Width of left menu image */
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a:link.squarebutton_blue, a:visited.squarebutton_blue, a:active.squarebutton_blue{
|
||||
color: #494949; /*button text color*/
|
||||
}
|
||||
|
||||
a.squarebutton_blue span{
|
||||
background: transparent url('../images/button/square-blue-right.gif') no-repeat top right;
|
||||
display: block;
|
||||
padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
|
||||
}
|
||||
|
||||
a.squarebutton_blue:hover{ /* Hover state CSS */
|
||||
background-position: bottom left;
|
||||
}
|
||||
|
||||
a.squarebutton_blue:hover span{ /* Hover state CSS */
|
||||
background-position: bottom right;
|
||||
color: black;
|
||||
}
|
||||
|
||||
.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
|
||||
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* by Ali */
|
||||
|
||||
#ajax_listOfOptions{
|
||||
position:absolute;
|
||||
width:198px;
|
||||
height:200px;
|
||||
overflow:auto;
|
||||
border:1px solid #6487DC;
|
||||
background-color:#FFF;
|
||||
text-align:left;
|
||||
font-family : verdana, arial;
|
||||
z-index:10000;
|
||||
font-size : 11px;
|
||||
}
|
||||
#ajax_listOfOptions div{
|
||||
margin:1px;
|
||||
padding:1px;
|
||||
cursor:pointer;
|
||||
font-size:0.9em;
|
||||
|
||||
}
|
||||
#ajax_listOfOptions .optionDiv{ // Div for each item in list
|
||||
|
||||
}
|
||||
#ajax_listOfOptions .optionDivSelected{ // Selected item in the list
|
||||
background-color:#D6DFF7;
|
||||
color:#002276;
|
||||
font-weight : bold;
|
||||
}
|
||||
#ajax_listOfOptions_iframe{
|
||||
background-color:#F00;
|
||||
position:absolute;
|
||||
z-index:500;
|
||||
}
|
||||
|
||||
|
||||
/* Textfeldformatierung stammen von: http://www.web-toolbox.net/webtoolbox/css/css-formularfeld.htm#ixzz1EmDPi3Ti */
|
||||
.eingabe_search {
|
||||
font-family : Verdana,Arial,Helvetica,sans-serif;
|
||||
font-weight : bold;
|
||||
color : #002276;
|
||||
font-size : 11px;
|
||||
border : none;
|
||||
border-top : 1px dotted #0050A0;
|
||||
border-bottom : 1px dotted #0050A0;
|
||||
background-color : #FFFFFF;
|
||||
width : 170px;
|
||||
padding : 3px;
|
||||
}
|
||||
|
||||
|
||||
.header {
|
||||
background: url(../images/left.png) no-repeat;
|
||||
font-family : Verdana;
|
||||
font-size : 18px;
|
||||
font-weight : bold;
|
||||
color : #FFFFFF;
|
||||
padding : 0px 0 0 14px;
|
||||
margin : 0 10px 0 10px; /* Rand x rechts x links */
|
||||
}
|
||||
|
||||
.header div {
|
||||
background: url(../images/right.png) top right no-repeat;
|
||||
padding-right: 13px;
|
||||
}
|
||||
|
||||
.header div div {
|
||||
background: url(../images/center.png) repeat-x;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
|
||||
/* Pflichtfeldverletzung */
|
||||
.errorTable
|
||||
{
|
||||
BORDER-RIGHT: #9F0004 1px solid;
|
||||
BORDER-TOP: #9F0004 1px solid;
|
||||
BORDER-LEFT: #9F0004 1px solid;
|
||||
BORDER-BOTTOM: #9F0004 1px solid;
|
||||
FONT-SIZE: 9px;
|
||||
background-color: #E2E1E1;
|
||||
}
|
||||
|
||||
.errorField
|
||||
{
|
||||
BORDER-RIGHT: #9F0004 1px solid;
|
||||
BORDER-TOP: #9F0004 1px solid;
|
||||
BORDER-LEFT: #9F0004 1px solid;
|
||||
BORDER-BOTTOM: #9F0004 1px solid;
|
||||
background-color: #FFFFCC;
|
||||
}
|
||||
|
||||
|
||||
.vvsuccess
|
||||
{
|
||||
BORDER-RIGHT: #9F0004 2px solid;
|
||||
BORDER-TOP: #9F0004 2px solid;
|
||||
BORDER-LEFT: #9F0004 2px solid;
|
||||
BORDER-BOTTOM: #9F0004 2px solid;
|
||||
FONT-SIZE: 9px;
|
||||
background-color: #E2E1E1;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.gutachten_antwort
|
||||
{
|
||||
BORDER-RIGHT: #dfec17 1px solid;
|
||||
BORDER-TOP: #dfec17 1px solid;
|
||||
BORDER-LEFT: #dfec17 1px solid;
|
||||
BORDER-BOTTOM: #dfec17 1px solid;
|
||||
FONT-SIZE: 9px;
|
||||
background-color: #E2E1E1;
|
||||
}
|
||||
|
||||
.aformlink{
|
||||
text-decoration: none;
|
||||
border-bottom: 1px dotted red;
|
||||
background-image: none;
|
||||
padding-left: 0;
|
||||
}
|
||||
Reference in New Issue
Block a user