Difference between revisions of "User:Yaycupcake/readermode.css"

From A3! Wiki
Line 8: Line 8:
 
body > :not(.mw-body) {
 
body > :not(.mw-body) {
 
display: none;
 
display: none;
 +
}
 +
 +
#jump-to-nav {
 +
    display: none;
 
}
 
}
  
Line 26: Line 30:
 
h1 {
 
h1 {
 
     display: none;
 
     display: none;
 +
}
 +
 +
#headertabs {
 +
    padding: 0!important;
 +
    margin: 0!important;
 
}
 
}
  
 
.ui-tabs-nav {
 
.ui-tabs-nav {
     display: none;
+
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;
 
}
 
}
  

Revision as of 21:27, 4 January 2018

body {
    font-family: Arvo!important;
    font-size: 24px;
    background-color: antiquewhite!important;
    color: #333!important;
}

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

#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;
}

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;
}