MediaWiki:Fandomdesktop.css

/* Easy class for hiding elements in Oasis */ .oasis-hide { display: none; }

/* removing ugly outline of infoboxes */ .page-content .info-box, .page-content .infobox, .page-content .portable-infobox { border: 0px; }

/* Set infoboxes a bit wider on wide screens, as otherwise they look broken with the increased font size */ @media only screen and (min-width: 1596px) { .info-box, .infobox { width: 270px; } }

/*#title-eraicons { position: static !important; }

height: 23px; width: 23px; }
 * 1) title-eraicons img {

height: 23px; width: 130px; }*/
 * 1) title-eraicons img[data-image-name="Eras-legends.png"],
 * 2) title-eraicons img[data-image-name="Eras-canon.png"] {

/* Show shortcut box on right, goes below eraicons currently -- Tm T */ display: block !important; clear: right; font-size: x-small !important; /* zoom is 40% ...why?! */ }
 * 1) title-shortcut {

.editpage-sourcewidemode-on .edit-widemode-hide { display: none; }

/* Tweaks to eliminate extraneous margins and spacing on Oasis. s .iumb p + p, .ooumb p + p { margin: 0; } .WikiaArticle { line-height: 23px; font-size: 13px; } .WikiaArticle h2 { margin-top: 14px; } .WikiaArticle .infoboxcell ul, WikiaArticle .info-boxcell ul { margin: 0 0 0 10px; } .WikiaArticle ol { margin: 0 0 0 2.5em; } .WikiaArticle ul { margin: 0 0 0 1.6em; } .WikiaArticle p + p { margin: 0.4em 0; }*/

/* Prevent scrollbox behavior when there are mulitple editintro templates. */ .editpage-intro > .editpage-intro-wrapper { max-height: 100%; }

/* Hide blog button */ li[data-id="blog"] { display: none; }

/* Limit width of edit summary dropdown; reason 4.5 is too long. */   width: 265px; }
 * 1) stdEditSummaries {

/* 	Main Page 	*/ /* Hiding specific elements from the Main Page */ .page-Main_Page nav.wikia-menu-button { display: none; } .page-Main_Page a.comments { display: none; } .page-Main_Page div.header-title h1 { display: none; } .page-Main_Page .page-header__title, .page-Main_Page .page-header__separator { display: none; }

.portable-infobox .pi-data-value li { margin: 3px 0; }

.portable-infobox .pi-navigation[data-item-name="mobile-eras"], .infobox-era-box { display: none; }

/* Fix for floating elements - left and right */ .page-content .floatleft {margin:0 20px 10px 0} .page-content .floatright {margin:0 0 10px 20px}

/* Fix for list of pages in category pages */ .mw-category .mw-category-group ul, .mw-imagepage-linkstoimage, #mw-pages .mw-content-ltr li { list-style: square }

/* Fix for LinkSuggest */ .oo-ui-popupWidget-body {overflow: auto} .oo-ui-optionWidget.oo-ui-labelElement > .oo-ui-labelElement-label {overflow: visible}

/* Fix for hover on sliders */ .wikiaPhotoGallery-slider-body .horizontal .description, .wikiaPhotoGallery-slider-body .horizontal .description-background, .wikiaPhotoGallery-slider-body .horizontal .nav { transform: translateY(0) !important; }

/* Fix link color for the READ MORE link on sliders */ .read-more-button-wrapper span { color: white; }

/* Fix for editing preview in ve source mode */ .ve-ui-overlay .oo-ui-window-body { font-family: sans-serif; font-size: 14px; } /* Fix for editing preview in source mode */ margin-right: 330px; margin-left: 10px; } .ns-2 #wikiPreview .mw-parser-output {margin-right: 0}
 * 1) wikiPreview .mw-parser-output {
 * 1) wikiPreview .mw-parser-output p + p {margin: 0.4em 0}

/* Fix: hiding the category 'Pages using DynamicPageList parser function' */ li[data-name="Pages using DynamicPageList parser function"] {display:none !important}

/* Our new language interwiki links in a neat box -- Tm T */ .page__main #p-lang { /* background-color: #F0F0F0; */ border: 1px solid #D0D0D0; margin-bottom: 10px; margin-top: 2em; clear: both; } .page__main #p-lang > div:first-child { background-color: #D0D0D0; font-weight: bold; margin: 0; padding: 0 1em; } .page__main #p-lang ul { list-style: none inside none; margin-left: -1px; overflow: auto; } .page__main #p-lang ul li { border-left: 1px solid #C0C0C0; float: left; padding-left: 13px; padding-right: 5px; }	list-style-image: url("https://images.wikia.nocookie.net/starwars/images/1/10/InterwikiFA.png"); margin-right: 8px; }
 * 1) p-lang li.FA {

list-style-image: url("https://images.wikia.nocookie.net/starwars/images/d/df/InterwikiGA.png"); margin-right: 8px; }
 * 1) p-lang li.GA {

/* Un-bold links by default */ .page a { font-weight: inherit !important; }

/* Bold page header */ h1 { font-weight: 500 !important; }

/* Remove extraneous padding */ .page__main { padding-left: 24px; padding-right: 24px; } .page-header { margin: 0; } /* Top of the page, below h1 */ .page-content h2 { padding-bottom: 0; margin-top: 15px; } /* h2 headings */ .page-content p, .page-content dl { margin-bottom: 15px; } .page-content p+p { margin-top: 15px; } .thumb, .caption { margin-bottom: 5px !important; } /* Thumbnails, thumbnail captions */

/* Temporary fix for TOC colors in dark mode */ .theme-fandomdesktop-dark .toctext, .theme-fandomdesktop-dark .tocnumber, .theme-fandomdesktop-dark .toctitle > h2 { color: white !important; }

.theme-fandomdesktop-dark #toc { background-color:var(--theme-page-background-color); color:white !important; }

/* Fix for userboxes in infoboxes */ .userbox { width: 240px; }

/* PI dark theme */ .theme-fandomdesktop-dark .portable-infobox .pi-data:nth-child(even) { background-color: #212B2D; } .theme-fandomdesktop-dark .portable-infobox .pi-data:nth-child(odd) { background-color: #263234; } .theme-fandomdesktop-dark .portable-infobox .pi-data-label { color:white !important; } .theme-fandomdesktop-dark .pi-horizontal-group-item { background: #263234; }

.pi-horizontal-group-item { vertical-align:top; }

/* Language box */ .theme-fandomdesktop-dark .page__main #p-lang { color:black; } /* Episode navbox */ .theme-fandomdesktop-dark .nb2-firstheading { background-color:#263234 !important; } .theme-fandomdesktop-dark .nb2-firstheading .selflink { color:white !important; } .theme-fandomdesktop-dark .nb2-inner td, .theme-fandomdesktop-dark .nb2-inner th { background-color:#212B2D !important; color:white !important; } .theme-fandomdesktop-dark .nb2-inner .selflink { color:white !important; }

/* Opening crawl dark theme */ .theme-fandomdesktop-dark #Opening_crawl .nostyle { background-color:#263234 !important; }

.theme-fandomdesktop-dark #Opening_crawl th { color:white; background:#212B2D!important }

.theme-fandomdesktop-dark #Opening_crawl .r1, .theme-fandomdesktop-dark #Opening_crawl .r2, .theme-fandomdesktop-dark #Opening_crawl .r3, .theme-fandomdesktop-dark #Opening_crawl .r4 { background-color:#263234 !important }

.theme-fandomdesktop-dark #Opening_crawl td { color:black; background:var(--theme-page-background-color) !important; }

/* Navboxes */ .theme-fandomdesktop-dark .navbox th { background-color:#263234 !important; }

.theme-fandomdesktop-dark .navbox td { background-color:#212b2d !important; color:white !important; }

.theme-fandomdesktop-dark .nav1 span.r1, .theme-fandomdesktop-dark .nav1 span.r2, .theme-fandomdesktop-dark .nav1 span.r3, .theme-fandomdesktop-dark .nav1 span.r4 { background-color:#263234 !important; }

.theme-fandomdesktop-dark .nb2-end { background-color:#263234 !important; }

.theme-fandomdesktop-dark .nb2-end .hidable-button, .theme-fandomdesktop-dark .nb2-end a { color:white!important; }

/* Conflict nav box */ .theme-fandomdesktop-dark .conflict-navbox td { color:white !important; background-color:var(--theme-page-background-color) !important }

.theme-fandomdesktop-dark .conflict-navbox th { color:white; background-color:#263234 !important; }

/* */ .theme-fandomdesktop-dark .iumb div, .theme-fandomdesktop-dark .iumb span.r1, .theme-fandomdesktop-dark .iumb span.r2, .theme-fandomdesktop-dark .iumb span.r3, .theme-fandomdesktop-dark .iumb span.r4 { background-color:#263234 !important; color:white !important; }

/* */ .theme-fandomdesktop-dark .noticedark table, .theme-fandomdesktop-dark .noticedark span.r1, .theme-fandomdesktop-dark .noticedark span.r2, .theme-fandomdesktop-dark .noticedark span.r3, .theme-fandomdesktop-dark .noticedark span.r4 { background-color:#263234 !important; color:white; }

.theme-fandomdesktop-dark .ooumb table { background-color:#263234 !important; color:white; }

.theme-fandomdesktop-dark .darkbackground1 div, .theme-fandomdesktop-dark .darkbackground1 span.r1, .theme-fandomdesktop-dark .darkbackground1 span.r2, .theme-fandomdesktop-dark .darkbackground1 span.r3, .theme-fandomdesktop-dark .darkbackground1 span.r4 { background-color:#263234 !important; color:white !important; }

/* Dark background 1 */ .theme-fandomdesktop-dark .darkbackground1, .theme-fandomdesktop-dark .darkbackground1 div { background-color:#263234 !important; }

/* Stub dark theme */ .theme-fandomdesktop-dark .stub { background-color:#263234 }

/* Editor preloads dark theme */ .theme-fandomdesktop-dark #edittools, .theme-fandomdesktop-dark #editpage-specialchars { border: 2px solid #F0F0F0; background: #263234; }

/* Featured edit intro dark theme */ .theme-fandomdesktop-dark table#Featured-editintro.article-editintro { background-color:#263234 !important; }

/* MP light/dark background fixes */ .mp-header { width:100%; display:table; border-radius:5px; }

.theme-fandomdesktop-dark .mp-header { background-color: #263234; border:1px solid white; }

.theme-fandomdesktop-light .mp-header { background-color: #c2c2bd; border:1px solid #000000 }

.theme-fandomdesktop-dark .mp-toggle { color:white; }

.theme-fandomdesktop-light .mp-toggle { color:black; }

.theme-fandomdesktop-dark .mp-header .hidable-button { color:white !important; }

.theme-fandomdesktop-dark .mp-header a.external { color:var(--theme-link-color); }

/* Canon/legends tabs dark theme */ .rtop { background: var(--theme-page-background-color); }

/* Non-PI dark theme */ .theme-fandomdesktop-dark .infobox .infoboxcell, .theme-fandomdesktop-dark .infobox .infoboxlabel, .theme-fandomdesktop-dark .infobox .infoboxstopalt { background-color:#212B2D; }

.theme-fandomdesktop-dark .infobox .infoboxsubheading, .theme-fandomdesktop-dark .infobox .infoboxheading, .theme-fandomdesktop-dark .infobox .infoboxfooter, .theme-fandomdesktop-dark .infobox span.r1, .theme-fandomdesktop-dark .infobox span.r2, .theme-fandomdesktop-dark .infobox span.r3, .theme-fandomdesktop-dark .infobox span.r4 { background-color:#263234 !important; }

/* Table dark theme */ .theme-fandomdesktop-dark .darkbackground1 td, .theme-fandomdesktop-dark .darkbackground1 tr { background-color:#212B2D; }

/* Forum templates */ .theme-fandomdesktop-dark #old-forum-warning { background-color:var(--theme-page-background-color) !important; }

/* License templates */ .theme-fandomdesktop-dark #gfdl, .theme-fandomdesktop-dark #cc-by-sa { background-color:#263234 !important }

/* Category box */ .theme-fandomdesktop-light .article-categories { background-color: rgb(242, 245, 253); background-image: none !important; }

.theme-fandomdesktop-dark .article-categories { background-color: var(--theme-page-background-color) !important }

/* Reference popups dark theme */ .theme-fandomdesktop-dark .refpopups-popup { background-color: var(--theme-page-background-color); color: #EEE; }

/* rtop and rbottom dark theme */ .theme-fandomdesktop-dark .rtop *, .theme-fandomdesktop-dark .rbottom * { background: #263234 !important; }

/* Pretty table dark theme */ .theme-fandomdesktop-dark table#prettytable th { background-color:#263234; color:white; } .theme-fandomdesktop-dark table#prettytable td { background-color:#212B2D; color:white; }

.theme-fandomdesktop-dark .tablelink a { color:#2f83c2 !important; }

/* Canon/Legends table dark theme */ .theme-fandomdesktop-dark .timeline-toggles a {color: #0c6273} .theme-fandomdesktop-dark .timeline-toggles {color: black}

/* Categories in the editor */ .theme-fandomdesktop-dark .mw-normal-catlinks { background-color:var(--theme-page-background-color); }

/* Article edit intro */ .theme-fandomdesktop-dark .article-editintro { background-color:#263234; }

/* Numbered lists */ .theme-fandomdesktop-dark li::marker { color:white; }

/* spacing */
 * 1) title-eraicons { white-space: nowrap; }

/* .template-display dark theme */ .theme-fandomdesktop-dark .template-display td { color:white !important; background-color:var(--theme-page-background-color) !important }

.theme-fandomdesktop-dark .template-display .rtop, .theme-fandomdesktop-dark .template-display .rbottom, .theme-fandomdesktop-dark .template-display .r1, .theme-fandomdesktop-dark .template-display .r2, .theme-fandomdesktop-dark .template-display .r3, .theme-fandomdesktop-dark .template-display .r4 { color:white !important; background-color:var(--theme-page-background-color) !important }

/* Header background class */ .theme-fandomdesktop-dark .headerbackground { background-color:#263234 !important; color:white !important; }

/* Admin nav */ .theme-fandomdesktop-dark .adminnav { background-color:#263234 !important; color:white }

.theme-fandomdesktop-dark .adminnav td { background-color:#263234 !important; color:white; border-bottom:1px solid; }

.theme-fandomdesktop-dark .adminnav div { background-color:#263234 !important; color:white; }

.theme-fandomdesktop-dark .adminnav .rtop, .theme-fandomdesktop-dark .adminnav .rbottom { background-color:var(--theme-pa) !important; color:white !important; }

/* Eraicons edits */ .theme-fandomdesktop-dark #title-eraicons img[data-image-name="Premium-Era-real.png"] { filter: invert(1); }

.skin-fandomdesktop #title-eraicons { margin-right: 5px; }

/* Transparent background */ .theme-fandomdesktop-dark .transparent-background { background:transparent !important }

/* References */ .theme-fandomdesktop-dark ol.references > li:target { background-color: #263234; }

/* MW selflink */ .theme-fandomdesktop-dark .mw-selflink { color:white !important; }

/* Layout guide */ .theme-fandomdesktop-dark #NoWpMpSoek { background-color: #263234 !important; }

/* Dark mode fix for vector images */ .theme-fandomdesktop-dark .invert-images img { filter: invert(1); }

/* Black text for tables */ .color-black { color:black; }

/* Remove extraneous margins from infoboxes */ h2.pi-item { margin: 0;}

/* Coloured cell classes */ table#prettytable td.orange-cell { background-color:#FFBB60; color:black; }

table#prettytable td.green-cell { background-color:#40CC40; color:black; }

table#prettytable td.sandgreen-cell { background-color:#C3D69B; color:black; }

table#prettytable td.yellow-cell { background-color:#FFFF80; color:black; }

table#prettytable td.white-cell { background-color:#FFF8DC; color:black; }

/* General use CSS classes for us to show/hide things between l/d modes */ .theme-fandomdesktop-dark .darkMode-hide { display: none; } .theme-fandomdesktop-light .lightMode-hide { display: none; }

/* background color for Film template in light mode */ .theme-fandomdesktop-light .film-template-image-background img { background-color:black; }

/* de-bold Film template in references */ .references .film-template-image-background, .referencetooltip .film-template-image-background { font-weight: normal !important; }

/* to fix .infoboxcell alignment */ .page-content .infoboxcell p, .page-content .info-boxcell p { margin-bottom: 0; }

/* Tutorial dark theme template fix */ .theme-fandomdesktop-dark .tutorial { background-color:#182123 !important; }

.theme-fandomdesktop-dark .tutorial span.rtop, .theme-fandomdesktop-dark .tutorial span.rbottom { background-color:#182123 !important; }

.theme-fandomdesktop-dark .tutorial-row span.r1, .theme-fandomdesktop-dark .tutorial-row span.r2, .theme-fandomdesktop-dark .tutorial-row span.r3, .theme-fandomdesktop-dark .tutorial-row span.r4 { background-color:#182123 !important; }