Skip to content

Instantly share code, notes, and snippets.

@73
Last active December 16, 2015 09:32
Show Gist options
  • Save 73/6be07a5c60ea6807fd4e to your computer and use it in GitHub Desktop.
Save 73/6be07a5c60ea6807fd4e to your computer and use it in GitHub Desktop.
Make Wikipedia a little bit more beautiful
div#mw-navigation {
max-width: 10px !important;
}
div#mw-navigation:hover {
width: 200px;
}
div#bodyContent,
div#content h1#firstHeading {
max-width: 700px;
margin-left: auto;
margin-right: auto;
}
p {
margin: 0.9em 0 !important;
}
body {
font-family: 'Linux Libertine', Palatino, Palatino Linotype, serif;
line-height: 140%;
font-size: 130%
}
body #toc h2,
.mw-body .toc h2 {
font-family: 'Linux Libertine', Palatino, Palatino Linotype, serif !important;
line-height: 130% !important;
font-size: 130% !important;
border-bottom-style: none;
font-variant: small-caps;
font-style: normal;
font-weight: bold;
}
div.vectorTabs {
background: none !important;
}
div.vectorTabs ul {
font-variant: small-caps;
background: none !important;
}
div.vectorTabs ul li {
background: none !important;
}
div.vectorTabs ul li#ca-view .selected {
background: none !important;
font-weight: bold !important;
}
div.vectorTabs ul li span {
background: none !important;
}
ul {
list-style: square;
}
div#toc {
width: 100%;
margin: 0px;
}
div#toc ul {
margin-left: 10px;
}
h1,
h2,
h3,
h4,
h5,
h6,
.mw-headline {
border-bottom-style: none !important;
font-variant: small-caps;
font-style: normal;
font-weight: bold;
}
.thumbcaption {
font-style: italic;
font-size: 90% !important;
}
div.thumbinner {
border: none;
background: none;
color: #606060;
min-width: 267px !important;
}
a.image img.thumbimage {
border: none;
background: none;
}
tbody tr th {
background: none !important;
}
tbody tr td,
tbody tr,
tbody,
table,
#catlinks {
border-left: none !important;
border-right: none !important;
background: none !important;
}
dl dd {
/* center definitions (most useful for display equations) */
text-align: center;
}
.mw-editsection {
/* hide edit links */
display: none;
}
pre, code {
font-family: Consolas, monospace;
font-size: 80%;
background: none !important;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
pre {
border-left-style: solid;
border-width: 5px;
font-size: 65%;
counter-reset: line;
}
div.mw-highlight {
background: none !important;
}
div#right-navigation {
margin-top: 0.5em !important;
}
div#mw-head-base,
#mw-page-base {
height: 3em;
position: fixed;
}
.mw-body {
margin-left: 15em;
border-style: none !important;
}
div#p-personal,
div#left-navigation,
div#p-views,
#mw-navigation {
display: none !important;
}
div#mw-head {
max-height: 50px !important;
}
#footer {
text-align: center;
margin-left: 15em !important;
}
#toc.toc {
display: block !important;
position: fixed;
top: 0;
left: 0;
height: 100%;
border: none !important;
overflow: hidden;
z-index: 9999;
border-right: 2px solid #BBB !important;
padding: 0 !important;
-moz-box-sizing: content-box !important;
-webkit-box-sizing: content-box !important;
box-sizing: content-box !important;
background-color: rgba(0, 0, 0, .82) !important;
width: 18em;
min-width: 18em;
text-indent: 0;
overflow-y: auto;
}
/* Formatting */
#toc.toc tbody,
#toc.toc tr,
#toc.toc td {
display: block;
}
/* Padding Adjustments */
#toc.toc > tbody,
#toc.toc > ul {
padding: .8em !important;
}
/* For DIV-type ToC */
#toc.toc > #toctitle {
padding-top: .8em !important;
}
/* ToC text styling */
#toc.toc #toctitle * {
color: #EEE !important;
}
#toc.toc a {
color: #BACFF2 !important;
}
#toc.toc a:visited {
color: #DDC6F2 !important;
}
#toc.toc a:hover {
color: #FFE900 !important;
}
#toc.toc .toctoggle {
display: none !important;
}
/* Gecko scrollbars */
#toc.toc scrollbar,
#toc.toc scrollbar * {
-moz-appearance: none !important;
}
/*scrollbar track */
#toc.toc scrollbar {
background: transparent !important;
}
/* big draggable thumb */
#toc.toc scrollbar thumb {
width: 10px !important;
background: #555 !important;
border: none !important;
border-radius: 3px;
}
/* scroll arrows */
#toc.toc scrollbar scrollbarbutton {
display: none;
}
/* Webkit Scrollbars */
#toc.toc::-webkit-scrollbar {
width: 10px;
}
#toc.toc::-webkit-scrollbar-track-piece {
background: transparent;
}
#toc.toc::-webkit-scrollbar-thumb {
background: #555;
border-radius: 3px;
}
blockquote{
font-style: italic;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment