Verpflegungsmehraufwand Formular
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.

222 lines
4.3 KiB

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