Caves of Qud Wiki

MediaWiki:Common.css: Difference between revisions

MediaWiki:Common.css (view source)

Revision as of 04:23, 12 April 2019

28,339 bytes added ,  04:23, 12 April 2019
attempting to import data
imported>Maintenance script-gpuser
(Automated Import)
 
imported>Kittymmeow
(attempting to import data)
Line 1: Line 1:
/* CSS placed here will be applied to all skins */
@font-face {
/* This governs the sections on the Community portal */
font-family: 'FontAwesome';
.cpbox {
font-weight: normal;
    display: flex;
font-style: normal;
    flex-direction: row-reverse;
src: url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.eot?v=5.0.0");
    flex-wrap: wrap;
src: url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.eot?#iefix&v=5.0.0") format('embedded-opentype'), url("https://maxcdn.bootstrapcdn.com/font-awesome/ta4.3.0/fonts/fontawesome-webfont.woff2?v=5.0.0") format('woff2'), url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.woff?v=5.0.0") format('woff'), url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.ttf?v=5.0.0") format('truetype'), url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.svg?v=5.0.0#fontawesomeregular") format('svg');
}
/* ------- body ------- */
html {
line-height: 1.15;
}
 
body {
background-color: var(--body-background-color);
background-image: var(--body-background-image);
background-size: var(--body-background-size);
background-attachment: var(--body-background-attachment);
background-position: var(--body-background-position);
background-repeat: var(--body-background-repeat);
}
 
.mobileonly {
display: none;
}
/* ------- page structure ------- */
div#content,
div#footer {
background-color: var(--content-background);
border: var(--content-border);
border-radius: var(--content-border-radius);
margin-right: 1em;
}
 
#catlinks,
ul#filetoc {
background: var(--catlinks-background);
border: var(--catlinks-border);
border-radius: 0.3em;
}
/** thumbnails **/
li.gallerybox div.thumb {
background: var(--thumbnail-background);
border: var(--thumbnail-border);
margin: 2px;
text-align: center;
}
 
div.thumbinner,
table.mw_metadata td {
background: var(--thumbnail-background);
border: var(--thumbnail-border);
}
 
html .thumbimage {
background-color: transparent;
border: var(--thumbnail-border);
}
/** footer **/
div#footer {
margin-top: 0.5em;
}
 
div#footer ul li {
color: var(--body-color);
}
/* ------- text styles ------- */
div#content h1,
div#content h2,
div#content h3,
div#content h4,
div#content h5,
div#content h6,
div#pageWrapper div#content,
div#pageWrapper div#footer,
div#pageWrapper div#mw-navigation {
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
color: var(--body-color);
}
 
a,
a:visited,
div#content a.external,
div#content a.external:visited,
div#content a.extiw,
div#content a.extiw:visited,
div#mw-navigation a,
div#mw-navigation li a {
color: var(--link-color);
}
 
div#content a.new,
div#content li.new a,
div#footer a.new,
div#footer li.new a,
div#mw-navigation a.new,
div#mw-navigation li.new a {
color: var(--link-redlink-color);
}
 
ul {
list-style-type: disc;
list-style-image: none;
}
 
div#content h1,
div#content h2,
div#content h4,
div#content h5,
div#content h6 {
border-color: var(--body-color);
}
/** code/pre tags **/
.mw-code,
code,
kbd,
pre,
samp,
tt {
font-family: monospace;
font-size: 110%;
color: var(--code-color);
}
 
.mw-highlight {
background: transparent;
}
 
.mw-highlight pre {
max-height: 75vh;
overflow: auto;
}
 
.mw-code,
code,
pre,
pre.mw-code {
background: var(--code-background);
border-color: var(--code-color);
}
 
.mw-code a,
code a {
color: var(--code-color);
text-decoration: underline double;
}
/** fieldset **/
fieldset {
border: 1px solid var(--body-color);
}
 
.warning {
color: var(--text-color);
text-decoration: underline double;
}
/* ------- header & top navigation ------- */
div#mw-page-base {
background: transparent !important;
height: calc(2em + var(--logo-height,160px) + 2 * var(--logo-vertical-space,0.5em) + var(--logo-content-space,0px));
}
 
#mw-head-base {
display: none;
}
 
div#mw-head {
top: calc(var(--logo-height,160px) + 2 * var(--logo-vertical-space,0.5em) + var(--logo-content-space,0px));
height: 2em;
}
 
#left-navigation,
#right-navigation {
margin: 0 auto;
height: 2em;
}
 
div#left-navigation {
margin-left: 11.25em;
}
 
div#right-navigation {
margin-right: 0.5em;
}
/** basics **/
#p-search,
div.vectorMenu,
div.vectorTabs {
background: transparent;
height: 2em;
font-size: 80%;
}
 
div#mw-head div.vectorMenu h3 span,
div#mw-head div.vectorTabs span a {
text-transform: uppercase;
padding: 0;
height: 1em;
font-weight: bold;
font-size: 100%;
display: inline-block;
}
 
div#mw-head div.vectorMenu h3 span {
padding-right: 16px;
vertical-align: top;
}
 
div#mw-head div.vectorMenu h3 span:after {
top: 0;
filter: invert(var(--navigation-arrow-invert));
}
 
div#mw-head div.vectorMenu h3,
div#mw-head div.vectorTabs ul li span {
background: var(--navigation-tab-background);
box-shadow: var(--navigation-tab-box-shadow);
padding: 0.5em;
margin: 0 0.25em;
height: 1em;
line-height: 1;
overflow: visible;
border-radius: 2px;
}
 
div#pageWrapper div#mw-navigation div.vectorMenu h3 span,
div#pageWrapper div#mw-navigation li.selected a {
color: var(--navigation-tab-active-color);
}
 
div#mw-head div.vectorMenu:hover h3,
div#mw-head div.vectorTabs ul li.selected span,
div.vectorMenu div.menu {
background: var(--navigation-tab-active-background);
}
 
div#mw-head div.vectorMenu:hover h3 {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
 
div.vectorMenu:hover ul,
div.vectorTabs ul,
div.vectorTabs ul li,
div.vectorTabs ul li.selected {
background: transparent;
}
 
/** vectorMenu **/
div.vectorMenu div.menu {
top: 2em;
border: 0;
padding: 0.25em;
}
 
div#mw-navigation div.vectorMenu #ca-unwatch a,
div#mw-navigation div.vectorMenu #ca-watch a,
div#mw-navigation div.vectorMenu div.menu li a {
padding: 0.3em;
font-size: 90%;
display: block;
height: auto;
margin: auto;
color: var(--navigation-tab-active-color)!important;
}
}


.cpbox #admins {
#p-sharing .menu {
    box-sizing: border-box;
box-sizing: border-box;
    width: calc(33% - 10px);
left: 1px;
    margin: 5px;
    flex-grow: 1;
    min-width: 300px;
}
}


.cpbox #help {
#p-sharing #socialIconImages > a {
    box-sizing: border-box;
display: inline-block;
    width: calc(67% - 10px);
margin: 0;
    margin: 5px;
width: 50%;
    flex-grow: 1;
padding: 2%;
box-sizing: border-box;
}
}


/* Template documentation styles */
/** watch button **/
/* If modifying these styles, be sure to update the mobile skin! */
div#mw-head #ca-unwatch.icon a,
.doc {
div#mw-head #ca-watch.icon a {
    margin: 0em auto 1em;
color: transparent;
    background-color: rgba(0, 0, 0, 0.1);
background-size: 1.5em;
    border: 2px solid #BDCAC3;
height: 1.5em;
    border-radius: 1em;
margin: -0.25em 0;
    padding: 1em;
padding-top: 0;
background-position: center center;
}
/** searchbox **/
#p-search {
margin: 0 1.25em 0 0.25em;
}
}


.doc-header {
div#simpleSearch {
    padding-bottom: 3px;
height: 2em;
    border-bottom: 1px solid #BDCAC3;
width: 17.5vw;
    margin-bottom: 1ex;
border: 0;
background: var(--navigation-tab-background);
box-shadow: var(--navigation-tab-box-shadow);
margin: 0;
padding-left: 0.5em;
}
 
#p-search form {
margin: 0;
}
 
div#simpleSearch #searchInput {
padding: 0.5em 0;
margin: 0;
height: 1em;
color: var(--body-color);
box-sizing: content-box;
text-overflow: ellipsis;
}
 
div#simpleSearch #searchInput::placeholder {
color: var(--body-color);
opacity: 0.7;
font-style: italic;
}
/** search suggestions **/
.mediawiki .suggestions {
margin-top: -2.5em;
}
 
.mediawiki .suggestions-results,
.mediawiki .suggestions-special {
background: var(--searchsuggestions-background);
}
 
.mediawiki .suggestions a,
.mediawiki .suggestions-result {
background: transparent;
}
 
.mediawiki .suggestions-results,
.mediawiki .suggestions-special {
border-color: var(--searchsuggestions-border-color);
box-shadow: none;
}
 
.suggestions a.mw-searchSuggest-link,
.suggestions a.mw-searchSuggest-link:active,
.suggestions a.mw-searchSuggest-link:focus,
.suggestions a.mw-searchSuggest-link:hover,
.suggestions-result,
.suggestions-special .special-label,
.suggestions-special .special-query {
color: var(--body-color);
}
 
.mediawiki .suggestions-result-current,
.mediawiki .suggestions-result-current .special-label,
.mediawiki .suggestions-result-current .special-query {
background: var(--searchsuggestions-hover-background);
color: var(--searchsuggestions-hover-color);
}
/* ------- sidebar ------- */
div#mw-panel {
top: calc(var(--logo-height,160px) + 2 * var(--logo-vertical-space,0.5em));
padding-top: 0;
}
 
#p-logo,
#p-logo a {
height: var(--logo-height,160px);
width: var(--logo-width,160px);
}
 
#p-logo {
left: calc(50vw * var(--logo-center,0));
margin-left: calc(var(--logo-left,0px) + var(--logo-width,160px) / -2 * var(--logo-center,0));
top: 0;
margin-top: calc(0px - var(--logo-height,160px) - var(--logo-vertical-space,0.5em));
}
 
div#mw-panel div.portal {
background: transparent;
margin: 0.25em;
}
 
div#mw-panel #p-logo + div.portal div.body {
margin: 0;
}
 
.mediawiki div#mw-panel div.portal h3,
.mediawiki div#mw-panel.collapsible-nav div.portal h3,
.mediawiki div#mw-panel.collapsible-nav div.portal.collapsed h3 {
font-size: 80%;
padding: 0.5em;
margin: 0 0 0.25em;
background: var(--sidebar-header-background);
box-shadow: var(--sidebar-link-box-shadow);
text-transform: uppercase;
font-weight: bold;
border-radius: 2px;
}
 
#mw-panel.collapsible-nav .portal.collapsed h3::after {
content: '+';
float: right;
color: var(--sidebar-header-color);
}
 
#mw-panel.collapsible-nav .portal.expanded h3::after {
content: '-';
float: right;
color: var(--sidebar-header-color);
}
 
#mw-panel.collapsible-nav .portal.collapsed h3:hover {
text-decoration: none;
}
 
.mediawiki div#mw-panel div.portal h3,
div#pageWrapper div#mw-panel h3 a {
color: var(--sidebar-header-color);
}
 
#mw-panel.collapsible-nav .portal.persistent h3,
.mediawiki div#mw-panel .portal.persistent h3 {
background: transparent;
border: 0;
box-shadow: none;
}
 
#mw-panel.collapsible-nav .portal .body ul,
div#mw-panel div.portal div.body ul {
padding-top: 0;
}
 
#mw-panel.collapsible-nav .portal .body ul li,
div#mw-panel div.portal div.body ul li {
padding: 0.35em 0.5em;
margin: 0.25em 0;
background: var(--sidebar-link-background);
box-shadow: var(--sidebar-link-box-shadow);
border-radius: 2px;
}
 
.mediawiki div#mw-panel div.portal div.body ul li a,
div#mw-panel.collapsible-nav div.portal div.body ul li a {
color: var(--sidebar-header-color);
}
 
#mw-panel.collapsible-nav .portal .body,
.mediawiki div#mw-panel div.portal div.body {
background: transparent;
margin-left: 0;
}
 
#mw-panel.collapsible-nav .portal#p-claimWiki h3,
div#mw-panel.collapsible-nav div.portal#p-socialProfiles h3 {
background: transparent;
display: none;
}
 
.socialSidebar {
width: 100%;
}
 
#mw-panel.collapsible-nav .portal#p-claimWiki,
div#mw-panel.collapsible-nav div.portal#p-socialProfiles {
margin: 0.25em;
}
/* ------- front page ------- */
.fp-container {
display: grid;
grid-template-areas: 'h' 'l' 'm' 'r';
grid-template-columns: 100%;
}
 
@media screen and (min-width:990px) {
.fp-container {
grid-template-areas: 'h h' 'l m' 'r m';
grid-template-columns: 50% 50%;
}
}
}


.doc-footer {
@media screen and (min-width:1350px) {
    margin: 0;
.fp-container {
    background-color: rgba(0, 0, 0, 0.1);
grid-template-areas: 'h m r' 'l m r' 'l m r';
    border: 2px solid #BDCAC3;
grid-template-columns: 33% 33% 33%;
    border-radius: 1em;
}
    padding: 1em;
}
}


/* Classes permitting setting of alignment on desktop only or differently on desktop and mobile */
.fp-section {
/* (See .mobileleft, .mobilecenter, .mobileright in MediaWiki:Mobile.css for the mobile equivalents */
display: flex;
.desktopleft {
flex-wrap: wrap;
    text-align: left;
}
}


.desktopcenter {
#fp-section1 {
    text-align: center;
grid-area: h;
}
}


.desktopright {
#fp-section2 {
    text-align: right;
grid-area: l;
}
}


/* Front page structure */
#fp-section3 {
.fpmain {
grid-area: m;
    width: 100%;
    overflow: hidden;
}
}


#fp-section4 {
grid-area: r;
}
/* ------- front page boxes **/
.fpbox {
.fpbox {
    margin: 5px;
background: var(--fpbox-background);
    padding: 5px;
color: var(--body-color);
    overflow: auto;
margin: 5px;
padding: 0.75em;
overflow: auto;
box-sizing: border-box;
border: var(--fpbox-border);
width: calc(100% - 2px);
}
}


.fpbox.plain {
.fpbox-heading {
    background: transparent;
border-bottom: var(--fpheading-border);
    border: none;
background: var(--fpheading-background);
    box-shadow: none;
text-align: center;
color: var(--fpheading-color);
font-family: var(--fpheading-font), sans-serif;
font-size: 132%;
margin: 0 0 0.5em;
padding: 0.25em;
letter-spacing: 1px;
}
}


.fpbox .heading,
.fpbox-body {
.fpbox .mainheading,
margin: 5px;
.fpbox .welcome {
    margin: 0 0 10px;
    padding: 0 0 5px;
    overflow: auto;
}
}


.fpbox .mainheading,
.fpbox-plain {
.fpbox .welcome {
background: transparent;
    font-size: 150%;
border: 0;
    font-weight: bold;
box-shadow: none;
}
}


.fpbox .heading {
.fpbox-mainheading {
    text-align: center;
font-size: 150%;
    font-size: 132%;
}
}


.linkslabel {
.fpbox-subheading {
    margin: 15px 5px 5px;
font-size: 120%;
    padding: 0 0 5px;
border: 0;
text-align: center;
}
/** wiki help box **/
.wikihelp {
display: flex;
flex-wrap: wrap;
}
}


/* Template:FP links styles */
.wikihelp-info {
flex-basis: 65%;
flex-grow: 1;
}
 
.wikihelp-form {
flex-basis: 35%;
text-align: center;
flex-grow: 1;
}
/* ------- Template:FP links ------- */
.fplinks {
.fplinks {
    display: flex;
display: flex;
    flex-wrap: wrap;
flex-wrap: wrap;
    justify-content: space-evenly;
justify-content: space-evenly;
    align-items: stretch;
align-items: stretch;
    text-align: center;
text-align: center;
}
}


.fplink-outer {
.fplink-outer {
    padding: 5px;
padding: 5px;
    flex-basis: calc(25% - 10px);
flex-basis: calc(25% - 10px);
    width: calc(25% - 15px);
width: calc(25% - 15px);
    min-width: 115px;
min-width: 115px;
    display: inline-block;
display: inline-block;
    vertical-align: middle;
vertical-align: middle;
}
}


.fplink-wide {
.fplink-wide {
    flex-basis: calc(33% - 10px);
flex-basis: calc(33% - 10px);
    width: calc(33% - 15px);
width: calc(33% - 15px);
}
}


.fplink-fullwidth {
.fplink-fullwidth {
    flex-basis: 100%;
flex-basis: 100%;
    width: calc(100% - 15px);
width: calc(100% - 15px);
    font-weight: bold;
font-weight: bold;
}
}


.fplink {
.fplink {
    padding: 0.5em;
background: var(--fplink-background);
    box-sizing: border-box;
border: var(--fplink-border);
    width: 100%;
padding: 0.5em;
    height: 100%;
box-sizing: border-box;
    display: table;
width: 100%;
height: 100%;
display: table;
}
 
.fplink-fullwidth .fplink {
background: var(--fplink-fullwidth-background);
}
}


.fplink-plain {
.fplink-plain {
    background: transparent;
background: transparent;
    border-radius: 0;
border-radius: 0;
    border: 0;
border: 0;
    box-shadow: none;
box-shadow: none;
}
}


.fplink-inner {
.fplink-inner {
    display: table-row;
display: table-row;
}
}


.fplink a {
.fplink a {
    display: table-cell;
display: table-cell;
    vertical-align: middle;
vertical-align: middle;
}
}


.fplink img {
.fplink img {
    max-width: 150px;
max-width: 150px;
    width: 100%;
width: 100%;
    height: auto;
height: auto;
}
}
/* Auto-resize front page video to fit smaller columns */
/** Miscellaneous front page fixes **/
.fpbox .embedvideowrap {
.fpbox .embedvideowrap {
    width: 100%!important;
width: 100%!important;
    max-width: 480px;
max-width: 480px;
    margin: 0 auto;
margin: 0 auto;
}
}


.fpbox .embedvideowrap iframe {
.fpbox .embedvideowrap iframe {
    width: 100%!important;
width: 100%!important;
}
 
.fpbox .slideboxlightshow {
max-width: 100%;
margin: 0 auto;
}
 
.fpbox .slideboxlightshow a,
.fpbox .slideboxlightshow img {
max-width: 100%!important;
}
/* ------- community portal ------- */
.cp-container {
display: flex;
flex-direction: row-reverse;
flex-wrap: wrap;
}
 
.cp-section {
box-sizing: border-box;
display: flex;
flex-wrap: wrap;
align-items: stretch;
flex-grow: 1;
}
 
.cp-sidebar {
width: 33%;
min-width: 280px;
}
 
.cp-main {
width: 66%;
}
 
.cp-box {
background: var(--fpbox-background);
padding: 10px;
margin: 5px;
flex-grow: 1;
}
/* ------- Amboxes ------- */
.ambox {
background-color: var(--ambox-background);
border-width: 0 0 0 10px;
border-style: solid;
border-collapse: collapse;
font-size: 95%;
margin: 0 auto 2px;
width: 80%;
}
 
.ambox.ambox-tiny {
font-size: 90%;
margin: 2px 0;
width: auto;
}
 
.ambox + .ambox {
margin-top: -2px;
}
 
.ambox-text {
padding: 0.25em 0.5em;
}
 
.ambox-image {
padding: 2px 0 2px 0.5em;
text-align: center;
width: 60px;
}
 
.ambox-tiny .ambox-image {
padding: 2px 0.5em;
text-align: left;
width: auto;
}
/* Ambox colors */
.ambox-gray {
border-left-color: var(--ambox-gray);
}
 
.ambox-blue {
border-left-color: var(--ambox-blue);
}
 
.ambox-red {
border-left-color: var(--ambox-red);
}
 
.ambox-orange {
border-left-color: var(--ambox-orange);
}
 
.ambox-yellow {
border-left-color: var(--ambox-yellow);
}
 
.ambox-purple {
border-left-color: var(--ambox-purple);
}
 
.ambox-green {
border-left-color: var(--ambox-green);
}
/* Ambox small text */
.amsmalltext {
font-size: smaller;
margin-left: 0.8em;
margin-top: 0.5em;
}
/** for 'edit this page' and 'discussion' link in template:cleanup etc **/
.pagetab {
border: 1px solid var(--body-color);
padding: 0.25ex 1ex;
font-size: 95%;
}
/* copyright images tweak */
.copyright-icon {
background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22200%22 height=%22200%22%3E%3Cpath d=%22M100 200C44.772 200 0 155.228 0 100S44.772 0 100 0s100 44.772 100 100-44.772 100-100 100zm0-179.115c-43.694 0-79.115 35.421-79.115 79.115 0 43.694 35.421 79.115 79.115 79.115 43.694 0 79.115-35.421 79.115-79.115 0-43.694-35.421-79.115-79.115-79.115zm0 108.599c20.627 0 27.518-18.427 27.518-18.427h26.536s-7.847 43.734-54.054 43.734c-30.532 0-55.283-24.751-55.283-55.282 0-30.532 24.751-55.283 55.283-55.283 45.365 0 53.317 41.769 53.317 41.769h-26.781S118.966 69.533 100 69.533c-16.555 0-29.975 13.421-29.975 29.976s13.42 29.975 29.975 29.975z%22/%3E%3C/svg%3E%0A");
background-size: 100%;
width: 32px;
height: 32px;
}
 
.skin-hydradark .copyright-icon {
filter:invert(1);
}
/* ------- toc ------- */
div#toc,
div.toc {
background-color: var(--toc-background);
border: var(--toc-border);
}
/* ------- page history ------- */
#pagehistory li,
#pagehistory li.selected {
background: transparent;
border: none;
padding: 3px;
}
 
#pagehistory li.selected {
border: 1px dashed var(--body-color);
}
 
.mediawiki table.diff,
.mediawiki td.diff-ntitle,
.mediawiki td.diff-otitle {
background: transparent;
}
 
.mw-plusminus-pos {
color: #21b921;
}
 
.mw-plusminus-neg {
color: #f35e5e;
}
/* ------- Template:Doc ------- */
.doc,
.doc-footer {
background: var(--doc-background);
border: var(--doc-border);
margin: 0 auto 1em;
border-radius: 1em;
padding: 1em;
}
 
.doc-footer {
margin-bottom: 0;
}
 
.doc-header {
padding-bottom: 3px;
border-bottom: var(--doc-border);
margin-bottom: 1ex;
}
/* ------- tables ------- */
table.wikitable {
border-collapse: var(--wikitable-border-collapse);
border-spacing: var(--wikitable-border-spacing);
background: transparent;
border: var(--wikitable-border);
}
 
.mediawiki table.wikitable > * > tr > td,
.mediawiki table.wikitable > * > tr > th,
.mediawiki table.wikitable > tr > th {
border: var(--wikitable-border);
}
 
.mediawiki table.wikitable > * > tr > th,
.mediawiki table.wikitable > tr > th {
background: var(--wikitable-header-background);
color: var(--wikitable-header-color);
text-align: center;
}
 
.mediawiki table.wikitable > * > tr > td {
background: var(--wikitable-background);
padding: 0.2em 0.4em;
}
 
.mediawiki table.jquery-tablesorter th.headerSort {
background-image: none!important;
padding-right: 1.4em;
}
 
.mediawiki table.jquery-tablesorter th.headerSort:after {
content: '\f0dc';
font-family: 'FontAwesome';
display: inline-block;
width: 1em;
margin-right: -1em;
text-align: right;
}
 
.mediawiki table.jquery-tablesorter th.headerSortUp:after {
content: '\f0de';
}
 
.mediawiki table.jquery-tablesorter th.headerSortDown:after {
content: '\f0dd';
}
 
.mediawiki table.jquery-tablesorter th.unsortable,
.mediawiki th.header-bg.th.unsortable {
background: var(--wikitable-header-background);
}
/** Cargo tables **/
.mediawiki table.cargoTable {
border-collapse: collapse;
color: var(--body-color);
background: transparent;
}
 
.mediawiki table.cargoTable td.even,
.mediawiki table.cargoTable td.odd {
background: transparent;
}
 
.cargoTable tr:nth-child(even) {
background: var(--wikitable-alt-background);
}
 
.mediawiki table.cargoTable > * > tr > th,
.mediawiki table.cargoTable > tr > th {
background: var(--wikitable-header-background);
color: var(--wikitable-header-color);
text-align: center;
font-variant: small-caps;
border: var(--wikitable-border);
}
 
.mediawiki table.cargoTable > * > tr > td {
border: var(--wikitable-border);
padding: 0.2em 0.4em;
color: var(--body-color);
}
/** Dynamic Tables **/
table.cargoDynamicTable {
margin-top: 1em;
border: 0 solid transparent;
}
 
table.dataTable tfoot td,
table.dataTable tfoot th,
table.dataTable thead td,
table.dataTable thead th {
background: var(--wikitable-header-background)!important;
border: var(--wikitable-border)!important;
}
 
table.dataTable tbody tr {
color: var(--body-color);
background: transparent;
}
 
table.dataTable.display tbody tr.odd,
table.dataTable.display tbody tr.odd > .sorting_1,
table.dataTable.order-column.stripe tbody tr.odd > .sorting_1,
table.dataTable.stripe tbody tr.odd {
background: transparent;
text-align: center;
}
 
table.dataTable.display tbody tr.even,
table.dataTable.display tbody tr.even > .sorting_1,
table.dataTable.order-column.stripe tbody tr.even > .sorting_1,
table.dataTable.stripe tbody tr.even {
background: var(--wikitable-alt-background);
text-align: center;
}
 
table.dataTable.display tbody tr:hover,
table.dataTable.hover tbody tr:hover {
background: var(--wikitable-header-background);
}
 
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_paginate,
.dataTables_wrapper .dataTables_processing {
color: var(--wikitable-header-color);
padding: 0.5em 0;
}
 
.dataTables_wrapper .dataTables_paginate .paginate_button {
color: var(--link-color)!important;
}
 
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
background: var(--wikitable-header-background);
}
 
.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
color: var(--body-color) !important;
background: var(--wikitable-header-background);
border: var(--wikitable-border);
}
/** Tablepager **/
.mediawiki .TablePager th {
background: var(--wikitable-header-background);
color: var(--wikitable-header-color);
border: var(--wikitable-border);
padding: 0 0.15em;
}
 
.mediawiki .TablePager td {
background: var(--wikitable-background);
border: var(--wikitable-border);
color: var(--body-color);
}
 
.mediawiki .TablePager tr:hover td {
background: var(--wikitable-header-background)!important;
color: var(--wikitable-header-color);
}
/* ------- source editor ------- */
div.wikiEditor-ui {
background: transparent;
border: medium none;
}
 
div.wikiEditor-ui div.wikiEditor-ui-view {
border: var(--editor-border);
margin-bottom: 0.5em;
}
 
div.wikiEditor-ui-controls {
background-color: transparent;
border-bottom: 0;
}
 
div.wikiEditor-ui .wikiEditor-ui-top {
border-bottom: var(--editor-border);
}
 
div.wikiEditor-ui-toolbar {
background: var(--editor-toolbar-background);
border-bottom: var(--editor-border);
}
 
div.wikiEditor-ui-toolbar .group {
border-right: var(--editor-border);
}
 
div.wikiEditor-ui-toolbar .group-search {
border-left: var(--editor-border);
border-right: none;
}
 
div.wikiEditor-ui-toolbar .group .label {
color: var(--body-color);
}
 
div.wikiEditor-ui-toolbar .group .tool-select .label {
color: var(--link-color);
}
 
div.wikiEditor-ui-toolbar .sections .section {
background: var(--editor-subtoolbar-background);
border-top: var(--editor-border);
}
 
div.wikiEditor-ui-toolbar .booklet .index div {
color: var(--link-color);
}
 
div.wikiEditor-ui-toolbar .booklet .index .current {
background-color: var(--editor-toolbar-selected-background);
color: var(--body-color);
border-bottom: var(--editor-border);
border-top: var(--editor-border);
}
 
div.wikiEditor-ui-toolbar .booklet .pages {
background-color: var(--editor-toolbar-selected-background);
}
 
div.wikiEditor-ui-toolbar .page-characters div span {
border: var(--editor-border);
color: var(--body-color);
}
 
div.wikiEditor-ui-toolbar .page-characters div span:hover {
background-color: var(--editor-subtoolbar-background);
color: var(--link-color);
}
 
div.wikiEditor-ui-toolbar .page-table {
padding: 0;
}
 
div.wikiEditor-ui-toolbar .page-table th {
background-color: var(--editor-subtoolbar-background);
color: var(--link-color);
}
 
div.wikiEditor-ui-toolbar .page-table td {
border-top: var(--editor-border);
color: var(--body-color);
}
 
div.editOptions {
background-color: var(--editor-toolbar-background);
border: var(--editor-border);
color: var(--body-color);
}
/** msupload **/
#msupload-div #msupload-list .file {
background: var(--msupload-filelist);
border: 0;
}
 
#msupload-div #msupload-list .file .file-size,
#msupload-div #msupload-list .file .file-title,
#msupload-div #msupload-list .file .file-warning {
color: var(--body-color);
}
 
#msupload-dropzone {
border-color: var(--body-color);
color: var(--body-color);
}
 
#msupload-div {
background: var(--msupload-background);
border: 1px solid transparent;
}
/** checkboxes **/
.mediawiki .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked+span {
background-color: var(--editor-button-background);
border-color: var(--editor-button-border-color);
}
 
.mediawiki .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:hover:checked+span,
.mediawiki .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:focus:checked+span,
.mediawiki .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:active:checked+span,
.mediawiki .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:focus:hover:checked+span {
background-color: var(--editor-button-border-color);
border-color: var(--editor-button-background);
outline-color: var(--editor-button-background);
box-shadow: none;
}
/** buttons **/
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
background: var(--editor-button-background);
border-color: var(--editor-button-border-color);
color: var(--body-color);
}
 
.mediawiki .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover,
.mediawiki .oo-ui-popupWidget .oo-ui-popupWidget-popup .oo-ui-buttonWidget:hover,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus:hover,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover {
background-color: var(--editor-button-border-color);
border-color: var(--editor-button-background);
}
 
.mediawiki .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
background: var(--content-background);
border-color: var(--link-color);
color: var(--body-color);
}
 
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus {
box-shadow: inset 0 0 0 1px var(--editor-button-border-color);
}
/** cancel button **/
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button > .oo-ui-labelElement-label,
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > input.oo-ui-buttonElement-button {
color: var(--body-color)!important;
}
/* ------- navboxes ------- */
table.navbox {
border: var(--navbox-border);
clear: both;
font-size: 88%;
margin: auto;
padding: 1px;
text-align: center;
width: 100%;
}
/** Border between adjacent navboxes **/
table.navbox+table.navbox {
margin-top: -1px;
}
 
.navbox-abovebelow,
.navbox-group,
.navbox-title,
table.navbox th {
padding-left: 1em;
padding-right: 1em;
}
 
.navbox-group {
font-weight: bold;
white-space: nowrap;
}
/** Base background **/
.navbox,
.navbox-subgroup {
background: var(--navbox-background);
}
 
.navbox-list {
border-color: var(--navbox-background);
}
/** Level 1 & 2 styling **/
.navbox-group,
.navbox-subgroup .navbox-title,
.navbox-title,
table.navbox th {
background: var(--navbox-secondary-background);
color: var(--navbox-color);
}
/** Level 3 styling **/
.navbox-subgroup .navbox-abovebelow,
.navbox-subgroup .navbox-group {
background: var(--navbox-background);
color: var(--navbox-color);
}
/** row striping **/
.navbox-even {
background: var(--navbox-alt-background);
color: var(--navbox-color);
}
 
.navbox-odd {
background: transparent;
}
/** collapsible navboxes **/
.collapseButton {
font-weight: normal;
width: auto;
}
 
.navbox .collapseButton {
width: 6em;
}
 
.navbar {
font-size: 88%;
font-weight: normal;
}
 
.navbox .navbar {
font-size: 100%;
}
 
table.collapsed tr.collapsible {
display: none;
}
/* ------- special:search ------- */
.mediawiki .mw-search-profile-tabs {
background: var(--catlinks-background);
border: var(--catlinks-border);
margin-top: 1em;
}
 
div#pageWrapper div#content .search-types .current a {
color: var(--body-color);
}
 
.mediawiki fieldset#mw-searchoptions {
background: var(--catlinks-background);
border: var(--catlinks-border);
margin-top: 0.25em;
}
 
.mediawiki fieldset#mw-searchoptions div.divider {
border-bottom: var(--catlinks-border);
}
/* ------- special:searchlog ------- */
.mediawiki .pagination li {
background: var(--wikitable-background);
color: var(--body-color);
text-align: center;
border: var(--wikitable-border);
}
 
.mediawiki .pagination li.selected {
background: var(--wikitable-header-background);
color: var(--wikitable-header-color);
}
 
#searchlog > * > tr > th,
.mediawiki table.wikitable > tr > th {
background: var(--wikitable-header-background);
color: var(--wikitable-header-color);
text-align: center;
border: var(--wikitable-border);
}
 
#searchlog > * > tr > td {
background: var(--wikitable-background);
border: var(--wikitable-border);
padding: 0.2em 0.4em;
color: var(--body-color);
}
 
.oo-ui-menuSelectWidget {
z-index: 10;
}
/* ------- Preferences ------- */
.client-js .mediawiki #preferences {
background: transparent;
border: var(--preferences-border);
margin: 0;
color: var(--body-color);
}
 
.client-js .mediawiki #preftoc {
background: transparent;
margin: 0 0 0.5em 0.25em;
}
 
.client-js .mediawiki #preferences legend {
color: var(--body-color);
}
 
.client-js .mediawiki #preftoc li a,
.client-js .mediawiki #preftoc li a:active {
color: var(--link-color);
padding: 0;
display: inline-block;
}
 
.client-js .mediawiki #preftoc li.selected a {
background: transparent;
font-weight: bold;
color: var(--body-color);
}
 
.client-js .mediawiki #preftoc li {
background: var(--preferences-tab-background);
margin: 0 0.25em;
height: 1em;
position: relative;
padding: 0.5em;
line-height: 1;
display: inline-block;
}
 
.client-js .mediawiki #preftoc li.selected {
background: var(--preferences-tab-active-background);
}
 
.client-js .mediawiki #preferences td.htmlform-tip {
color: var(--body-color);
}
 
.client-js .mediawiki #preferences > fieldset,
.client-js .mediawiki #preferences fieldset.prefsection fieldset {
border-top: var(--preferences-border);
}
/* ------- infoboxes ------- */
.infoboxtable {
width: 270px;
float: right;
margin-left: 1em;
border: var(--infobox-border);
padding: 0.25em;
border-radius: 1px;
}
 
.infoboxname {
color: var(--infobox-header-color);
padding: 5px;
background: var(--infobox-header-background);
}
 
.infoboxdetails {
color: var(--infobox-details-color);
background: var(--infobox-details-background);
}
 
.infoboxtable div {
text-align: right;
font-weight: bold;
color: var(--infobox-label-color);
background: var(--infobox-label-background);
padding: 1px 5px;
}
/* ------- small screen fixes for top nav and sidebar ------- */
@media screen and (max-width:720px) {
div#mw-head {
position: absolute!important;
top: 0;
}
 
div#mw-page-base {
height: 6em;
}
 
div#p-cactions,
div#p-namespaces,
div#p-search,
div#p-variants,
div#p-views {
position: relative;
top: 0;
float: left;
}
 
div#left-navigation,
div#right-navigation {
position: relative;
float: none;
margin: 0 auto;
}
 
div.vectorMenu div.menu {
left: 0;
right: auto;
}
 
div#p-search {
width: auto;
float: right;
}
 
div#simpleSearch {
width: calc(100vw - 10em);
max-width: 100vw;
}
 
div#mw-navigation div#mw-panel {
font-size: 120%;
top: 0;
}
 
div#mw-navigation div#mw-panel .portal {
width: auto;
}
 
div#content,
div#footer {
margin-right: 0;
}
 
div#content {
padding: 0.75em;
}
}
}
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* -------                                      ------- */
/* ------- CUSTOM & TEMPLATE CSS BELOW THIS LINE ------- */
/* -------                                      ------- */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
Anonymous user
Retrieved from "https://wiki.cavesofqud.com/wiki/Special:MobileDiff/39087"