User:Yaycupcake/readermode.css

From A3! Wiki

Note: After saving, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
body {
    font-family: Arvo!important;
    font-size: 24px;
    background-color: antiquewhite!important;
    color: #333!important;
}

body > :not(.mw-body) {
display: none;
}

.mw-body {
    display: block!important;
    width: 100%;
    padding: 0px!important;
    margin: 0px!important;
    background-color: antiquewhite!important;
    color: #333!important;
    border: none;
}

.subpages {
    display: none;
}

h1 {
    display: none;
}

.ui-tabs-nav {
    display: none;
}


#edittab {
    display: none;
}

div[id^="Translation"] {
    padding: 0!important;
    margin: 0!important;
}

.storytable {
    color: #333!important;
}

.storytable caption {
    margin-bottom: 20px;
}

.storytable tbody tr th {;
    color: antiquewhite!important;
    font-variant: small-caps;
}

a:link, a:visited, a:hover, a:active {
    color: #333!important;
    text-decoration: none;
}

.storytable tbody tr th,
.storytable tbody tr td {
	border: 1px solid antiquewhite;
    background-color: antiquewhite;
}

.storyimage {
    width: 100%!important;
    padding: 10px!important;
}

.storyimage a {
    pointer-events: none;
    cursor: default;
}

.storyimage img {
    width: 100%;
	margin: auto;
    padding-left: calc(15% + 20px);
    padding-right: calc(15% + 20px);
}

h2 {
    border: none;
    text-align: center;
    font-family: Arvo!important;
}

ol.references {
    margin: 0!important;
    background-color: antiquewhite!important;
}

ol.references {
    list-style: none;
}

ol.references li {
    display: block;
    padding-left: 20%!important;
    padding-right: 20%!important;
}

*:target {
    background-color: floralwhite!important;
}

.translatorcredit {
    background-color: floralwhite;
    border-color: navajowhite;
    color: #333;
}

#mw-content-text > p {
    display: none;
}

#catlinks {
    display: none;
}