wmdeit_kaform/master.css

164 lines
2.8 KiB
CSS
Raw Normal View History

2020-02-21 13:55:35 +00:00
body {
2021-09-13 07:03:07 +00:00
margin: auto;
padding: 1em;
2021-09-13 09:33:03 +00:00
border: 0px solid red;
2021-09-13 07:03:07 +00:00
max-width: 90em;
min-width: 80em;
2021-09-13 07:03:07 +00:00
}
#container {
display: grid;
grid-template-columns: auto;
}
a.languageSelect {
#color: black;
#text-decoration: none;
font-size: 1.7vw;
}
a.languageSelect:hover {
color: red;
}
2021-09-13 07:03:07 +00:00
@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;
}
2021-09-13 07:03:07 +00:00
}
@media only screen and (max-width: 767px) {
fieldset {
padding-left: 0.5em;
padding-right: 0.5em;
}
2020-02-20 13:45:47 +00:00
}
2020-02-21 13:55:35 +00:00
2021-09-13 09:33:03 +00:00
.tab_input {
display: inline;
2021-09-13 07:03:07 +00:00
}
2021-09-13 09:33:03 +00:00
@media only screen and (max-width: 767px) {
.tab_input {
width: 50%;
}
2021-09-13 07:03:07 +00:00
}
@media only screen and (max-width: 767px) {
h1 {
font-size: 120%;
}
}
.is-col {
padding: 0;
border: 0px solid blue;
margin-bottom: 1.1em;
}
2020-02-20 13:45:47 +00:00
.main-sidebar {
2021-09-13 07:03:07 +00:00
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;
}
2020-02-20 13:45:47 +00:00
}
2021-09-13 07:03:07 +00:00
.main-sidebar-secondary {
flex: 0 0 240px;
max-width: 240px;
margin-left: 16px;
2020-02-20 13:45:47 +00:00
}
2021-09-13 07:03:07 +00:00
@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;
}
}
2020-02-20 13:45:47 +00:00
.main-content {
2021-09-13 07:03:07 +00:00
flex: 1;
min-width: 0;
width: 100%;
2020-02-20 13:45:47 +00:00
}
2021-09-13 07:03:07 +00:00
.wmdelogo {
min-width: 5em;
}
2020-02-20 13:45:47 +00:00
2020-02-24 18:11:13 +00:00
.button.is-green {
2021-09-13 07:03:07 +00:00
/* // $back-color, $text-color
@include make-button(#00ff00, #fff);*/
background-color: green;
margin-top: 5px;
2020-02-24 18:11:13 +00:00
}
2021-09-13 07:03:07 +00:00
2020-02-24 18:44:22 +00:00
.button.is-orange {
2021-09-13 07:03:07 +00:00
/* // $back-color, $text-color
@include make-button(#ffc000, #fff);*/
background-color: orange;
margin-top: 5px;
2020-02-24 18:44:22 +00:00
}
2020-02-20 13:45:47 +00:00
/*
#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; }
*/
2021-09-13 07:03:07 +00:00
:lang(en) {
display: none;
}
2020-02-20 13:45:47 +00:00
2021-09-13 07:03:07 +00:00
#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;
}
2020-02-20 13:45:47 +00:00
2021-09-13 07:03:07 +00:00
#bankdetails #noneu:checked ~ .EU:not(.nonEU), #bankdetails #noneu:checked ~ .paypal {
display: none;
}
2020-02-20 13:45:47 +00:00
2021-09-13 07:03:07 +00:00
#bankdetails #paypal:checked ~ .EU, #bankdetails #paypal:checked ~ .nonEU {
display: none;
}
#bankdetails #bar:checked ~ .EU, #bankdetails #bar:checked ~ .nonEU, #bankdetails #bar:checked ~ .paypal {
display: none;
}
2020-02-20 13:45:47 +00:00
.radiobutton {
display: none !important;
}
2021-09-13 07:03:07 +00:00
/*# sourceMappingURL=master.css.map */