|
@ -0,0 +1,111 @@ |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
@import 'scss/vars'; |
|
|
|
|
|
|
|
|
|
|
|
@import 'scss/mixins'; |
|
|
|
|
|
|
|
|
|
|
|
body { |
|
|
|
|
|
margin: auto; |
|
|
|
|
|
padding:1em; |
|
|
|
|
|
border:1px solid red; |
|
|
|
|
|
max-width:90em; |
|
|
|
|
|
min-width:75em; |
|
|
|
|
|
@include for-mobile { |
|
|
|
|
|
min-width: 2em; |
|
|
|
|
|
padding:0.5em; |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
fieldset { |
|
|
|
|
|
@include for-mobile { |
|
|
|
|
|
padding-left:0.5em; |
|
|
|
|
|
padding-right:0.5em; |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
input { |
|
|
|
|
|
width:50%; |
|
|
|
|
|
} |
|
|
|
|
|
table { |
|
|
|
|
|
text-align:right; |
|
|
|
|
|
border:1px solid red; |
|
|
|
|
|
background-color:red; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
h1 { |
|
|
|
|
|
@include for-mobile { |
|
|
|
|
|
font-size:120%; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.is-col { |
|
|
|
|
|
padding:0; |
|
|
|
|
|
border:0px solid blue; |
|
|
|
|
|
margin-bottom:1.1em; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.main-sidebar { |
|
|
|
|
|
@include make-sidebar(10em); |
|
|
|
|
|
padding-right:2em; |
|
|
|
|
|
|
|
|
|
|
|
@include for-mobile { |
|
|
|
|
|
margin:auto; |
|
|
|
|
|
text-align:center; |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
.main-sidebar-secondary { |
|
|
|
|
|
@include make-sidebar(240px); |
|
|
|
|
|
margin-left: 16px; |
|
|
|
|
|
|
|
|
|
|
|
@include for-mobile { |
|
|
|
|
|
margin-left: 0; |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
.main-content { |
|
|
|
|
|
@include make-content; |
|
|
|
|
|
width: 100%; |
|
|
|
|
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.wmdelogo { |
|
|
|
|
|
min-width:5em; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.button.is-green { |
|
|
|
|
|
/* // $back-color, $text-color |
|
|
|
|
|
@include make-button(#00ff00, #fff);*/ |
|
|
|
|
|
background-color:green; |
|
|
|
|
|
margin-top:5px; |
|
|
|
|
|
} |
|
|
|
|
|
.button.is-orange { |
|
|
|
|
|
/* // $back-color, $text-color |
|
|
|
|
|
@include make-button(#ffc000, #fff);*/ |
|
|
|
|
|
background-color:orange; |
|
|
|
|
|
margin-top:5px; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/* |
|
|
|
|
|
#de:checked~header :lang(en) { display: none; } |
|
|
|
|
|
#en:checked~header :lang(de) { display: none; } |
|
|
|
|
|
#de:checked~div :lang(en) { display: none; } |
|
|
|
|
|
#en:checked~div :lang(de) { display: none; } |
|
|
|
|
|
#de:checked~main :lang(en) { display: none; } |
|
|
|
|
|
#en:checked~main :lang(de) { display: none; } |
|
|
|
|
|
*/ |
|
|
|
|
|
|
|
|
|
|
|
:lang(en) {display: none;} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
#bankdetails legend, #bankdetails input[type="radio"], #bankdetails input[type="radio"] + label, #bankdetails label.radio { display: inline; } |
|
|
|
|
|
#bankdetails #eu:checked ~ .nonEU:not(.EU), #bankdetails #eu:checked ~ .paypal { display: none; } |
|
|
|
|
|
#bankdetails #noneu:checked ~ .EU:not(.nonEU), #bankdetails #noneu:checked ~ .paypal { display: none; } |
|
|
|
|
|
#bankdetails #paypal:checked ~ .EU, #bankdetails #paypal:checked ~ .nonEU { display: none; } |
|
|
|
|
|
#bankdetails #bar:checked ~ .EU, #bankdetails #bar:checked ~ .nonEU, #bankdetails #bar:checked ~ .paypal { display: none; } |
|
|
|
|
|
.radiobutton { |
|
|
|
|
|
display: none !important; |
|
|
|
|
|
} |
|
|
|
|
|
|