Skip to content

Instantly share code, notes, and snippets.

@lappi-lynx
Last active January 9, 2019 17:54
Show Gist options
  • Save lappi-lynx/58af8e2b37a9113a0543b1c34a48fe2a to your computer and use it in GitHub Desktop.
Save lappi-lynx/58af8e2b37a9113a0543b1c34a48fe2a to your computer and use it in GitHub Desktop.
Just_read_light_theme
@import url("https://fonts.googleapis.com/css?family=Open+Sans");
body { font-family: 'Iowan Old Style', serif; background-color: rgb(94, 133, 172); line-height: 1.6; font-size: 17px; color: rgb(79, 50, 28); text-rendering: optimizelegibility; }
h1, h2 { font-family: 'Iowan Old Style', sans-serif; font-weight: 700; }
* { box-sizing: border-box; }
body { font-family: 'Iowan Old Style', sans-serif; font-style: normal; font-variant: normal; font-weight: 400; line-height: 1.85em; font-size: 18px; background-color: rgb(230, 218, 201); color: rgb(79, 50, 28); }
code { color: #ccc; background-color: rgb(34, 34, 34); }
pre code { background-color: transparent; }
pre { background-color: rgb(85, 85, 85); padding: 15px; }
.simple-container { max-width: 950px; margin: 0px auto; padding-top: 70px; padding-bottom: 20px; padding-left: 25px; padding-right: 25px; box-shadow: 0px 6px 12px 3px #555; background-color: rgb(248, 241, 227); }
p { color:rgb(79, 50, 28); font-size: 16px; }
h1, h2 { font-family: 'Iowan Old Style', sans-serif; color: rgb(79, 50, 28); }
h1 { font-size: 30px; line-height: 34px; }
h2 { font-size: 20px; line-height: 25px; }
h3 { font-family: 'Iowan Old Style', serif; font-size: 16px; color: rgb(79, 50, 28); line-height: 27px; padding-top: 15px; padding-bottom: 15px; border-bottom: 1px solid rgb(102, 102, 102); border-top: 1px solid rgb(102, 102, 102); }
hr { height: 1px; background-color: rgb(102, 102, 102); border: none; width: 100%; margin: 0px; }
a[href] { color: rgb(244, 98, 49); }
a[href]:hover { color: rgb(78, 202, 255); }
img { max-width: 100%; }
li { line-height: 1.5em; }
aside, [class*="sidebar"], [id*="sidebar"] { max-width: 90%; margin: 0px auto; border: 1px solid lightgrey; padding: 5px 15px; }
.simple-date { display: inline-block; font-family: 'Iowan Old Style', sans-serif; font-size: 18px; color: rgb(79, 50, 28); padding-right: 15px; padding-top: 10px; padding-bottom: 10px; border-right: 1px solid rgb(102, 102, 102); }
.simple-author { display: inline-block; font-family: 'Iowan Old Style', sans-serif; font-size: 18px; color: rgb(79, 50, 28); line-height: 22px; padding-left: 10px; padding-top: 10px; padding-bottom: 10px; }
.simple-close { position: fixed; top: 10px; right: 8px; font-size: 25px; background: none; border: 1px solid rgb(79, 50, 28); color: rgb(79, 50, 28); transition: all 0.3s ease 0s; }
.simple-close:hover { border: 1px solid rgb(79, 50, 28); color: rgb(79, 50, 28); }
.simple-close { color: rgb(102, 102, 102); border-color: rgb(102, 102, 102); }
.simple-print { fill: rgb(102, 102, 102); }
.simple-print:hover { fill: rgb(79, 50, 28); }
.simple-ext-info { text-align: center; }
@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; }
}
@media (min-width: 1921px) {
body { font-size: 18px; }
}
[class="ad"], [class^="ad-"], [class^="ad_"], [class*="-ad-"], [class$="-ad"], [class$="_ad"], [class~="ad"], [id="ad"], [id^="ad-"], [id^="ad_"], [id*="-ad-"], [id$="-ad"], [id$="_ad"], [id~="ad"] { display: none; }
[class*="share"], [class*="sharing"], [class*="social"], [id*="share"], [id*="sharing"], [id*="social"] { display: none; }
[class*="meta"]:not(.simple-meta), [id*="meta"] { display: none; }
[class*="related"], [id*="related"] { display: none; }
[class*="comment"], [id*="comment"] { display: none; }
[class^="tag"], [class*="-tag-"], [class$="-tag"], [class$="_tag"], [class~="tag"], [id^="tag"], [id*="-tag-"], [id$="-tag"], [id$="_tag"], [id~="tag"], [class*="-tags-"], [class$="-tags"], [class$="_tags"], [class~="tags"], [id*="-tags-"], [id$="-tags"], [id$="_tags"], [id~="tags"] { display: none; }
[class^="fav"], [class*="-fav-"], [class$="-fav"], [class$="_fav"], [class~="fav"], [id^="fav"], [id*="-fav-"], [id$="-fav"], [id$="_fav"], [id~="fav"], [class*="favorites"], [id*="favorites"] { display: none; }
[class*="signup"], [id*="signup"], [class*="signin"], [id*="signin"], [class*="signIn"], [id*="signIn"] { display: none; }
footer, [class*="footer"], [id*="footer"] { display: none; }
svg[class*="pinterest"], [class*="pinterest"] svg, svg[id*="pinterest"], [id*="pinterest"] svg, svg[class*="facebook"], [class*="facebook"] svg, svg[id*="facebook"], [id*="facebook"] svg, svg[class*="github"], [class*="github"] svg, svg[id*="github"], [id*="github"] svg, svg[class*="twitter"], [class*="twitter"] svg, svg[id*="twitter"], [id*="twitter"] svg, svg[class*="instagram"], [class*="instagram"] svg, svg[id*="instagram"], [id*="instagram"] svg, svg[class*="tumblr"], [class*="tumblr"] svg, svg[id*="tumblr"], [id*="tumblr"] svg, svg[class*="youtube"], [class*="youtube"] svg, svg[id*="youtube"], [id*="youtube"] svg, svg[class*="codepen"], [class*="codepen"] svg, svg[id*="codepen"], [id*="codepen"] svg, svg[class*="dribble"], [class*="dribble"] svg, svg[id*="dribble"], [id*="dribble"] svg, svg[class*="soundcloud"], [class*="soundcloud"] svg, svg[id*="soundcloud"], [id*="soundcloud"] svg, svg[class*="rss"], [class*="rss"] svg, svg[id*="rss"], [id*="rss"] svg, svg[class*="linkedin"], [class*="linkedin"] svg, svg[id*="linkedin"], [id*="linkedin"] svg, svg[class*="vimeo"], [class*="vimeo"] svg, svg[id*="vimeo"], [id*="vimeo"] svg, svg[class*="email"], [class*="email"] svg, svg[id*="email"], [id*="email"] svg { display: none; }
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment