padding-left: 5px; overflow: auto;
}
/* ############################################ */ /* ### AUDIO SNIPPETS, QUOTES & TRANSCRIPTS ### */ /* ### Used in: Template:Quotation ### */ /* ### Template:Transcript ### */ /* ############################################ */
/* Container */ .va-listen, .va-quotation, .va-transcript {
line-height: 18px; padding: 10px 45px;
}
.va-quotation {
overflow: hidden;
}
table td .va-quotation {
overflow: visible;
}
.va-quotation-body {
display: block;
}
.va-quotation-quote {
display: block; position: relative; z-index: 1;
}
.va-listen-left, .va-listen-right, .va-quotation-left, .va-quotation-right {
border-bottom: 1px solid var(--theme-border-color); border-top: 1px solid var(--theme-border-color); width: 200px;
}
.va-listen-left, .va-quotation-left {
clear: left; float: left; margin: 10px;
}
.va-listen-right, .va-quotation-right {
clear: right; float: right; margin: 10px;
}
.va-quotation-center {
text-align: center;
}
.va-quotation-center .va-quotation-body {
display: inline-block;
}
/* Quotation marks/icons */ .va-listen-icon, .va-newsquote-quot-l, .va-newsquote-quot-r, .va-quotation-quot-l, .va-quotation-quot-r {
width: 40px; z-index: -1;
}
.va-listen-icon, .va-newsquote-quot-l, .va-newsquote-quot-r, .va-transcript-icon {
position: relative;
}
.va-quotation-quot-l, .va-quotation-quot-r {
position: absolute;
}
.va-listen-icon, .va-transcript-icon {
float: left; left: -30px; margin-right: -40px; top: -5px;
}
.va-newsquote-quot-l, .va-newsquote-quot-r, .va-quotation-quot-l, .va-quotation-quot-r {
color: var(--theme-page-background-color--quinary); font: bold 55px/40px serif; height: 18px;
}
.va-newsquote-quot-l, .va-quotation-quot-l {
left: -27px; text-align: left;
}
.va-newsquote-quot-r, .va-quotation-quot-r {
right: -27px; text-align: right;
}
.va-newsquote-quot-l {
float: left; margin-right: -40px;
}
.va-newsquote-quot-r {
float: right; margin-left: -40px;
}
.va-quotation-quot-l {
top: -2px;
}
.va-quotation-quot-r {
bottom: 2px;
}
/* Quoted text/audio file desc */ .va-listen-item, .va-listen-item .ogg-player-options, .va-newsquote-text, .va-quotation-text {
font-size: 12px;
}
.va-inlinequote-text, .va-listen-text, .va-newsquote-text, .va-quotation-text {
font-style: italic;
}
.va-transcript-text {
font-family: monospace !important;
}
.va-quotation-text {
display: block; margin-top: -0.4em; text-align: left;
}
.va-quotation-text ol, .va-quotation-text p, .va-quotation-text ul {
margin-bottom: 0;
}
/* Source */ .va-newsquote-source, .va-quotation-source {
padding: 5px 15px 0; text-align: right;
}
.va-quotation-source {
display: block; font-size: 10px; line-height: 15px;
}
/* "Incomplete quote" dots */ .va-newsquote-dots {
font-style: normal; padding: 3px 0;
}
/* Audio file list */ .va-listen-item {
margin: 0 auto; width: 180px;
}
.va-listen-item audio {
margin-bottom: 5px; width: 100%;
}
.va-listen-item div {
margin-bottom: 2px;
}
.va-listen-item + .va-listen-item {
border-top: 1px solid var(--theme-border-color); margin-top: 5px;
}
.np-quote-snd-trigger {
display: inline-block; position: absolute; top: auto; left: auto; padding: 0 2px;
}
.np-quote-snd-trigger:hover .np-quote-snd-player {
visibility: visible;
}
.np-quote-snd-player {
visibility: hidden; position: absolute; top: -55px; left: 100%; z-index: 100 !important; width: 300px; overflow-x: hidden; margin: 0; padding: 5px 10px 10px; border: 1px solid var(--theme-border-color); border-radius: 5px; box-shadow: var(--theme-border-color) 2px 2px 5px 0; background-color: white; color: black; text-align: left; font: normal normal normal 13px / normal Helvetica, Arial, sans-serif;
}
.np-quote-snd-player-img {
float: left; width: 50px;
}
.np-quote-snd-player-title {
width: 250px; height: 50px; display: table-cell; vertical-align: middle;
}
.np-quote-snd-player-title span {
font-size: 18px;
}
/* ############################################ */ /* ### STAT TABLES ### */ /* ### Used in: Template:Stats ### */ /* ############################################ */
.va-stats-creature-name {
text-align: center;
}
.va-stats-creature-icontable {
margin: 0 auto;
}
.va-stats-creature-icontable td {
border: none;
}
.va-stats-creature-icon {
position: absolute; top: 0; left: 0; width: 20px; text-align: center; font-weight: bold;
}
.va-stats-creature-item {
position: relative; padding: 0 2px 0 22px; min-width: 10px;
}
.va-stats-creature-item + .va-stats-creature-item {
margin-top: 2px;
}
.va-stats-creature-icontable-full, .va-stats-creature-layout-1 td {
width: 100%;
}
.va-stats-creature-layout-2 td {
width: 50%;
}
.va-stats-creature-layout-3 td {
width: 33%;
}
.va-stats-creature-layout-3 td:first-child {
width: 34%;
}
.va-stats-creature-layout-4 td {
width: 25%;
}
/* ################################################ */ /* ### CRAFTING TABLES ### */ /* ### Used in: Template:Crafting table ### */ /* ### Used in: Template:Crafting table FO76 ### */ /* ################################################ */
.ace-crafting-table {
font-size: 11px; line-height: 16px; margin-bottom: 5px;
}
.ace-crafting-block {
border: 1px solid var(--theme-border-color); margin: 0; padding: 1px 2px; background-color: var(--theme-page-background-color--secondary);
}
.ace-crafting-block + .ace-crafting-block {
margin-top: 3px;
}
.ace-crafting-requirement {
background-color: var(--theme-page-background-color--quaternary) !important;
}
.ace-crafting-highlight {
background-color: var(--theme-page-background-color--quinary) !important;
}
.ace-crafting-table .selflink {
font-weight: normal;
}
/* ############################################ */
/* ### ENGINE IDS ### */
/* ### Used in: Template:ID ### */
/* ### Template:DLC ID ### */
/* ### Template:Proto ### */
/* ############################################ */
.va-formid, .va-protoid {
font-family: monospace;
}
/* ############################################ */
/* ### SPECIAL
TAGS ### */
/* ### Used in: Template:Pre fake ### */
/* ############################################ */
.va-pre-fake {
background-color: var(--theme-page-background-color--light);
overflow: auto;
font-family: monospace;
white-space: pre;
border: 1px dashed var(--theme-border-color);
line-height: 14px;
padding: 12px;
}
/* ############################################ */
/* ### TEMPLATE DOCUMENTATION ### */
/* ### Used in: Template:Docparam ### */
/* ### Template:Documentation ### */
/* ############################################ */
/* Template:Docparam */
.va-docparam {
padding: 0 2px 0 20px;
text-indent: -20px;
margin-bottom: 3px;
background: var(--theme-page-background-color--light);
border: 1px dotted var(--theme-border-color);
overflow: auto;
}
.va-docparam-icon {
margin: 0;
padding: 0;
width: 20px;
float: left;
}
.va-docparam-default {
float: right;
font-size: 10px;
}
.va-docparam-params {
font-family: monospace;
}
.va-docparam-desc {
margin: 0;
padding: 0 0 5px 20px;
}
/* Template:Documentation */
.va-documentation,
.va-documentation-bar-top,
.va-documentation-bar-bottom {
border-color: var(--theme-border-color);
border-style: solid;
clear: both;
}
.va-documentation {
border-width: 1px;
margin: 10px 0;
}
.va-documentation-bar-top,
.va-documentation-bar-bottom {
background: var(--theme-page-background-color--quaternary);
padding: 5px;
margin: 0;
}
.va-documentation-bar-top {
border-width: 0 0 1px;
}
.va-documentation-bar-bottom {
border-width: 1px 0 0;
text-align: right;
}
.va-documentation-links {
float: right;
text-align: right;
}
.va-documentation-content {
padding: 10px;
margin: 0;
}
.va-documentation-small {
font-size: 10px;
}
/* ############################################ */
/* ### CHARTS ### */
/* ### Used in: Template:Chart ### */
/* ############################################ */
.va-chart-quest {
background: var(--ace-table-heading-background-color);
border: 1px solid var(--theme-border-color) !important;
font-size: 11px;
font-weight: bold;
border-radius: 10px;
line-height: 16px;
}
.va-chart-body {
background: var(--theme-page-background-color--secondary);
border: 1px solid var(--theme-border-color) !important;
border-radius: 10px;
font-size: 11px;
line-height: 16px;
}
.va-chart-reward {
background: var(--theme-page-background-color--tertiary);
border: 1px solid var(--theme-border-color) !important;
font-size: 11px;
font-weight: bold;
border-radius: 10px;
line-height: 16px;
}
/* ############################################ */
/* ### CHARTS v2 ### */
/* ### Used in: Template:Chart ### */
/* ############################################ */
.ace-chart { /* move chart into middle of it's allowed area */
margin: auto;
}
.ace-chart-quest {
background: var(--ace-table-heading-background-color);
border: 1px solid var(--theme-border-color) !important;
font-size: 11px;
font-weight: bold;
border-radius: 10px;
line-height: 16px;
padding: 10px;
}
.ace-chart-body {
background: var(--theme-page-background-color--secondary);
border: 1px solid var(--theme-border-color) !important;
border-radius: 10px;
font-size: 11px;
line-height: 16px;
padding: 10px;
}
.ace-chart-reward {
background: var(--theme-page-background-color--tertiary);
border: 1px solid var(--theme-border-color) !important;
font-size: 11px;
font-weight: bold;
border-radius: 10px;
line-height: 16px;
padding: 10px;
}
/* ############################################ */
/* ### TICKER ### */
/* ### Used in: Template:Ticker ### */
/* ############################################ */
#ticker .CategoryTreeSection,
#ticker .CategoryTreeItem {
display: inline;
}
/* ############################################ */
/* ### COLUMNS ### */
/* ### Used in: Template:Columns ### */
/* ############################################ */
.va-columns ul,
.va-columns ul li {
margin-top: 0;
}
.va-columns ul li {
margin-bottom: 6px;
}
/* ############################################ */
/* ### FALLOUT 76 MAP ### */
/* ### Used in: Fallout 76 map ### */
/* ############################################ */
.f76map {
width: 55em;
height: 55em;
margin: auto;
border: 0 solid #20a200;
background-image: url('Datei:FO76 Map Burning Springs Update.webp');
background-size: 100%;
background-repeat: no-repeat;
position: relative;
}
.f76map-box {
width: 240px;
height: 240px;
margin: auto;
border: 0 solid #20a200;
background-image: url('Datei:FO76 Map Burning Springs Update.webp');
background-size: 100%;
background-repeat: no-repeat;
position: relative;
}
/* ############################################ */
/* ### Semantic mediawiki fact box ### */
/* ### hide display unless enabled ### */
/* ### User:Eckserah ### */
/* ############################################ */
.smw-factbox {
display: none !important;
}
.smw-factbox.smw-factbox-enabled {
display: block !important;
}
/* ############################################ */
/* ### Userbox css ### */
/* ### User:Eckserah ### */
/* ############################################ */
.ace-userbox {
margin: 2px;
padding: 0;
border-style: solid;
border-radius: 14px;
clear: none;
overflow: clip;
float: left;
height: 52px;
width: 200px;
border-width: 2px;
border-color: #000;
}
.ace-userbox .left-cell {
text-align: center;
vertical-align: middle;
padding: 0;
height: 50px;
width: 50px;
font-size: 14pt;
border-radius: 14px;
}
.ace-userbox .middle-cell {
padding: 0 4px;
vertical-align: middle;
line-height: 125%;
height: 50px;
font-size: 8pt;
}
/* ############################################ */
/* ### Slightly hacky fix for spacing in ### */
/* ### lists after paragraph tags ### */
/* ### Adds fix for columns after image ### */
/* ### Fix issue with list top margin ### */
/* ### User:Eckserah ### */
/* ############################################ */
.page-content p + p + ul,
.page-content p + p + ol,
.page-content p + p + dl,
.page-content p + .va-columns {
margin-top: -18px;
}
.page-content p.mw-empty-elt + ul, .page-content p.mw-empty-elt + ol {
margin-top: 6px;
}
.page-content figure + p.mw-empty-elt + .va-columns {
margin-top: 0;
}
/* ############################################ */
/* ### Remove game icons header ### */
/* ### ToDo: Remove from Common.js ### */
/* ### User:Eckserah ### */
/* ############################################ */
div#va-titleicons-wrapper {
display: none !important;
}
/* ############################################ */
/* ### Fix category type selector colors ### */
/* ### User:Eckserah ### */
/* ############################################ */
.category-layout-selector__item, .category-layout-selector {
color: var(--theme-link-color) !important;
}
.category-layout-selector__item.is-active {
color: var(--theme-page-text-color--hover) !important;
}
/* ############################################ */
/* ### Fix missing image for ### */
/* ### audio files in categories ### */
/* ### User:Eckserah ### */
/* ############################################ */
.category-page__members a[href$=".ogg"] img,
.category-page__members a[href$=".odm"] img,
.category-page__members a[href$=".mp3"] img,
.category-page__members a[href$=".oga"] img,
.category-page__members a[href$=".flac"] img,
.category-page__members a[href$=".wav"] img,
.category-page__members a[href$=".opus"] img {
content: url('Datei:Icon sound.png');
}
.wikia-gallery-item a[href$=".ogg"],
.wikia-gallery-item a[href$=".odm"],
.wikia-gallery-item a[href$=".mp3"],
.wikia-gallery-item a[href$=".oga"],
.wikia-gallery-item a[href$=".flac"],
.wikia-gallery-item a[href$=".wav"],
.wikia-gallery-item a[href$=".opus"] {
align-items: start;
}
.wikia-gallery-item a[href$=".ogg"]::after,
.wikia-gallery-item a[href$=".odm"]::after,
.wikia-gallery-item a[href$=".mp3"]::after,
.wikia-gallery-item a[href$=".oga"]::after,
.wikia-gallery-item a[href$=".flac"]::after,
.wikia-gallery-item a[href$=".wav"]::after,
.wikia-gallery-item a[href$=".opus"]::after {
content: attr(title);
vertical-align: text-bottom;
width: 94%;
position: absolute;
bottom: 0;
line-height: 15px;
padding: 0 5px;
word-break: break-word;
font-size: 15px;
}
.wikia-gallery-item a[href$=".ogg"] img,
.wikia-gallery-item a[href$=".odm"] img,
.wikia-gallery-item a[href$=".mp3"] img,
.wikia-gallery-item a[href$=".oga"] img,
.wikia-gallery-item a[href$=".flac"] img,
.wikia-gallery-item a[href$=".wav"] img,
.wikia-gallery-item a[href$=".opus"] img {
content: url("/resources/assets/file-type-icons/fileicon-ogg.png");
height: 100px;
vertical-align: top;
object-fit: contain;
margin-top: 5px;
}
/* ############################################ */
/* ### Fix extra spacing after ### */
/* ### sourcebox contents ### */
/* ### User:Eckserah ### */
/* ############################################ */
.div-sourceBox-start + ul, .div-sourceBox-start + p {
margin-top: 6px;
margin-bottom: 6px;
}
/* ############################################ */
/* ### Interactions table styles ### */
/* ### User:Eckserah ### */
/* ############################################ */
.interactions-table {
width: 530px;
}
.interaction-table td {
height: 65px;
min-height: 65px;
}
.interaction-table td:first-child {
width: 65px;
min-width: 65px;
}
/* ############################################ */
/* ### Avatar highlights ### */
/* ### User:Eckserah ### */
/* ############################################ */
.profile-info img, #profile-image img, .mwchat-item-avatar img {
filter: drop-shadow(0 0 4px black);
}
.skin-citizen-dark .profile-info img,
.skin-citizen-dark #profile-image img,
.skin-citizen-dark .mwchat-item-avatar img {
filter: drop-shadow(0 0 4px white);
}
#profile-image img {
background: transparent !important;
border: 0 !important;
}
/* ############################################ */
/* ### Chat fixes for citizen ### */
/* ### User:Eckserah ### */
/* ############################################ */
.skin-citizen .mwchat-useritem {
background: var(--color-surface-3) !important;
}
.skin-citizen .mwchat-useritem-header {
background: var(--color-surface-1) !important;
}
.skin-citizen .mwchat-useritem-user {
color: inherit !important;
}
.skin-citizen .mwchat-useritem-content {
border-color: var(--color-surface-4) !important;
}
#mwchat-options {
margin-top: 2em !important;
}
#mwchat-options input {
margin-left: 5px;
}
#mwchat-content {
min-height: 450px;
}
.visualClear {
clear: both;
}
/* ############################################ */
/* ### Fix edit count table styles ### */
/* ### User:Eckserah ### */
/* ############################################ */
.editCountTable, .editCountTable th, .editCountTable td {
border: 1px #aaa solid;
border-collapse: collapse;
}
.editCountTable th, .editCountTable td {
padding: 4px;
}
/* ############################################ */
/* ### LEAD BIO ### */
/* ### User:Kate Aces ### */
/* ############################################ */
.lead-bio-container {
flex: 1;
border: 4px solid #1167b1;
background-color: #e6f3f8;
padding: 5px;
padding-bottom: 35px;
border-radius: 11px;
width: 85%;
flex-basis: 40%;
position: relative;
}
.lead-bio-footer {
position: absolute;
bottom: 5px;
vertical-align: bottom;
width: calc(100% - 10px);
}
/* ############################################ */
/* ### HOVER ### */
/* ############################################ */
.show-when-hovering {
display: none;
}
.hover-container:hover .show-when-hovering {
display: inline;
}
.hover-container:hover .hide-when-hovering {
display: none;
}
.fadeout img:hover, .fadeout img:active, .fadein img:hover {
opacity: 0;
transition: none !important;
}
body:not(.editor) .fadeout-container.fadeout-hide-bottom > .fadein {
visibility: hidden;
}
body:not(.editor) .fadeout-container.fadeout-hide-bottom > .fadeout:hover + .fadein {
visibility: visible;
}
.hide {
visibility: hidden;
}
.visible {
visibility: visible;
}
.fadeout-container.img.lzyTrans {
transition: none !important;
}
/* ############################################ */
/* ### JOJO BOXES ### */
/* ############################################ */
.imgtile {
transition: 0.4s ease-out;
}
.imgtile:hover {
transform: scale(1.04);
}
.frontbuttons img {
border-radius: 5px;
}
.hoverButton img:hover {
filter: grayscale(100%);
}
/* ############################################ */
/* ### Home page portal container css ### */
/* ### ### */
/* ############################################ */
.home-page-portal-container {
padding: 14px;
margin: 24px 0 12px;
font-size: 16px;
line-height: 150%;
display: flex;
align-items: center;
border: 2px solid #698296;
border-radius: 12px;
}
.home-page-portal-container.flex-column {
flex-direction: column;
}
.home-page-portal-container.flex-center {
justify-content: center;
}
/* ############################################ */
/* ### Welcome Template Styles ### */
/* ### User:Eckserah ### */
/* ############################################ */
.welcome-container {
background-color: rgba(37 150 190 15%);
padding: 8px;
margin: 4px 0 12px;
font-size: 16px;
}
.welcome-header {
border-bottom: 1px solid #AAA;
font-size: 126%;
margin-bottom: 0.5em;
font-weight: bold;
}
.welcome-column {
margin: 10px 0;
border: 0;
float: left;
width: 25%;
white-space: nowrap;
}
.welcome-column:first-of-type {
width: 30%;
}
.welcome-column p {
font-size: 18px;
margin: 0 5px 10px;
border-bottom: 1px solid #555;
}
.welcome-column ul {
margin-top: 0 !important;
}
.main-page-header {
padding: 24px;
margin: 24px 0 12px;
font-size: 16px;
line-height: 150%;
display: flex;
flex-direction: column;
border: 0 solid #698296;
border-radius: 12px;
}
.main-page-header .sub-welcome {
font-size: 135%;
margin: 0;
align-items: center;
}
.main-page-header .sub-description {
font-size: 85%;
margin: 0;
align-items: center;
}
.main-page-header .sub-info {
margin: 0.3em 0 0.5em;
align-items: center;
}
.main-page-header .sub-links {
font-size: 85%;
border-top: 1px solid #AAA;
margin-bottom: 0;
align-items: center;
}
.anon-allowed-page .cosmos-header__local-navigation {
visibility: hidden !important;
}
.box img {
width: 100%;
height: 100%;
}
.box1 img {
object-fit: cover;
}
/* ############################################ */
/* ### CONTAINER ### */
/* ### From Halopedia ### */
/* ############################################ */
.containerTem {
margin: 0 auto 16px;
padding: 0 2px 2px;
border-radius: 9px;
background: var(--theme-containerTem-background-color);
box-shadow: 0 0 6px #666;
width: 90%;
}
.containerTem .containerTitle {
color: #fff;
text-align: center;
font-weight: bold;
font-size: 98%;
}
.containerTem .containerContent {
text-align: left;
color: var(--theme-body-text-color);
border-radius: 0 0 9px 9px;
padding: 12px;
background: var(--theme-page-containerTem-content-background-color);
font-size: 92%;
}
.clearBoth {
clear: both;
}
.containerTemD {
margin: 0 auto 16px;
padding: 0 2px 2px;
border-radius: 9px;
background: #070e17;
box-shadow: 0 0 6px #666;
width: 90%;
}
.containerTemD .containerTitleD {
color: #fff;
text-align: center;
font-weight: bold;
font-size: 98%;
}
.containerTemD .containerContentD {
text-align: left;
color: #fff;
border-radius: 0 0 9px 9px;
padding: 12px;
background: #272727;
font-size: 92%;
}
/* ############################################ */
/* ### OVERVIEW BOX ### */
/* ### KATE ACES/ECKSERAH ### */
/* ############################################ */
.overviewBox {
float: right;
clear: right;
margin: 5px 10px;
background-color: #f1f1f1;
text-align: center;
font-size: 82%;
outline-style: dashed;
outline-color: #002147;
}
.overviewBoxTable {
background-color: #f1f1f1;
font-weight: bold;
text-align: center;
width: 13em;
}
.overviewBox .overviewBoxLink {
vertical-align: top;
background-color: #b2c6c7;
width: 95%;
margin: 5px;
padding: 0;
border-radius: 10px;
}
.overviewTable td {
width: 20%;
}
/* ############################################ */
/* ### Floating announcement styles ### */
/* ### User:Eckserah ### */
/* ############################################ */
.floating-announcement {
position: fixed;
overflow: visible;
color: #FFF;
font-weight: bold;
font-size: 14px;
text-align: center;
border-radius: 18px;
box-shadow: 0 0 20px #ccc;
background: #2C3E4C;
padding: 20px;
margin-bottom: 10px;
z-index: 1;
}
/* ############################################ */
/* ### Vault boy image outline stuff ### */
/* ### User:Eckserah ### */
/* ############################################ */
.vb-image {
filter: drop-shadow(0 0 0 white) drop-shadow(0 -1px 0 black) drop-shadow(1px 0 0 black) drop-shadow(-1px 0 0 black) drop-shadow(0 1px 0 black);
}
.pi-item .vb-image {
filter: drop-shadow(0 0 0 white) drop-shadow(0 -1px 0 black) drop-shadow(1px 0 0 black) drop-shadow(-1px 0 0 black) drop-shadow(0 1px 0 black);
}
.mwe-popups-thumbnail {
outline: 0 !important;
}
/* ############################################ */
/* ### TOC ### */
/* ### Template:TOC ### */
/* ### User:Kate Aces ### */
/* ############################################ */
.toc {
border: 1px solid #9a85b7;
background: transparent;
min-width: 250px;
border-radius: 10px;
text-align: left;
padding: 5px;
}
.toctitle {
text-transform: uppercase;
font-family: 'Rubik',sans-serif;
}
.toctogglelabel {
color: var(--theme-page-background-color--aceiary);
text-transform: capitalize;
}
.tocnumber, .toctext {
font-size: 15px;
}
.toc ul {
list-style: none;
margin-left: 0;
}
.ace-toclimit-2 .toclevel-1 ul,
.ace-toclimit-3 .toclevel-2 ul,
.ace-toclimit-4 .toclevel-3 ul,
.ace-toclimit-5 .toclevel-4 ul,
.ace-toclimit-6 .toclevel-5 ul,
.ace-toclimit-7 .toclevel-6 ul {
display: none;
}
/* ############################################ */
/* ### GENERIC BOX ### */
/* ### User: Kate Aces ### */
/* ### Used on: MediaWiki:Copyrightwarning ### */
/* ### MediaWiki:Recentchangestext ### */
/* ############################################ */
.ace-genericbox {
background: var(--theme-page-background-color);
border: 1px solid var(--theme-border-color);
border-radius: 15px;
}
/* ############################################ */
/* ### CONSOLE COMMANDS ### */
/* ### Used in: Template:Console ### */
/* ############################################ */
.ace-console {
font-family: monospace;
}
.ace-console-cmd {
color: var(--theme-page-text-color);
}
/* ############################################ */
/* ### HATNOTES ### */
/* ### Used in: Template:Hatnote ### */
/* ############################################ */
.va-hatnote {
padding-left: 10px;
font-style: italic;
margin-bottom: 2px;
margin-top: 1.5px;
font-family: monospace;
}
/* ############################################ */
/* ### Scrollable TOC ### */
/* ### User: Eckserah ### */
/* ### Will allow the TOC to scroll instead ### */
/* ### of the entire container ### */
/* ############################################ */
.scrollableToc .toc > ul {
height: 300px;
overflow: auto;
}
/* ############################################ */
/* ### Banner ### */
/* ### User: Kate Aces ### */
/* ### Template:Banner, PhotoSlider ### */
/* ############################################ */
.mainpage-shadowbox {
color: white;
background: rgb(16,16,16);
background: rgba(0,0,0,0.3);
border-radius: 4px;
}
.mainpage-shadowbox h2, .mainpage-shadowbox h3 {
color: white;
border:none;
font-family: sans-serif;
line-height: 1.2em;
margin:0;
padding: 0; /* was previously set only for h3, and skin styles would do the same for h2. however, cannot rely on skin to do this on mobile */
}
.mainpage-shadowbox a {
color: white;
font-weight: bold;
}
.banner-image {
position: relative;
max-width: 1125px;
height: auto;
margin-bottom: .6em;
}
.banner-image img {
max-width: 100%;
height: auto;
/* width: auto\9; */ /* ie8 */
}
.banner-box-wide {
width: 80%
}
.banner-box-left,
.banner-box-right {
padding: 8px 7px;
background: rgb(16,16,16);
background: rgba(0,0,0,0.3);
border-radius: 4px;
width: 40%;
}
.banner-box-left { text-align: left; }
.banner-box-right { text-align: right; }
.banner-box-2 {
position: absolute;
z-index: 2;
min-width: 20em;
}
@media screen and ( min-width: 720px ) { /* greater than or equal to */
.banner-image img.nolink { display: none; } /* can be removed when backward compat is no longer needed */
.banner-image span[typeof~='mw:File/Frameless'].nolink { display: none; }
.mainpage-shadowbox h2 {
font-size: 190%;
}
.mainpage-shadowbox h3 {
font-size: 150%;
}
.banner-image {
overflow: hidden;
}
.banner-box-left {
left: 3%;
}
.banner-box-right {
right: 3%;
}
.banner-box-2 {
margin-top: 2em;
}
.banner-box-2 .quote {
font-size: 80%;
line-height: 1.2em;
}
}
@media screen and ( max-width: 720px ) {
.banner-image img:not(.nolink) { display: none; } /* can be removed when backward compat is no longer needed */
.banner-image span[typeof~='mw:File/Frameless'] img { display: inline-block; } /* can be removed when b/c is no longer needed */
.banner-image span[typeof~='mw:File/Frameless']:not(.nolink) { display: none; }
.banner-image > .mainpage-shadowbox {
width: inherit !important;
min-height: 100%;
margin-left: -150%;
margin-right: 150%;
opacity: 0;
background: black;
}
.mainpage-shadowbox .quote > a:after {
content: '\ATap to learn more.';
white-space: pre;
}
.jcarousel-item:hover .mainpage-shadowbox {
margin: unset;
opacity: 1;
transition: margin 0.5s;
bottom: 50%;
}
.jcarousel-control-prev, .jcarousel-control-next {
display: none;
}
}
.mw-customtoggle, .mw-collapsible-toggle {
margin: 0px 10px;
}
.fw-scrollbox > h3:first-child {
margin-top: 4px;
padding-top: 3px;
}
/* ############################################ */
/* ### Youtube loading ### */
/* ### Will allow youtube videos to preview ### */
/* ### as images until clicked ### */
/* ### User: Eckserah ### */
/* ############################################ */
.youtube {
background-color: #000;
position: relative;
overflow: hidden;
cursor: pointer;
border:1px solid #000;
}
.youtube img {
width: 100%;
left: 0;
opacity: 0.5;
}
.youtube .play-button {
background: #a90000;
border-radius: 50% / 10%;
color: #FFFFFF;
font-size: 15px; /* change this to change size */
height: 3em;
padding: 0;
text-align: center;
text-indent: 0.1em;
transition: all 150ms ease-out;
width: 4em;
opacity: 0.9;
top: calc(50% - 1.5em);
left: calc(50% - 2em);
}
.youtube .play-button:hover {
background: red;
opacity: 0.95;
}
.youtube .play-button::before {
background: inherit;
border-radius: 5% / 50%;
bottom: 9%;
content: "";
left: -5%;
position: absolute;
right: -5%;
top: 9%;
}
.youtube .play-button::after {
border-style: solid;
border-width: 1em 0 1em 1.732em;
border-color: transparent transparent transparent rgba(255, 255, 255, 0.75);
content: ' ';
font-size: 0.75em;
height: 0;
margin: -1em 0 0 -0.75em;
top: 50%;
position: absolute;
width: 0;
}
.youtube img {
cursor: pointer;
}
.youtube img,
.youtube iframe,
.youtube .play-button {
position: absolute;
}
.youtube iframe {
height: 100%;
width: 100%;
top: 0;
}
.youtube .video-title {
position: relative;
padding: 10px 5px 10px 20px;
color: #fff;
font-weight: bold;
width: auto;
margin: 3px;
font-size: 18px;
text-shadow: -1px 1px 0 #000, 1px 1px 0 #000, 1px -1px 0 #000, -1px -1px 0 #000;
filter: drop-shadow(0 0 5px #000);
}
/* ############################################ */
/* ### HOME PAGE GIVE IT A SPIN! ### */
/* ### v13kobold/kate aces ### */
/* ############################################ */
.takekateforaspin img {
transition: transform .8s ease-in-out;
}
.takekateforaspin img:hover {
transform: rotateY(180deg);
}
/* ############################################ */
/* ### Template:Nav ### */
/* ### Kate Aces/Eckserah ### */
/* ############################################ */
.top-nav-main {
width: 100%;
}
.top-nav-inner {
border-top: 4px solid var(--theme-top-nav-border-top-color);
background-color: var(--theme-top-nav-background-color);
padding: 5px;
}
.top-nav-inner-ovv {
border-top: 4px solid var(--theme-top-nav-border-top-color);
background-color: var(--theme-top-nav-background-color);
padding: 5px;
}
.top-nav-header {
font-size: 16px;
text-align: center;
}
.top-nav-awards .top-nav-header {
text-align: left;
}
.top-nav-links {
text-align: center;
font-size: 14px;
}
/* ############################################ */
/* ### Template:Nav horiz ### */
/* ############################################ */
.horiz-nav-main {
background-color: var(--theme-horizontal-nav-background-color);
padding: 6px;
vertical-align: top;
border-radius: 10px;
}
.horiz-nav-inner {
font-size: 13.6px;
text-align: center;
padding: 0 5px;
}
/* ############################################ */lead
/* ### Image gallery center caption align ### */
/* ############################################ */
.caption-align-center .gallerytext p {
text-align: center;
}
/* ############################################ */
/* ### Fix an issue with the file ### */
/* ### history thumbs being borked ### */
/* ############################################ */
.filehistory .filehistory-thumb a img, #file img:hover {
background: none;
}
.filehistory .filehistory-thumb, #file .filepage-thumbcontainer:hover {
background: url('/resources/src/mediawiki.action/images/checker.svg?ff513') repeat !important;
}
.skin-cosmos .toc {
background-color: var(--theme-page-toc-background-color);
}
/* ############################################ */
/* ### Fix an issue with center captions ### */
/* ############################################ */
.pickmans_gallery_image .thumbcaption {
text-align: center;
}
/* ############################################ */
/* ### Template:Pagelist ### */
/* ### User:Kate-Aces ### */
/* ############################################ */
.ace-pagelist a.CategoryTreeLabelPage,
.ace-pagelist-hidefirst a.CategoryTreeLabelPage {
font-style: normal;
}
.ace-pagelist div.CategoryTreeItem,
.ace-pagelist-hidefirst div.CategoryTreeItem {
display: list-item;
list-style-type: disc;
list-style-position: outside;
margin-left: 1.5em;
}
.ace-pagelist-hidefirst div.CategoryTreeSection:first-child {
display: none;
}
.CategoryTreeItem .CategoryTreePageBullet {
border-left: 0 !important;
}
/* ############################################ */
/* ### Template:Document start ### */
/* ### Kate Aces ### */
/* ############################################ */
.doc-start-main {
width: 100%;
}
.doc-start-inner {
--theme-doc-start-background-color: #ffffe0;
--theme-doc-start-border-top-color: #405a55;
border-top: 4px solid var(--theme-doc-start-border-top-color);
background-color: var(--theme-doc-start-background-color);
padding: 5px;
}
.doc-start-text {
font-size: 13px;
text-align: center;
}
/* ############################################ */
/* ### Template:Divider ### */
/* ### Kate Aces ### */
/* ############################################ */
.divider-main {
width: 100%;
}
.divider-inner {
--theme-divider-background-color: #2C3E4C;
background-color: var(--theme-divider-background-color);
padding: 5px;
border-radius: 15px;
margin-bottom: 10px;
}
.divider-text {
font-size: 14px;
text-align: center;
color: #ffffff;
font-weight: bold;
}
/* ############################################ */
/* ### Scrollable tables ### */
/* ### Eckserah ### */
/* ############################################ */
.ace-table-content-scroll tbody {
display: block;
overflow: auto;
max-height: 300px;
}
.ace-table-content-scroll tbody tr:first-child {
position: sticky;
top: -1px;
left: 0;
}
/* ############################################ */
/* ### Remove social profile tabs ### */
/* ### Eckserah ### */
/* ############################################ */
.profile-tab-bar {
display:none !important;
}
/* ############################################ */
/* ### Auto-resize class for images ### */
/* ### Credit: AhmadF.Cheema ### */
/* ############################################ */
.res-img img {
max-width:100%;
height:auto;
}
/* ############################################ */
/* ### LGBT Userbox CSS ### */
/* ### User:RurinGas ### */
/* ### (by butchering Eckserah's work) ### */
/* ############################################ */
.lgbt-userbox {
padding-left: 6px;
margin: 2px;
clear: none;
float: left;
height: 54px;
width: 200px;
background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" ><defs><linearGradient id="Gradient" x1="0.15" y1="0.15" x2="0.85" y2="0.85"><stop offset="0%" stop-color="%23b827fc"/><stop offset="25%" stop-color="%232c90fc"/><stop offset="50%" stop-color="%23b8fd33"/><stop offset="75%" stop-color="%23fec837"/><stop offset="100%" stop-color="%23fd1892"/></linearGradient></defs><rect x="1" y="1" width="100%" height="100%" style="height:calc(114% - 10px);width:calc(104% - 10px)" rx="12" ry="12" stroke-width="2" fill="transparent" stroke="url(%23Gradient)"/></svg>');
}
.lgbt-userbox .left-cell {
vertical-align: middle;
padding: 0 0 3px 3px;
height: 50px;
width: 50px;
font-size: 14pt;
border-radius: 14px;
}
.lgbt-userbox .middle-cell {
vertical-align: middle;
line-height: 125%;
height: 50px;
font-size: 8pt;
}
/* ############################################ */
/* ### SCHMAULT TEC ### */
/* ### User:Kate Aces ### */
/* ############################################ */
.schmault-bio-container {
flex: 1;
border: 4px solid #1167b1;
background-color: #e6f3f8;
padding: 5px;
padding-bottom: 5px;
border-radius: 11px;
width: 85%;
flex-basis: 40%;
position: relative;
clear: both;
}
.schmault-bio-footer {
position: absolute;
bottom: 5px;
vertical-align: bottom;
width: calc(100% - 10px);
}
/* ############################################ */
/* ### LORE BOX DREEP ### */
/* ### User:Bow ### */
/* ############################################ */
.lorebox-highlight {
flex: 1;
border: 3px solid #386261;
background-color: #ebf4f6;
margin-bottom: 5px;
border-radius: 11px;
width: 90%;
flex-basis: 40%;
position: relative;
clear: both;
}
/* ############################################ */
/* ### NAV WILD WASTELAND ### */
/* ### User:Kate Aces ### */
/* ############################################ */
.wild-wasteland {
background-color: #f0f0bd;
padding: 4px;
vertical-align: top;
border-radius: 10px;
}
/* ############################################ */
/* ### Template:Mbox Nouveau ### */
/* ### User:Kate Aces ### */
/* ############################################ */
.ace-mbox {
color: var(--theme-page-text-color);
background-color: #e6f4fa;
clear: both;
padding: 2px 5px;
border-top: 4px solid #0959c1;
font-size: 12px;
line-height: 17px;
width: 100%;
border-radius: 9px;
}
.ace-mbox + .ace-mbox {
margin-top: -8px;
}
.ace-mbox th {
width: 40px;
text-align: center;
vertical-align: middle;
padding: 1px 0 1px 5px;
}
.ace-mbox td {
padding-left: 5px;
width: 100%;
}
/* ############################################ */
/* ### NAVBARS I THINK ### */
/* ### User:Kate Aces ### */
/* ############################################ */
.navbars {
background-color: var(--theme-nav-background-color--navbars) !important;
padding: 4px;
vertical-align: top;
border-radius: 10px;
}
/* ############################################ */
/* ### OTHER NAV NAMESPACE COLORS ### */
/* ### User:Wana ### */
/* ############################################ */
.mod-nav {
background-color: var(--theme-nav-background-color--headermod) !important;
padding: 4px;
vertical-align: top;
border-radius: 10px;
}
.resource-nav {
background-color: var(--theme-nav-background-color--headerres) !important;
padding: 4px;
vertical-align: top;
border-radius: 10px;
}
.ifw-nav {
background-color: var(--theme-nav-background-color--headerifw) !important;
padding: 4px;
vertical-align: top;
border-radius: 10px;
}
.ovv-nav {
background-color: var(--theme-nav-background-color--headerovv) !important;
padding: 4px;
vertical-align: top;
border-radius: 10px;
}
.user-nav {
background-color: var(--theme-nav-background-color--headeruser) !important;
padding: 4px;
vertical-align: top;
border-radius: 10px;
}
.user-nav img {
filter: invert(1);
}
/* ############################################ */
/* ### MERCH NAV ### */
/* ### User:Kate Aces ### */
/* ############################################ */
.merch-nav {
background-color: #fbceb1;
padding: 4px;
vertical-align: top;
border-radius: 10px;
}
/* ############################################ */
/* ### NAV SIMPLE ### */
/* ### User:Kate Aces ### */
/* ############################################ */
.nav-simple-main {
width: 100%;
}
.nav-simple-inner {
border-top: 4px solid var(--theme-nav-simple-border-top-color);
background-color: var(--theme-nav-simple-background-color);
padding: 5px 3px 3px 5px;
text-align: center;
}
.nav-simple-inner p {
margin: 0;
}
.nav-simple-links {
font-size: 13px;
}
.nav-simple-main {
--theme-nav-simple-border-top-color: #2B4563;
--theme-nav-simple-background-color: #eeecee;
}
.nav-simple-tech {
--theme-nav-simple-border-top-color: #2B4563;
--theme-nav-simple-background-color: #e7f1dc;
}
/* ############################################ */
/* ### Class to make things go away ### */
/* ### User:RurinGas ### */
/* ############################################ */
.goaway {
display:none;
}
/* ############################################ */
/* ### NOUVEAUBOXES ### */
/* ### Used in: Template:Nouveaubox ### */
/* ############################################ */
/* Outer table - widths, floats */
.ace-navbox {
width: 100%;
font-size: 11px;
line-height: 16px;
border-radius: 9px;
}
.ace-navbox-bottom {
width: 100%;
clear: both;
margin: 5px auto 0;
}
.ace-navbox-left {
width: 200px;
clear: left;
float: left;
margin: 10px;
}
.ace-navbox-right {
width: 200px;
clear: right;
float: right;
margin: 10px;
}
/* Inner tables */
.ace-navbox-brick {
width: 100%;
margin: 0;
border-radius: 15px;
}
/* Cellspacing */
.ace-navbox,
.ace-navbox-border,
.ace-navbox-brickcont,
.ace-navbox-padding,
.ace-navbox-space-h,
.ace-navbox-space-v {
background: transparent;
}
.ace-navbox-padding {
padding: 1px;
}
.ace-navbox-space-h {
width: 1px;
}
.ace-navbox-columncont .ace-navbox-space-h {
width: 0;
border-right: 0 solid var(--theme-border-color);
}
.ace-navbox-space-v {
height: 1px;
font-size: 1pt;
line-height: 0;
}
/* Cell styles and widths */
/* Remember to update the column width calculations when changing widths */
.ace-navbox-title {
background: var(--theme-accent-color) var(--theme-widget-background);
border: 0 solid var(--theme-border-color);
font-weight: normal;
color: var(--theme-accent-dynamic-color-1);
padding: 4px 2px;
border-radius: 15px;
}
.ace-navbox-headertext,
.ace-navbox-titletext {
font-weight: bold;
padding-left: 40px;
padding-right: 40px;
}
.ace-navbox-maintitle .ace-navbox-titletext {
font-size: 120%;
}
.ace-navbox-editlink {
float: left;
width: 40px;
text-align: left;
margin-left: 10px;
}
.ace-navbox-cell,
.ace-navbox-colgroup,
.ace-navbox-column,
.ace-navbox-footer,
.ace-navbox-group,
.ace-navbox-header,
.ace-navbox-image,
.ace-navbox-subgroup {
padding: 1px 2px;
border-radius: 15px;
}
.ace-navbox-colgroup,
.ace-navbox-group,
.ace-navbox-subgroup {
font-weight: bold;
border-radius: 15px;
}
.ace-navbox-group,
.ace-navbox-subgroup {
width: 15%;
text-align: center;
border-radius: 15px;
}
.ace-navbox-footer,
.ace-navbox-group,
.ace-navbox-header {
background: var(--theme-page-background-color--quinary);
border: 0 solid var(--theme-border-color);
border-radius: 15px;
}
.ace-navbox-colgroup,
.ace-navbox-subgroup {
background: var(--theme-page-background-color--quaternary);
border: 0 solid var(--theme-border-color);
border-radius: 15px;
}
.ace-navbox-cell,
.ace-navbox-column,
.ace-navbox-image {
background: var(--theme-page-background-color--secondary);
border: 0 solid var(--theme-border-color);
border-radius: 15px;
}
.ace-navbox-cell-nogroups,
.ace-navbox-column,
.ace-navbox-colgroup,
.ace-navbox-footer,
.ace-navbox-image {
text-align: center;
}
.ace-navbox-cell-withgroups {
text-align: left;
}
.ace-navbox-column {
vertical-align: top;
}
.ace-navbox-image {
width: 8%;
}
/* Lists in column rows */
.ace-navbox-formatlist ul,
.ace-navbox-formatlist li {
list-style: none;
line-height: 16px;
margin: 0.6em 0;
padding: 0;
}
.ace-navbox-formatlist li li {
font-size: 90%;
}
.ace-navbox-formatlist li ul {
margin-top: -0.1em;
margin-bottom: 0.5em;
}
.ace-navbox-formatlist li ul li {
margin: 0;
}
/* Nested */
.ace-navbox .ace-navbox-nested {
font-size: 100%;
}
.ace-navbox-nested .ace-navbox-title {
background: var(--theme-page-background-color--quinary);
color: var(--theme-page-text-color);
border: 0 solid var(--theme-border-color);
}
.ace-navbox-nested .ace-navbox-footer,
.ace-navbox-nested .ace-navbox-group,
.ace-navbox-nested .ace-navbox-header {
background: var(--theme-page-background-color--quaternary);
}
.ace-navbox-nested .ace-navbox-colgroup,
.ace-navbox-nested .ace-navbox-subgroup {
background: var(--theme-page-background-color--tertiary);
}
/* Links (using #content to give higher priority) */
#content .ace-navbox-editlink .ace-navbar-item a,
#content .ace-navbox-editlink .ace-navbar-item a:link,
#content .ace-navbox-editlink .ace-navbar-item a:visited,
#content .ace-navbox-editlink .ace-navbar-item a:hover,
#content .ace-navbox-editlink .ace-navbar-item a:active {
color: var(--theme-accent-dynamic-color-1);
}
#content .ace-navbox-nowraplinks .ace-navbox-cell a,
#content .ace-navbox-nowraplinks .ace-navbox-column a {
white-space: nowrap;
}
#content .ace-navbox-maintitle a,
#content .ace-navbox-maintitle a:link,
#content .ace-navbox-maintitle a:visited {
color: var(--theme-accent-dynamic-color-3);
}
#content .ace-navbox-maintitle a:hover,
#content .ace-navbox-maintitle a:active {
color: var(--theme-accent-dynamic-color-1);
}
/* ############################################ */
/* ### Jojobox Class ### */
/* ### User:RurinGas ### */
/* ############################################ */
.jojobox {
background-color: white;
border-style: solid;
border-width: 3px;
border-color: black;
border-radius: 8px;
width: 150px;
display: inline-block;
}
/* ############################################ */
/* ### Minor Ace-table fix ### */
/* ### User:RurinGas ### */
/* ############################################ */
.achievements td > p {
max-width: 960px;
display: block;
}
.table-no-bg td {
border: transparent;
}
.table-no-bg tr {
background: transparent;
}
/* ############################################ */
/* ### RURINFOBOXES CSS ### */
/* ### User:RurinGas ### */
/* ############################################ */
.infobox {
display: table;
background: #fff;
float: right;
clear: right;
font-size: 12px;
margin: 0 0 15px 15px;
border-radius: 10px;
overflow-x: clip;
border: solid 2px;
border-color: #50656f;
width: 270px !important;
max-width: 270px !important;
min-width: 270px !important;
table-layout: fixed;
}
.infoboxnexted{
display: table;
min-width: 266px;
overflow-x: clip;
table-layout: fixed;
width: 266px;
}
.infoboxlabel {
font-size: 12px;
width: 95px;
padding: 0 0 0 5px;
text-align: left;
}
.infoboxlabel:not(.infoboxspan2) {
min-width: 85px;
}
.infoboxcell {
font-size: 12px;
text-align: left;
padding-right: 7px;
width: 161px;
}
.infoboxspan {
text-align: center;
border-top: solid 0;
border-right: 1px solid #dce2e8;;
border-left: 1px solid #dce2e8;;
padding: 0 2px 0;
}
.infoboxmedia, .infoboximagecont{
font-size: 14px;
padding: 0;
flex-grow: 1;
}
.infoboxsubheading{
font-size: 14px;
padding: 7px;
background-color: #202a30;
background-image: url(https://fallout-wiki-files.nyc3.cdn.digitaloceanspaces.com/6/68/Hex.jpg);
background-blend-mode: soft-light;
}
.infoboxheading {
font-size: 18px;
padding: 9px;
background-color: #202a30;
background-image: url(https://fallout-wiki-files.nyc3.cdn.digitaloceanspaces.com/6/68/Hex.jpg);
background-blend-mode: soft-light;
}
.infoboxsuperheader {
padding: 5px 10px;
border-bottom:1px solid #dce2e8;
border-radius: 10px 10px 0 0;
}
.infoboxfooter {
font-size: 0;
}
.infoboxborder {
border-top:1px solid #dce2e8;
}
.infoboxtabber .tabber__tabs {
display: flex;
box-shadow: none;
flex-grow: 1;
flex-flow:wrap;
}
.infoboxtabber .tabber__tab:hover,
.infoboxtabber .tabber__tab {
display: grid;
flex-grow: 1;
border: 1px solid #c7e2da;
font-weight: Normal;
height: 29.5px;
box-shadow: none;
font-size:13px;
color: black !important;
flex-flow:wrap;
}
.infoboxtabber .tabber__tab--active:hover,
.infoboxtabber .tabber__tab--active {
background: #c7e2da;
font-weight: bold;
}
.infoboxmedia .infoboxtabber .tabber__section {
border-radius: 0 0 8px 8px
}
.infoboxtabber .tabber__tab:only-of-type, .tabber__tab:empty {
display: none;
}
@media only screen and (max-width: 800px) {
.infoboxnexted{
max-height: 500px !important;
}
}
.infoboximage {
max-width: 270px !important;
height: auto;
font-size: 0;
}
.infoboxcell p, .infoboxlabel p {
padding: 4px;
margin: 0;
}
.infoboxtabber .tabber__panel {
overflow-x: clip;
}
@media screen {
.infoboxnexted table {
overflow: inherit;
}
}
.infoboximage img, .infoboximagecont img {
max-width: 270px !important;
height: auto;
}
.infoboxcell p {
word-wrap: initial;
}
.infoboxtabber-no-br .tabber__section {
border-radius: 0 !important;
}
.infoboxmedia .infoboxtabber .tabber__panel:not(.tabber__panel--active), .infoboximagecont .infoboxtabber .tabber__panel:not(.tabber__panel--active), .infoboximage .tabber__panel:not(.tabber__panel--active) {
display: none;
}
.infoboximage .tabber__section, .infoboximagecont .infoboxtabber .tabber__section, .infoboxmedia .infoboxtabber .tabber__section {
height: auto !important;
}
@media (prefers-reduced-motion: no-preference) and (min-width: 720px) {
.infoboximage .tabber__section, .infoboxmedia .infoboxtabber .tabber__header, .infoboxmedia .infoboxtabber .tabber__section, .infoboxmedia .infoboxtabber .tabber__tabs,
.infoboximagecont .infoboxtabber .tabber__header, .infoboximagecont .infoboxtabber .tabber__section, .infoboximagecont .infoboxtabber .tabber__tabs{
scroll-behavior: unset;
}
}
.infoboxcollapse .mw-collapsible-toggle {
rotate: 90deg;
overflow-y: auto;
margin: -121px 0px 0px 110px;
position: absolute;
left: 5px;
font-family: 'Segoe UI';
width: 36px;
height: 264px;
text-align: center;
color: white;
}
.infoboxcollapse .mw-collapsible-toggle-default::before {
display: none;
}
.infoboxcollapse .mw-collapsible-text {
color: white;
position: absolute;
right: 15px;
visibility: hidden;
}
.infoboxcollapse .mw-collapsible-toggle-default::after {
content: "<";
visibility: initial;
font-size: 25px;
}
.infoboxcollapse .mw-collapsed .mw-collapsible-toggle-default::after {
content: ">";
visibility: initial;
font-size: 25px;
}
.infoboxcollapse .mw-collapsible-toggle-collapsed::after {
content: ">";
visibility: initial;
font-size: 25px;
}
.infoboxcollapse .mw-collapsible-toggle-expanded::after {
content: "<";
visibility: initial;
font-size: 25px;
}
.infoboxtabber .mw-collapsible .infoboxsubheading .mw-collapsible-toggle {
display: none;
}
.infoboxtabber .tabber__panel--active .mw-collapsible .infoboxsubheading .mw-collapsible-toggle {
display: block;
}
.infoboximage .tabber .tabber__tab {
height: 17.5px;
font-size: 12px;
}
.infobox tr {
display: flex;
}
.infoboxspan2 > p {
display: none;
}
.infoboxtext {
padding: 8px;
}
.infoboxspan2 {
text-align: center;
padding: 0;
border-left: 1px solid #dce2e8;
border-radius: 0 !important;
min-width: 37px;
}
.infoboxspan2 .infoboxtext {
padding: 4px;
}
.infoboxspan2, .infoboxsubheading, .infoboxsuperheader, .infoboxheading, .infoboxcell {
flex-grow: 1;
}
.infobox tr:last-child td {
border-radius: 0 0 10px 10px;
}
.infoboxtext .floatnone {
max-height: 28px;
top: -17px;
position: relative;
left: 2px;
}
.infoboxcell p {
word-wrap: initial;
padding: 4px 4px 4px 0;
margin-bottom: 0;
}
/* Chrome Fixes */
.infoboxsuperheader:first-child {
border-radius: 10px 10px 0 0;
}
.infoboxmedia:last-child {
border-radius: 0 0 10px 10px;
}
/* ############################################ */
/* ### Lorebox & Lead Bio Head Text Color ### */
/* ### User:RurinGas ### */
/* ############################################ */
.lead-bio-container td small a,
.lorebox-highlight td big a {
color: black;
}
/* ############################################ */
/* ### Hide Recent Changes Legend ### */
/* ### User:Kate Aces ### */
/* ############################################ */
.mw-changeslist-legend {
display:none;
}
/* ############################################ */
/* ### Hide Incessant MW Help Links ### */
/* ### User:Kate Aces ### */
/* ############################################ */
#mw-indicator-mw-helplink a {
display:none;
}
/* ############################################ */
/* ### Site Footer Image Size lock ### */
/* ### User:RurinGas ### */
/* ############################################ */
#footer-poweredbyico img, #f-poweredbyico img {
width: 88px;
height: auto;
}
/* ############################################ */
/* ### Blinking color text ### */
/* ### User:Wana ### */
/* ############################################ */
.blink-bg{
color: #fff;
padding: 10px;
display: inline-block;
border-radius: 5px;
animation: blinkingBackground 2s infinite;
}
@keyframes blinkingBackground{
0% { background-color: #10c018;}
25% { background-color: #1056c0;}
50% { background-color: #ef0a1a;}
75% { background-color: #254878;}
100% { background-color: #04a1d5;}
}
.blink-text{
color: #000;
font-weight: bold;
font-size: 2rem;
animation: blinkingText 2s infinite;
}
@keyframes blinkingText{
0% { color: #10c018;}
25% { color: #1056c0;}
50% { color: #ef0a1a;}
75% { color: #254878;}
100% { color: #04a1d5;}
}
/* ############################################ */
/* ### Template:Collapsible Centering ### */
/* ### User:RurinGas ### */
/* ############################################ */
.ace-table .mw-collapsible-toggle:not(th .mw-collapsible-toggle), .portable-infobox .mw-collapsible-toggle {
display: contents;
}
/* ############################################ */
/* ### Hide Front Page Title ### */
/* ### User:Wana ### */
/* ############################################ */
.page-Fallout_Wiki h1 { display: none; }
/* ############################################ */
/* ### Snap to Top button ### */
/* ### User:RurinGas ### */
/* ############################################ */
#scrollUpButton {
position: fixed;
bottom: 10px;
height: 110px;
right: 18px;
opacity: 0.7;
cursor: pointer;
display: inline;
}
@media only screen and (max-width: 450px) {
#scrollUpButton {
display: none;
visibility: hidden;
}
#projectYeltsa {
display: none;
visibility: hidden;
}
}
/* ############################################ */
/* ### Tardis Shenanigans ### */
/* ### User:Kate Aces ### */
/* ### Based on Template:Frog at JoJo Wiki ### */
/* ############################################ */
.tardis {
opacity: 0.1;
transition: opacity 0.5s linear;
}
.tardis:hover {
opacity: 1;
transition: visibility 0s 0.5s, opacity 0.5s linear;
}
.tardis img:hover {
animation: shake 0.5s;
animation-iteration-count: 1;
}
@keyframes shake {
0% { transform: rotate(0deg); }
10% { transform: rotate(-3deg); }
20% { transform: rotate(0deg); }
30% { transform: rotate(3deg); }
}
@media screen and (max-width: 1600px){
.tardis {display:none;}
}
/* ############################################ */
/* ### Content Warning Box ### */
/* ### User:RurinGas ### */
/* ############################################ */
#contentWarning table {
background-color: #e5cb69;
}
/* ############################################ */
/* ###Content Warning/ Spoiler Blackout text### */
/* ### User:Wana ### */
/* ############################################ */
.spoiler-text {
background: var(--theme-body-text-color);
display: inline;
cursor: help;
transition: background 0.3s ease 0.2s, color 0.2s ease 0.25s;
}
.spoiler-text:hover,
.spoiler-text:focus {
background: none;
}
/* ############################################ */
/* ### Misc. Small Fixes/Tweaks ### */
/* ### User:RurinGas ### */
/* ############################################ */
.MediaTransformError {
display: none !important;
}
#TechnicalDifficulties {
visibility: hidden;
}
.dplinlinefix .top-nav-main .top-nav-header center span p {
display: inline;
}
/* ############################################ */
/* ### Special:ContributionScores ### */
/* ### User:MeatServo/Kate Aces ### */
/* ############################################ */
.contributionscores-wrapper {
}
.contributionscores-title {
background-color: #e8c96e;
margin-bottom: 0px;
border-radius: 20px;
font-size: 15px;
font-weight: bold;
vertical-align: middle;
text-align: center;
}
.contributionscores .header {
background-color: #eee;
font-weight: bold;
}
.contributionscores .odd {
background-color: #eee;
}
.contributionscores .header td {
padding-left: .2em;
padding-right: .2em;
}
.contributionscores .content {
padding-left: .2em;
padding-right: .2em;
}
/* ############################################ */
/* ### Medal Madness (With shine!) ### */
/* ### User:Wana ### */
/* ############################################ */
/* generic shine */
.genericshine, .medalsilver, .medalgold {
z-index: 0;
position: relative;
}
/* Shine */
.medalgold:after{
content:;
top:0;
transform:translateX(100%);
width:100%;
height:100px;
position: absolute;
z-index:0;
animation: medalslide 2s infinite;
/*
CSS Gradient - complete browser support from http://www.colorzilla.com/gradient-editor/
*/
background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 50%, rgba(128,186,232,0) 99%, rgba(125,185,232,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,0.8)), color-stop(99%,rgba(128,186,232,0)), color-stop(100%,rgba(125,185,232,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); /* IE10+ */
background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#fef4b9',GradientType=1 ); /* IE6-9 */}
.medalsilver:after{
content:;
top:0;
transform:translateX(100%);
width:100%;
height:100px;
position: absolute;
z-index:0;
animation: medalslide 2s infinite;
/*
CSS Gradient - complete browser support from http://www.colorzilla.com/gradient-editor/
*/
background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 50%, rgba(128,186,232,0) 99%, rgba(125,185,232,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,0.8)), color-stop(99%,rgba(128,186,232,0)), color-stop(100%,rgba(125,185,232,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); /* IE10+ */
background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffd700',GradientType=1 ); /* IE6-9 */}
.genericshine:after{
content:;
top:0;
transform:translateX(100%);
width:100%;
height:100%;
position: absolute;
z-index:0;
animation: medalslide 2s infinite;
/*
CSS Gradient - complete browser support from http://www.colorzilla.com/gradient-editor/
*/
background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 50%, rgba(128,186,232,0) 99%, rgba(125,185,232,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,0.8)), color-stop(99%,rgba(128,186,232,0)), color-stop(100%,rgba(125,185,232,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); /* IE10+ */
background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffd700',GradientType=1 ); /* IE6-9 */}
/* animation */
@keyframes medalslide {
0% {transform:translateX(-100%);}
100% {transform:translateX(100%);}
}
.medalgold .ace-userbox {
background: linear-gradient(to bottom, #f5c21b, #D17000);
}
.medalsilver .ace-userbox {
background: linear-gradient(to bottom, #D7D7D8, #A8A9AD);
}
/* ############################################ */
/* ### Fakelinker ### */
/* ### User:Wana ### */
/* ############################################ */
.fakelinks {
cursor: pointer;
color: var(--theme-link-color);
}
.fakelinks:hover {
color: var(--theme-link-color--hover);
}
.fakelinks:focus {
text-decoration: underline;
}
.fakelinks:visited {
color: var(--theme-link-color--visited);
}
.fakelinks:active {
color: var(--theme-link-color);
}
/* ############################################# */
/* ### ProfileTags for every Skin but Cosmos ### */
/* ### User:RurinGas ### */
/* ############################################# */
#citizenProfileTag {
position: relative;
color: #000;
padding: 3px 3px 5px;
background-color: #e1e1e1;
border-radius: 6px;
display: inline-block;
margin-left: 12px;
font-size: 12px;
font-style: normal;
font-weight: bold;
line-height: 1.5;
vertical-align: text-bottom;
}
.AprilFoolsAds img {
width: 100%;
height: auto;
}
/* ############################################# */
/* ### Home is where the infobox is ### */
/* ### User:Wana ### */
/* ############################################# */
.rightSideMe {
float: right;
clear: right;
font-size: 12px;
overflow-x: hidden;
width: 270px !important;
max-width: 270px !important;
min-width: 270px !important;
text-align: right;
margin-left: auto;
}
.floatright {
float: right;
clear: right;
}
/* ############################################# */
/* ### Remove language dropdown in ### */
/* ### upload wizard ### */
/* ### User:Eckserah ### */
/* ############################################# */
.mwe-upwiz-singleLanguageInputWidget-language, .mwe-upwiz-singleLanguageInputWidget-removeItem, .mwe-upwiz-multipleLanguageInputWidget-addItem {
display: none !important;
}
/* ############################################# */
/* ### Affiliate Navbox Colors ### */
/* ### User:Eckserah ### */
/* ############################################# */
.nav-affiliate-grouping-header {
font-size:120%;
color: var(--theme-nav-affiliate-header-font-color);
}
.nav-affiliate-grouping {
font-size:112%;
padding-bottom: 1px;
border-radius: 6px;
background-color: var(--theme-nav-affiliate-background-color);
padding: 5px; width: 98%;
line-height: 1;
margin: 0px;
}
.va-tooltip {
cursor: help;
text-decoration: underline var(--theme-body-text-color) dotted;
}
/* ############################################# */
/* ### Edit Message Popup ### */
/* ### User:RurinGas & Eckserah ### */
/* ############################################# */
body .postedit-container {
top: 33px;
right: unset;
}
.postedit {
box-shadow: rgba(127, 127, 127, 0.8) 0 0 10px 5px;
border-radius: 20px 4px 20px 4px;
font-weight: bold;
border-color: black;
background-color: var(--theme-page-background-color--aceiary) !important;
}
/* ############################################ */
/* ### Namespace alt colors ### */
/* ### Kate Aces ### */
/* ############################################ */
/*falloutwiki namespace colors*/
.theme-light.ns-4 {
--theme-divider-background-color: #4e2d4e;
--theme-top-nav-border-top-color: #3d2f4b;
--theme-top-nav-background-color: #ebdbf0;
}
.theme-dark.ns-4 {
--theme-divider-background-color: #4e2d4e;
--theme-top-nav-border-top-color: #3d2f4b;
--theme-top-nav-background-color: #ebdbf0;
}
/*projects namespace colors*/
.theme-light.ns-3000 {
--theme-divider-background-color: #4e2d4e;
--theme-top-nav-border-top-color: #3d2f4b;
--theme-top-nav-background-color: #ebdbf0;
}
.theme-dark.ns-3000 {
--theme-divider-background-color: #4e2d4e;
--theme-top-nav-border-top-color: #3d2f4b;
--theme-top-nav-background-color: #ebdbf0;
}
/*mod namespace colors*/
.theme-light.ns-4000 {
--theme-divider-background-color: #4e452d;
--theme-top-nav-border-top-color: #4b4b2f;
--theme-top-nav-background-color: #e7ecd8;
}
.theme-dark.ns-4000 {
--theme-divider-background-color: #4e452d;
--theme-top-nav-border-top-color: #4b4b2f;
--theme-top-nav-background-color: #e7ecd8;
}
/*community namespace colors*/
.theme-light.ns-4500 {
--theme-divider-background-color: #215d60;
--theme-top-nav-border-top-color: #304a42;
--theme-top-nav-background-color: #e0e8e7;
}
.theme-dark.ns-4500 {
--theme-divider-background-color: #bbc482;
--theme-top-nav-border-top-color: #84791e;
--theme-top-nav-background-color: #e1e1ce;
}
/*resources namespace colors*/
.theme-light.ns-3002 {
--theme-divider-background-color: #4a3729;
--theme-top-nav-border-top-color: #7d5d20;
--theme-top-nav-background-color: #ece3dc;
}
.theme-dark.ns-3002 {
--theme-divider-background-color: #4a3729;
--theme-top-nav-border-top-color: #7d5d20;
--theme-top-nav-background-color: #ece3dc;
}
/*overview namespace colors*/
.theme-light.ns-3100 {
--theme-divider-background-color: #4e2d2d;
--theme-top-nav-border-top-color: #4b2f2f;
--theme-top-nav-background-color: #dbd1d1;
}
.theme-dark.ns-3100 {
--theme-divider-background-color: #b56969;
--theme-top-nav-border-top-color: #c97f7f;
--theme-top-nav-background-color: #756f6f;
}
/*technical namespace colors*/
.theme-light.ns-3300 {
--theme-divider-background-color: #20384E;
--theme-top-nav-border-top-color: #25384B;
--theme-top-nav-background-color: #CFD4DA;
}
.theme-dark.ns-3300 {
--theme-divider-background-color: #4783B6;
--theme-top-nav-border-top-color: #6298C9;
--theme-top-nav-background-color: #6E7174;
}
/*source namespace colors*/
.theme-light.ns-3300 {
--theme-divider-background-color: #20384E;
--theme-top-nav-border-top-color: #25384B;
--theme-top-nav-background-color: #CFD4DA;
}
.theme-dark.ns-3300 {
--theme-divider-background-color: #4783B6;
--theme-top-nav-border-top-color: #6298C9;
--theme-top-nav-background-color: #6E7174;
}
/*marketing namespace colors*/
.theme-light.ns-3400 {
--theme-divider-background-color: #20384E;
--theme-top-nav-border-top-color: #25384B;
--theme-top-nav-background-color: #CFD4DA;
}
.theme-dark.ns-3400 {
--theme-divider-background-color: #4783B6;
--theme-top-nav-border-top-color: #6298C9;
--theme-top-nav-background-color: #6E7174;
}
/*user namespace colors*/
.theme-light.ns-2 {
--theme-top-nav-border-top-color: #2f354b;
--theme-top-nav-background-color: #cbdbec;
}
.theme-dark.ns-2 {
--theme-top-nav-border-top-color: #2f354b;
--theme-top-nav-background-color: #cbdbec;
}
/* ################################################ */
/* ### NEW CRAFTING TABLES ### */
/* ################################################ */
.ace-crafting-table-new {
font-size: 11px;
line-height: 16px;
margin-bottom: 5px;
border-radius: 12px;
}
.ace-crafting-block-new {
border: 1px solid var(--theme-border-color);
margin: 0;
padding: 1px 2px;
border-radius: 12px;
background-color: var(--theme-craftingbox-color);
}
.ace-crafting-block-new + .ace-crafting-block-new {
margin-top: 3px;
border-radius: 12px;
}
.ace-crafting-requirement-new {
background-color: var(--theme-page-background-color--quaternary);
border-radius: 12px;
}
.ace-crafting-highlight-new {
background-color: var(--theme-craftingbox-color);
border-radius: 12px;
}
.ace-crafting-table-new .selflink {
font-weight: normal;
border-radius: 12px;
}
/* ######################################################### */
/* ### Make stuff in parenthesis smaller and italics ### */
/* ### User:Wana ### */
/* ######################################################### */
.title-parenthesis {
font-style: italic; /* Make text italic */
font-size: 0.7em; /* Slightly smaller font size */
opacity: 0.9; /* 90% transparency */
color: inherit; /* Keep the text color consistent with the title */
}
/* ######################################################### */
/* ### Make the namespace tag styled too ### */
/* ### User:Wana ### */
/* ######################################################### */
.namespace-tag {
font-size: 0.65em; /* Set the size to 65% of the original font size */
opacity: 0.9; /* Set the opacity to 90% */
color: inherit; /* Inherit color from the surrounding text */
font-weight: bold; /* Make the namespace text bold */
display: inline-block; /* Ensure it flows with the title */
width: 100%; /* Ensure it spans the full width for proper alignment */
position: relative; /* Absolute positioning to place it above the title */
left: 0; /* Align it to the left */
padding-bottom: 5px; /* Adds some space below the namespace tag */
}
/* Optional: Only apply padding when there is a namespace tag */
.has-namespace #cosmos-title-text {
padding-top: 22px; /* Add padding only if namespace tag exists */
}
/* ######################################################### */
/* ### Rurin's cheap recursive collumn fix ### */
/* ### User:RurinGas ### */
/* ######################################################### */
.va-columns > .va-columns {
column-count: auto !important;
}
/* ################################################### */
/* ### Fix search current tab to show ### */
/* ### that it's current ### */
/* ### User:Ecks ### */
/* ################################################### */
.search-types .current {
background-color: var(--theme-search-tab-current-background-color);
}
#content .search-types li {
border-right: 1px solid #c8ccd1;
}
#content .search-types li a {
color: var(--theme-link-color);
}
#content .search-types .current a, #content .search-types .current a:visited {
color: var(--theme-search-tab-current-text-color);
font-weight: bold;
}
/* ######################################################### */
/* ### Rurin's Qwerky Color Filters ### */
/* ### User:RurinGas ### */
/* ######################################################### */
.color-nv {
filter: sepia(100%) saturate(250%) hue-rotate(-10deg);
}
.color-3 {
filter: sepia(100%) saturate(250%) hue-rotate(75deg);
}
.intactv-mapmarker:hover a img {
transform: scale(1.3);
}
/* ######################################################### */
/* ### Map Backgrounds ### */
/* ### User:RurinGas ### */
/* ######################################################### */
/* ### BASE ### */
.basemap {
width: 1024px;
height: 1024px;
margin: auto;
border: 0 solid #20a200;
background-size: 100%;
background-repeat: no-repeat;
position: relative;
}
/* ### FALLOUT 3 ### */
.fo3map {
background-image: url('Datei:Fallout 3 blank map.png');
}
.plmap {
background-image: url('Datei:Point Lookout map with locations.png');
}
.tpmap {
background-image: url('Datei:Dlc01pittworldmap.png');
}
.oamap {
background-image: url('Datei:Fo3 Operation Anchorage map.jpg');
}
/* ### FALLOUT: NEW VEGAS ### */
.fnvmap {
background-image: url('Datei:Wasteland nv 1024 no map.png');
}
.owbmap {
background-image: url('Datei:Big Empty.jpg');
}
.hhmap {
background-image: url('Datei:Zion worldmap 01.jpg');
}
.lrmap {
background-image: url('Datei:Wasteland divide 1024 no map.jpg');
}
/* ### FALLOUT 4 ### */
.fo4map {
background-image: url('Datei:Fo4-pip-map.png');
}
.fhmap {
background-image: url('Datei:Map Far Harbor.png');
}
.nwmap {
background-image: url('Datei:PipBoy-Map-NukaWorld.png');
}
/* ### FALLOUT 76 ### */
.f76map {
background-image: url('Datei:FO76 Map Burning Springs Update.webp');
}
/* ############################################################################# */
/* ### Styling in resource pages User:pra ### */
/* ### -------------------------------------------------------------------- ### */
/* ############################################################################# */
tr.node-conflict-row td:first-child .reference a,
tr.node-conflict-row td:nth-child(2) .reference a,
tr.node-conflict-row td:nth-child(3) .reference a {
cursor: help;
}
.node-conflict-basegame,
body #mw-content .node-conflict-basegame .reference a {
color:red;
font-weight:bold;
}
tr.node-conflict-basegame td:nth-child(2) .reference a:before {
content: "☠";
margin-right: 5px;
}
.node-conflict-mod,
.node-conflict-cc,
body #mw-content .node-conflict-mod .reference a ,
body #mw-content .node-conflict-cc .reference a {
color:red;
}
tr.node-conflict-cc td:nth-child(2) .reference a:before,
tr.node-conflict-mod td:nth-child(2) .reference a:before {
content: "⚠";
margin-right: 5px;
}
.node-conflict-allowed,
body #mw-content .node-conflict-allowed .reference a {
color:#828200;
}
tr.node-conflict-allowed td:nth-child(2) .reference a:before {
content: "ⓘ";
margin-right: 5px;
}
ul.node-conflicts > li {
list-style-type: none;
}
ul.node-conflicts > li:before {
content: " ";
margin-left: -1.2em;
margin-right: 0.4em;
}
ul.node-conflicts > li.conflict-line-allowed:before {
content: "ⓘ";
}
ul.node-conflicts > li.conflict-line-cc:before,
ul.node-conflicts > li.conflict-line-mod:before {
content: "⚠";
}
ul.node-conflicts > li.conflict-line-base:before {
content: "☠";
}
/* ############################################################################# */
/* ### Removelink class for links that we want to be the ### */
/* ### same color as normal text ### */
/* ### User: Ecks ### */
/* ############################################################################# */
.removelink {
color: var(--theme-body-text-color) !important;
}
/* ############################################################################# */
/* ### Fix placement of sound files in tables ### */
/* ### User: Rurin ### */
/* ############################################################################# */
.ace-table td .np-quote-snd-trigger {
display: contents;
}
.ace-table td .np-quote-snd-trigger .np-quote-snd-player {
top: inherit;
left: inherit;
}
/*.cosmos-header__wordmark a img {
content:url("Datei:Wiki.webp");
}*/
/* ############################################################################# */
/* ### Tabber tabs are more obviously tabs ### */
/* ### User: Rurin ### */
/* ############################################################################# */
.tabber__tab--active {
background: #8de6dd73 !important;
}
.tabber__tabs > a {
background: #80808061;
border: 1px gray solid;
border-radius: 5px 5px 0 0;
}
/* ############################################################################# */
/* ### Cool wiggle, shake, pulse and zoom fx ### */
/* ### ### */
/* ### User: Wana ### */
/* ############################################################################# */
/*Original CSS by Digitango https://codepen.io/Digitango/pen/YQQBXR*/
/* Add display: inline-block to ALL animation classes */
.wiggleFX-icon,
.shakeFX-icon,
.pulseFX-icon,
.wiggleAlwaysFX-icon,
.shakeAlwaysFX-icon,
.pulseAlwaysFX-icon,
.zoomAlwaysFX-icon,
.zoomFX-icon {
display: inline-block; /* Critical for these animations */
}
.wiggleAlwaysFX-icon {
animation: wigglesoft 1.5s ease-in-out infinite;
}
/* Wiggle effect for icons/images */
.wiggleFX-icon:hover {
animation: wiggle 1000ms ease-in-out 1;
}
.popFX-icon {
transition: 0.4s ease-out;
}
.popFX-icon:hover {
transform: scale(1.04);
}
/* Shake effect */
.shakeFXAlways-icon {
animation: shake 0.5s ease-in-out infinite;
}
.shakeFX-icon:hover {
animation: shake 0.5s ease-in-out 1;
}
/* Pulse effect */
.pulseFX-icon:hover {
animation: pulse 1s ease-in-out infinite;
}
.pulseAlwaysFX-icon {
animation: pulse 1s ease-in-out infinite;
}
/* Zoom effect */
.zoomFX-icon:hover {
animation: zoom 0.3s ease-in-out 1;
transform-origin: center;
}
.zoomAlwaysFX-icon {
animation: zoom 0.3s ease-in-out infinite;
transform-origin: center;
}
/* Keyframes */
@keyframes wiggle {
0% { transform: rotate(0deg); }
25% { transform: rotate(-5deg); }
50% { transform: rotate(10deg); }
75% { transform: rotate(-5deg); }
100% { transform: rotate(0deg); }
}
@keyframes wigglesoft {
0% { transform: rotate(0deg); }
15% { transform: rotate(-3deg); }
30% { transform: rotate(3deg); }
45% { transform: rotate(-2deg); }
60% { transform: rotate(2deg); }
75% { transform: rotate(-1deg); }
90% { transform: rotate(1deg); }
100% { transform: rotate(0deg); }
}
@keyframes shake {
0%, 100% { transform: translateX(0); }
20% { transform: translateX(-5px); }
40% { transform: translateX(5px); }
60% { transform: translateX(-5px); }
80% { transform: translateX(5px); }
}
@keyframes pulse {
0% { transform: scale(1); }
50% { transform: scale(1.1); }
100% { transform: scale(1); }
}
@keyframes zoom {
0% { transform: scale(1); }
50% { transform: scale(1.2); }
100% { transform: scale(1); }
}
/* ############################################################################# */
/* ### Glowy backround for text fx ### */
/* ### ### */
/* ### User: Wana ### */
/* ############################################################################# */
/*Original CSS by Ryan Colgin https://codepen.io/ryancolgin/pen/DMewJJ*/
/* Add the basic effects to all colors */
.glowYellowFX-icon,
.glowBlueFX-icon,
.glowRainbowFX-icon,
.glowRainbow2FX-icon {
-moz-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
-webkit-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
}
.glowYellowFX-icon:hover,
.glowBlueFX-icon:hover,
.glowRainbowFX-icon,
.glowRainbow2FX-icon {
-moz-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
-webkit-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
}
/* Inline block for the animated ones */
.glowRainbowFX-icon,
.glowRainbow2FX-icon {
display: inline-block; /* Critical for all animations */
}
/*Yellow*/
.glowYellowFX-icon:hover {
text-shadow: 0px 0px 30px var(--theme-accent-dynamic-color-3); /* For text elements */
-webkit-filter: drop-shadow(0 0 30px var(--theme-accent-dynamic-color-3)); /* For images (Webkit) */
filter: drop-shadow(0 0 30px var(--theme-accent-dynamic-color-3)); /* Standard for images */
}
/*Blue*/
.glowBlueFX-icon:hover {
text-shadow: 0px 0px 30px var(--theme-page-background-color--quinary); /* For text elements */
-webkit-filter: drop-shadow(0 0 30px var(--theme-page-background-color--quinary)); /* For images (Webkit) */
filter: drop-shadow(0 0 30px var(--theme-page-background-color--quinary)); /* Standard for images */
}
/* Rainbow glow */
.glowRainbow2FX-icon {
position: relative;
display: inline-block;
}
.glowRainbow2FX-icon::after {
content: ;
position: absolute;
top: -12px;
left: -12px;
right: -12px;
bottom: -12px;
z-index: -1;
background: linear-gradient(90deg,
rgba(255, 0, 24, 0.8), /* Red */
rgba(255, 140, 0, 0.8), /* Orange */
rgba(255, 237, 0, 0.8), /* Yellow */
rgba(0, 128, 38, 0.8), /* Green */
rgba(0, 77, 255, 0.8), /* Blue */
rgba(117, 7, 135, 0.8), /* Purple */
rgba(255, 0, 24, 0.8), /* Red again */
rgba(255, 140, 0, 0.8), /* Orange again */
rgba(255, 237, 0, 0.8), /* Yellow again */
rgba(0, 128, 38, 0.8), /* Green again */
rgba(0, 77, 255, 0.8), /* Blue again */
rgba(117, 7, 135, 0.8), /* Purple again */
rgba(255, 0, 24, 0.8) /* Final Red to loop */
);
background-size: 300% 100%;
background-repeat: repeat;
filter: blur(12px);
border-radius: 50%;
opacity: 0;
transition: opacity 0.3s ease;
animation: none;
}
.glowRainbow2FX-icon:hover::after {
opacity: 1;
animation: rainbow-glow-loop 6s linear infinite;
}
@keyframes rainbow-glow-loop {
0% {
background-position: 0% 0%;
}
100% {
background-position: 100% 0%;
}
}
/* ############################################################################# */
/* ### Lazy username template fallback ### */
/* ### User: RurinGas ### */
/* ############################################################################# */
.insertusername:empty::after {
content: 'User';
}
/* ############################################################################# */
/* ### 3D Viewer stuff from TF2wiki ### */
/* ### User: Wana ### */
/* ############################################################################# */
/* 3D/2D viewer */
.container-2d {
display: none;
position: relative;
}
.viewer-2d {
position: relative;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
#switch-to-3d {
position: absolute;
top: 0;
right: 0;
background: url("/6/65/2D_icon.png");
width: 63px;
height: 42px;
z-index: 999;
opacity: 0.5;
cursor :pointer;
cursor: hand;
transition: opacity 0.2s;
}
#switch-to-2d {
position: absolute;
top: 0;
right: 0;
background: url("/7/7e/3D_icon.png");
width: 63px;
height: 42px;
z-index: 999;
opacity: 0.5;
cursor: pointer;
cursor: hand;
transition: opacity 0.2s;
}
#switch-to-3d:hover, #switch-to-2d:hover {
opacity: 1.0;
}
/* 3D model viewer */
.viewer-3d span {
display: none;
}
.viewer-3d {
background: #ffffff;
margin: 4px;
display: block;
cursor: move;
position: relative;
}
.viewer-3d-frame {
position: absolute;
}
.viewer-3d-overlay {
background: url(e/ed/3D_rotation_icon.png) bottom right no-repeat;
width: 100%;
height: 100%;
opacity: 0.5;
position: relative;
}
/* End 3D model viewer */
/* New 3D viewer specific CSS */
.viewer-3d-container {
display: block;
padding: 2px;
margin-left: auto;
margin-right: auto;
background: #ffffff;
width: 288px;
}
.viewer-3d-container ul {
padding: 0px;
margin: 0px;
}
.viewer-3d-container ul li {
display: block;
margin: 0px;
margin-top: 2px; /* For vertical spacing of the buttons */
list-style: none;
text-align: center;
}
.viewer-3d-container ul a {
display: block;
width: 134px;
padding: 4px;
color: #ffffff;
text-decoration: none;
font-family: "TF2 Build";
font-size: 1.25em;
opacity: .5;
}
.viewer-3d-container ul a:hover {
opacity: 1;
}
.view-selector-red,
.view-selector-red-right,
.view-selector-red-left,
.view-selector-red-full,
.view-selector-red a,
.view-selector-red-right a,
.view-selector-red-left a {
background: #B8383B;
}
.view-selector-red,
.view-selector-red-left {
float: left
}
.view-selector-red-right {
float: right;
}
.view-selector-red-full {
width: 100%;
clear: both;
float: left;
}
.view-selector-red-full a {
width: 100% !important;
}
.view-selector-blu,
.view-selector-blu-right,
.view-selector-blu-left,
.view-selector-blu-full,
.view-selector-blu a,
.view-selector-blu-right a,
.view-selector-blu-left a {
background: #5885A2;
}
.view-selector-blu,
.view-selector-blu-right {
float: right;
}
.view-selector-blu-left {
float: left;
}
.view-selector-blu-full {
width: 100%;
clear: both;
float: left;
}
.view-selector-blu-full a {
width: 100% !important;
}
.view-selector-default-left {
float: left;
background: #F3A957;
}
.view-selector-default-right {
float: right;
background: #F3A957;
}
.view-selector-default-full {
width: 100%;
float: left;
clear: both;
background: #F3A957;
}
.view-selector-default-full a {
width: 100% !important;
}
div.mw-highlight, div.mw-highlight * {
font-family: monospace !important;
}
/* ############################################################################# */
/* ### Special Mbox styling for overlayed images ### */
/* ### User: Wana ### */
/* ############################################################################# */
/* Icon overlay styling */
.va-icon-container {
position: relative;
display: inline-block;
line-height: 0;
}
.va-icon-overlay {
position: absolute;
top: -5px;
right: -5px;
z-index: 10;
border-radius: 50%;
padding: 2px;
box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
animation: overlaygentlewiggle 2s ease-in-out infinite;
/* Ensure smooth animation */
transform: translateZ(0);
}
@keyframes overlaygentlewiggle {
0%, 100% {
transform: rotate(0deg) translateY(0);
}
25% {
transform: rotate(3deg) translateY(-2px);
}
50% {
transform: rotate(0deg) translateY(0);
}
75% {
transform: rotate(-3deg) translateY(-2px);
}
}
.ace-new-page-templates {
margin: 0 0 0 0;
padding: 2px;
}
.ace-new-page-templates .ace-table-top {
background: transparent;
margin: 0;
width: 100%;
}
.ace-new-page-templates .game-name {
/* width: 15%; */
text-align: right;
white-space: nowrap;
padding-left: 10px;
}
.ace-new-page-templates .template-list {
padding-left: 0px;
}
.ace-new-page-templates .template-list-header {
color: var(--theme-ace-new-page-templates-header-text-color);
margin-left: 10px;
}
.ace-new-page-templates .template-list-contents {
margin-left: 20px;
}
.CategoryTreeTag {
margin-top: 0 !important;
}
.va-navbox-cell > div {
display: flex;
flex-wrap: wrap;
}
/* ############################################ */
/* ### Image Resizing ### */
/* ### User:RurinGas ### */
/* ############################################ */
a > img {
max-width: 100%;
height: auto;
}
@media screen {
a.image > img {
max-width: 100%;
}
}
.ace-flex-table img {
max-width: 100%;
height: auto;
margin-left: auto;
margin-right: auto;
}
/* Emergancy Resizing Escape */
.notpageimage {
max-width: unset;
height: unset;
}
.thumbimage {
width: 100%;
height: auto;
}
/* ############################################ */
/* ### SocialProfile Cog PFP frame ### */
/* ### User:RurinGas ### */
/* ############################################ */
/* Disabled by request of kate */
/*#profile-image img {
clip-path: polygon(43% 11%, 45% 2%, 56% 2%, 58% 12%, 69% 16%, 77% 9%, 86% 17%, 80% 26%, 86% 36%, 97% 37%, 98% 47%, 89% 51%, 87% 62%, 95% 70%, 89% 79%, 79% 76%, 70% 83%, 71% 94%, 62% 97%, 57% 88%, 43% 88%, 38% 97%, 29% 94%, 30% 83%, 21% 76%, 11% 79%, 6% 70%, 13% 62%, 11% 50%, 2% 47%, 3% 37%, 14% 36%, 20% 25%, 15% 16%, 22% 10%, 31% 16%);
}*/
/* ############################################ */
/* ### Bingo stuff ### */
/* ### User:Wana ### */
/* ############################################ */
.bingo-dim img {
opacity: 0.3;
filter: grayscale(100%);
}
/* ############################################ */
/* ### Minor Suggested Article Card Fixes ### */
/* ### User:RurinGas ### */
/* ############################################ */
.ext-related-articles-card-list h3::after {
right: 1px;
}
.ext-related-articles-card-detail h3 a {
line-height: 1.4;
}
/* ############################################ */
/* ### Fix for dismissable site notice ### */
/* ### User:Eckserah ### */
/* ############################################ */
.client-js .mw-dismissable-notice {
display: none;
}
/* ############################################ */
/* ### Hiding Unneccessary Option ### */
/* ### on Special:UploadWizard ### */
/* ### User:Rurin ### */
/* ############################################ */
a[href="/wiki/Commons:Upload_tools"] {
display: none;
}
/* ############################################ */
/* ### Fake login screen and real login ### */
/* ### screen fixes ### */
/* ### User:Eckserah ### */
/* ############################################ */
.fakeTextInput {
text-rendering: auto;
letter-spacing: normal;
word-spacing: normal;
text-transform: none;
text-indent: 0px;
text-shadow: none;
text-align: start;
appearance: textfield
-webkit-rtl-ordering: logical;
cursor: text;
margin: 0em 0em 0em 0em;
padding-block: 1px;
padding-inline: 2px;
overflow-clip-margin: 0px !important;
overflow: clip !important;
background-color: var(--color-surface-1);
color: #73777c;;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: block;
width: 100%;
border: 1px solid #a2a9b1;
border-radius: 0;
border-color: var(--border-color-base);
padding: 6px 8px;
box-shadow: inset 0 0 0 1px transparent;
font-family: inherit;
font-size: inherit;
line-height: 1.28571429em;
vertical-align: middle;
}
.fakeCheckBox {
text-rendering: auto;
letter-spacing: normal;
word-spacing: normal;
line-height: normal;
text-transform: none;
text-indent: 0px;
text-shadow: none;
display: inline-block;
text-align: start;
appearance: checkbox;
-webkit-rtl-ordering: logical;
cursor: text;
margin: 0em 0em 0em 0em;
border-width: 2px;
border-style: inset;
border-color: light-dark(rgb(118, 118, 118), rgb(133, 133, 133));
border-image: initial;
box-sizing: border-box;
margin: 3px 3px 3px 4px;
margin: 0;
font-size: inherit;
font-stretch: inherit;
font-style: inherit;
font-variant: inherit;
font-weight: inherit;
line-height: normal;
padding: 0;
box-sizing: border-box;
margin: 0.35em 0.2em 0.25em 0.35em;
display: table-cell;
position: relative;
width: 1.5625em;
height: 1.5625em;
max-width: none;
opacity: 0;
z-index: 1;
cursor: pointer;
}
#testuserloginForm .mw-ui-vform-field {
display: block;
margin: 0 0 15px;
padding: 0;
width: 100%;
}
#testuserloginForm .mw-ui-input {
background-color: #ffffff;
color: #000000;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: block;
width: 100%;
border: 1px solid #a2a9b1;
border-radius: 0;
padding: 6px 8px;
box-shadow: inset 0 0 0 1px transparent;
font-family: inherit;
font-size: inherit;
line-height: 1.28571429em;
vertical-align: middle;
}
#testuserloginForm .mw-htmlform {
clear: both;
}
#testuserloginForm .mw-ui-vform {
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 290px;
}
#testuserloginForm .fakeInput {
padding: 0.34em;
margin: 0.5em 0;
}
#testuserloginForm .mw-ui-vform-field {
display: block;
margin: 0 0 15px;
padding: 0;
width: 100%;
}
#testuserloginForm .mw-ui-checkbox {
display: table;
position: relative;
line-height: 1.5625em;
vertical-align: middle;
}
#testuserloginForm .mw-ui-checkbox .fakeCheckBox {
box-sizing: border-box;
padding: 0;
margin: 0.35em 0.2em 0.25em 0;
display: table-cell;
position: relative;
width: 1.5625em;
height: 1.5625em;
max-width: none;
opacity: 1;
z-index: 1;
background-color: white;
}
#testuserloginForm .mw-ui-button {
background-color: #f8f9fa;
color: #202122;
display: inline-block;
-moz-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid #a2a9b1;
border-radius: 0;
cursor: pointer;
vertical-align: middle;
font-family: inherit;
font-size: 1em;
font-weight: bold;
line-height: 1.28571429em;
text-align: center;
-webkit-appearance: none;
display: block;
width: 100%;
}
#testuserloginForm .mw-ui-button:not(.mw-ui-icon-element) {
min-height: 32px;
min-width: 4em;
max-width: 28.75em;
margin: 0;
padding: 5px 12px;
}
#testuserloginForm .mw-ui-button.mw-ui-progressive:not(:disabled) {
background-color: #3366cc;
color: #fff;
border-color: #3366cc;
}
#testuserloginForm .mw-ui-button.mw-ui-progressive:not(:disabled):hover {
background-color: #447ff5;
border-color: #447ff5;
}
#testuserloginForm .mw-ui-vform .mw-form-related-link-container {
margin-bottom: 0.5em;
text-align: center;
}
#testuserloginForm #mw-createaccount-cta {
width: 20em;
background: url(/resources/src/mediawiki.special.userlogin.login.styles/images/glyph-people-large.png?91ec9) no-repeat 50%;
margin: 0 auto;
padding-top: 7.8em;
font-weight: bold;
}
#mw-createaccount-cta {
max-width: 100%;
}
#testuserloginForm .mw-ui-vform, #userloginForm .mw-ui-vform {
float:left;
}
#testuserloginForm .loginAddition, #userloginForm .loginAddition {
float:right;
width: calc(100% - 320px);
}
/* ############################################ */
/* ### Family Tree Mobile Formatting ### */
/* ### User:RurinGas ### */
/* ############################################ */
@media only screen and (max-width: 450px) {
.familytree tr > td > div:not(.imagebox) {
width: 0.1px !important;
}
.familytree tr > td > .imagebox {
width: fit-content;
min-width: 60px;
}
.familytree tr > td a {
line-height: 9pt;
display: block;
font-stretch: extra-condensed;
font-size: 8pt;
}
.familytree tr > td .portalbox {
height: 50px !important;
}
.familytree td div:not(.imagebox):not(.portalbox) {
height: 5px !important;
}
}
/* ############################################# */
/* ### Remove Scroll Section on Media Viewer ### */
/* ### User:RurinGas ### */
/* ############################################# */
.mw-mmv-image-metadata {
display: none;
}
