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