MediaWiki:Wikia.css

/***** CSS placed here will be applied to all skins on the entire site. *****/ /* Copied from MediaWiki:Common.css. */ /* MediaWiki:Wikia.css may have been blanked by the 1.16.1 upgrade. */ /*Font import*/ @import url('https://fonts.googleapis.com/css?family=Ubuntu:500'); @import "https://dev.wikia.com/load.php?mode=articles&articles=MediaWiki:ModernProfile/Masthead.css|MediaWiki:ModernProfile/Wall.css&only=styles"; @import url("/load.php?mode=articles&articles=u:dev:MediaWiki:FandomizedTabs/tabviews.css&only=styles"); @import url("/load.php?mode=articles&articles=u:dev:MediaWiki:FandomizedActivityFeed.css&only=styles");

/* For [show]/[hide] link of javascript collapsible tables */ .collapseButton {        /* 'show'/'hide' buttons created dynamically by the        */ float: right;        /* CollapsibleTables javascript in MediaWiki:Common.js */ font-weight: normal; /* are styled here so they can be customised. */   text-align: right; width: auto; } .category-gallery-item .snippet .text, .WikiaArticle i, .WikiaArticle em, a.wikia-button, .wikia-single-button a, .wikia-menu-button, input, .button, button, select { font-family: 'Ubuntu', sans-serif; } /* Edit Button */ .editsection a { color: #000000; font-family:'Rubik', sans-serif; font-size:15px; text-transform:uppercase; letter-spacing:1px; font-style: none; } /* Side Panel and Page Title Font */ font-family: 'Rubik', sans-serif !important; } /* section.group-FANDOM_TOPIC { display:none !important; }*/
 * 1) WikiaMainContent,
 * 2) wpUploadDescription textarea,
 * 1) WikiaPage {

/* Slight change for avatar */ .avatar { border-radius: 2em; } /* section.group-FANDOM_TOPIC { display:none !important; }*/ div.autoWide img { height: auto; width: auto; max-width: 100%; } div.noGalBG .accent { background-color: transparent !important; }

/* Mark redirects in Special:Allpages and Special:Watchlist */ .allpagesredirect { font-style: italic; } .watchlistredir { font-style: italic; }

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

.i18ndoc { background-color: #FFF77D; border-bottom: 1px solid lightgrey; font-family: monospace; font-size: 8pt; height: 140px; overflow: auto; padding: 3px; }

/* 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.thumb { margin: 2px; margin-left: 6px; } div.thumbinner { background: inherit; border: none; }   color: inherit; } /* 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; }
 * 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; } .lang-blockN, .lang-block0, .lang-block1, .lang-block2, .lang-block3 { margin: 2px 4px; 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, td.lang-description0 { background-color: #FFB3B3; color: black; } .lang-block1, .lang-block2, .lang-block3, td.lang-code1, td.lang-code2, td.lang-code3 { border: 1px solid #99B3FF; } td.lang-description1, td.lang-description2, td.lang-description3 { background-color: #E0E8FF; color: black; } .lang-blockN, td.lang-codeN { border: 1px solid #6EF7A7; } td.lang-descriptionN { background-color: #C5FCDC; color: black; }

/* === Template:Ambox designs === */ /* Ambox design */ .ambox { width: 80%; margin: 0 auto; border: 1px #AAA solid; border-left: 10px solid #228b22; border-collapse: collapse; background-color: #EEE; } /* Ambox colours */ .ambox-blue { border-left: 10px solid #1e90ff;      /* Blue (notice) */ } .ambox-red { border-left: 10px solid #b22222;      /* Red (delete/serious) */ } .ambox-orange { border-left: 10px solid #f28500;      /* Orange (content) */ } .ambox-yellow { border-left: 10px solid #f4c430;      /* Yellow (style) */ } .ambox-purple { border-left: 10px solid #9932cc;      /* Purple (merge) */ } .ambox-gray { border-left: 10px solid #bba;         /* Gray (protection) */ } .ambox-green { border-left: 10px solid #228b22;      /* Green */ } /* Ambox small text */ .ambox-smalltext { font-size: smaller; margin-top:0.5em; margin-left:0.8em; } /* Ambox image */ .ambox-image {                         /* The left image cell */ width: 60px; padding: 2px 0px 2px 0.5em;           /* 0.5em left, 0px right */ text-align: center; }

/* Tabview on File pages */ .tabs { padding-left: 0px; } .tabs a { background-color: transparent; border-color: transparent; text-decoration: none; color: black; white-space: nowrap; } .tabs li a { font-weight: unset !important; }

/* Portable infoboxes */

.portable-infobox { float:right; background: rgba(161, 208, 247, 0.5); border-radius: 8px 8px 0 0; border: 2px solid #301728; overflow: hidden; } .portable-infobox h2 { background-color: #25883D; } .pi-title, .pi-header, .pi-horizontal-group .pi-header { color: #fff; font-weight: bold; text-align: center; } .pi-theme-object { border: 2px solid #301728 !important; } .pi-theme-object h2 { background-color: #96487D !important; } .pi-theme-musicbox { border: 2px solid #33194d !important; } .pi-theme-musicbox h2 { background-color: #663399 !important; } .pi-theme-team { border: 2px solid #0067c2 !important; } .pi-theme-team h2 { background-color: #5CB2FF !important; } .pi-theme-staff { border: 2px solid #0d0d0d !important; } .pi-theme-staff h2 { background-color: #262626 !important; } .pi-theme-show { border: 2px solid #3c633c !important; } .pi-theme-show h2 { background-color: #62A061 !important; } .pi-theme-location { border: 2px solid #2e0011 !important; } .pi-theme-location h2 { background: #5E0022 !important; } .pi-theme-event { border: 2px solid #062b2e !important; } .pi-theme-event .pi-title, .pi-theme-event .pi-header { background-color: #008b8b !important; } .pi-theme-gameinfo { border: 1px solid #4282A3 !important; } .pi-theme-gameinfo h2 { background: #4282A3 !important; } .pi-theme-gameinfo .pi-data { border-bottom: 1px solid #162d38 !important; } .pi-theme-merchandise { border: 2px solid #422722 !important; } .pi-theme-merchandise h2 { background-color: #A86257 !important; } .pi-theme-episode { border: 2px solid #00B2EE !important; } .pi-theme-episode h2, .pi-theme-episode .pi-secondary-background { background-color: #1e5b9a !important; } .pi-theme-episode .pi-data:not(:last-of-type), .pi-group { border-bottom-width: 0px !important; } .pi-theme-episode .pi-data-label { flex-basis: 150px !important; } .pi-theme-episode .pi-title, .pi-theme-episode .pi-header { border-bottom: 1px solid #00B2EE !important; border-top: 1px solid #1e5b9a !important; } .pi-theme-episode .pi-horizontal-group .pi-horizontal-group-item:not(:first-child) { border-left-width: 0px !important; } .pi-theme-issue { border: 2px solid #c6f6ff !important; } .pi-theme-issue h2, .pi-theme-issue .pi-secondary-background { background-color: #39b1cc !important; } .pi-theme-issue .pi-data:not(:last-of-type), .pi-group { border-bottom-width: 0px !important; } .pi-theme-issue .pi-data-label { flex-basis: 150px !important; } .pi-theme-issue .pi-border-color { border-color: #c6f6ff; } .pi-theme-issue .pi-title, .pi-theme-issue .pi-header { border-bottom: 1px solid #c6f6ff !important; border-top: 1px solid #c6f6ff !important; } .pi-theme-issue .pi-horizontal-group .pi-horizontal-group-item:not(:first-child) { border-left-width: 0px !important; } .portable-infobox .pi-data-value ul { list-style-position: outside; margin-left: 18px; } .pi-theme-issue .pi-data { font-size: 90%; } .pi-image-collection-tab-content { background-color: rgba(208,232,251,0.5) !important; } ul.pi-image-collection-tabs { margin: 0; } ul.pi-image-collection-tabs li { border: 1px solid transparent !important; } ul.pi-image-collection-tabs li.current { background: rgba(208,232,251,0.5) !important;

} .pi-data, .pi-data-label, .pi-data-value { border-color: transparent; background-color: transparent; }

/* === USERBOXES === */ table.userbox { float:left; margin:0.2em; padding:0; border-width:1px; border-style:solid; } table.userbox td.left, table.userbox td.right { text-align:center; vertical-align:middle; font-size:1.6em; padding:0; } table.userbox td.main { padding:0 4px; vertical-align:middle; line-height:125%; font-size:0.9em; }

table.userbox { border-color:#aaa; background:#f8f8f8; } table.userbox td.left, table.userbox td.right { background:#d8d8d8; }

.picture-attribution { display:none !important; }

.spoilers, .spoilers a, .spoilers a.new /* etc. */ { color: transparent; } .attribution { display: none; } .tag { color: inherit; }   .CategorySelect.editMode > .toolbar:before { display: block; content: "Do not add unapproved or nonexisting categories."; float: left; color: red; line-height: 1.7em; }

/* Styling for navbox bg */ table.navbox { background: #A7F6A6; border-collapse: separate; border:1px solid black; font-size:88%; padding: 0px; text-align:center; width: 100% } table.navbox th {border: 1px solid #000000; background: #008431; repeat scroll 0px 0px transparent;} table.navbox tr {border: 1px solid #000000;} table.navbox td {border: 1px solid #000000;}

a[href$=":Createsans"], a[href$="/Createsans"]{ color: red !important; font-weight: bold !important ; font-family: 'Impact'; font-size: 115%; } a[href$=":Gopher_dude_11"], a[href$="/Gopher_dude_11"]{ color: Green !important; font-weight: bold !important ; font-family: 'Helvetica'; font-size: 115%; } /* 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.thumb { margin: 2px; margin-left: 6px; } div.thumbinner { background: inherit; border: none; }   color: inherit; }
 * 1) article div.thumb {

/* Colored names, of admins, Wikia Staff and Wikia Helpers, in the recent changes and page history (highlights admins) */ a[href$=":PacintoshX"], a[href="/wiki/Message_Wall:PacintoshX"], a[href="/wiki/User_blog:PacintoshX"], a[href="/wiki/Special:Contributions/PacintoshX"], a[href="/wiki/User:SoftcapSoldier"], a[href$=":SoftcapSoldier"], a[href="/wiki/Message_Wall:SoftcapSoldier"], a[href="/wiki/User_blog:SoftcapSoldier"], a[href="/wiki/Special:Contributions/SoftcapSoldier"], a[href="/wiki/User:Dr._Lazlo"], a[href="/wiki/User:Lightningkenny"], a[href="/wiki/User:BluJayPJ"], a[href$=":BluJayPJ"], a[href="/wiki/User:Fran_Pun"], a[href$=":Fran_Pun"], a[href="/wiki/Message_Wall:Fran_Pun"], a[href="/wiki/User_blog:Fran_Pun"], a[href="/wiki/Special:Contributions/Fran_Pun"], a[href="/wiki/User:Moozipan_Cheese"], a[href$=":Moozipan_Cheese"], a[href="/wiki/Message_Wall:Moozipan_Cheese"], a[href="/wiki/User_blog:Moozipan_Cheese"], a[href="/wiki/Special:Contributions/Moozipan_Cheese"], a[href="/wiki/User:RenRoses"], a[href$=":RenRoses"], a[href="/wiki/Message_Wall:RenRoses"], a[href="/wiki/User_blog:RenRoses"], a[href="/wiki/Special:Contributions/RenRoses"], a[href="/wiki/Message_Wall:BluJayPJ"], a[href="/wiki/User_blog:BluJayPJ"], a[href="/wiki/Special:Contributions/BluJayPJ"], .Wall .edited-by a.subtle[href$="Wall:BluJayPJ"]:after { color: #005500 !important; font-weight: bold !important; } /****************** Comment tags *****************/ /* (based on http://town-of-salem.wikia.com/wiki/MediaWiki:Wikia.css) */ /* Bureaucrats */ .comments li[data-user="PacintoshX"] .edited-by:after { content: "Founder"; font-weight: bold; color: #000000; background-color: dodgerblue; -left: 3px; padding: 1px 3px; border-radius: 2px; border-style: outset; border-color: dodgerblue; } .comments li[data-user="SoftcapSoldier"] .edited-by:after, .comments li[data-user="Moozipan Cheese"] .edited-by:after, .comments li[data-user="Createsans"] .edited-by:after, .comments li[data-user="Lightningkenny"] .edited-by:after, .comments li[data-user="RenRoses"] .edited-by:after { content: "Bureaucrat"; font-weight: bold; color: #000000; background-color: skyblue; -left: 3px; padding: 1px 3px; border-radius: 2px; border-style: outset; border-color: skyblue; } .DiscordIntegratorModule.module iframe

/* Admins */ .comments li[data-user="Dr. Lazlo"] .edited-by:after, .comments li[data-user="BluJayPJ"] .edited-by:after, .comments li[data-user="Fran Pun"] .edited-by:after { content: "Admin"; font-weight: bold; color: #000000; background-color: gold; -left: 3px; padding: 1px 3px; border-radius: 2px; border-style: outset; border-color: gold; } /* Unselectable text */ .unselectable { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /* IsTyping.css */ .is-typing .typing-indicator::before { content: ''; height: 20px; width: 24px; background-image: url(https://i.imgur.com/ElRvQm9.gif); background-size: 24px 24px; display: inline-block; background-position: 0 5px; } .tabberlive { /* tabber wrapper style */ } .tabberlive > .tabbertab:not(.tabbertabhide) { /* tabber visible content */ } .tabberlive > .tabbernav > li > a { /* tabber tabs */ } .tabberlive > .tabbernav > li > a:hover { /* tabber tabs when being hovered */ } .tabberlive > .tabbernav > li > a:active { /* tabber tabs when being clicked */ } .tabberlive > .tabbernav > li.tabberactive > a { /* selected tabber tab */ } .tabberlive > .tabbernav > li.tabberactive > a:hover { /* selected tabber tab when being hovered */ } .tabberlive > .tabbernav > li.tabberactive > a:active { /* selected tabber tab when being clicked */ }