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):not(#mw-navigation) {
display: none;
}

#mw-navigation > :not(#mw-head) {
    display: none;
}

#mw-head {
    display: inline-block!important;
    width: 66px!important;
    height: 58px!important;
}

#mw-head > :not(#right-navigation) {
    display: none;
}

#right-navigation > :not(#p-views) {
    display: none;
}

#p-views {
	background-image: none!important;
}

#p-views > ul > li:not(#ca-edit) {
    display: none;
}


#p-views > ul {
    position: absolute;
    top: 0px;
    right: 0px;
}

.patrollink {
    display: block;
    position: absolute;
    bottom: -96px;
    right: 10px;
    height: 1em;
}

#ca-edit {
    position: absolute;
    top: 10px;
    right: 10px;
    height: 48px;
    padding: 0;
    background-image: none;
    background-color: oldlace;
}

#ca-edit span {
    padding: 0;
    margin-top: 0px;
    background-image: none;
}

#ca-edit span a {
    margin-top: 0px;
    padding: 11px;
    position: absolute;
    top: 0px;
    right: 0px;
    height: 48px;
    background-image: none;
    background-color: oldlace;}

#jump-to-nav {
    display: none;
}

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

#contentSub {
    display: none;
}

h1 {
    display: none;
}

#headertabs {
    padding: 0!important;
    margin: 0!important;
}

.ui-tabs-nav {
	background-color: antiquewhite!important;
    background-image: none;
    border-width: 0px!important;
    border-radius: 0px;
    width: 100%!important;
    display: block;
    position: absolute;
    top: -75px;
    left: -3px;
}

.ui-tabs-nav > li,
.ui-tabs-nav > li a {
    border-width: 0px!important;
    border-bottom: 0px solid antiquewhite!important;
    border-radius: 0px;
    display: inline-block!important;
    text-align: center;
    width: 180px;
    float: none;
    background-image: none!important;
    background-color: antiquewhite!important;
	margin: 9px;
}

.ui-tabs-nav > li[aria-selected="false"] > a {
    background-color: oldlace!important;
}

.ui-tabs-nav > li[aria-selected="true"] > a {
    background-color: floralwhite!important;
}


#edittab {
    display: none;
}

.mw-editsection {
    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 {
max-width: 100%;
	margin: auto;
padding: 0.5em;
/*    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: oldlace;
    color: #333;
}

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

#catlinks {
    display: none;
}