@import “rouge-github”; // this file is forked from jekyll-theme-architect
body {
margin: 0; padding: 0;
}
*, *:before, *:after {
box-sizing: inherit;
}
.title > a {
text-decoration: none;
}
.post-content h1::before {
content: '/'; color: #696969; padding-right: 0.5em;
}
.post-content h2::before {
content: '//'; color: #696969; padding-right: 0.5em;
}
.post-content h3::before {
content: '///'; color: #696969; padding-right: 0.5em;
}
img {
max-width: -webkit-fill-available; max-width: -moz-available;
}
header {
// border-top: 5px solid black; background-color: #222; color: #ddd;
}
.content-wrapper {
max-width: 1200px; margin: auto;
}
.content {
max-width: 980px; margin: auto; padding: 15px;
}
.title {
font-family: "Comic Sans MS", "Comic Sans", cursive; font-weight: 500;
}
.close-button {
float: right; background-color: transparent; font-size: 2em; border: none;
}
footer {
max-width: 1080px; margin: 10px auto;
}
code, kbd, pre, samp {
font-family: 'Courier New', Courier, monospace; font-size: 1em;
}
a {
color: inherit;
}
.menu {
display: flex; justify-content: space-between; font-size: 2.3em;
}
nav {
width: 20%; min-width: 250px; display: block; z-index: 2;
}
nav-sidebar {
background-color: white; animation: animateleft 0.5s; height: 100%; position: fixed!important; overflow: auto; border-right: #222 solid 5px;
}
.button {
padding: 0 5px;
}
.button:hover {
background-color: grey;
}
.pagination {
padding: 15px; text-align: center; font-size: 1.2em;
}
.text-center {
text-align: center!important;
}
.posts {
// width: 100%; // margin: auto; // padding: 8px 16px; // display: inline-block; // -webkit-column-count: 3; -webkit-column-gap: 10px; -moz-column-count: 3; -moz-column-gap: 10px; column-count: 3; column-gap: 10px;
}
.quart {
// width: 30%; // padding: 0 15px; // float: left; // margin: 0 0 10px 0; -webkit-column-break-inside: avoid; -moz-column-break-inside: avoid; break-inside: avoid-column; // border: #222 solid 1px; overflow: hidden; box-shadow: 5px 5px 10px #888888;
}
@media only screen and (max-width: 767px) {
.posts { -webkit-column-count: 1; -webkit-column-gap: 10px; -moz-column-count: 1; -moz-column-gap: 10px; column-count: 1; column-gap: 10px; }
}
.post-info {
color: #556E6E; font-style: italic;
}
.post-head {
background-color: #222; color: #ddd; display: inline-block; width: 100%; padding: 10px;
}
.post-body {
background-color: inherit; padding: 10px;
}
blockquote {
border-left: #696969 solid 3px; margin: 5px 5px 5px 0; padding: 0px 10px; color: #252525;
}
// fork from jekyll-theme-architect
code, pre {
margin-bottom: 30px; font-family: Monaco, "Bitstream Vera Sans Mono", "Lucida Console", Terminal, monospace; font-size: 13px; color: #222;
}
code {
padding: 3px; background-color: #c6cacc; border-radius: 3px;
}
pre {
padding: 20px; overflow: auto; text-shadow: none; background: #fff; border: solid 1px #f2f2f2;
} pre code {
padding: 0; color: #212B2B; background-color: #fff; border: none;
}
hr {
height: 0; margin-top: 1em; margin-bottom: 1em; border: 0; border-top: solid 1px #ddd;
}
table {
width: 100%; border: 1px solid #ebebeb;
}
th {
font-weight: 500;
}
td {
font-weight: 300; text-align: center; border: 1px solid #ebebeb;
}
form {
padding: 20px; background: #f2f2f2;
}
table {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px; // width: 900px; text-align: center; border-collapse: collapse; border: 1px solid #252525; box-shadow: 5px 5px 10px #888888; cursor: default; margin-top: 20px; table-layout: fixed;
}
table th {
text-align: center; font-weight: normal; font-size: 14px; color: #ffffff; background-color: #252525; border-bottom: 1px dashed #252525; padding: 12px 17px; white-space: nowrap;
}
table td {
color: #000; padding: 7px 17px; white-space: normal;
}
table tr.alt {
background-color: #f3f3f3;
}
table tbody tr:hover td {
color: #000; background: #b7b7b7;
}