You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
178 lines
2.6 KiB
CSS
178 lines
2.6 KiB
CSS
.imf {
|
|
font-family: 'Playfair Display';
|
|
}
|
|
|
|
.imf li {
|
|
font-size: 1.8rem;
|
|
margin-left: 1rem;
|
|
}
|
|
|
|
.hero {
|
|
margin-top: 1rem;
|
|
}
|
|
|
|
.small-hero h1 a {
|
|
font-size: 18pt;
|
|
text-decoration: none;
|
|
color: #000;
|
|
}
|
|
|
|
.blog {
|
|
font-style: italic;
|
|
font-size: 18pt;
|
|
margin-right: 2rem;
|
|
color: #BBB;
|
|
}
|
|
|
|
.banner {
|
|
margin-top: 15rem;
|
|
padding-top: 1rem;
|
|
padding-bottom: 1rem;
|
|
border-top: 1px solid #333;
|
|
background: #333;
|
|
color: #EEE;
|
|
padding-left: 2rem;
|
|
}
|
|
|
|
.small-banner {
|
|
margin-top: 2rem;
|
|
padding-top: 1rem;
|
|
padding-bottom: 1rem;
|
|
border-top: 1px solid #333;
|
|
background: #333;
|
|
color: #EEE;
|
|
padding-left: 2rem;
|
|
}
|
|
|
|
.posts {
|
|
padding-top: 3rem;
|
|
border-top: 1px solid #333;
|
|
}
|
|
|
|
.posts h4.post-title, .posts h4.opinion-title {
|
|
font-size: 18pt;
|
|
}
|
|
|
|
.posts h5.post-date, .posts h5.opinion-date, .post h5.post-date {
|
|
font-style: italic;
|
|
font-weight: none;
|
|
font-size: 12pt;
|
|
margin-top: -2.5rem;
|
|
text-align: left;
|
|
width: 100%;
|
|
color: #555;
|
|
}
|
|
|
|
.posts a, .post h3 a, .post h2 a {
|
|
color: #000;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.posts a:hover {
|
|
color: #999;
|
|
}
|
|
|
|
.posts p.post-link {
|
|
text-align: right;
|
|
margin-top: -2rem;
|
|
}
|
|
.posts p.post-link a {
|
|
font-style: italic;
|
|
font-size: 10pt;
|
|
color: #000;
|
|
}
|
|
.posts p.post-link a:hover {
|
|
color: #999;
|
|
}
|
|
|
|
.post p {
|
|
font-size: 1.8rem;
|
|
}
|
|
|
|
.post h2 a {
|
|
font-size: 3.5rem;
|
|
}
|
|
|
|
.post h3 {
|
|
font-size: 3rem;
|
|
margin-top: 3rem;
|
|
}
|
|
|
|
.post h4 {
|
|
font-size: 2.5rem;
|
|
}
|
|
|
|
.post h5 {
|
|
font-size: 2.1rem;
|
|
text-decoration: underline;
|
|
}
|
|
|
|
.post blockquote {
|
|
border-left: 5px solid #00B288;
|
|
padding-left: 2rem;
|
|
padding-top: 1rem;
|
|
padding-bottom: 0.2rem;
|
|
color: #AAA;
|
|
}
|
|
|
|
.post ul a {
|
|
font-size: 18px;
|
|
}
|
|
|
|
.opinions-intro {
|
|
font-style: italic;
|
|
}
|
|
|
|
.pitch {
|
|
margin-top: 15rem;
|
|
font-size: 8pt;
|
|
}
|
|
|
|
.pitch h3 {
|
|
font-size: 14pt;
|
|
}
|
|
|
|
.help {
|
|
border-top: 1px solid #333;
|
|
padding-top: 1rem;
|
|
}
|
|
|
|
@media (max-width: 500px) {
|
|
.posts .post-intro, .posts .opinion-intro {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
.banner .fa-rss {
|
|
box-shadow: -5px 5px 0 0 rgba(30, 174, 219, 1);
|
|
transform: scale(1);
|
|
animation: pulse 2s infinite;
|
|
border-radius: 10px;
|
|
}
|
|
|
|
@keyframes pulse {
|
|
0% {
|
|
transform: scale(0.95);
|
|
box-shadow: -5px 5px 0 0 rgba(30, 174, 219.7);
|
|
}
|
|
70% {
|
|
transform: scale(1);
|
|
box-shadow: -5px 5px 0 10px rgba(30, 174, 219, 0);
|
|
}
|
|
|
|
100% {
|
|
transform: scale(0.95);
|
|
box-shadow: -5px 5px 0 0 rgba(30, 174, 219, 0);
|
|
}
|
|
}
|
|
|
|
#social i {
|
|
font-size: 17px;
|
|
}
|
|
#social i.separator {
|
|
vertical-align: middle;
|
|
font-size: 10px;
|
|
margin-right: 10px;
|
|
margin-left: 10px;
|
|
}
|