MediaWiki:Common.css

/* CSS placed here will be applied to all skins */ /* --- Dev Wiki imports --- */ @import url('//dev.wikia.com/load.php?mode=articles&articles=MediaWiki:Global_Lua_Modules/NavboxBuilder.css&only=styles'); @import "/load.php?mode=articles&articles=u:dev:MediaWiki:AjaxPoll.Discussions.css&only=styles";

/* --- Themes.css navbox stylesheet import --- */ @import '/load.php?articles=MediaWiki:Themes.css&only=styles&mode=articles';

/* --- Global variables --- */
 * root {

/* theme colors */ --theme-color: #0fdb38; --secondary-color: #87ed9b; /* this should be used for text over a --theme-color background */ --text-color: rgba(255, 255, 255, 0.9); }

/* --- Staff colors --- */ /*****bureacrat*****/ a[href$=":EarthlingnAkumi"], a[href$="/EarthlingnAkumi"], a[href$=":ShutinOtaku"], a[href$="/ShutinOtaku"] { color: #32CD32 !important; font-weight: bold !important; font-family: Arial; }

/*****sysop*****/ a[href$=":WeebyWeebster"], a[href$="/WeebyWeebster"], a[href$=":Wildheart970"], a[href$="/Wildheart970"] { color: #32abc9 !important; font-weight: bold !important; font-family: Arial; }

a[href$=":AoifeRising"], a[href$="/AoifeRising"] { color: #b19cd9 !important; font-weight: bold !important; font-family: Arial; }

/*****bot****/ a[href$=":EarthlingnAkumi-S0CK"], a[href$="/EarthlingnAkumi-S0CK"] { color: pink !important; font-weight: bold !important; font-family: Arial; }

/* --- Column Scrollbox - courtesy of Animanga Wiki --- */ .references, .episodelist { font-size: 90%; -moz-column-count: 2; -webkit-column-count: 2; -ms-column-count: 2; column-count: 2; } .references > li, .episodelist > li { margin-right: 25px; }

/** * Accompanying CSS for Template:Navbox, its auxiliaries, and its implementations. * FANDOM Developers entry: https://dev.fandom.com/wiki/Global_Lua_Modules/Navbox * Lua module: https://dev.fandom.com/wiki/Module:Navbox */ .navbox { background-color: var(--module-bg); border: 1px solid var(--medium-gray); border-radius: 3px; font-size: 0.75rem; line-height: 23px; overflow: hidden; word-break: break-word; } .navbox .navbox-title { background-color: var(--theme-color); color: var(--text-color); line-height: 23px; } .navbox .navbox-title a { color: inherit !important; } .navbox .navbox-template-links { top: 4px; } .navbox .navbox-group { background-color: var(--secondary-color); text-align: center; vertical-align: middle; border: 1px solid var(--secondary-color); border-bottom-color: var(--module-bg); } .navbox .navbox-subgroup { background-color: var(--module-bg); width: 15%; vertical-align: middle; text-align: center; } .navbox-table { border-collapse: collapse; } .navbox-table-layout .navbox-group { width: 15%; } .navbox-table .navbox-padding { padding: 10px; } .navbox-table .navbox-list { border: 1px solid var(--medium-gray); vertical-align: middle; } .navbox-above, .navbox-footer, .navbox-header { background-color: var(--secondary-color); } .navbox.left { clear: left; float: left; margin: 0 1.5em 0.5em 0; } .navbox.right { clear: right; float: right; margin: 0 0 0.5em 1.5em; } .navbox-image { background-color: var(--module-bg); border: 1px solid transparent; } .navbox-content { padding: 0 2px 3px 2px !important; } .navbox-above, .navbox-base { border-bottom: 1px solid var(--medium-gray); } .navbox-above { position: relative; } .navbox > .navbox-table-wrapper:first-child, .navbox-section > .navbox-table-wrapper:first-child { margin-top: -6px; } .navbox-content ul { list-style: none !important; margin: 0; padding: 0; } .navbox-list.\32 -columns ul, .navbox-list.\33 -columns ul, .navbox-list.\34 -columns ul, .navbox-list.\35 -columns ul { column-rule: 4px double var(--medium-gray); list-style-type: none; margin: 0; } .navbox-list.\32 -columns ul { column-count: 2; } .navbox-list.\33 -columns ul { column-count: 3; } .navbox-list.\34 -columns ul { column-count: 4; } .navbox-list.\35 -columns ul { column-count: 5; } .navbox-list.\32 -columns ul li, .navbox-list.\33 -columns ul li, .navbox-list.\34 -columns ul li, .navbox-list.\35 -columns ul li { margin: 0; }

/* --- Removes "add to gallery" button --- */ .wikia-gallery .wikia-photogallery-add { display: none !important; }

/* --- Navigation portal - Courtesty of Webtoon Wiki ES --- */ .portal-link-wrapper { text-align: center; margin-bottom: 0.5em; } .portal-link { display: inline-flex; } .portal-link a { height: 100px; width: 250px; display: inline-flex; justify-content: center !important; align-items: center !important; margin: 7px; border-radius: 2px; font-size: 20px; letter-spacing: 2px; line-height: 1.4em; font-family: 'Bebas Neue', cursive; text-transform: uppercase; background-color: #0fdb38; color: #fff !important; box-shadow: 0 1px 3px -1px rgba(0, 0, 0, 0.12), 0 2px 6px rgba(0, 0, 0, 0.03); -webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s; -ms-transition: 0.2s; transition: 0.2s; } .portal-link a:hover { text-decoration: none; background-color: #0fdb38; color: #fff !important; letter-spacing: 7px; }

line-height: 22px; margin: 0; padding-left: 25px; }
 * 1) mp-contents .mp-content,
 * 2) mp-recent .mp-content,
 * 3) mp-wiki .mp-content {

.mp-color .mp-header { font-size: 125%; font-weight: bold; padding: 13px 0 10px 10px; margin-bottom: 4px; border-bottom: 1px solid #fff; text-align: left; }

.mp-color .mp-header-line { border-bottom: 1px solid #fff; margin-top: 12px; margin-bottom: 2px; }

.mp-color .mp-column { width: 33%; float: left; font-size: 11px; }

.mp-color { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 2px; background-color: #0fdb38; padding: 4px 10px; margin-top: 10px; margin-bottom: 15px; -webkit-box-shadow: 0 1px 3px -1px rgb(0 0 0 / 12%), 0 2px 6px rgb(0 0 0 / 7%); -moz-box-shadow: 0 1px 3px -1px rgba(0,0,0,0.12),0 2px 6px rgba(0,0,0,0.07); box-shadow: 0 1px 3px -1px rgb(0 0 0 / 12%), 0 2px 6px rgb(0 0 0 / 7%); border-top: 10px solid #0fdb38; }

line-height: 22px; margin: 0; padding-left: 25px; }
 * 1) mp-contents .mp-content, #mp-recent .mp-content, #mp-wiki .mp-content {

.mp-color .mp-endrow { clear: both; text-align: right; }

.mp-color .mp-endrow .mp-endbox { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: #0fdb38; padding: 4px 25px; display: inline; font-size: 85%; font-weight: bold; }

.mp-color2 { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: #0fdb38; padding: 4px 10px; margin-top: 10px; margin-bottom: 15px; -webkit-box-shadow: 0 1px 2px -1px rgb(0 0 0 / 12%), 0 2px 4px rgb(0 0 0 / 7%); -moz-box-shadow: 0 1px 2px -1px rgba(0,0,0,0.12),0 2px 4px rgba(0,0,0,0.07); box-shadow: 0 1px 2px -1px rgb(0 0 0 / 12%), 0 2px 4px rgb(0 0 0 / 7%); border-top: 10px solid #0fdb38; padding-left: 12px; padding-right: 12px; }

.mp-color2 .mp-header2 { font-size: 15px; font-weight: bold; padding: 8px 2px; margin-bottom: 8px; border-bottom: 1px solid #fff; text-align: center; }

padding-left: 12px; padding-right: 12px; }
 * 1) mp-gemw .mp-content2 {

.mp-color2 .mp-content2 { margin: 5px 0; font-size: 13px; }

/* Fandomized Desktop Customization - Credits to the TBATE server*/ .theme-fandomdesktop-dark .rail-module, .theme-fandomdesktop-light .rail-module { background: transparent; } .theme-fandomdesktop-dark .page__main, .theme-fandomdesktop-dark .page__right-rail { background-color: rgba(231, 244, 210, 0.85); } .theme-fandomdesktop-light .page__main, .theme-fandomdesktop-light .page__right-rail { background-color: rgba(231, 244, 210, 0.85); }