Skip to content

Instantly share code, notes, and snippets.

@nord-
Last active May 24, 2019 09:49
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save nord-/8c3c93f3373f1d868ab1eab7ae6e4532 to your computer and use it in GitHub Desktop.
Save nord-/8c3c93f3373f1d868ab1eab7ae6e4532 to your computer and use it in GitHub Desktop.
Just-Read theme using Verdana as main font, a nice border around it and a sepia-like background.
@font-face {
font-family: "Source Sans Pro Semibold";
src: url("chrome-extension://dgmanlpmmkibanfdgjocnabmcaclkmod/fonts/SourceSansPro-Semibold.ttf");
}
@font-face {
font-family: "Source Sans Pro Bold";
src: url("chrome-extension://dgmanlpmmkibanfdgjocnabmcaclkmod/fonts/SourceSansPro-Bold.ttf");
}
@font-face {
font-family: "Source Sans Pro Light";
src: url("chrome-extension://dgmanlpmmkibanfdgjocnabmcaclkmod/fonts/SourceSansPro-Light.ttf");
}
@font-face {
font-family: Verdana;
src: local(C:\Windows\Fonts\verdana.ttf);
}
@media print {
body {
font-size: 9pt !important;
color: rgb(51, 51, 51);
}
}
@media screen {
* {
box-sizing: border-box;
-webkit-box-sizing: border-box;
}
}
@media (max-width: 750px) {
.simple-container {
padding-left: 50px;
padding-right: 50px;
}
}
@media (max-width: 450px) {
.simple-container {
padding-top: 30px;
padding-left: 20px;
padding-right: 20px;
}
}
body {
font-family: Verdana, sans-serif;
line-height: 1.75em;
font-size: 11pt;
text-rendering: optimizelegibility;
background-color: rgb(51, 51, 51);
-webkit-font-smoothing: antialiased;
}
h1, h2 {
font-family: "Source Sans Pro Bold", sans-serif;
font-weight: 700;
}
h1 {
font-size: 1.6em;
line-height: 1.875em;
}
h2 {
font-size: 1.25em;
line-height: 1.5625em;
}
h3 {
font-family: Verdana, sans-serif;
font-size: 1em;
line-height: 1.7em;
padding-top: 0.9375em;
padding-bottom: 0.9375em;
border-bottom: 1px solid rgb(216, 216, 216);
border-top: 1px solid rgb(216, 216, 216);
}
hr {
height: 1px;
background-color: rgb(216, 216, 216);
border: none;
width: 100%;
margin: 0;
}
a[href] {
color: rgb(237, 100, 43);
}
a[href]:hover {
color: rgb(78, 202, 255);
}
.simple-container {
margin: 50px auto;
background-color: #FEF5E7;
-webkit-print-color-adjust: exact;
max-width: 1000px;
border: 0.2em solid rgb(128, 139, 150);
border-radius: 20px;
padding: 50px;
}
.content-container {
text-align: justify;
}
.simple-control,
.simple-control *,
.simple-edit * {
fill: rgb(209, 209, 209);
color: rgb(209, 209, 209);
border-color: rgb(209, 209, 209);
}
.youtubeContainer {
position: relative;
width: 100%;
height: 0;
padding-bottom: 56.25%;
padding-top: 25px;
}
iframe[src*="youtube.com/embed/"] {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
img {
max-width: 100%;
display: block;
margin: 0 auto;
border-radius: 6pt;
box-shadow: 3px 3px 5px rgb(51, 51, 51);
}
td img {
box-shadow: none;
}
li {
line-height: 1.5em;
}
pre {
background-color: rgb(224, 224, 224);
padding: 10px;
overflow: auto;
}
blockquote {
border-left: 4px solid;
padding: 15px 10% 15px 8%;
margin: 1em 0;
font-size: 1.2em;
line-height: 1.4;
}
blockquote > :first-child {
margin-top: 0;
}
blockquote > :last-child {
margin-bottom: 0;
}
figure {
margin: 0 0 10px;
}
figcaption {
font-size: 0.9em;
opacity: 0.7;
border: 1px solid rgb(238, 238, 238);
padding: 17px 17px 12px;
}
table {
background: rgba(255, 198, 0, 0.03);
margin: 10px auto;
border: none;
box-shadow: rgb(190, 190, 190) 2px 2px 3px;
border-spacing: 0;
font: inherit;
text-align: center;
}
table tr td,
table tr th,
table thead th {
margin: 3px;
padding: 5px;
color: rgb(52, 58, 64);
border: 1px solid rgba(255, 255, 255, 0.25);
}
td
{
background: rgba(0, 0, 0, 0.1);
}
th {
background-color: rgb(210, 197, 175);
}
aside, [class*="sidebar"], [id*="sidebar"] {
max-width: 90%;
margin: 0 auto;
border: 1px solid lightgrey;
padding: 5px 15px;
}
.simple-date {
display: inline-block;
font-family: "Source Sans Pro Light", sans-serif;
font-style: italic;
font-size: 18px;
padding-right: 15px;
padding-top: 10px;
padding-bottom: 10px;
border-right: 1px solid rgb(216, 216, 216);
}
.rtl .simple-date {
border-left: 1px solid rgb(216, 216, 216);
border-right: none;
padding-right: 0;
padding-left: 15px;
}
.simple-author {
display: inline-block;
font-family: "Source Sans Pro Semibold", sans-serif;
font-style: italic;
font-size: 18px;
color: rgb(39, 170, 225);
line-height: 22px;
padding-left: 10px;
padding-top: 10px;
padding-bottom: 10px;
}
.rtl .simple-author {
padding-left: 0;
padding-right: 10px;
}
::selection {
background: yellow;
}
.emoji, svg.icon {
width: 1em;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment