wmdeit_vmform/overlay/opt/verpflegungsmehraufwand.css

189 lines
3.8 KiB
CSS

* {
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%); }*/
#printcontainer_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, .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 {
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%;
}
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, textarea { border-style: none !important; }
textarea { resize: none !important; display: table; width: 100%; height: auto; margin-left: auto; margin-right: auto; }
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}
#Aufstellung tr, #Aufstellung textarea { height: auto; }
#printcontainer_bottom, #printcontainer_top, #datacontainer, footer { display:none; }
.screen, .delete { display:none !important; font-size:50%;}
.print { display:block;}
.printiblock { display:inline-block;}
.printcell { display:table-cell;}
#vorschuss { font-weight: bold;}
::placeholder{ color: transparent !important;}
#spalte1 { width: 16em; }
}
abbr[title="Dieser Anspruch wurde für diesen Reisetag berechnet."] { font-weight: bold;}