MediaWiki:Foreground.css

/* CSS placed here will affect users of the Foreground skin */

/***********/ /* Ability */ /***********/

.ability { width: 62px; }

.ability img { width: auto; background: linear-gradient(0deg,#e9c44f,#efd368,#f7eec7); border-radius: 25%; border: 0.2em solid #414141; box-shadow: inset 0 -3px 0 #c87726, inset 0 0 4px #f7f1cd, inset 0 0 6px #f7f1cd; }

/************/ /* HeroIcon */ /************/

.hero-icon img { border: 2px solid black; border-radius: 5%; width: fit-content; overflow: hidden; }

/***********/ /* Infobox */ /***********/

.portable-infobox{ background: #867365; border: 1px solid #a2a9b1; width: auto; }

.portable-infobox .pi-title{ background: linear-gradient(0deg,#f4c657 50%,#ffe199); }

.portable-infobox .pi-secondary-background{ background: linear-gradient(0deg,#f4c657 30%,#ffe199); }

.pi-smart-group .pi-smart-data-label{ font-weight: bold; }

.portable-infobox .pi-section-navigation, .portable-infobox .pi-media-collection-tabs{ /*width: fit-content;*/ margin: -2px 0px; }

.pi-section-navigation .pi-section-tab, .pi-media-collection .pi-tab-link{ max-width: none; }

.pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current{ background: #9f8978; }

/**********/ /* Tables */ /**********/

.wikitable { color: white; background-color: #9f8978; }

.wikitable tbody tr:hover { background-color: #bba28e; }

.wikitable > caption{ color: white; }

.wikitable > tr > th, .wikitable > * > tr > th{ background-color: #8f7a6b; }

.mw-datatable td{ background-color: #8f7a6b; }

.mw-datatable tr:hover td { background-color: #9f8978; }

table.wikitable.abilities>*>tr>td:first-child+td { line-height: 0; padding: 0.3em; }

table.fixed-header th[scope=row] { position: sticky; left: 0; z-index: 1; box-shadow: 2px 2px white; }

table.fixed-header th:not([scope=row]) { position: sticky; top: -34px; z-index: 2; box-shadow: 2px 2px white, inset 0px 1px white; }

table.fixed-header>thead>tr+tr>th:not([scope=row]) { top: 12px; box-shadow: 2px 2px white; }

/********/ /* Code */ /********/

pre{ background: aliceblue; padding: 1em; border: 1px solid; }

/***************/ /* Code Editor */ /***************/

.oo-ui-barToolGroup.oo-ui-widget-enabled>.oo-ui-toolGroup-tools>.oo-ui-tool>.oo-ui-tool-link, .oo-ui-barToolGroup>.oo-ui-toolGroup-tools>.oo-ui-tool.oo-ui-widget-disabled>.oo-ui-tool-link{ display: block !important; }

.oo-ui-popupWidget-popup p, .oo-ui-popupWidget-popup label, .oo-ui-tool-title{ color: black; } .ve-ce-documentNode{ background: transparent; }

div.ve-ce-branchNode{ border: 1px solid #c7bcb5; background: transparent; }

.ve-ui-mwSaveDialog-options p, .ve-ui-mwSaveDialog-options label{ color: black; } .oo-ui-window-content, .oo-ui-window-content label, .oo-ui-window-content p, .oo-ui-window-content h1, .oo-ui-window-content h2, .oo-ui-window-content h3, .oo-ui-window-content h4, .oo-ui-window-content h5, .oo-ui-window-content h6{ color: black; }

.oo-ui-fieldLayout-disabled > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header > .oo-ui-labelElement-label{ color: #72777d !important; }

.oo-ui-popupWidget-popup{ color: black; }

.ui-widget-content label{ color: black; }

.oo-ui-windowManager-modal.oo-ui-windowManager-floating > .oo-ui-dialog > .oo-ui-window-frame{ max-height: calc(100% - 8em); }

.oo-ui-windowManager-modal > .oo-ui-dialog{ z-index: 7; }

height: auto; }
 * 1) msupload-dropzone, #msupload-bottom{

color: black; }
 * 1) msupload-list .file{

width: auto; }
 * 1) msupload-list .file .file-name-input{

.mw-editsection { display: none; }

/**************/ /* Categories */ /**************/

.catlinks li { list-style-type: none; display: inline; }

.catlinks ul { display: inline; margin: 0; padding: 0; }

.catlinks:empty { display: none; }

/********************/ /* Responsive Image */ /********************/

.responsive-image-width img{ width:100%; height:auto; }

.responsive-image-height img{ height:100%; width:auto; }

/***************/ /* Text colors */ /***************/

h1, h2, h3, h4, h5, h6{ color: white; }

p{ color: white; }

label{ color: white; }

a{ color: #0715bd; }

a.new{ color: #932060; }

a:hover{ color: #2a4b8d; }

footer.row{ color: white; }

h3#tagline{ color: white; }

.postedit-container{ top:5em; }

.postedit-content{ color: black; }

pre{ color: black; }

.oo-ui-fieldLayout-disabled > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header > .oo-ui-labelElement-label{ color: white; }

.warningbox p{	color: black; }

/***********/ /* General */ /***********/

a .title-name{ background-image: url(https://static.miraheze.org/faptitanswiki/8/8a/Logo_wiki.png); background-repeat: no-repeat; background-size: contain; padding-left: 2.5em; }

body{ background-color: #9f8978; color: white; }

background-image: linear-gradient(1deg,#584a49,#3b302f); border-radius: 0.5em; }
 * 1) mw-page-base{

top: 0; left: 0; right: 0; z-index: 1000; }
 * 1) navwrapper{

margin: 0; padding: 2em 0 0; height: calc(100% - 45px); overflow: auto; }
 * 1) page-content{

.mw-body{ margin-left: 11em; margin-right: 11em; }

div.vectorMenu h5 span{ background-color: transparent; }

background-color: #8f7a6b; padding: 1em; }
 * 1) p-cactions{

button.secondary, .button.secondary{ background: linear-gradient(0deg,#e9b039,#fffe9a); box-shadow: inset 0 -1px 0 0 rgba(0,0,0,.25), 0 2px 4px 0 rgba(0,0,0,.55); color: white; }

button.secondary:hover, .button.secondary:hover{ background: linear-gradient(0deg,#e9b039,#fffe9a); box-shadow: inset 0 -1px 0 0 rgba(0,0,0,.25), 0 2px 4px 0 rgba(0,0,0,.55); color: white; }

.mw-pt-languages, .mw-pt-languages-label{ background-color: transparent; }

background-color: #705d4e }
 * 1) catlinks a.label.new {

background-color: transparent; }
 * 1) filetoc{

.mw_metadata td{ background-color: transparent; }

.mw-search-profile-tabs{ background-color: transparent; }

background-color: transparent; }
 * 1) mw-searchoptions{

.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend{ background-color: transparent; }

display: none; }
 * 1) echo-notifications, .printfooter{