Fandom Developers Wiki
Register
mNo edit summary
mNo edit summary
Line 593: Line 593:
 
}
 
}
 
.foci .module-container {
 
.foci .module-container {
  +
display: flex;
  +
justify-content: center;
 
margin: 0 auto;
 
margin: 0 auto;
 
padding: 0 10px;
 
padding: 0 10px;

Revision as of 21:33, 8 June 2021

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

/* 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 */
#mw-content-text > h2,
.toc {
    margin-top: 20px;
}

/* 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% - 285px);
}
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: #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 #CCC;
}
.transclude-notice-bottom {
    border-top: 1px solid #CCC;
}

/**
 * ======================
 * Template documentation
 * ======================
 */
.template-documentation {
    border: 1px solid #CCC;
    margin: 1em 0;
}
.template-documentation .template-documentation-header {
    background-color: #EEE;
    border-bottom: 1px solid #CCC;
    padding: 1em;
}
.template-documentation .template-documentation-langs {
    background-color: #F6F6F6;
    border-bottom: 1px solid #CCC;
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0;
    padding-bottom: 0.5em
}
.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: 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
 * ==================
 */
#mw-content-text div[data-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);
}
#mw-content-text div[data-scrollbox] > dl,
#mw-content-text div[data-scrollbox] > ol,
#mw-content-text div[data-scrollbox] > ul,
#mw-content-text div[data-scrollbox] > ul li:first-child {
    margin-top: 0;
}

/**
 * ===================
 * 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 : {{Languages}}

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