}
.langlink {
+ /*display: flex;
+ justify-content: flex-start;*/
float: right;
}
flex-flow: row;
}
-header,
-footer,
#main > article,
#main > leftmargin,
#main > rightmargin {
+ background: #F3F3F3;
margin: 4px;
- padding: 1em;
-}
+ padding: 0em 1.0rem;
+ }
#main > article {
- background: #F3F3F3;
-webkit-flex: 4 1 0;
flex: 4 1 0;
-webkit-order: 2;
}
#join {
- background-color: #CCE7CD;
border: 1px solid #5EAC58;
+ background-color: #CCE7CD;
padding: 1em;
width: 60%;
}
#donate {
- background-color: #CCE7CD;
border: 1px solid #5EAC58;
+ background-color: #CCE7CD;
padding: 1em;
width: 40%;
}
text-align: center;
}
-#why {
- background: #F3F3F3;
-}
-
-#main > leftmargin,
-#main > rightmargin {
- background: #F3F3F3;
-}
-
#main > leftmargin {
-webkit-order: 1;
order: 1;
order: 3;
}
-header, footer {
- display: block;
- min-height: 80px;
-}
-
header {
- background: #F3F3F3;
+ display: block;
+ padding: 1.0em;
}
footer {
+ display: block;
+ min-height: 80px;
background: #DDD;
font-size: 75%;
font-style: italic;
padding: 0.5em;
}
-.flex-outer,
-.flex-inner {
+.flex-outer {
list-style-type: none;
padding: 0;
-}
-
-.flex-outer {
margin: 0 auto;
}
align-items: center;
}
-.flex-inner {
- display: flex;
- flex-wrap: wrap;
- justify-content: space-between;
- flex-direction: column;
-}
-
-.flex-outer > li:not(:last-child) {
- margin-bottom: 20px;
+.flex-outer li:not(:last-child) {
+ margin-bottom: 10px;
}
.flex-outer li label {
}
.flex-outer li p {
- padding: 8px;
+ /*padding: 8px;*/
align-items: center;
}
.flex-outer li p {
flex: 1 0 120px;
max-width: 220px;
+ padding: 8px;
}
.flex-outer > li > label + * {
flex: 1 0 220px;
}
-.flex-outer li p {
- margin: 0;
-}
-
.flex-outer li input:not([type='radio']) {
padding: 15px;
}
+.flex-inner {
+ display: flex;
+ flex-wrap: wrap;
+ justify-content: space-between;
+ flex-direction: column;
+ list-style-type: none;
+ padding: 0;
+}
+
span.break:before {
content: "\A";
white-space: pre;
text-align: center;
}
+.btn-item {
+ display: flex;
+ padding-top: 1.5rem;
+ justify-content: center;
+}
+
.btn {
- padding: 16px;
+ padding: 1.0rem;
border: 1px solid #333;
background: #333;
color: #fff;
letter-spacing: .09em;
border-radius: 2px;
font-weight: bold;
- font-size: 1.0rem;
+ font-size: 1.6em;
}
.btn:hover {
- background: yellow;
+ background: gold;
color: #000;
border: 1px solid #333;
}
.btn:focus {
- background: yellow;
+ background: gold;
color: #000;
border: 1px solid #333;
}
}
#main > article {
- padding 0.5em;
+ /*padding 0.5em;*/
}
#main > leftmargin, #main > rightmargin {
}
footer {
+ margin-top: 0.25em;
position: sticky;
}