Skip to content

Instantly share code, notes, and snippets.

@LeoBakerHytch
Forked from relekang/README.md
Last active February 12, 2017 18:09
Show Gist options
  • Save LeoBakerHytch/d4efbc04557504d4c50bc50903523988 to your computer and use it in GitHub Desktop.
Save LeoBakerHytch/d4efbc04557504d4c50bc50903523988 to your computer and use it in GitHub Desktop.
Stylebot stylesheet for wikipedia.org

Makes wikipedia look like this

Wikipedia

Navigation sidebar & table of contents fade in on hover

Uses the following typefaces:

#content, #mw-head-base {
margin-left: 0;
}
#left-navigation {
float: initial;
margin-left: 0;
}
#mw-head #p-personal {
display: none;
}
#left-navigation, #right-navigation {
margin-top: 0;
top: 0;
}
.uls-settings-trigger, .after-portlet {
display: none;
}
#mw-content-text, #firstHeading, #siteSub, contentSub, #mw-articlefeedback {
display: block;
margin: 0 auto;
max-width: 42rem;
}
#mw-content-text {
font-family: Noto Serif;
font-size: 1rem;
line-height: 1.7;
}
#mw-content-text > p+p {
margin-top: 1.5rem;
}
h1#firstHeading {
margin-bottom: 1.5rem;
}
p + h2 {
margin-top: 2.5rem;
}
p + h3 {
margin-top: 1.5rem;
}
#mw-page-base {
height: 2.5em;
}
#mw-head, #mw-panel, #toc {
font-family: Noto Sans;
}
#mw-panel {
width: 15rem;
}
#mw-panel, #toc {
opacity: 0.1;
transition: opacity 250ms;
}
#mw-panel:hover, #toc:hover {
opacity: 1;
}
#toc {
position: fixed;
top: 4rem;
right: .75rem;
font-size: 0.7rem;
}
#p-logo {
display: none;
}
.metadata, .dablink, .infobox, .vertical-navbox, .citation, .references {
font-size: .7rem;
line-height: 1.4;
}
.references {
margin-left: .75rem;
}
.references li + li {
margin-top: .4rem;
}
pre {
font-family: SF Mono;
font-weight: 400;
font-size: .8rem;
line-height: 1.6;
}
#siteSub {
display: none;
}
.mw-editsection {
display: none;
}
#catlinks {
font-family: Noto Serif;
max-width: 42rem;
margin: 1rem auto 5rem;
padding: .5rem;
font-size: .8rem;
}
#footer {
display: none;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment