MediaWiki:Fandomdesktop.css

/* Remove home from main page */ .page-Smosh_Wiki .WikiaPage .page-header__title, .page-Smosh_Wiki .WikiaPage .page-header__separator { display: none !important; }

/* Portable Infobox themes */ /* smosh; blue and green */ .pi-theme-smosh .pi-title { background-color: #011627; color: white !important;} .pi-theme-smosh .pi-header { background-color: #B6DBEC; color: black !important; } .pi-theme-smosh .pi-navigation { background-color: #0047AB; }

/* Theme: mari; purple and maroon */ .pi-theme-mari .pi-title { background-color: maroon; } .pi-theme-mari .pi-header { background-color: purple; color: white !important; } .pi-theme-mari .pi-navigation { background-color: maroon; }

/***** Portable Infoboxes *****/ .portable-infobox { width: 260px; background: none !important; }

/* Infobox Coding */ /* Set width and no background */ .portable-infobox .pi-header { text-align: center; font-size: 0.9em; } .portable-infobox .pi-navigation { color: #FFF; text-align: center } .portable-infobox .pi-background { background-color: #f2f2f2; } /***** Portable Infoboxes *****/ .portable-infobox { width: 250px; background: none !important; }

/* Adjusts reference size */ .portable-infobox .reference, .refadjust .reference { font-size: 7.5px; line-height: 1.5; }

/* Alternating row colors; Colors taken directly from the original, non-PI infoboxes */

.portable-infobox .pi-data:nth-child(even) { background-color: #F0F0F0; }

.portable-infobox .pi-data:nth-child(odd) { background-color: #f9f9f9; } /* Eliminate border between rows */ .portable-infobox .pi-border-color { border-bottom-style: none !important; } .portable-infobox .pi-data { border-top: none; }

/* Remove infobox outline */ .page-content .info-box, .page-content .infobox, .page-content .portable-infobox { border: 0px; }

/* Standardized padding for infobox elements */ .portable-infobox .pi-item-spacing { padding: 4px; }

/* Title field */ .portable-infobox .pi-title { font-size: 14px !important; font-weight: bold; color: #FFFFFF; text-align: center; line-height: 1.5; padding: 5px !important; }

/* Secondary font - section headers and labels */ .portable-infobox .pi-secondary-font { font-size: 0.8em; line-height: 1.5; color:black; text-align:center; }

.portable-infobox .pi-header { padding:5px !important; font-weight:bold; font-size:12px !important; }

/* Field labels */ .portable-infobox .pi-data-label { font-weight: 400 !important; padding: 0; display:-webkit-flex; display:flex; text-align:left; } .pi-data .pi-data-label { -webkit-flex-basis:auto; -moz-flex-basis:auto; flex-basis:auto; -webkit-align-items:center; -moz-align-items:center; align-items:center; width:45%; }

/* Field values */ .portable-infobox .pi-data-value { font-size: 0.8em; line-height: 1.5; } .pi-data .pi-data-value { ms-flex-preferred-size:auto; -webkit-flex-basis:auto; -moz-flex-basis:auto; flex-basis:auto; -webkit-align-items:center; -moz-align-items:center; align-items:center; width:55% } .portable-infobox .pi-data-value:not(:first-child) { padding-left: 5px; } .portable-infobox .pi-data-value li { line-height: 1.5em; }

/* Bottom rounded corners */ .portable-infobox.pi-navigation:last-child, .portable-infobox .pi-navigation:last-child { -webkit-border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px; -ms-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px; text-align:center; }

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

/* Reintroduce slightly different link color for links to external sites */ a.extiw, a.external { color: rgb(51, 102, 187); }

/* 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; } .thumb, .caption { margin-bottom: 5px !important; } /* Thumbnails, thumbnail captions */

/* Image handling; giving this the same style as  .infoboximage img in Common.css */

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

/* Fix alignment of lists in horizontal rows */ .pi-horizontal-group-item.pi-data-value { text-align: left; background: #f9f9f9; }

.pi-horizontal-group-item.pi-data-label { display: table-cell; border-bottom: #bfdaeb 1px solid !important; background: #f0f0f0; }

/* Reduce spacing between bullet and text */ .portable-infobox li::first-letter {margin-left: -3px;}

/* 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) { .portable-infobox { width: 270px; } }

/* 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; }

/* 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; }

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

/* .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; }

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

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

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

/* Remove extraneous margins from infoboxes */ h2.pi-item { margin: 0;} /* Tweaks to eliminate extraneous margins and spacing on Oasis. */ .iumb p + p, .ooumb p + p { margin: 0; } .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; }

/* Remove image attribution - 6/11/11 */ .WikiaArticle .picture-attribution {display:none;}

/* Permanent poll background color */ .ajax-poll { background: white; }

/* TEMPORARY fix for TOC */ .mw-content-ltr .toc ul, .mw-content-rtl .mw-content-ltr .toc ul { list-style: none;margin: 0 } .toc .toctitle { text-align: center }

/* Make Plainlinks Great Again */ .plainlinks a.external::after { display: none; }

/* Restoring pieces of Oasis */ /** Font **/ /*** Article body ***/ body.skin-fandomdesktop { font-family: Helvetica Neue, helvetica, arial, sans-serif; /* Fallback */ font-size: 14px; }

/*** Global navigation ***/ .global-navigation { font-family: Rubik,Helvetica Neue,Helvetica,Arial,sans-serif; }

/*** Tabs in Wiki, Social and Image Activity ***/ .activity-tabs.with-bottom-border .wds-tabs__tab-label { font-family: Helvetica Neue, helvetica, arial, sans-serif; /* Fallback */ }

/* TOC */ /** General style **/ .page-content #toc { border-radius: 0; padding: 5px; margin: 1em 0; }

/** TOC title **/ .toc .toctitle { border-bottom: 0; justify-content: normal; font-size: 12px; padding: 3px 2px; } .toc .toctitle h2 { font-size: 14px; margin-top: 3px; padding: 0 5px 3px 0; } .toc .toctogglespan:before, .toc .toctogglespan:after { font-size: 12px; }

/** Removing small icon near title **/ .toc .toctitle h2 .wds-icon { display: none; }

/** Padding for content **/ .toc ul { padding: 0; } .toc ul li { margin: 0 } .toc ul li .toclevel-2 { margin-left: 2em; } .toc ul li .toclevel-3 { margin-left: 2em; } .toc ul li .toclevel-4 { margin-left: 2em; } .toc ul li .toclevel-5 { margin-left: 2em; }

/** Links **/ .toc ul li a { color: var(--theme-link-color); display: initial; font-weight: normal!important; padding: 0; }

/** Number color **/ .toc ul li a .tocnumber { color: var(--theme-page-text-color); }

/** No dot after number **/ .toc ul li a .tocnumber:after { display: none; }

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

/*--*/ /* HIGHLIGHTED USERNAMES LIST */ /*--*/ /*

INSTRUCTIONS

The order that names appear on this list determine which title takes precedence. A user will be marked by the last entry in this list, no matter how many entries they have. A user will be marked with the last designation on this list that they have:
 * Rollback and Chat Moderator
 * Administrator
 * Bureaucrat



/* highlight bureaucrats with a gold color */ a[href="/wiki/User:Atbryan61"] {color:#FBB117 !important} a[href="/wiki/User:SorcererSupreme21"] {color:#FBB117 !important} a[href="/wiki/User:Paralie_Marquena"] {color:#FBB117 !important} a[href="/wiki/User:Gusey1397"] {color:#FBB117 !important}

/* highlight administrators with a lime green color */

/* highlight rollbacks with a maroon color */ a[href="/wiki/User:Acrocadabra"] {color:maroon !important}

/* Chat Mod badge */ .User.chat-mod .username:after { content: url("https://images.wikia.nocookie.net/smosh/images/2/2e/Star.png"); }

/* Add custom fonts for signatures here */ 

/** Comments Highlight **/

/* Head Admin */

.comments li[data-user="Skeleton3"] blockquote { background:#FFFF66 !important; } .comments li[data-user="Skeleton3"] blockquote:after { border-color:transparent #FFFF66 #FFFF66 transparent !important; } .comments li[data-user="Skeleton3"] blockquote div { background:transparent !important; }

.comments li[data-user="DoubleDeeEddBoy"] blockquote { background:#FFFF66 !important; } .comments li[data-user="DoubleDeeEddBoy"] blockquote:after { border-color:transparent #FFFF66 #FFFF66 transparent !important; } .comments li[data-user="DoubleDeeEddBoy"] blockquote div { background:transparent !important; }

.comments li[data-user="Jackninja5DipperGravityFalls"] blockquote { background:#FFFF66 !important; } .comments li[data-user="Jackninja5DipperGravityFalls"] blockquote:after { border-color:transparent #FFFF66 #FFFF66 transparent !important; } .comments li[data-user="Jackninja5DipperGravityFalls"] blockquote div { background:transparent !important; }

.comments li[data-user="Nintendogeek5999"] blockquote { background:#FFFF66 !important; } .comments li[data-user="Nintendogeek5999"] blockquote:after { border-color:transparent #FFFF66 #FFFF66 transparent !important; } .comments li[data-user="Nintendogeek5999"] blockquote div { background:transparent !important; }

.comments li[data-user="NinjaFatGuy"] blockquote { background:#FFFF66 !important; } .comments li[data-user="NinjaFatGuy"] blockquote:after { border-color:transparent #FFFF66 #FFFF66 transparent !important; } .comments li[data-user="NinjaFatGuy"] blockquote div { background:transparent !important;

} .comments li[data-user="Skand_and_Jonny_Fan"] blockquote { background:#FFFF66 !important; } .comments li[data-user="Skand_and_Jonny_Fan"] blockquote:after { border-color:transparent #FFFF66 #FFFF66 transparent !important; } .comments li[data-user="Skand_and_Jonny_Fan"] blockquote div { background:transparent !important; }

/* Bureaucrat */

.comments li[data-user="OishiLover75"] blockquote { background:tortoise !important; } .comments li[data-user="OishiLover75"] blockquote:after { border-color:transparent tortoise tortoise transparent !important; } .comments li[data-user="OishiLover75"] blockquote div { background:transparent !important; }

.comments li[data-user="DiscoDuck"] blockquote { background:tortoise !important; } .comments li[data-user="DiscoDuck"] blockquote:after { border-color:transparent tortoise tortoise transparent !important; } .comments li[data-user="DiscoDuck"] blockquote div { background:transparent !important; }

/* Admin */

.comments li[data-user="TheSitcomLover"] blockquote { background:#90EE90 !important; } .comments li[data-user="TheSitcomLover"] blockquote:after { border-color:transparent #90EE90 #90EE90 transparent !important; } .comments li[data-user="TheSitcomLover"] blockquote div { background:transparent !important; }

.comments li[data-user="SmoshFan101"] blockquote { background:#90EE90 !important; } .comments li[data-user="SmoshFan101"] blockquote:after { border-color:transparent #90EE90 #90EE90 transparent !important; } .comments li[data-user="SmoshFan101"] blockquote div { background:transparent !important; }

/* interactive css */

.forumheader:hover { -moz-box-shadow: 0 0 7px #000; -webkit-box-shadow: 0 0 7px #000; box-shadow: 0 0 7px #000; } .forumheader a { color:lightgrey; } .forumheader a:hover { color:lightgrey; text-shadow: 0 0 5px #000; } .infobox:hover { -moz-box-shadow: 0 0 5px #000; -webkit-box-shadow: 0 0 5px #000; box-shadow: 0 0 5px #000 } .navbox:hover { -moz-box-shadow: 0 0 5px #000; -webkit-box-shadow: 0 0 5px #000; box-shadow: 0 0 5px #000 } table.portal:hover { box-shadow: 2px 2px 2px #AAAAAA; -moz-box-shadow: 2px 2px 2px #AAAAAA; -webkit-box-shadow: 2px 2px 2px #AAAAAA; } .WikiaBlogListingBox:hover { box-shadow: 4px 4px 4px #AAAAAA; -moz-box-shadow: 4px 4px 4px #AAAAAA; -webkit-box-shadow: 4px 4px 4px #AAAAAA; } .WikiaRail .module .wikia-button:hover, .WikiaRail #RIGHT_SKYSCRAPER .wikia-button:hover { box-shadow: 4px 4px 4px #AAAAAA; -moz-box-shadow: 4px 4px 4px #AAAAAA; -webkit-box-shadow: 4px 4px 4px #AAAAAA; }

.WikiaSearch input[type="text"]:hover { -moz-box-shadow: 0 0 5px #000; -webkit-box-shadow: 0 0 5px #000; box-shadow: 0 0 5px #000; }

.wikia-menu-button { -moz-box-shadow: 0 0 5px #000; -webkit-box-shadow: 0 0 5px #000; box-shadow: 0 0 5px #000; }

.WikiaArticle .toc:hover { -moz-box-shadow: 0 0 5px #000 -webkit-box-shadow: 0 0 5px #000 box-shadow: 0 0 5px #000 }

/* Make dropdown menus at the top neater */

.WikiHeader li a { padding: 0 28px; }

/* Disable gallery uploader */ /* Probably the worst image uploader known to mankind */ .wikia-photogallery-add, .wikia-button noprint {display:none !important;}