Skip to content

Instantly share code, notes, and snippets.

@dvdvdmt
Last active March 13, 2019 05:45
Show Gist options
  • Save dvdvdmt/8050ebf1be9b083ce5d2ad8fca9d54f5 to your computer and use it in GitHub Desktop.
Save dvdvdmt/8050ebf1be9b083ce5d2ad8fca9d54f5 to your computer and use it in GitHub Desktop.
A CSS theme for Wikipedia for Stylish (https://userstyles.org/) Chrome extension
/* cyrillic-ext */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFWJ0bf8pkAp6a.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFUZ0bf8pkAp6a.woff2) format('woff2');
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFWZ0bf8pkAp6a.woff2) format('woff2');
unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFVp0bf8pkAp6a.woff2) format('woff2');
unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFWp0bf8pkAp6a.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFW50bf8pkAp6a.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFVZ0bf8pkAg.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 600;
src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UNirkOX-hpKKSTj5PW.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 600;
src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UNirkOVuhpKKSTj5PW.woff2) format('woff2');
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 600;
src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UNirkOXuhpKKSTj5PW.woff2) format('woff2');
unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 600;
src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UNirkOUehpKKSTj5PW.woff2) format('woff2');
unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 600;
src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UNirkOXehpKKSTj5PW.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 600;
src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UNirkOXOhpKKSTj5PW.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 600;
src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UNirkOUuhpKKSTjw.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
body {
border: none !important;
font-family: 'Open Sans', sans-serif !important;
font-size: 18px !important;
background: #FFF !important;
}
#content {
margin: 0 auto !important;
border: none !important;
font-family: 'Open Sans', sans-serif !important;
font-size: 16px !important;
line-height: 80% !important;
max-width: 650px !important;
background: #FFF !important;
}
a {
text-decoration: none !important;
}
a:hover {
text-decoration: underline !important;
}
/* top nav */
#mw-page-base {
height: 90px !important;
margin: 0 auto !important;
background: #F0F0F0 !important;
}
#mw-navigation {
position: absolute !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
}
#mw-head {
position: relative !important;
max-width: 870px !important;
height: 90px !important;
margin: 0 auto !important;
}
#mw-head a,
#mw-head ul,
#mw-head li,
#mw-head span,
#mw-head .vectorTabs {
background: none !important;
border: none !important;
}
#mw-head > * {
position: absolute !important;
font-size: 16px !important;
margin: 0 !important;
padding: 0 !important;
}
#mw-head #left-navigation {
top: 50px !important;
left: 29px !important;
padding: 0 !important;
}
#mw-head #right-navigation {
top: 50px !important;
right: 0 !important;
padding: 0 !important;
}
#mw-head #p-personal {
top: 0 !important;
right: 0 !important;
padding: 5px 30px 0 0 !important;
font-size: 14px !important;
}
#mw-head li {
opacity: 0 !important;
transition: all 0.45s ease-out !important;
}
#mw-head:hover li {
opacity: 1 !important;
transition: all 0.13s ease-in !important;
}
#mw-head a,
#mw-head a:visited {
color: #556 !important;
}
#mw-head #searchform > div {
position: absolute !important;
top: -32px !important;
right: 30px !important;
margin-top: 13px !important;
margin-left: 15px !important;
border: none !important;
background: #E8E6E2 !important;
width: 345px !important;
padding: 0 0 7px !important;
}
#mw-head #searchform > div input#searchInput {
padding: 8px 0 6px 8px !important;
}
#mw-head #p-cactions,
#mw-head #ca-watch {
display: none !important;
}
/* logo */
#mw-head:before {
position: relative !important;
width: 120px !important;
height: 120px !important;
top: 30px !important;
left: 10px !important;
content: 'Wikipedia' !important;
font-family: 'Open Sans', sans-serif !important;
/*font-style: italic !important;*/
font-weight: normal !important;
font-size: 28px !important;
text-transform: uppercase !important;
letter-spacing: 0 !important;
color: #777 !important;
}
/* left nav */
#mw-navigation #mw-panel {
position: fixed !important;
font-size: 18px !important;
top: 0 !important;
left: 0 !important;
height: 100% !important;
overflow-y: auto !important;
background: #E8E6E2 !important;
box-shadow: 1px 0 3px rgba(0, 0, 0, 0.25) !important;
opacity: 0;
}
#mw-navigation #mw-panel:hover {
opacity: 1;
}
#mw-navigation #mw-panel a {
color: #445 !important;
}
#mw-navigation #p-navigation,
#mw-navigation .first {
margin-bottom: 0 !important;
margin-top: 7px !important;
}
#mw-navigation #p-lang:before {
content: "" !important;
font-size: 0 !important;
display: inline-block !important;
height: 0 !important;
width: 100% !important;
border-top: 1px solid rgba(0, 0, 0, 0.2) !important;
border-bottom: 1px solid rgba(255, 255, 255, 0.75) !important;
}
#mw-navigation #p-lang {
margin-top: -15px !important;
}
#mw-navigation #p-lang .uls-settings-trigger {
margin-right: 8px !important;
margin-top: 6px !important;
}
#mw-navigation > #mw-panel > div:not(#p-lang):not(#p-navigation):not(.first),
#mw-navigation #p-lang .wbc-editpage {
display: none !important;
}
/* article */
/* headlines */
#firstHeading {
font-family: 'Open Sans', sans-serif !important;
font-size: 2.7em !important;
margin-top: 40px !important;
padding-bottom: 5px !important;
font-weight: normal !important;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) !important;
}
#bodyContent h1,
#bodyContent h2,
#bodyContent h3,
#bodyContent h4,
#bodyContent h5,
#bodyContent h6 {
margin-top: 40px !important;
margin-bottom: 25px !important;
font-family: 'Open Sans', sans-serif !important;
font-weight: normal !important;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) !important;
}
#bodyContent h1 span.mw-editsection,
#bodyContent h2 span.mw-editsection,
#bodyContent h3 span.mw-editsection,
#bodyContent h4 span.mw-editsection,
#bodyContent h5 span.mw-editsection,
#bodyContent h6 span.mw-editsection {
float: right !important;
margin-top: 12px !important;
font-family: 'Open Sans', sans-serif !important;
text-shadow: none !important;
}
span.mw-editsection span.mw-editsection-bracket {
display: none !important;
}
#bodyContent h2 {
font-size: 33px !important;
}
#bodyContent h3 {
font-size: 30px !important;
}
#bodyContent h4 {
font-size: 26px !important;
}
#bodyContent h5 {
font-size: 22px !important;
}
#bodyContent h6 {
font-size: 20px !important;
}
/* numbering of the headings */
/* via http://userstyles.org/styles/56739/wikipedia-readable-hyphenation */
body {
counter-reset: headingOne;
}
#toctitle h2:before {
content: "" !important;
counter-reset: headingOne;
padding-right: 0 !important;
}
#bodyContent h2:before,
#bodyContent h3:before,
#bodyContent h4:before,
#bodyContent h5:before,
#bodyContent h6:before {
padding-right: 9px;
font-family: 'Open Sans', sans-serif !important;
text-shadow: none !important;
}
#bodyContent h2 {
counter-reset: headingTwo;
}
#bodyContent h2:before {
counter-increment: headingOne;
content: counter(headingOne);
}
#bodyContent h3 {
counter-reset: headingThree;
}
#bodyContent h3:before {
counter-increment: headingTwo;
content: counter(headingOne) "." counter(headingTwo);
font-size: 15px !important;
}
#bodyContent h4 {
counter-reset: headingFour;
}
#bodyContent h4:before {
counter-increment: headingThree;
content: counter(headingOne) "." counter(headingTwo) "." counter(headingThree);
font-size: 14px !important;
}
#bodyContent h5 {
counter-reset: headingFive;
}
#bodyContent h5:before {
counter-increment: headingFour;
content: counter(headingOne) "." counter(headingTwo) "." counter(headingThree) "." counter(headingFour);
font-size: 13px !important;
}
#bodyContent h6 {
counter-reset: headingSix;
}
#bodyContent h6:before {
counter-increment: headingFive;
content: counter(headingOne) "." counter(headingTwo) "." counter(headingThree) "." counter(headingFour) "." counter(headingFive);
font-size: 12px !important;
}
/* article */
#bodyContent .infobox {
padding: 9px 16px 5px !important;
margin-left: 30px !important;
}
#bodyContent #siteSub,
/* hide Wikipedia byline */
#bodyContent #mw-fr-revisiontag,
/* hide revision thingie */
#bodyContent #tfd.boilerplate
/* hide template considered for deletion */
{
display: none !important;
}
#bodyContent #coordinates {
top: -3px !important;
padding: 4px 6px 3px !important;
background: #E8E6E2 !important;
border-radius: 0 !important;
border: 1px solid #aaa !important;
/* box-shadow: inset 0 1px 0 rgba(255,255,255,0.75), 0 1px 1px rgba(0,0,0,0.25) !important; */
}
html[lang="de"] #bodyContent #coordinates
/* .de fix */
{
top: 53px !important;
right: 32px !important;
}
#bodyContent #protected-icon,
#bodyContent #good-star,
#bodyContent #spoken-icon,
#bodyContent #featured-star {
top: -45px !important;
}
/* text styles */
#bodyContent {
letter-spacing: -0.1px !important;
}
#bodyContent p,
#bodyContent li,
#bodyContent div.hatnote {
font-size: 16px !important;
line-height: 26px !important;
font-family: 'Open Sans', sans-serif !important;
letter-spacing: -0.3px !important;
}
#bodyContent a:not(.new) {
color: #004FD1 !important;
}
#bodyContent a:not(.new):visited {
color: #4080AB !important;
}
#bodyContent .dablink,
#bodyContent .relarticle,
#bodyContent .rellink {
margin: 7px 0 9px !important;
padding: 0 !important;
font-size: 14px !important;
line-height: 22px !important;
color: #333 !important;
}
#bodyContent #contentSub {
margin: 5px 0 12px -5px !important;
padding: 0 !important;
font-size: 12px !important;
}
#bodyContent table.ambox,
#bodyContent #disambigbox {
margin: 0 !important;
font-size: 14px !important;
line-height: 22px !important;
}
#bodyContent #disambigbox {
margin: 25px 0 !important;
}
#bodyContent .references li {
color: #111 !important;
font-size: 10px !important;
line-height: 17px !important;
}
/* boxes */
.messagebox,
#catlinks,
.infobox,
.infobox td,
table.infobox th,
#bodyContent div.thumb,
.thumbinner,
div.thumb div,
code,
pre,
.thumbcaption,
.toccolours,
.NavFrame,
.toccolours th,
.toccolours tbody,
.NavHead,
.tright,
.tleft,
table,
.gallery,
.gallerybox,
.gallerytext,
table.gallery,
table.gallery td,
#toc,
.toc,
.mw-warning,
div.townBox,
table.diff,
td.diff-otitle,
td.diff-ntitle,
#imageLicense,
#filetoc,
.hintergrundfarbe1,
.hintergrundfarbe2,
#hauptseite h2,
.MainPageBG,
.noarticletext,
.quotebox,
.mw-code {
background-color: #E0DEDA !important;
}
#content .thumbinner {
border-color: #b9b9b9 !important;
}
/* noborder test */
#toc,
.thumbinner,
.thumbinner .thumbimage,
.infobox,
.vertical-navbox,
.mergedtoprow,
table.infobox > tbody:first-child > tr:first-child > th,
.metadata:not(.ambox),
.mbox-small,
.quotebox,
.portal,
.catlinks,
.navbox,
.hintergrundfarbe1,
table
/* check this! i added this for "roma" on italian wikipedia */
{
border: none !important;
}
#content .thumbinner {
padding: 7px !important;
}
#bodyContent .ambox {
border-width: 0 0 0 5px !important;
}
.navbox + .navbox {
margin-top: 9px !important;
}
/* table of contents */
#toc {
padding: 1px 16px 5px !important;
font-size: 12px !important;
}
#toc #toctitle {
margin-top: 7px !important;
text-align: left !important;
padding-bottom: 0 !important;
}
#toc #toctitle h2 {
font-family: "Open Sans", sans-serif !important;
font-size: 17px !important;
}
/* floating toc*/
#toc .toctoggle {
display: none !important;
}
#toc.toc {
padding: 0 !important;
font-size: 12px !important;
display: block !important;
position: fixed !important;
bottom: 0 !important;
height: 100% !important;
right: -200px !important;
width: 245px !important;
border: none !important;
transition: all 0.66s ease-in-out !important;
opacity: 0 !important;
overflow-y: auto!important;
z-index: 9999;
background: #646261 !important;
box-shadow: 1px 0 6px rgba(0, 0, 0, 0.25) !important;
}
#toc:hover {
right: 0 !important;
transition: all 0.15s ease-in-out !important;
opacity: 1 !important;
}
#bodyContent #toc ul,
#bodyContent #toc li {
padding: 0 !important;
margin: 0 !important;
}
#bodyContent #toc > ul > li {
border-top: 1px solid #797776 !important;
border-bottom: 1px solid #535251 !important;
}
#bodyContent #toc > ul > li:first-child {
border-top: none !important;
}
#bodyContent #toc > ul > li:last-child {
border-bottom: none !important;
}
#bodyContent #toc ul li a {
font-size: 18px !important;
line-height: 21px !important;
color: #EAE9E8 !important;
padding: 6px 0 4px !important;
}
#bodyContent #toc ul ul li a {
font-size: 13px !important;
line-height: 17px !important;
color: #D0CFCE !important;
padding: 4px 0 !important;
}
#bodyContent #toc ul li a .tocnumber {
font-size: 15px !important;
color: #bbb !important;
margin-right: 0 !important;
}
#bodyContent #toc ul li a .tocnumber:after {
content: "." !important;
}
#bodyContent #toc ul ul li a .tocnumber {
display: none !important;
}
#bodyContent #toc ul > li {
padding: 0 3px 0 0 !important;
}
#bodyContent #toc ul ul ul > li {
padding: 0 3px 0 10px !important;
}
#bodyContent #toc > ul > li {
padding: 3px 3px 3px 13px !important;
}
#bodyContent #toc li a[href="#See_also"],
#bodyContent #toc li a[href="#Notes"],
#bodyContent #toc li a[href="#References"],
#bodyContent #toc li a[href="#Bibliography"],
#bodyContent #toc li a[href="#Further_reading"],
#bodyContent #toc li a[href="#Documentaries"],
#bodyContent #toc li a[href="#External_links"] {
margin: -3px 0 !important;
font-size: 14px !important;
}
#bodyContent #toc li a[href="#See_also"] .tocnumber,
#bodyContent #toc li a[href="#Notes"] .tocnumber,
#bodyContent #toc li a[href="#References"] .tocnumber,
#bodyContent #toc li a[href="#Bibliography"] .tocnumber,
#bodyContent #toc li a[href="#Further_reading"] .tocnumber,
#bodyContent #toc li a[href="#Documentaries"] .tocnumber,
#bodyContent #toc li a[href="#External_links"] .tocnumber {
display: none !important;
}
#bodyContent #toc li a {
display: block !important;
text-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) !important;
}
#bodyContent #toc li a:hover {
text-decoration: none !important;
color: #fff !important;
}
#toc ul li {
transition: background 0.2s ease-in-out !important;
}
#toc ul li:hover {
background: #565453 !important;
}
#toc #toctitle {
display: none !important;
}
/* footer */
#footer {
left: 0 !important;
right: 0 !important;
margin: 0 !important;
padding: 15px 0 !important;
background-color: #CAC8C4 !important;
}
#footer-info {
max-width: 860px !important;
margin: 0 auto !important;
font-size: 18px !important;
}
#footer li:not(#footer-info-lastmod) {
display: none !important;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment