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.

109 lines
2.0 KiB

  1. @import 'scss/vars';
  2. @import 'scss/mixins';
  3. body {
  4. margin: auto;
  5. padding:1em;
  6. border:0px solid red;
  7. max-width:90em;
  8. min-width:78em;
  9. @include for-mobile {
  10. min-width: 2em;
  11. padding:0.5em;
  12. }
  13. }
  14. fieldset {
  15. @include for-mobile {
  16. padding-left:0.5em;
  17. padding-right:0.5em;
  18. }
  19. }
  20. .tab_input {
  21. display:inline;
  22. @include for-mobile {
  23. width:50%;
  24. }
  25. }
  26. h1 {
  27. @include for-mobile {
  28. font-size:120%;
  29. }
  30. }
  31. .is-col {
  32. padding:0;
  33. border:0px solid blue;
  34. margin-bottom:1.1em;
  35. }
  36. .main-sidebar {
  37. @include make-sidebar(10em);
  38. padding-right:2em;
  39. @include for-mobile {
  40. margin:auto;
  41. text-align:center;
  42. }
  43. }
  44. .main-sidebar-secondary {
  45. @include make-sidebar(240px);
  46. margin-left: 16px;
  47. @include for-mobile {
  48. margin-left: 0;
  49. }
  50. }
  51. .main-content {
  52. @include make-content;
  53. width: 100%;
  54. }
  55. .wmdelogo {
  56. min-width:5em;
  57. }
  58. .button.is-green {
  59. /* // $back-color, $text-color
  60. @include make-button(#00ff00, #fff);*/
  61. background-color:green;
  62. margin-top:5px;
  63. }
  64. .button.is-orange {
  65. /* // $back-color, $text-color
  66. @include make-button(#ffc000, #fff);*/
  67. background-color:orange;
  68. margin-top:5px;
  69. }
  70. /*
  71. #de:checked~header :lang(en) { display: none; }
  72. #en:checked~header :lang(de) { display: none; }
  73. #de:checked~div :lang(en) { display: none; }
  74. #en:checked~div :lang(de) { display: none; }
  75. #de:checked~main :lang(en) { display: none; }
  76. #en:checked~main :lang(de) { display: none; }
  77. */
  78. :lang(en) {display: none;}
  79. #bankdetails legend, #bankdetails input[type="radio"], #bankdetails input[type="radio"] + label, #bankdetails label.radio { display: inline; }
  80. #bankdetails #eu:checked ~ .nonEU:not(.EU), #bankdetails #eu:checked ~ .paypal { display: none; }
  81. #bankdetails #noneu:checked ~ .EU:not(.nonEU), #bankdetails #noneu:checked ~ .paypal { display: none; }
  82. #bankdetails #paypal:checked ~ .EU, #bankdetails #paypal:checked ~ .nonEU { display: none; }
  83. #bankdetails #bar:checked ~ .EU, #bankdetails #bar:checked ~ .nonEU, #bankdetails #bar:checked ~ .paypal { display: none; }
  84. .radiobutton {
  85. display: none !important;
  86. }