Site updates for the weekend
This commit is contained in:
@@ -28,6 +28,9 @@
|
||||
other: #E8A384
|
||||
*/
|
||||
|
||||
html {
|
||||
font-size: 16px;
|
||||
}
|
||||
body {
|
||||
background: #252837; /* Old browsers */
|
||||
background: url("/images/portal-header.jpg") top fixed;
|
||||
@@ -156,10 +159,6 @@ li ul {
|
||||
margin-top: 0.6em;
|
||||
}
|
||||
|
||||
main {
|
||||
font-size: 0.95em;
|
||||
}
|
||||
|
||||
main img {
|
||||
max-width: 100%;
|
||||
}
|
||||
@@ -247,7 +246,7 @@ table th {
|
||||
border-bottom: none;
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
max-width: 60em;
|
||||
max-width: 100%;
|
||||
min-height: 100vh;
|
||||
padding: 0;
|
||||
position: relative;
|
||||
@@ -295,79 +294,6 @@ table th {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.anaCardImg {
|
||||
height: auto;
|
||||
margin: 0;
|
||||
vertical-align: middle;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.anaCardLink {
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
max-width: 15em;
|
||||
padding: 0.5em;
|
||||
}
|
||||
|
||||
.anaLink-billy {
|
||||
background: url("/images/anachronism/links/billy_the_kid.jpg") no-repeat
|
||||
center;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
.anaLink-constitution {
|
||||
background: url("/images/anachronism/links/the_us_constitution.jpg")
|
||||
no-repeat center;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
.anaLink-dictator {
|
||||
background: url("/images/anachronism/links/the_dictator.jpg") no-repeat
|
||||
center;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
.anaLink-earp {
|
||||
background: url("/images/anachronism/links/wyatt_earp.jpg") no-repeat center;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
.anaLink-grant {
|
||||
background: url("/images/anachronism/links/ulysses_s_grant.jpg") no-repeat
|
||||
center;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
.anaLink-lee {
|
||||
background: url("/images/anachronism/links/robert_e_lee.jpg") no-repeat
|
||||
center;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
.anaLink-lincoln {
|
||||
background: url("/images/anachronism/links/abraham_lincoln.jpg") no-repeat
|
||||
center;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
.anaLink-stetson {
|
||||
background: url("/images/anachronism/links/stetson_hat.jpg") no-repeat
|
||||
center;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
.anaLink-washington {
|
||||
background: url("/images/anachronism/links/george_washington.jpg") no-repeat
|
||||
center;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
.anaLogo {
|
||||
display: block;
|
||||
margin: 0 auto 1em;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.asideBio {
|
||||
line-height: 1.35em;
|
||||
padding: 0.5em;
|
||||
@@ -738,6 +664,7 @@ table th {
|
||||
position: relative;
|
||||
text-decoration: none;
|
||||
transition-duration: 0.5s;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.navMenu li.hasSubMenu:hover,
|
||||
@@ -782,7 +709,6 @@ table th {
|
||||
align-items: stretch;
|
||||
opacity: 1;
|
||||
visibility: visible;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.navMenu ul li ul li {
|
||||
@@ -1025,18 +951,41 @@ table th {
|
||||
font-size: 1.75em;
|
||||
}
|
||||
|
||||
/*
|
||||
.searchBox {
|
||||
margin-left: auto;
|
||||
white-space: nowrap;
|
||||
}
|
||||
*/
|
||||
.searchBox {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
padding: 1rem;
|
||||
width: 100%;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.searchBox-query {
|
||||
background-color: #3d81a5;
|
||||
border-radius: 0.3rem;
|
||||
color: #000;
|
||||
color: #fff;
|
||||
width: 10em;
|
||||
}
|
||||
|
||||
.sectionBackLink {
|
||||
border: 1px solid #726f6a;
|
||||
border-radius: 0.3em;
|
||||
display: inline-block;
|
||||
margin: 1em auto;
|
||||
padding: 0.25em;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.sectionBackLink-wrapper {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.siteTitle {
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
@@ -1072,7 +1021,6 @@ table th {
|
||||
|
||||
.siteTitle-text {
|
||||
max-width: 48rem;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.spellTable {
|
||||
@@ -1241,10 +1189,6 @@ a.pageTitle-link:visited {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.asideUpdates .reacji {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.feature hr {
|
||||
border: 1px 0 0 0;
|
||||
border-color: #7c4c52;
|
||||
@@ -1253,8 +1197,24 @@ a.pageTitle-link:visited {
|
||||
max-width: 90%;
|
||||
}
|
||||
|
||||
.js-hasFontsLoaded body {
|
||||
font-family: "Exo 2", sans-serif;
|
||||
body {
|
||||
font-family: "raleway", "Optima", arial, helvetica, sans-serif;
|
||||
}
|
||||
|
||||
h1,
|
||||
h1 a,
|
||||
h2,
|
||||
h2 a,
|
||||
h3,
|
||||
h3 a,
|
||||
h4,
|
||||
h4 a,
|
||||
h5,
|
||||
h5 a,
|
||||
h6,
|
||||
h6 a {
|
||||
font-family: "unbounded", "Luminari", impact, arial, helvetica, sans-serif;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.pageMenu-link.isCurrent .pageMenu-text {
|
||||
@@ -1305,8 +1265,31 @@ a.pageTitle-link:visited {
|
||||
* Media Queries
|
||||
****************************************************************************/
|
||||
|
||||
/* Mobile */
|
||||
@media all and (max-width: 1000px) {
|
||||
@media all and (min-width: 960px) {
|
||||
html {
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
.page {
|
||||
max-width: 960px;
|
||||
}
|
||||
}
|
||||
ampaign/shazz-journals @media all and (max-width: 960px) {
|
||||
h1 {
|
||||
font-size: 1.5em;
|
||||
}
|
||||
h2 {
|
||||
font-size: 1.3em;
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-size: 1.2em;
|
||||
}
|
||||
|
||||
h1 svg {
|
||||
scale: 0.75;
|
||||
}
|
||||
|
||||
.menubar {
|
||||
max-height: 1px;
|
||||
}
|
||||
@@ -1361,6 +1344,12 @@ a.pageTitle-link:visited {
|
||||
top: 8px;
|
||||
}
|
||||
|
||||
/* Prevents close toggle from scrolling offscreen */
|
||||
#menu__toggle:checked + .menu__btn {
|
||||
position: fixed;
|
||||
top: 1rem;
|
||||
}
|
||||
|
||||
.navMenu {
|
||||
background: #252837;
|
||||
display: flex;
|
||||
@@ -1369,17 +1358,19 @@ a.pageTitle-link:visited {
|
||||
left: -100%;
|
||||
height: 100%;
|
||||
margin: 0;
|
||||
padding: 0 2rem 0 4rem;
|
||||
padding: 0;
|
||||
box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4);
|
||||
transition-duration: 0.25s;
|
||||
flex-direction: column;
|
||||
overflow-y: auto;
|
||||
}
|
||||
.navMenu ul {
|
||||
flex-direction: column;
|
||||
}
|
||||
.navMenu > ul {
|
||||
padding: 1rem 2rem 1rem 4rem;
|
||||
overflow-y: auto;
|
||||
}
|
||||
.navMenu > ul > li {
|
||||
margin-left: -1rem;
|
||||
margin-top: 1rem;
|
||||
}
|
||||
.navMenu > ul > li > a {
|
||||
@@ -1400,84 +1391,58 @@ a.pageTitle-link:visited {
|
||||
position: relative;
|
||||
visibility: visible;
|
||||
}
|
||||
.searchBox {
|
||||
margin: 1rem 0 2rem;
|
||||
.siteTitle-text {
|
||||
max-width: 60%;
|
||||
}
|
||||
}
|
||||
|
||||
/*
|
||||
@media all and (max-width: 900px) {
|
||||
html {
|
||||
font-size: 14px;
|
||||
}
|
||||
h1 {
|
||||
font-size: 1.5em;
|
||||
}
|
||||
h2 {
|
||||
font-size: 1.3em;
|
||||
}
|
||||
|
||||
.siteTitle {
|
||||
h3 {
|
||||
font-size: 1.2em;
|
||||
}
|
||||
|
||||
h1 svg {
|
||||
scale: 0.75;
|
||||
}
|
||||
|
||||
.siteTitle-text {
|
||||
max-width: 60%;
|
||||
}
|
||||
}
|
||||
*/
|
||||
|
||||
@media all and (max-width: 600px) {
|
||||
h1 {
|
||||
margin-top: 3rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (min-width: 38em) {
|
||||
.navMenu {
|
||||
padding: 0 0.25rem;
|
||||
}
|
||||
|
||||
.navMenu-list {
|
||||
float: left;
|
||||
.siteTitle-text {
|
||||
text-align: left;
|
||||
}
|
||||
}
|
||||
|
||||
.navMenu-list-item {
|
||||
margin-left: 0.75em;
|
||||
@media all and (max-width: 320px) {
|
||||
nav {
|
||||
max-width: 90%;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (min-width: 1000px) {
|
||||
.menubar {
|
||||
position: relative;
|
||||
}
|
||||
.searchBox {
|
||||
float: right;
|
||||
margin-right: 0.75em;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (min-width: 34em) {
|
||||
.magic-commander-img {
|
||||
float: right;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (min-width: 52em) {
|
||||
body {
|
||||
font-size: 1.1em;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (min-width: 70em) {
|
||||
.asideContent {
|
||||
background: #1a0608;
|
||||
background: rgba(4, 3, 8, 0.9);
|
||||
border: 1px solid #252837;
|
||||
font-size: 0.8em;
|
||||
position: absolute;
|
||||
top: 5em;
|
||||
}
|
||||
|
||||
.asideLeft {
|
||||
left: -14em;
|
||||
width: 14em;
|
||||
}
|
||||
|
||||
.asideMenu-divider {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.asideRight {
|
||||
right: -15em;
|
||||
width: 15em;
|
||||
}
|
||||
|
||||
.asideRight .asideMenu-link {
|
||||
max-width: 13em;
|
||||
}
|
||||
|
||||
.postMainIndex .feedLine:last-child {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.postMenu {
|
||||
max-height: none;
|
||||
}
|
||||
|
||||
.socialList-item {
|
||||
display: inherit;
|
||||
top: -3rem;
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user