Page MenuHomeSealhub
Files F969850

main.css
No OneTemporary
Actions

main.css
View Options

/*
Base
*/
body {
font-family: "PT Serif", Georgia, "Times New Roman", serif;
font-size: 1.13rem;
color: #515151;/*#3A3A3A;/*rgba(0,0,0,.8);/*#666;*/
line-height: 1.75rem;
}
@media (max-width: 30em) {
body {
font-size: 1rem;
line-height: 1.5rem;
}
body h1 {
font-size: 1.5rem;
}
}
h1{
font-size: 2rem;
margin-bottom: 3rem;
}
h1 a {
text-decoration: none;
}
h1, h2, h3, h4, h5, h6 {
font-family: "Aleo", sans-serif;
color: #333;
}
a {
text-decoration: underline;
/*border-bottom: 1px solid black;*/
color: #333;/*#FF333E;*/
}
a:hover {
color: black;/*#999;*/
border-bottom: none;
}
img {
max-width: 100%;
height: auto;
border-radius: 5px;
}
/*
Blockquote
*/
/*blockquote {
padding: 0rem 1rem;
margin: .8rem 0;
color: #999;
border-left: 0.25rem solid #ccc;
}
blockquote p:last-child {
margin-bottom: 0;
}
@media (min-width: 30em) {
blockquote {
padding-right: 5rem;
padding-left: 1.25rem;
}
}*/
blockquote {
border-left: 0.25rem solid #ccc;
margin: 1.5em 10px;
color: #999;
padding: 0.5em 10px;
quotes: "\201C""\201D""\2018""\2019";
}
blockquote:before {
color: #ccc;
content: open-quote;
font-size: 4em;
line-height: 0.1em;
margin-right: 0.25em;
vertical-align: -0.4em;
}
blockquote p {
display: inline;
}
/*
Site container
*/
.container {
margin-left: auto;
margin-right: auto;
max-width: 44rem;
padding: 0 1.5rem;
}
/*@media (max-width: 1366px) {
.container {
width: 45vw;
}
}
@media (max-width: 48em) {
.container {
width: 75vw;
}
}*/
/*
Masthead
*/
.masthead {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
margin-bottom: 4rem;
font-family: "Quattrocento Sans", sans-serif;
}
.masthead a:hover {
color:black;
}
.masthead-title a {
font-size: 2rem;
text-decoration: none;
color: #505050;
}
.masthead-subtitle {
color: #999;
}
/*
Post
*/
.post-container {
margin-bottom: 4rem;
}
.posts {
margin-bottom: 5rem;
padding: 0px;
list-style: none;
}
.post-date {
display: block;
margin-bottom: 1rem;
color: #9a9a9a;
font-family: 'Quattrocento Sans', sans-serif;
font-size:0.8rem;
}
@media (max-width: 30rem) {
.posts h1 {
font-size: 1.5rem;
}
}
.related {
padding-bottom: 2rem;
}
.related-posts {
padding-left: 0px;
list-style: none;
}
.related-posts a {
text-decoration: none;
}
/*
Pagination
*/
.pagination {
overflow: hidden;
font-family: 'Quattrocento Sans', sans-serif;
text-align: center;
}
.pagination a {
text-decoration: none;
}
.pagination-button {
color: #999;
border: 1px solid #e0e0e0;
padding: 15px 45px;
display: inline-block;
font-size: 16px;
font-weight: bold;
}
.pagination-active {
color: black;
}
.pagination-active:hover {
background-color: #e0e0e0;
}
/*
Footer
*/
.footer {
color: #999;
text-align: center;
margin: 2rem;
}
.footer a {
color: #999;
padding: 10px;
text-decoration: none;
}
.footer a:hover {
color: #333;
}
/*
Menu
*/
.menu {
padding-top: 0.5rem;
display: block;
}
.menu-content {
float: left;
}
.menu-content a {
color: #999;
font-size: 1rem;
padding-right: 10px;
}
.social-icons {
float: right;
}
.social-icons a {
color: #999;
font-size: 1rem;
}
@media (max-width: 30em) {
.social-icons {
float: left;
padding-top: 0.5rem;
}
}
/*
Code
*/
pre,
code {
font-size: 0.8rem;
border-radius: 3px;
background-color: #f5f5f5;
font-family: "Source Code Pro";
}
code {
padding: 1px 5px;
}
pre {
padding: 8px 12px;
overflow-x: auto;
> code {
border: 0;
padding-right: 0;
padding-left: 0;
}
}
.highlight .lineno {
color: #aaa;
display:inline-block;
padding: 0 5px;
border-right:1px solid #ccc;
}
.highlight pre code {
display: block;
white-space: pre;
overflow-x: auto;
word-wrap: normal;
}
/*
Social media icons
*/
.sharing-icons a {
padding-right: 10px;
}
.fa-envelope {
padding: 5px;
}
.fa-envelope:hover {
color: #f39c12;
}
.fa-twitter {
padding: 5px;
}
.fa-twitter:hover {
color: #00aced;
}
.fa-instagram {
padding: 5px;
}
.fa-instagram:hover {
color: #375989;
}
.fa-github {
padding: 5px;
}
.fa-github:hover {
color: #343434;
}
.fa-linkedin {
padding: 5px;
}
.fa-linkedin:hover {
color: #0073a4;
}
.fa-facebook {
padding: 5px;
}
.fa-facebook:hover {
color: #3d5b99;
}
.fa-google-plus {
padding: 5px;
}
.fa-google-plus:hover {
color: #e64a41;
}
.fa-pinterest {
padding: 5px;
}
.fa-pinterest:hover {
color: #bd081c;
}
.fa-medium {
padding: 5px;
}
.fa-medium:hover {
color: #00AB6C;
}
.fa-codepen {
padding: 5px;
}
.fa-codepen:hover {
color: black;
}

File Metadata

Mime Type
text/plain
Expires
Sun, Nov 24, 01:39 (17 h, 29 m)
Storage Engine
blob
Storage Format
Raw Data
Storage Handle
548062
Default Alt Text
main.css (4 KB)

Event Timeline