User:Romagia/global.css

/* Imports */ @import url('https://fonts.googleapis.com/css?family=Bevan|Material+Icons');

/* Name attribute for presentation-only Material Design icons */ .material-icons[data-name]::before { content: attr(data-name); }

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

/* Force links to appear as redlinks */ .redlink a { color: #CC2200; }

/* Make tag more prominent in RecentChanges */ .mw-tag-marker-non-script-i18n-edit { color: red; font-weight: bold; }

/* Fix highlighting (eg CSS Cookbook) */ .mw-highlight { background: none; }

/* Fix JSON page highlighting on dark theme */ background-color: rgba(120, 235, 120, 0.2); }
 * 1) mw-content-text .mw-json .value,
 * 2) mw-content-text .mw-json-single-value {

/* make code tags more prominent (and match pre tags) */ code, .code { background-color: rgba(183,183,183,0.23); border: 1px solid rgba(156, 156, 156, 0.4); color: inherit; padding: 1px 4px; font-family: monospace; }

/* Giving headers and TOC a little extra space */ .toc { margin-top: 20px; }
 * 1) mw-content-text > h2,

/* div.Pre class used in conjuction with source tag */ div.pre { background-color: #F9F9F9; border: 1px dashed #2F6FAB; font-family: monospace; padding: 0.5em 1em; }

/* Styling fixes on Special:Community */ .mw-special-Community .community-page-todo-list-module, .mw-special-Community .community-page-todo-list-module .community-page-todo-list-module-content { border: none; padding: 0; } .mw-special-Community .community-page-card-module .community-page-card-module-full-list-link a { color: #404A57; } .mw-special-Community .community-page-card-module .community-page-card-module-full-list-link a:hover { text-decoration: none; } .mw-special-Community .community-page-card-module .dev-custom-community-page-card-badge { align-items: center; background: #fff; border-radius: 50%; display: flex; height: 48px; justify-content: center; width: 48px; } .mw-special-Community .community-page-card-module .dev-custom-community-page-card-path { display: inline-flex; font-size: 24px; line-height: 1em; margin: 0; padding: 0; user-select: none; }

/** * ======================== * Category:Installation templates * ======================== */ div[data-template="install"], .pi-theme-install { clear: left; float: none; margin: 0; width: calc(100% - 288px); } div[data-template="install"] .pi-theme-install { width: 100%; } div[data-template="install"] .mw-geshi.pi-data-value, .pi-theme-install .mw-geshi.pi-data-value { border: none; overflow: auto; padding: 1em; white-space: pre; } div[data-template="install"] .mw-geshi span.xtra, .pi-theme-install .mw-geshi span.xtra { display: inline; } .pi-theme-install .pi-group .pi-navigation { padding: 0; } .pi-theme-install .pi-group .pi-data-label { flex: 1 1 0; -ms-hyphens: manual; -webkit-hyphens: manual; hyphens: manual; } .pi-theme-install .pi-group .pi-data-value { flex: 2 2 0; -ms-hyphens: manual; -webkit-hyphens: manual; hyphens: manual; } /* Unhighlighting all except needed line, see Template:Script Install */ .pi-theme-install .mw-highlight .hll:not(:nth-child(5)) { background-color: transparent; } /* Stop notice at bottom for being all bold */ .pi-theme-install .pi-secondary-font { font-weight: normal; }

/** * ======================== * Category:Infobox templates * Template:Infobox JavaScript * Template:Infobox CSS * Template:Infobox Lua * ======================== */ .pi-theme-doc .pi-item[data-source] ul { list-style: none; } .pi-theme-doc .pi-navigation[data-item-name="breadcumbs"] { display: none; }

/** * ======================== * Category:Vertical navigation templates * Template:Infobox Guide * ======================== */ .pi-theme-guide .pi-group .pi-navigation { text-align: center; } .pi-theme-guide .pi-group .pi-navigation ul, .pi-theme-guide .pi-group .pi-navigation li { display: inline; margin: 0; padding: 0; } .pi-theme-guide .pi-group .pi-navigation li:after { content: "•"; display: inline; padding: 0 0.36em; /* exact size of normal space */ } .pi-theme-guide .pi-group .pi-navigation li:last-child:after { content: none; }

/** * ========================= * Forum formatting * (by -Algorithm & Splarka) * ========================= */ .forumheader { border: 1px solid #AAA; background-color: #F9F9F9; margin-top: 1em; padding: 12px; } .forumlist td.forum_edited a { color: black; text-decoration: none } .forumlist td.forum_title a, .forumlist th.forum_title { padding-left: 20px; } .forumlist td.forum_title a.forum_new { background-image: url('https://images.wikia.nocookie.net/central/images/4/4e/Forum_new.gif') center left no-repeat; font-weight: bold; padding-left: 20px; } .forumlist td.forum_title a.forum_new:visited { background-image: none; font-weight: normal; padding-left: 20px; }

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

/** * Template:Mbox */ .mbox { color: var(--theme-page-text-color, #000); background-color: #EEE; }

.mbox__content { /* the padding inside the mbox */ padding: 5px; }

/** * Template:Mbox/wikitext */ .notice { background-color: rgba(171,171,171,0.11); border-collapse: collapse; border-left: 10px solid #404A57; line-height: 1.5em; margin: 0; margin-bottom: 10px; padding: 10px; text-align: center; } .notice.red { border-left: 10px solid #BA0000; } .notice.orange { border-left: 10px solid #F28500; } .notice.yellow { border-left: 10px solid #F4C430; } .notice.purple { border-left: 10px solid #9932CC; } .notice.blue { border-left: 10px solid #1E90FF; } .notice.gray { border-left: 10px solid #BBA; } .notice .notice__content { display: inline-block; padding: 5px; vertical-align: middle; } .notice .notice__title { font-size: larger; line-height: normal; margin: 0; margin-bottom: 5px; } .notice .notice__text { margin: 0; padding: 0.25em 0.5em; }

/** * ================== * Template:Languages * ================== */ .switch-lang .selected a, .WikiaArticleInterlang .selected a { color: inherit; font-weight: bold; } .WikiaArticleInterlang .selected a:hover { text-decoration: none; }

/** * ==================================== * Module:Languages - format=transclude * ==================================== */ .transclude-notice-top, .transclude-notice-bottom { clear: both; font-size: 80%; padding: 0.1em 0.5em; text-align: right; } .transclude-notice-top { border-bottom: 1px solid var(--theme-border-color, #CCC); } .transclude-notice-bottom { border-top: 1px solid var(--theme-border-color, #CCC); }

/** * ====================== * Template documentation * ====================== */ .template-documentation { border: 1px solid var(--theme-border-color, #CCC); margin: 1em 0; } .template-documentation .template-documentation-header { background-color: var(--theme-page-background-color--secondary, #EEE); border-bottom: 1px solid var(--theme-border-color, #CCC); padding: 1em; } .template-documentation .template-documentation-langs { background-color: rgba(var(--theme-border-color--rgb, 246,246,246), 0.15); border-bottom: 1px solid var(--theme-border-color, #CCC); display: flex; flex-wrap: wrap; list-style: none; margin: 0; padding: 0; padding-bottom: 0.5em } .template-documentation .template-documentation-footer { border-color: var(--theme-border-color, #CCC); } .template-documentation .template-documentation-langs li { margin: 0 0 0 1em; padding: 0.5em 0 0; } .template-documentation .template-documentation-langs li.selected { order: -1; } .template-documentation .template-documentation-langs li.selected a { color: var(--theme-page-text-color, black); font-weight: bold; } .template-documentation .template-documentation-content { overflow-y: auto; padding: 1em; } .template-documentation .template-documentation-content .transclude-notice-bottom:last-child { background-color: #EEE; border-top: 1px solid #CCC; font-size: 100%; margin: 1em -1em -1em; padding: .5em 1em; text-align: right; }

/** * ================== * Template:Scrollbox * ================== */   border: 1px solid #CCC; border-color: var(--scrollbox-color, #CCC); border-width: var(--scrollbox-border, 1px); box-sizing: border-box; max-height: 350px; max-height: var(--scrollbox-height, 350px); overflow-y: scroll; padding: 0; padding: var(--scrollbox-padding, 0); }   margin-top: 0; }
 * 1) mw-content-text div[data-scrollbox] {
 * 1) mw-content-text div[data-scrollbox] > dl,
 * 2) mw-content-text div[data-scrollbox] > ol,
 * 3) mw-content-text div[data-scrollbox] > ul,
 * 4) mw-content-text div[data-scrollbox] > ul li:first-child {

/** * =================== * Forum:Index styling * =================== */ .forumboard-header { border-bottom: 1px solid black; font-weight: bold; padding: 0.5em; text-align: center; } .forumlist { width: 100%; } .forumlist th { background-color: #404A57; color: white; text-align: left; }

/** * ================ * Mainpage styling * ================ */ .mainpage #mw-content-text { font-family: Rubik, sans-serif; line-height: 150%; } .mainpage #mw-content-text a:hover, .mainpage #mw-content-text a:link:hover, .mainpage #mw-content-text a:visited:hover { text-decoration: none; }

/* Engineering */ .mainpage .engineering { background-color: #ECECEC; border: none; font-size: 13px; font-weight: bold; height: 430px; margin-bottom: 20px; margin-top: 20px; overflow-y: auto; padding-top: 10px; } .engineering .header { color: #404A57; font-size: 22px; font-family: Rubik, sans-serif; font-weight: bold; letter-spacing: 0; line-height: 110%; margin-left: 10px; text-align: left; text-transform: none; } .engineering .border { border-bottom: 1px solid #404A57; margin-bottom: 20px; margin-left: 15px; padding-bottom: 10px; width: 275px; } .engineering a, .engineering a:link, .engineering a:visited { color: #009BBE; } .engineering .description { font-weight: normal; line-height: 130%; padding: 0 5px 0 10px; } .engineering .WikiaBlogListingPost .author-details h2 { font-size: 16px; font-weight: normal; line-height: 130%; width: 80%; } .engineering .WikiaBlogListing .WikiaBlogListingPost { font-size: 80%; font-weight: normal; line-height: 150% !important; } .engineering .WikiaBlogListing .avatar { height: auto; width: 35px; } @media (max-width: 1024px) { .engineering { margin-bottom: 0; } } @media (min-width:1025px) { .engineering .description { font-size: 14px; } }

/* Foci */ .mainpage #mw-content-text .foci { background-color: transparent; border: none; margin: 20px auto 20px auto; overflow-y: auto; width: 670px; } .foci .article-thumb .title, .foci .title { color: white; text-align: left; } .foci .header { color: #4a678d; font-family: 'Bevan', sans-serif; font-size: 24px; font-weight: 400; letter-spacing: 1px; padding: 20px 0 10px 20px; text-align: left; text-transform: uppercase; width: 640px; } .foci .border { border-bottom: 1px solid #4C4C4C; margin-left: 25px; width: 615px; } .foci .gallery { padding-top: 10px; } .foci .gallery .gallery-image-wrapper { border: medium none; } .foci .gallery .wikia-gallery-item { margin-bottom: -23px; } .foci .description { padding: 0 20px 0 20px; } .foci .module a, .foci .module a:link, .foci .module a:visited { font-weight: bold; padding: 2px; } .foci .module-container { display: flex; justify-content: center; margin: 0 auto; padding: 0 10px; } .foci .module { background-color: #8282822b; display: inline-block; font-size:smaller; margin: 10px; padding: 10px; vertical-align: top; width: 25%; }

.foci .module-header { font-family: Rubik, sans-serif; font-size: 18px; font-weight: bold; line-height: 170%; }

/* What we do */ .mainpage #mw-content-text .what-we-do { background-color: #8282822b; border: none; margin: 20px auto 20px auto; overflow-y: auto; width: 670px; } .what-we-do .article-thumb .title, .what-we-do .title { color: white; text-align: left; } .what-we-do .header { color: #4a678d; font-family: Bevan, sans-serif; font-size: 24px; font-weight: 400; letter-spacing: 1px; padding: 20px 0 10px 20px; text-align: left; text-transform: uppercase; width: 640px; } .what-we-do .border { border-bottom: 1px solid #404A57; margin-left: 25px; width: 615px; } .what-we-do .gallery { padding-top: 10px; } .what-we-do .gallery .gallery-image-wrapper { border: medium none; } .what-we-do .gallery .wikia-gallery-item { margin-bottom: -23px; } .what-we-do .description { padding: 0 20px 0 20px; } .what-we-do a, .what-we-do a:link, .what-we-do a:visited { font-weight: bold; padding: 2px; }

/* Documentation */ .mainpage #mw-content-text .documentation { background-color: #ECECEC; border: none; margin: 20px auto 20px auto; overflow-y: auto; width: 670px; } .documentation .article-thumb .title, .documentation .title { color: white; text-align: left; } .documentation .header { color: #404A57; font-family: Bevan, sans-serif; font-size: 24px; font-weight: 400; letter-spacing: 1px; padding: 20px 0 10px 20px; text-align: left; text-transform: uppercase; width: 640px; } .documentation .border { border-bottom: 1px solid #404A57; margin-left: 25px; width: 615px; } .documentation .gallery { padding-top: 10px; } .documentation .gallery .gallery-image-wrapper { border: medium none; } .documentation .gallery .wikia-gallery-item { margin-bottom: -23px; } .documentation .description { padding: 0 20px 0 20px; } .documentation a, .documentation a:link, .documentation a:visited { background-color: rgb(0, 155, 190); color: white; font-weight: bold; padding: 2px; }

/* Things to remember */ .mainpage #mw-content-text .things-to-remember { border: none; margin-top: 20px; overflow-y: auto; } .things-to-remember .article-thumb .title, .things-to-remember .title { color: white; text-align: left; } .things-to-remember .header { color: #4a678d; font-family: Bevan, sans-serif; font-size: 20px; font-weight: 300; letter-spacing: 0; padding: 0 0 5px 5px; text-align: left; text-transform: uppercase; } .things-to-remember .border { border-bottom: 1px solid #404A57; margin-left: 25px; width: 615px; } .things-to-remember .gallery { padding-top: 10px; } .things-to-remember .gallery .gallery-image-wrapper { border: medium none; } .things-to-remember .gallery .wikia-gallery-item { margin-bottom: -23px; } .things-to-remember .description { padding: 5px 5px 0 5px; } .things-to-remember .module-container { margin: 0 auto; } .things-to-remember .module { background-color: #8282822b; float:left; margin: 10px 0; padding:10px; } .things-to-remember .module-header { font-family: Rubik; font-size: 18px; font-weight: bold; line-height: 170%; } .things-to-remember .module a, .things-to-remember .module a:link, .things-to-remember .module a:visited { font-weight: bold; padding: 2px; }

/* Introduction */ .mainpage #mw-content-text .introduction { background-color: transparent; border: none; margin: 20px auto 20px auto; overflow-y: auto; padding-bottom: 10px; width: 690px; } .introduction .article-thumb .title, .introduction .title { display: none; } .introduction .header { font-family: 'Bevan', sans-serif; font-size: 36px; font-weight: 400; letter-spacing: 5px; padding: 20px 0 20px 20px; text-align: left; text-transform: uppercase; width: 640px; } .introduction .border { border-bottom: 1px solid #404A57; margin-left: 25px; width: 615px; } .introduction .description { font-family: Rubik, sans-serif; line-height: 170%; font-size: 18px; padding: 0 25px 0 25px; } .introduction .pic { padding: 20px 27px 0 0; } .introduction a, .introduction a:link, .introduction a:visited { font-weight: bold; padding: 2px; } /* Language switcher :

Mainly preventing collision with the right rail on the main page */ .mainpage .toc { border: none; font-size: 12px; line-height: 150%; margin: 0 10% 1% 7%; width: 670px; }

/* Media queries for front page */ @media (max-width:1023px) { .mainpage .toc { margin-left: auto; margin-right: auto; }   .mainpage .foci { margin: 0 auto; }   .mainpage .foci .module { width: 26%; }   .main-page-tag-rcs { padding: 40px 20px 0 20px; }   .mainpage .things-to-remember { display: inline-block; margin-left: 40px; margin-top: 0; width: 290px; }   .mainpage .things-to-remember .module-container, .mainpage .things-to-remember .module { /* double declaration of width nests well */ width: 270px; }   .mainpage .things-to-remember .explanation { font-size: smaller; } } @media (min-width:1024px) and (max-width:1041px) { .mainpage .toc { margin-left: 0; margin-right: 0; }   .mainpage .things-to-remember .module { width: 280px; } } @media (min-width:1042px) and (max-width:1600px) { .mainpage .toc { margin-left: 1%; margin-right: 0; }   .mainpage .things-to-remember .module { width: 280px; } }

/**** End Mainpage styling ****/

/*** DataTables styling ***/ .dataTables_wrapper .table-wrapper.table-is-wide::before { box-shadow: unset; } .datatable td.JSobject { font-family: monospace; } .datatable td.JSobject a.external:after { display: none; } .datatable td.data-attr { font-style: italic; }

body.theme-fandomdesktop-dark .ThemeSwitch { filter: invert(1); }