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.

163 lines
2.8 KiB

4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
  1. body {
  2. margin: auto;
  3. padding: 1em;
  4. border: 0px solid red;
  5. max-width: 90em;
  6. min-width: 80em;
  7. }
  8. #container {
  9. display: grid;
  10. grid-template-columns: auto;
  11. }
  12. a.languageSelect {
  13. #color: black;
  14. #text-decoration: none;
  15. font-size: 1.7vw;
  16. }
  17. a.languageSelect:hover {
  18. color: red;
  19. }
  20. @media only screen and (max-width: 767px) {
  21. body {
  22. min-width: 2em;
  23. padding: 0.5em;
  24. }
  25. #container {
  26. align-items: center;
  27. width: 100vw;
  28. display: grid;
  29. grid-template-columns: auto auto;
  30. }
  31. a.languageSelect {
  32. font-size: 7vw;
  33. }
  34. }
  35. @media only screen and (max-width: 767px) {
  36. fieldset {
  37. padding-left: 0.5em;
  38. padding-right: 0.5em;
  39. }
  40. }
  41. .tab_input {
  42. display: inline;
  43. }
  44. @media only screen and (max-width: 767px) {
  45. .tab_input {
  46. width: 50%;
  47. }
  48. }
  49. @media only screen and (max-width: 767px) {
  50. h1 {
  51. font-size: 120%;
  52. }
  53. }
  54. .is-col {
  55. padding: 0;
  56. border: 0px solid blue;
  57. margin-bottom: 1.1em;
  58. }
  59. .main-sidebar {
  60. flex: 0 0 10em;
  61. max-width: 10em;
  62. padding-right: 2em;
  63. }
  64. @media only screen and (max-width: 767px) {
  65. .main-sidebar {
  66. flex: 0;
  67. max-width: 100%;
  68. }
  69. }
  70. @media only screen and (max-width: 767px) {
  71. .main-sidebar {
  72. margin: auto;
  73. text-align: center;
  74. }
  75. }
  76. .main-sidebar-secondary {
  77. flex: 0 0 240px;
  78. max-width: 240px;
  79. margin-left: 16px;
  80. }
  81. @media only screen and (max-width: 767px) {
  82. .main-sidebar-secondary {
  83. flex: 0;
  84. max-width: 100%;
  85. }
  86. }
  87. @media only screen and (max-width: 767px) {
  88. .main-sidebar-secondary {
  89. margin-left: 0;
  90. }
  91. }
  92. .main-content {
  93. flex: 1;
  94. min-width: 0;
  95. width: 100%;
  96. }
  97. .wmdelogo {
  98. min-width: 5em;
  99. }
  100. .button.is-green {
  101. /* // $back-color, $text-color
  102. @include make-button(#00ff00, #fff);*/
  103. background-color: green;
  104. margin-top: 5px;
  105. }
  106. .button.is-orange {
  107. /* // $back-color, $text-color
  108. @include make-button(#ffc000, #fff);*/
  109. background-color: orange;
  110. margin-top: 5px;
  111. }
  112. /*
  113. #de:checked~header :lang(en) { display: none; }
  114. #en:checked~header :lang(de) { display: none; }
  115. #de:checked~div :lang(en) { display: none; }
  116. #en:checked~div :lang(de) { display: none; }
  117. #de:checked~main :lang(en) { display: none; }
  118. #en:checked~main :lang(de) { display: none; }
  119. */
  120. :lang(en) {
  121. display: none;
  122. }
  123. #bankdetails legend, #bankdetails input[type=radio], #bankdetails input[type=radio] + label, #bankdetails label.radio {
  124. display: inline;
  125. }
  126. #bankdetails #eu:checked ~ .nonEU:not(.EU), #bankdetails #eu:checked ~ .paypal {
  127. display: none;
  128. }
  129. #bankdetails #noneu:checked ~ .EU:not(.nonEU), #bankdetails #noneu:checked ~ .paypal {
  130. display: none;
  131. }
  132. #bankdetails #paypal:checked ~ .EU, #bankdetails #paypal:checked ~ .nonEU {
  133. display: none;
  134. }
  135. #bankdetails #bar:checked ~ .EU, #bankdetails #bar:checked ~ .nonEU, #bankdetails #bar:checked ~ .paypal {
  136. display: none;
  137. }
  138. .radiobutton {
  139. display: none !important;
  140. }
  141. /*# sourceMappingURL=master.css.map */