.container {
padding: 50px 0 0;
width: 100%;
- min-height: 68vh;
+ min-height: 98vh;
+ padding-bottom: 11.5rem;
}
.main {
margin-left: .5em;
margin-top: 1em;
- margin-bottom: 1em;
+}
+
+.main h1,
+.main h2,
+.main h3,
+.main p + p {
+ margin-top: .5em;
}
/* jumbotron */
flex-wrap: wrap;
justify-content: space-around;
align-items: stretch;
+ max-width: 800px;
+ margin: 0 auto;
}
.box {
- text-align: left;
+ text-align: center;
text-decoration: none;
color: var(--text-color);
margin-bottom: 5px;
-moz-border-radius: var(--box-round);
}
+.box span {
+ display: block;
+}
+
.box:hover,.box:active {
background-color: var(--box-hover-color);
}
}
div.art {
- border-bottom: 1px solid rgba(var(--border-color),.3);
+ clear: right;
}
-div.art:last-child {
- border-bottom: none;
+div.art:not(:first-child) {
+ border-top: 1px solid rgba(var(--border-color),.3);
}
b.art {
}
.art-date {
+ float: right;
color: #ccc;
- margin: 0;
+ margin: 0 .5em;
}
p.heading {
/* footer */
.footers {
- min-height: 30vh;
+ /*min-height: 30vh;*/
+ margin-top: -11rem;
+ min-height: 11rem;
}
.footer {
color: rgba(var(--footer-text-color),.9);
margin-top: 2vh;
display: flex;
- flex-wrap: nowrap;
- min-height: 27vh;
+ flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
box-shadow: 0 -3px 5px rgba(150,150,150,.36);
+ min-height: 9.5rem;
}
.footerchild {
margin-top: .5em;
+ flex: 1 1 1px;
+ min-width: 12rem;
+}
+
+.footerchild:last-child {
+ margin-bottom: 1em;
+}
+
+@media all and (max-width: 60rem) {
+ .footer-push {
+ margin-left: auto;
+ width: max-content;
+ }
}
.footer a {
}
.footer h2 {
- margin-bottom: 9px;
+ margin-bottom: .1em;
display: inline-block;
}
padding-left: 30px;
}
-@media all and (max-width: 500px) {
+@media all and (max-width: 600px) {
.footer {
flex-direction: column;
}
width: 100%;
}
+ .footer-push {
+ margin-left: 0;
+ }
+
.footerchild ul li:last-child {
margin-bottom: .5em;
}
margin: 0;
}
+ .box-container {
+ flex-direction: column;
+ margin: 0 .5em;
+ }
+
.box div {
position: relative;
top: initial;
justify-content: space-between;
align-items: center;
background: rgba(var(--copyright-bg),.5);
- height: 3vh;
+ height: 1.5rem;
color: rgba(var(--copyright-text-color),.8);
}
}
.copyright a img {
- height: 3vh;
+ height: 1.5rem;
width: auto;
}
text-align: right;
}
-@media all and (max-width: 500px) {
+@media all and (max-width: 600px) {
.copyright {
height: 5vh;
}