Skip to content

Instantly share code, notes, and snippets.

@jhthorsen
Last active September 10, 2019 14:52
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 jhthorsen/8abef83be9d0b42260907be07ee4652b to your computer and use it in GitHub Desktop.
Save jhthorsen/8abef83be9d0b42260907be07ee4652b to your computer and use it in GitHub Desktop.
Stylus styling for wikipedia.org
#content {
border: 0;
padding: 40px 50px 30px 350px;
margin: 0;
}
#mw-page-base {
display: none;
}
#left-navigation {
display: none;
}
#right-navigation {
display: none;
}
#firstHeading {
font-size: 3rem;
margin-top: 1rem;
}
#mw-panel {
position: fixed;
padding-left: 1rem;
}
#mw-panel > div {
display: none;
}
#mw-panel > #p-logo {
background: #f6f6f6;
border-bottom: 1px solid #d7d7d7;
width: 290px;
height: 130px;
display: block;
position: relative;
}
#mw-panel > #p-logo a {
background-size: contain;
background-position: 0 0;
height: 120px;
}
#toc {
font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;
background: #f6f6f6;
border-right: 1px solid #eee;
padding: 140px 20px 20px 20px;
width: 280px;
max-height: 100vh;
overflow: auto;
position: fixed;
display: block;
top: 0;
left: 0;
bottom: 0;
}
#toc a {
color: #444;
}
#toc > ul {
margin-bottom: 3rem;
}
#toc ul ul {
margin: 0.1rem 0 0.5rem 0.5rem;
}
.toc .toctitle {
text-align: left;
}
.mw-body-content .toc h2 {
font-size: 1rem;
text-align: left;
}
.toctogglespan {
display: none;
}
.mw-parser-output > h2,
.mw-parser-output > p,
.mw-parser-output > ul {
max-width: 40rem;
}
.mw-parser-output > h2 {
font-size: 1.6rem;
margin-top: 1em;
margin-bottom: 0.5em;
}
.mw-parser-output > p {
line-height: 1.6em;
font-size: 16px;
font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;
margin: 1em 0;
}
.infobox.geography {
background: #f6f6f6;
border: 1px solid #eee;
border-radius: 5px;
border-collapse: separate;
}
.infobox.geography td,
.infobox.geography th {
border: 0 !important;
}
div.thumbinner {
background: #f6f6f6;
border: 1px solid #eee;
border-radius: 5px;
padding: 0.5rem;
}
html .thumbimage {
border: 0;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment