Changeset View
Changeset View
Standalone View
Standalone View
css/main.css
Show All 29 Lines | |||||
} | } | ||||
a:hover, | a:hover, | ||||
a:focus { | a:focus { | ||||
color: {{ site.hover-col }}; | color: {{ site.hover-col }}; | ||||
} | } | ||||
blockquote { | blockquote { | ||||
color: #808080; | color: #808080; | ||||
font-style: italic; | font-style: italic; | ||||
word-wrap: break-word; | |||||
} | } | ||||
blockquote p:first-child { | blockquote p:first-child { | ||||
margin-top: 0; | margin-top: 0; | ||||
} | } | ||||
hr.small { | hr.small { | ||||
max-width: 100px; | max-width: 100px; | ||||
margin: 15px auto; | margin: 15px auto; | ||||
border-width: 4px; | border-width: 4px; | ||||
▲ Show 20 Lines • Show All 240 Lines • ▼ Show 20 Lines | .post-heading .post-meta { | ||||
font-size: 18px; | font-size: 18px; | ||||
font-style: italic; | font-style: italic; | ||||
margin: 0; | margin: 0; | ||||
} | } | ||||
.post-preview .post-entry { | .post-preview .post-entry { | ||||
font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; | font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; | ||||
} | } | ||||
.post-entry-container { | .post-entry-container { | ||||
display: inline-block; | display: flex; | ||||
width: 100%; | |||||
} | } | ||||
.post-entry { | .post-entry { | ||||
width: 100%; | |||||
white-space: nowrap; | white-space: nowrap; | ||||
overflow: hidden; | overflow: hidden; | ||||
text-overflow: ellipsis; | text-overflow: ellipsis; | ||||
flex: 1 100%; | |||||
} | } | ||||
.post-image { | .post-image { | ||||
float: right; | float: right; | ||||
height: 192px; | height: 192px; | ||||
width: 192px; | width: 192px; | ||||
margin-top: -35px; | margin-top: -35px; | ||||
filter: grayscale(90%); | filter: grayscale(90%); | ||||
} | } | ||||
▲ Show 20 Lines • Show All 57 Lines • ▼ Show 20 Lines | .post-image { | ||||
width: 100%; | width: 100%; | ||||
text-align: center; | text-align: center; | ||||
margin-top: 0; | margin-top: 0; | ||||
float: left; | float: left; | ||||
} | } | ||||
} | } | ||||
/* --- Post and page headers --- */ | /* --- Post and page headers --- */ | ||||
header { | |||||
flex: 1 100%; | |||||
} | |||||
.intro-header { | .intro-header { | ||||
margin: 80px 0 20px; | margin-bottom: 20px; | ||||
position: relative; | position: relative; | ||||
pointer-events: none; | pointer-events: none; | ||||
} | } | ||||
.intro-header .page-heading { | .intro-header .page-heading { | ||||
text-align: center; | text-align: center; | ||||
} | } | ||||
.intro-header .page-heading h1 { | .intro-header .page-heading h1 { | ||||
margin-top: 0; | margin-top: 0; | ||||
Show All 10 Lines | .intro-header .post-heading .post-subheading { | ||||
display: block; | display: block; | ||||
font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; | font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; | ||||
font-weight: 300; | font-weight: 300; | ||||
margin: 10px 0 0; | margin: 10px 0 0; | ||||
} | } | ||||
.intro-header .post-heading .post-subheading { | .intro-header .post-heading .post-subheading { | ||||
margin-bottom: 20px; | margin-bottom: 20px; | ||||
} | } | ||||
@media only screen and (min-width: 768px) { | |||||
.intro-header { | |||||
margin-top: 130px; | |||||
} | |||||
} | |||||
.header-section.has-img .no-img { | .header-section.has-img .no-img { | ||||
margin-top: 0; | margin-top: 0; | ||||
background-color: #FCFCFC; | background-color: #FCFCFC; | ||||
margin: 0 0 40px; | margin: 0 0 40px; | ||||
padding: 20px 0; | padding: 20px 0; | ||||
box-shadow: 0 0 5px #AAA; | box-shadow: 0 0 5px #AAA; | ||||
} | } | ||||
▲ Show 20 Lines • Show All 241 Lines • ▼ Show 20 Lines | .sponsor-container { | ||||
flex-wrap: wrap; | flex-wrap: wrap; | ||||
} | } | ||||
.sponsor { | .sponsor { | ||||
margin: 10px 30px; | margin: 10px 30px; | ||||
} | } | ||||
.subnav { | .subnav { | ||||
flex: 1; | |||||
font-size: 14px; | font-size: 14px; | ||||
position: relative; | min-width: 150px; | ||||
} | |||||
@media only screen and (max-width: 1000px) { | |||||
.subnav { | |||||
margin-top: 100px; | |||||
} | |||||
} | |||||
@media only screen and (min-width: 1000px) { | |||||
.subnav { | |||||
position: absolute; | |||||
left: 0; | |||||
} | |||||
} | } | ||||
.subnav h3 { | .subnav h3 { | ||||
font-size: 18px; | font-size: 18px; | ||||
margin: 5px; | margin: 5px; | ||||
text-transform: uppercase; | text-transform: uppercase; | ||||
} | } | ||||
.subnav h3:hover { | .subnav h3:hover { | ||||
cursor: pointer; | cursor: pointer; | ||||
Show All 23 Lines | .subnav-strong-link:before { | ||||
margin-right: 5px; | margin-right: 5px; | ||||
} | } | ||||
.js-hidden { | .js-hidden { | ||||
max-height: 0; | max-height: 0; | ||||
overflow: hidden; | overflow: hidden; | ||||
} | } | ||||
.flex-container { | |||||
display: flex; | |||||
flex-flow: row wrap; | |||||
justify-content: center; | |||||
margin: 120px 10px 0 10px; | |||||
} | |||||
@media only screen and (min-width: 768px) and (max-width: 1000px) { | |||||
.flex-container { | |||||
margin-top: 150px; | |||||
} | |||||
} | |||||
@media only screen and (max-width: 768px) { | |||||
.flex-container { | |||||
margin-top: 60px; | |||||
} | |||||
} | |||||
.flex-content { | |||||
flex: 1 1 0; | |||||
width: 100%; | |||||
max-width: 1000px; | |||||
} | |||||
.flex-row { | .flex-row { | ||||
flex: 1 100%; | flex: 1 100%; | ||||
} | } |