MediaWiki:Common.css

@import url('https://fonts.googleapis.com/css?family=Raleway:500|Quicksand|Nunito+Sans|Henny+Penny|Playfair+Display|Lobster|Pacifico|Abril+Fatface|Rubik|Righteous|Vidaloka'); @import "/load.php?mode=articles&articles=u:dev:MediaWiki:ContribsButtons.css&only=styles"; @import "/load.php?mode=articles&articles=u:dev:MediaWiki:InterlanguageFlags.css&only=styles"; @import "/load.php?mode=articles&articles=u:dev:MediaWiki:FandomizedButtons.css&only=styles"; @import "/load.php?mode=articles&articles=u:dev:MediaWiki:SectionEditLabels.css&only=styles"; @import "/load.php?mode=articles&articles=u:dev:MediaWiki:BalancedTabber.css&only=styles";

/***** CSS placed here will be applied to all skins on the entire site. *****/

/* General */ .WikiaPage { border: none; font-family: 'Rubik'; } .community-page-header { text-shadow: 0 0 6.5px #F44274; background: url('https://vignette.wikia.nocookie.net/shipping/images/4/46/Userbackground.png') no-repeat top right; } .page-header__title, .wds-community-header__counter { font-family: 'Quicksand', sans-serif; } h4 { font-weight:bold; }
 * 1) WikiHeader h1,
 * 2) WikiaMainContent h1,
 * 3) WikiaRailWrapper h1,
 * 4) WikiHeader h2,
 * 5) WikiaMainContent h2,
 * 6) WikiaRailWrapper h2,
 * 7) WikiHeader h3,
 * 8) WikiaMainContent h3,
 * 9) WikiaRailWrapper h3,
 * 10) WikiHeader h4,
 * 11) WikiaMainContent h4,
 * 12) WikiaRailWrapper h4,
 * 13) WikiHeader h5,
 * 14) WikiaMainContent h5,
 * 15) WikiaRailWrapper h5,
 * 16) WikiHeader h6,
 * 17) WikiaMainContent h6,
 * 18) WikiaRailWrapper h6,

.WikiaArticle h3:not(.pi-data-label):not( .pi-secondary-background) { font-weight:bold; color:#a15d5d; }

.WikiaArticle h2:not(.pi-title):not( .pi-secondary-background) { color:#a0063c; margin-bottom: .6em; margin-top: 20px; }

abbr{border-bottom:1px dotted black !important;background:none;cursor:help} /* Table code */ .full-width{width:100%;max-width:670px} .half-width{width:50%;max-width:335px}

/* LINKS */ a { transition: all 0.4s linear; } a:hover { color: #F44274; text-decoration: none; } a.external { color: dodgerblue; }

/* Portable Infoboxes - SHIP */ .portable-infobox.pi-background { background-color: transparent; } .pi-title { text-align:center; } .pi-secondary-background { text-align:center; }

.portable-infobox .pi-border-color { border-color: var(--theme-accent-color--hover); } .portable-infobox { border-width: 1px; border-style: solid; border-color: var(--theme-accent-color--hover); }

/* Portable Infoboxes - CHARACTER */ .portable-infobox.pi-theme-character .pi-title { background-color:#2bade5; color:white; text-align:center; } .portable-infobox.pi-theme-character .pi-secondary-background { background-color:#2bade5; color:white; } .portable-infobox.pi-theme-character .pi-border-color { border-color: #2bade5; } .portable-infobox.pi-theme-character { border:1px solid #2bade5; }

/* Portable Infoboxes - TERMINOLOGY */ .portable-infobox.pi-theme-term .pi-title { background-color:#e52bad; color:white; text-align:center; } .portable-infobox.pi-theme-term .pi-secondary-background { background-color:#e52bad; color:white; } .portable-infobox.pi-theme-term .pi-border-color { border-color: #e52bad; } .portable-infobox.pi-theme-term { border:1px solid #e52bad; }

/* Portable Infoboxes - FANDOM */ .portable-infobox.pi-theme-fandom .pi-title { background-color:#a500ff; color:white; text-align:center; } .portable-infobox.pi-theme-fandom .pi-secondary-background { background-color:#a500ff; color:white; } .portable-infobox.pi-theme-fandom .pi-border-color { border-color: #a500ff; } .portable-infobox.pi-theme-fandom { border:1px solid #a500ff; }

/* Portable Infoboxes - PERSONS */ .portable-infobox.pi-theme-persons .pi-title { background-color:#42af63; color:white; text-align:center; } .portable-infobox.pi-theme-persons .pi-secondary-background { background-color:#42af63; color:white; } .portable-infobox.pi-theme-persons .pi-border-color { border-color: #42af63; } .portable-infobox.pi-theme-persons { border:1px solid #42af63; }

/* Portable Infoboxes - IMAGES */ .portable-infobox.pi-theme-imagedesc .pi-title { background-color:#ff8fdf; color:white; text-align:center; } .portable-infobox.pi-theme-imagedesc .pi-secondary-background { background-color:#ff8fdf; color:white; } .portable-infobox.pi-theme-imagedesc .pi-border-color { border-color: #ff8fdf; } .portable-infobox.pi-theme-imagedesc { border:1px solid #ff8fdf; }

/* Portable Infoboxes - VIDEOS */ .portable-infobox.pi-theme-videodesc .pi-title { background-color:#ff8e6b; color:white; text-align:center; } .portable-infobox.pi-theme-videodesc .pi-secondary-background { background-color:#ff8e6b; color:white; } .portable-infobox.pi-theme-videodesc .pi-border-color { border-color: #ff8e6b; } .portable-infobox.pi-theme-videodesc { border:1px solid #ff8e6b; }

/* ADMIN highlights */ a[href$="/wiki/User:Fitzaby"], a[href$="/wiki/Message_Wall:Fitzaby"], a[href$="/wiki/User_blog:Fitzaby"] { color: #4de3b4 !important; font-weight: bold !important; } a[href$="/wiki/User:RABNerd_VP"], a[href$="/wiki/Message_Wall:RABNerd_VP"], a[href$="/wiki/User_blog:RABNerd_VP"] { color: #FF7F36 !important; font-weight: bold !important; font-family: 'Peach Sundress', Nunito Sans; } a[href$="/wiki/User:Tizmoa"], a[href$="/wiki/Message_Wall:Tizmoa"], a[href$="/wiki/User_blog:Tizmoa"] { color: #FFCAD4 !important; font-weight: bold !important; } a[href$="/wiki/User:ArtDraw12"], a[href$="/wiki/Message_Wall:ArtDraw12"], a[href$="/wiki/User_blog:ArtDraw12"] { color: gold !important; font-weight: bold !important; } a[href$="/wiki/User:KEI6OS"], a[href$="/wiki/Message_Wall:KEI6OS"], a[href$="/wiki/User_blog:KEI6OS"] { color: #0c659d !important; font-weight: bold !important; }

/* Bot Highlight */ a[href$="/wiki/User:RobotFitz"], a[href$="/wiki/Message_Wall:RobotFitz"] { color: #367dd9 !important; font-family: "Courier New", serif; }

/* Dropdowns */ .eraicon-dropdown { color: #000000; padding: 10px; white-space: nowrap; font-size: 13px; }/**/ /* Positioning */ .page-header__contribution > div:first-child { display: flex; } .page-header__eraicons {

}/**/ /** Icon Margins **/ .eraicon { margin-right: 10px; } .eraicon:last-child { margin-right: 0px; }/**/

.references-small { font-size: 90%; }

/* USER PROFILES */ .user-identity-box__wrapper { padding-top: 0; background: url('https://vignette.wikia.nocookie.net/shipping/images/4/46/Userbackground.png') no-repeat top right; overflow:hidden; margin-bottom: 18px }

.WikiaArticle h2 { border-bottom: 1px solid #e589b5; }

/* HOVER */ .hoverimage img { opacity: 0.65; filter: alpha(opacity=65); /* For IE8 and earlier */ -webkit-transition-duration: 0.5s; /* Safari */ transition-duration: 0.5s; } .hoverimage img:hover { opacity: 2.0; filter: alpha(opacity=200); /* For IE8 and earlier */ }

/* BORDERS */ .WikiaBarWrapper { background-image: none; box-shadow: none; }

.WikiaBarWrapper .wikia-bar .wikiabar-button { background-color: transparent !important; border: none !important; } .toolbar { text-transform: uppercase; }

.wds-community-header__sitename { font-family: Abril Fatface; font-size: 18pt; } .community-page-cards-module { display: none; }

/* Edit Pencil changes */ .WikiaArticle .editsection a { color:#F44274; }

.WikiaArticle .editsection { text-transform:uppercase; float: right !important; margin-right: 10px !important; }

.skin-oasis .sprite.edit-pencil, .user-identity-box-edit svg { -webkit-mask-image: url("/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-pencil.svg"); mask-image: url("/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-pencil.svg"); background: #F44274; margin-right: 3px; background-image: none !important; border: 0; }

/*** Tabber Styling ***/ .tabbernav { font-family: inherit !important; font-weight: normal !important; font-size: 13px !important; border-bottom: 3px solid #fc9898 !important; padding: 0.3em 0 !important; } .tabbernav a { padding: 0.3em 0.5em !important; margin: 0 !important; color: #000 !important; border: none !important; background:transparent !important; line-height:1.8; } .tabberactive a { color: #700244 !important; background: #ffc3c3 !important; } .tabbernav :not(.tabberactive) a:hover { background: #fc9898 !important; } .tabbertab { border: none !important; padding: 0 !important; }

/* Removing title on main page */ .mainpage .WikiaPage .page-header__title, .mainpage .WikiaPage .page-header__separator { display: none; }

/* For the wiki activity from dev */ .rwa-feed, .rwa-feed * { box-sizing: border-box; font-family: Rubik, Helvetica, Arial, sans-serif !important; } .rwa-feed > .rwa-feed__header { text-align: center; font-size: 8pt; font-weight: bold; text-transform: uppercase; } .rwa-feed > .rwa-feed__header > .rwa-feed__button { display: inline-block; text-align: center; padding: 9.25em 0.75em; margin: 0 1em; border-radius: 20px; } .rwa-feed__content .rwa-feed__list { list-style: none; margin: 0; padding: 0; } .rwa-feed__content .rwa-feed__list > .rwa-feed__item { padding: 1.25em 1.50em 1.25em 3.75em; margin: 6px 0; border-left-width: 5px; border-left-style: solid; background-color: var(--rwa-background__color); position: relative; } .rwa-feed__content .rwa-feed__list > .rwa-feed__item[data-type="edit"] { border-left-color: var(--rwa-edit); } .rwa-feed__content .rwa-feed__list > .rwa-feed__item[data-type="new"] { border-left-color: var(--rwa-new); } .rwa-feed__content .rwa-feed__list > .rwa-feed__item[data-type="comment"] { border-left-color: var(--rwa-comment); } .rwa-feed__content .rwa-feed__list > .rwa-feed__item[data-type="categorize"] { border-left-color: var(--rwa-categorize); } .rwa-feed__content .rwa-feed__list > .rwa-feed__item .rwa-title { color: var(--rwa-link__color); font-weight: bold; } .rwa-feed__content .rwa-feed__list > .rwa-feed__item > .rwa-icon__container { height: 18px; width: 18px; left: 1em; position: absolute; top: 1.5em; } .rwa-feed__content .rwa-feed__list > .rwa-feed__item[data-type="edit"] > .rwa-icon__container { color: var(--rwa-edit); } .rwa-feed__content .rwa-feed__list > .rwa-feed__item[data-type="new"] > .rwa-icon__container { color: var(--rwa-new); } .rwa-feed__content .rwa-feed__list > .rwa-feed__item[data-type="comment"] > .rwa-icon__container { color: var(--rwa-comment); } .rwa-feed__content .rwa-feed__list > .rwa-feed__item[data-type="categorize"] > .rwa-icon__container { color: var(--rwa-categorize); } .rwa-feed__content .rwa-feed__list > .rwa-feed__item > .rwa-icon__container > .rwa-icon__wrapper { display: inline-block; height: inherit; width: inherit; position: relative; } .rwa-feed__content .rwa-feed__list > .rwa-feed__item > .rwa-icon__content > .rwa-icon__wrapper > .wds-icon { height: inherit; width: inherit; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); } .rwa-feed__content .rwa-feed__list > .rwa-feed__item > .rwa-details { margin-left: 0.2em; } .rwa-feed__content .rwa-feed__list > .rwa-feed__item > .rwa-details > .rwa-title__wrapper { font-weight: bold; } .rwa-feed__list > .rwa-feed__item > .rwa-details > .rwa-edited { font-size: 9pt; position: relative; } .rwa-feed__list > .rwa-feed__item > .rwa-details > .rwa-edited > * { display: inline-block; } .rwa-feed__list > .rwa-feed__item > .rwa-details > .rwa-edited > .rwa-edited__user { margin-right: 4px; vertical-align: baseline; } .rwa-feed__list > .rwa-feed__item > .rwa-details > .rwa-edited > .rwa-edited__user > .rwa-avatar { height: 20px; margin: 0 0.3em; width: 20px; } .rwa-feed__list > .rwa-feed__item > .rwa-details > .rwa-edited > .rwa-edited__user > .rwa-edited__username { font-style: normal; } .rwa-feed__list > .rwa-feed__item > .rwa-details > .rwa-edited > .rwa-edited__timeago { display: inline-block; } .rwa-feed__list > .rwa-feed__item > .rwa-details > .rwa-edited > .rwa-diff__button { display: inline-block; height: 15px; position: absolute; width: 15px; top: 4px; } .rwa-feed__list > .rwa-feed__item > .rwa-details > .rwa-edited > .rwa-diff__button > svg { width: inherit; height: inherit; } .rwa-feed__list > .rwa-feed__item > .rwa-details > .rwa-section { padding: 6px 0; display: flex; } .rwa-feed__list > .rwa-feed__item > .rwa-details > .rwa-section > .rwa-section__title { margin-right: 5px; text-transform: uppercase; width: 15%; } .rwa-feed__list > .rwa-feed__item > .rwa-details > .rwa-summary > .rwa-summary__comment { font-style: italic; } .rwa-feed__list > .rwa-feed__item > .rwa-details > .rwa-categories > .rwa-categories__list > .rwa-category { padding: 4px 8px; border-radius: 4px; background-color: #343434; color: white; } .rwa-feed__list > .rwa-feed__item > .rwa-details > .rwa-categories > .rwa-categories__list > .rwa-category:not(:last-child) { margin-right: 5px; } .rwa-feed__list > .rwa-feed__item > .rwa-details > .rwa-images > .rwa-images__group { display: block; } .rwa-feed__list > .rwa-feed__item > .rwa-details > .rwa-images > .rwa-images__group > .rwa-image__wrapper { display: inline-block; padding: 0.5em; } .rwa-feed__list > .rwa-feed__item > .rwa-details > .rwa-images > .rwa-images__group > .rwa-image__wrapper > .rwa-image__link { display: inline-block; } .rwa-feed__list > .rwa-feed__item > .rwa-details > .rwa-images > .rwa-images__group > .rwa-image__wrapper > .rwa-image__link > .rwa-image { max-height: 300px; max-width: 300px; }

height: 20em; resize: none; width: 100%; }
 * 1) text-mass-delete {

background-color: #ffbfbf; color: black; font-weight: bold; width: 100%; }
 * 1) text-error-output {

cursor: pointer; }
 * 1) t-bd {

/* Navlist */

.navlist ul { list-style-type:none; display: inline; } ul.navlist { margin: 0; padding: 0; } .navlist li { list-style-type:none; display: inline; } .navlist li + li::before { content: " · "; }

/* Removes "Added by" under thumb images */ .picture-attribution { display:none !important; }

/* Mark redirects in Special:Allpages and Special:Watchlist */ .allpagesredirect { font-style: italic; } .allpagesredirect:after { color: #808080; content: " (redirect)" } .watchlistredir { font-style: italic; }

/* Giving headers and TOC a little extra space */ h2 { margin-top: 20px; } .toc { margin-top: 20px; }

/* Infobox template style */ .infobox { border: 1px solid #aaaaaa; background-color: #f9f9f9; color: black; margin-bottom: 0.5em; margin-left: 1em; padding: 0.2em; float: right; clear: right; } .infobox td, .infobox th { vertical-align: top; } .infobox caption { font-size: larger; margin-left: inherit; } .infobox.bordered { border-collapse: collapse; } .infobox.bordered td, .infobox.bordered th { border: 1px solid #aaaaaa; } .infobox.bordered .borderless td, .infobox.bordered .borderless th { border: 0; }

/* Forum formatting (by -Algorithm & -Splaka) */ .forumheader { border: 1px solid #aaa; margin-top: 1em; padding: 12px; } .forumlist td.forum_edited a { color: black; text-decoration: none; } .forumlist td.forum_title a { padding-left: 20px; } .forumlist td.forum_title a.forum_new { font-weight: bold; background: url(/images/4/4e/Forum_new.gif) center left no-repeat; padding-left: 20px; } .forumlist td.forum_title a.forum_new:visited { font-weight: normal; background: none; padding-left: 20px; } .forumlist th.forum_title { padding-left: 20px; }

/* Recent changes byte indicators */ .mw-plusminus-pos { color: #006500; } .mw-plusminus-neg { color: #8B0000; }

/* Image frame fix */ div.tright, div.tleft { border: 1px solid silver; }

div.thumbinner { background: inherit; border: none; color: inherit; }  color:inherit; }
 * 1) article div.thumb {

/* === Babel === */

div.babelbox { float: right; margin-left: 1em; margin-bottom: 0.5em; width: 246px; border: 1px solid #99B3FF; padding: 2px 0 2px 0; } .lang-blockN, .lang-block0, .lang-block1, .lang-block2, .lang-block3 { margin: 2px 4px 2px 4px; /* t, l, b, r */ width:238px; border-collapse: collapse; } td.lang-codeN, td.lang-code0, td.lang-code1, td.lang-code2, td.lang-code3 { text-align:center; font-size:14pt; width:45px; height:45px; } td.lang-descriptionN, td.lang-description0, td.lang-description1, td.lang-description2, td.lang-description3 { font-size:8pt; padding:4pt; line-height:1.25em; }

.lang-block0 { border:1px solid #FFB3B3; } td.lang-code0 { background-color: #FFB3B3; color: black; } td.lang-description0 { background-color: #FFE0E8; color: black; }

.lang-block1, .lang-block2, .lang-block3  { border:1px solid #99B3FF; } td.lang-code1, td.lang-code2, td.lang-code3 { background-color: #99B3FF; color: black; } td.lang-description1, td.lang-description2, td.lang-description3 { background-color: #E0E8FF; color: black; }

.lang-blockN { border:1px solid #6EF7A7; } td.lang-codeN { background-color: #6EF7A7; color: black; } td.lang-descriptionN { background-color: #C5FCDC; color: black; }

/*Unifies the table borders and implements a universal look*/ table.table {border-collapse:collapse;} table.table > tbody > tr > td, table.table > tbody > tr > th {padding:2px;border:2px outset black;} table.table tr.no-table > td, table.table tr.no-table > th, table.table td.no-table, table.table th.no-table {padding:0;border:0;} table.talk table.box td.text pre {white-space:pre-wrap;color:black}

/* - */ /* fandometrics and related list tables --- */ /* - */ /* so tables match the wiki's theme accent color be default, and easily customized */

.fandometrics { width: 100%; font-size: 10pt; border-collapse: collapse; background-color: var(--theme-accent-color); color: var(--theme-accent-label-color); } .theme-fandomdesktop-dark .fandometrics { background-color: #4c0715; color: white; }

.fandometrics caption, .fandometrics th { background: inherit; color: inherit; }

.fandometrics td { background: var(--theme-page-background-color); color: var(--theme-page-dynamic-color-1); }

/* - */ /* link colors for template sections -- */ /* - */ /* useful in nav templates to designate all text and links in a cell be either white or black without customizing each one */

.whitelinks, .whitelinks a { color: white; }

.blacklinks, .blacklinks a{	color: black; }

/* - */ /* temporary: remove after Oasis is retired */ .skin-oasis .pi-title, .skin-oasis .pi-secondary-background { background-color:#E52B50; color:white; }

/* For Template:Nav/Osemanverse */ .osemanverse { background: #ACCEC0 url("https://images.wikia.com/shipping/images/archive/1/19/20220617203745%21Oseman_background.png") no-repeat center top !important; }

/* Coding Template:Ship List to change based on Dark/Light theme */ .theme-fandomdesktop-dark .shiplist { background-color:#1f1d1d; color:white; }

.theme-fandomdesktop-light .shiplist { background-color:#f5f5f5; color:black; }