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

4 years ago
  1. * {
  2. font-family: Montserrat, Ubuntu, Lucida Grande, Helvetica Neue, DejaVu Sans, FreeSans, Liberation Sans, Droid Sans, sans;
  3. }
  4. input[type='time'] + input, input[type='date'] + input {text-align: right; }
  5. input[type='radio'], input[type='radio'] + label, label + input[type='text'] { display:inline;}
  6. .valid { border-color: green; color: green; }
  7. .invalid { border-color: red; color: red; }
  8. [readonly] { border: 0px none transparent;}
  9. fieldset span {text-align:right;}
  10. /*#printcontainer_top, #printcontainer_bottom, #datacontainer { position:absolute;left:50%; transform: translateX(-50%); }*/
  11. #printcontainerDE_top, #printcontainerEN_top { top:3px;}
  12. abbr {
  13. cursor:help;
  14. }
  15. .geld { text-align: right; }
  16. /*.geld:after { content:"€";}*/
  17. .geld:empty:after{color:lightgray}
  18. #Summe { font-size: 141%;}
  19. th, td, tr {
  20. padding: 0.2rem;
  21. }
  22. th { font-size: 1rem; color: darkgray;}
  23. th, td {
  24. border: 1px solid gray;
  25. }
  26. tr {
  27. border: 0px none transparent;
  28. }
  29. table {
  30. border-collapse: collapse;
  31. border: 0px none transparent;
  32. }
  33. thead { display:table-header-group; }
  34. tfoot { display:table-footer-group; }
  35. .delete, #more, #more td, tbody { border: 0px none transparent;}
  36. #spalte0 { width:2rem; }
  37. /*#spalte1 { width:2rem; }*/
  38. #spalte2 { width:5rem; }
  39. #spalte3 { width:5rem; }
  40. #spalte4 { width:5rem; }
  41. /*#spalte5 { width:2rem; }
  42. #spalte6 { width:2rem; }
  43. #spalte7 { width:2rem; }*/
  44. #spalte8 { width:3rem; }
  45. .delbutton { width:100%;}
  46. #addbutton_de, #addbutton_en, .delbutton {
  47. border-radius: 0.25em;
  48. text-align:center;
  49. font-weight: bold;
  50. font-size: 200%;
  51. }
  52. body > h2{
  53. margin-left:1rem;
  54. }
  55. h1 {
  56. font-size: 150%;
  57. }
  58. h2 {
  59. font-size: 120%;
  60. }
  61. /*p, dd {
  62. font-size: 75%;
  63. }*/
  64. ::placeholder {
  65. font-size: 75%;
  66. }
  67. fieldset{
  68. margin:1rem 0 0 0;
  69. border-color:transparent;
  70. border-right: none;
  71. border-top:1px solid silver;
  72. }
  73. fieldset > fieldset{
  74. border:1px solid silver;
  75. margin-top:1rem;
  76. }
  77. fieldset > label {
  78. display: block;
  79. color: grey;
  80. font-size: 83%;
  81. margin-top: 0.5rem;
  82. }
  83. .iblock {
  84. display: inline-block;
  85. vertical-align: top;
  86. }
  87. .iblock label {
  88. display: block;
  89. font-size: 90%;
  90. }
  91. .EU, .nonEU, .paypal { }
  92. /*#bankdetails * { display: none; }*/
  93. #bankdetails legend, #bankdetails input[type="radio"], #bankdetails input[type="radio"] + label, #bankdetails label.radio { display: inline; }
  94. #bankdetails #eu:checked ~ .nonEU:not(.EU), #bankdetails #eu:checked ~ .paypal { display: none; }
  95. #bankdetails #noneu:checked ~ .EU:not(.nonEU), #bankdetails #noneu:checked ~ .paypal { display: none; }
  96. #bankdetails #paypal:checked ~ .EU, #bankdetails #paypal:checked ~ .nonEU { display: none; }
  97. #bankdetails #bar:checked ~ .EU, #bankdetails #bar:checked ~ .nonEU, #bankdetails #bar:checked ~ .paypal { display: none; }
  98. .radiobutton {
  99. display: none !important;
  100. }
  101. input:checked + label { font-weight: bold; text-decoration: underline;}
  102. #de:checked~header :lang(en) { display: none; }
  103. #en:checked~header :lang(de) { display: none; }
  104. #de:checked~div :lang(en) { display: none; }
  105. #en:checked~div :lang(de) { display: none; }
  106. #de:checked~main :lang(en) { display: none; }
  107. #en:checked~main :lang(de) { display: none; }
  108. legend{
  109. font-weight: bold;
  110. }
  111. fieldset fieldset legend{
  112. color:#020202;
  113. }
  114. .resultbox{
  115. padding:1em;
  116. background-color:#cdddff;
  117. margin:2px;
  118. margin-top:1rem;
  119. }
  120. .resultvalue{
  121. background-color:#eaf1ff;
  122. border: 1px solid #347bff;
  123. padding:2px;
  124. margin-left:0.2em;
  125. }
  126. input[type=checkbox]{
  127. margin-left:0.5em;
  128. }
  129. header, footer{
  130. padding:1rem;
  131. }
  132. footer{
  133. color: darkgray;
  134. }
  135. .print, .printiblock, .printcell { display:none;}
  136. .eintrag, .eintrag * {
  137. page-break-inside:avoid;
  138. page-break-after:auto;
  139. break-inside:avoid;
  140. break-after:auto;
  141. }
  142. #Aufstellung { page-break-inside:auto;}
  143. @media print {
  144. fieldset, abbr, input, select, label { border-style: none !important; }
  145. fieldset {border: 0;}
  146. abbr {
  147. border-bottom: none !important;
  148. cursor: inherit !important;
  149. text-decoration: none !important;
  150. font-size: 75%;
  151. }
  152. input{
  153. font-size:100%;
  154. }
  155. select { background:none; appearance: none; }
  156. input:disabled { background:none; }
  157. legend,
  158. input[type='time'],
  159. input[type='date'],
  160. input[type='time'] + input,
  161. input[type='date'] + input,
  162. input:checked + label,
  163. input:checked + label + input[type='text'],
  164. #ts24h, #ts8h, #pausch,
  165. select,
  166. #Aufstellung input[type='text'] { font-weight: bold; color:#000000}
  167. #printcontainerDE_bottom,
  168. #printcontainerEN_bottom,
  169. #printcontainerDE_top,
  170. #printcontainerEN_top,
  171. #datacontainer,
  172. footer,
  173. input[type='radio'], input[type='radio'] + label, label + input[type='text'],
  174. #en:checked ~ [lang="en"],
  175. #de:checked ~ [lang="de"] { display:none; }
  176. .screen, .delete, #faq ~ dl { display:none; font-size:50%;}
  177. .screen input:checked, .screen input:checked + label { display:inline !important; }
  178. .print { display:block;}
  179. .printiblock { display:inline-block;}
  180. .printcell { display:table-cell;}
  181. #vorschuss { font-weight: bold;}
  182. ::placeholder{ color: transparent !important;}
  183. textarea { border-width:0;}
  184. }
  185. abbr[title="Dieser Anspruch wurde für diesen Reisetag berechnet."] { font-weight: bold;}