164 lines
2.8 KiB
CSS
164 lines
2.8 KiB
CSS
body {
|
|
margin: auto;
|
|
padding: 1em;
|
|
border: 0px solid red;
|
|
max-width: 90em;
|
|
min-width: 80em;
|
|
}
|
|
|
|
#container {
|
|
display: grid;
|
|
grid-template-columns: auto;
|
|
}
|
|
|
|
a.languageSelect {
|
|
#color: black;
|
|
#text-decoration: none;
|
|
font-size: 1.7vw;
|
|
}
|
|
|
|
a.languageSelect:hover {
|
|
color: red;
|
|
}
|
|
|
|
@media only screen and (max-width: 767px) {
|
|
body {
|
|
min-width: 2em;
|
|
padding: 0.5em;
|
|
}
|
|
#container {
|
|
align-items: center;
|
|
width: 100vw;
|
|
display: grid;
|
|
grid-template-columns: auto auto;
|
|
}
|
|
a.languageSelect {
|
|
font-size: 7vw;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 767px) {
|
|
fieldset {
|
|
padding-left: 0.5em;
|
|
padding-right: 0.5em;
|
|
}
|
|
}
|
|
|
|
.tab_input {
|
|
display: inline;
|
|
}
|
|
@media only screen and (max-width: 767px) {
|
|
.tab_input {
|
|
width: 50%;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 767px) {
|
|
h1 {
|
|
font-size: 120%;
|
|
}
|
|
}
|
|
|
|
.is-col {
|
|
padding: 0;
|
|
border: 0px solid blue;
|
|
margin-bottom: 1.1em;
|
|
}
|
|
|
|
.main-sidebar {
|
|
flex: 0 0 10em;
|
|
max-width: 10em;
|
|
padding-right: 2em;
|
|
}
|
|
@media only screen and (max-width: 767px) {
|
|
.main-sidebar {
|
|
flex: 0;
|
|
max-width: 100%;
|
|
}
|
|
}
|
|
@media only screen and (max-width: 767px) {
|
|
.main-sidebar {
|
|
margin: auto;
|
|
text-align: center;
|
|
}
|
|
}
|
|
|
|
.main-sidebar-secondary {
|
|
flex: 0 0 240px;
|
|
max-width: 240px;
|
|
margin-left: 16px;
|
|
}
|
|
@media only screen and (max-width: 767px) {
|
|
.main-sidebar-secondary {
|
|
flex: 0;
|
|
max-width: 100%;
|
|
}
|
|
}
|
|
@media only screen and (max-width: 767px) {
|
|
.main-sidebar-secondary {
|
|
margin-left: 0;
|
|
}
|
|
}
|
|
|
|
.main-content {
|
|
flex: 1;
|
|
min-width: 0;
|
|
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;
|
|
}
|
|
|
|
/*# sourceMappingURL=master.css.map */
|