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.
215 lines
4.9 KiB
215 lines
4.9 KiB
* {
|
|
font-family: Montserrat, Ubuntu, Lucida Grande, Helvetica Neue, DejaVu Sans, FreeSans, Liberation Sans, Droid Sans, sans;
|
|
}
|
|
input[type='time'] + input, input[type='date'] + input {text-align: right; }
|
|
|
|
input[type='radio'], input[type='radio'] + label, label + input[type='text'] { display:inline;}
|
|
|
|
|
|
.valid { border-color: green; color: green; }
|
|
.invalid { border-color: red; color: red; }
|
|
|
|
[readonly] { border: 0px none transparent;}
|
|
fieldset span {text-align:right;}
|
|
/*#printcontainer_top, #printcontainer_bottom, #datacontainer { position:absolute;left:50%; transform: translateX(-50%); }*/
|
|
#printcontainerDE_top, #printcontainerEN_top { top:3px;}
|
|
abbr {
|
|
cursor:help;
|
|
}
|
|
|
|
.geld { text-align: right; }
|
|
/*.geld:after { content:"€";}*/
|
|
.geld:empty:after{color:lightgray}
|
|
|
|
#Summe { font-size: 141%;}
|
|
|
|
th, td, tr {
|
|
padding: 0.2rem;
|
|
}
|
|
|
|
th { font-size: 1rem; color: darkgray;}
|
|
|
|
th, td {
|
|
border: 1px solid gray;
|
|
}
|
|
|
|
tr {
|
|
border: 0px none transparent;
|
|
}
|
|
|
|
table {
|
|
border-collapse: collapse;
|
|
border: 0px none transparent;
|
|
}
|
|
|
|
thead { display:table-header-group; }
|
|
tfoot { display:table-footer-group; }
|
|
|
|
.delete, #more, #more td, tbody { border: 0px none transparent;}
|
|
#spalte0 { width:2rem; }
|
|
/*#spalte1 { width:2rem; }*/
|
|
#spalte2 { width:5rem; }
|
|
#spalte3 { width:5rem; }
|
|
#spalte4 { width:5rem; }
|
|
/*#spalte5 { width:2rem; }
|
|
#spalte6 { width:2rem; }
|
|
#spalte7 { width:2rem; }*/
|
|
#spalte8 { width:3rem; }
|
|
|
|
.delbutton { width:100%;}
|
|
#addbutton_de, #addbutton_en, .delbutton {
|
|
border-radius: 0.25em;
|
|
text-align:center;
|
|
font-weight: bold;
|
|
font-size: 200%;
|
|
}
|
|
body > h2{
|
|
margin-left:1rem;
|
|
}
|
|
h1 {
|
|
font-size: 150%;
|
|
}
|
|
h2 {
|
|
font-size: 120%;
|
|
}
|
|
/*p, dd {
|
|
font-size: 75%;
|
|
}*/
|
|
::placeholder {
|
|
font-size: 75%;
|
|
}
|
|
|
|
fieldset{
|
|
margin:1rem 0 0 0;
|
|
border-color:transparent;
|
|
border-right: none;
|
|
border-top:1px solid silver;
|
|
|
|
}
|
|
|
|
fieldset > fieldset{
|
|
border:1px solid silver;
|
|
margin-top:1rem;
|
|
}
|
|
|
|
fieldset > label {
|
|
display: block;
|
|
color: grey;
|
|
font-size: 83%;
|
|
margin-top: 0.5rem;
|
|
}
|
|
.iblock {
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
}
|
|
|
|
.iblock label {
|
|
display: block;
|
|
font-size: 90%;
|
|
}
|
|
.EU, .nonEU, .paypal { }
|
|
/*#bankdetails * { display: none; }*/
|
|
#bankdetails legend, #bankdetails input[type="radio"], #bankdetails input[type="radio"] + label, #bankdetails label.radio { display: inline; }
|
|
#bankdetails #eu:checked ~ .nonEU:not(.EU), #bankdetails #eu:checked ~ .paypal { display: none; }
|
|
#bankdetails #noneu:checked ~ .EU:not(.nonEU), #bankdetails #noneu:checked ~ .paypal { display: none; }
|
|
#bankdetails #paypal:checked ~ .EU, #bankdetails #paypal:checked ~ .nonEU { display: none; }
|
|
#bankdetails #bar:checked ~ .EU, #bankdetails #bar:checked ~ .nonEU, #bankdetails #bar:checked ~ .paypal { display: none; }
|
|
.radiobutton {
|
|
display: none !important;
|
|
}
|
|
|
|
input:checked + label { font-weight: bold; text-decoration: underline;}
|
|
|
|
#de:checked~header :lang(en) { display: none; }
|
|
#en:checked~header :lang(de) { display: none; }
|
|
#de:checked~div :lang(en) { display: none; }
|
|
#en:checked~div :lang(de) { display: none; }
|
|
#de:checked~main :lang(en) { display: none; }
|
|
#en:checked~main :lang(de) { display: none; }
|
|
|
|
legend{
|
|
font-weight: bold;
|
|
}
|
|
|
|
fieldset fieldset legend{
|
|
color:#020202;
|
|
}
|
|
|
|
.resultbox{
|
|
padding:1em;
|
|
background-color:#cdddff;
|
|
margin:2px;
|
|
margin-top:1rem;
|
|
}
|
|
|
|
.resultvalue{
|
|
background-color:#eaf1ff;
|
|
border: 1px solid #347bff;
|
|
padding:2px;
|
|
margin-left:0.2em;
|
|
}
|
|
|
|
input[type=checkbox]{
|
|
margin-left:0.5em;
|
|
}
|
|
|
|
header, footer{
|
|
padding:1rem;
|
|
}
|
|
|
|
footer{
|
|
color: darkgray;
|
|
}
|
|
|
|
.print, .printiblock, .printcell { display:none;}
|
|
|
|
.eintrag, .eintrag * {
|
|
page-break-inside:avoid;
|
|
page-break-after:auto;
|
|
break-inside:avoid;
|
|
break-after:auto;
|
|
}
|
|
#Aufstellung { page-break-inside:auto;}
|
|
@media print {
|
|
fieldset, abbr, input, select, label { border-style: none !important; }
|
|
fieldset {border: 0;}
|
|
abbr {
|
|
border-bottom: none !important;
|
|
cursor: inherit !important;
|
|
text-decoration: none !important;
|
|
font-size: 75%;
|
|
}
|
|
input{
|
|
font-size:100%;
|
|
}
|
|
select { background:none; appearance: none; }
|
|
input:disabled { background:none; }
|
|
legend,
|
|
input[type='time'],
|
|
input[type='date'],
|
|
input[type='time'] + input,
|
|
input[type='date'] + input,
|
|
input:checked + label,
|
|
input:checked + label + input[type='text'],
|
|
#ts24h, #ts8h, #pausch,
|
|
select,
|
|
#Aufstellung input[type='text'] { font-weight: bold; color:#000000}
|
|
#printcontainerDE_bottom,
|
|
#printcontainerEN_bottom,
|
|
#printcontainerDE_top,
|
|
#printcontainerEN_top,
|
|
#datacontainer,
|
|
footer,
|
|
input[type='radio'], input[type='radio'] + label, label + input[type='text'],
|
|
#en:checked ~ [lang="en"],
|
|
#de:checked ~ [lang="de"] { display:none; }
|
|
.screen, .delete, #faq ~ dl { display:none; font-size:50%;}
|
|
.screen input:checked, .screen input:checked + label { display:inline !important; }
|
|
.print { display:block;}
|
|
.printiblock { display:inline-block;}
|
|
.printcell { display:table-cell;}
|
|
#vorschuss { font-weight: bold;}
|
|
::placeholder{ color: transparent !important;}
|
|
textarea { border-width:0;}
|
|
}
|
|
abbr[title="Dieser Anspruch wurde für diesen Reisetag berechnet."] { font-weight: bold;}
|