|
flex-wrap: wrap;
justify-content: space-between;
}
.main-page-header > div {
width: 100%;
}
.main-page-header-title {
font-size: 195%
}
.main-page-header-subheading {
font-size: 120%;
}
.main-page-header hr {
background-color: #a7d7f9; ▼}
.main-page-header .plainlinks {
font-size: 92%;
}
.main-page-header-nav-links,
.main-page-header > div:last-of-type span:first-of-type + span,
.main-page-body > div:last-of-type .main-page-intro {
display: none;
}
.main-page-footer-title {
font-size: 120%;
}
.main-page-footer-subheading {
font-size: 95%;
}
.main-page-footer hr {
background-color: #a7d7f9;
margin: 0 5%;
}
.main-page-footer {
border-top: 1px solid #a7d7f9;
text-align: center;
margin-top: 12px;
}
@media all and ( min-width: 900px ) {
.main-page-responsive-columns > div:first-of-typeqotd {
▲ background-color: # a7d7f9f8f8fe;
}
.main-page-responsive-columns > div:last-of-type {
flex: 1 1;
}
.main-page-header {
border: 1px solid #a7d7f9;
border-radius: 10px1em;
margin-bottom: 10px1em 0;
padding: 1em 3em 2em;
}
.main-page-headerqotd > div:last-navof-linkstype {
▲ padding: 5px1em 2px5em 0 .5em;
display: inline;
}
.main-page-headerqotd > div:last-of-type > div:first-of-type {
text-align: left;
width: auto;
}
.main-page-header > div:last-of-type {
align-self: center;
text-align: right;
}
.main-page-body > div {
border: 1px solid #a7d7f9;
border-radius: 10px;
padding: 15px;
}
.main-page-body > div:first-of-type {
margin-right: 15px;
}
.main-page-body > div:first-of-type .main-page-intro {
display: none;
}
.main-page-bodyresponsive-columns > div:lastfirst-of-type {
background-color: #f5faff;
}
.main-page-bodyresponsive-columns > div:last-of-type .main-page-intro {
displayflex: block1 1;
}
.main-page-footer {
border: 1px solid #a7d7f9;
border-radius: 10px;
padding-bottom: 2px;
}
}
| 