Last active
May 24, 2019 09:49
-
-
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.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
@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