MediaWiki:Wikia.css

/* For CSS that should only affect the Wikia skin */

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

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

/** * Template:Script Install, Template:CSS Install, Template:HTML Install */ 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 { padding: 0; } .pi-theme-install .pi-group .pi-navigation { padding: 0; } .pi-theme-install .pi-group .pi-data-label { flex-basis: calc(100%/3); } .pi-theme-install .pi-group .pi-data-value { flex-basis: calc(2*100%/3); }

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

/* Forum formatting (by -Algorithm & -Splaka) */ .forumheader { border: 1px solid #aaa; background-color: #f9f9f9; margin-top: 1em; padding: 12px; } .forumlist td.forum_edited a { color: #000; 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; }

/* === 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 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 { 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:Extension -- styles from MediaWiki.org */ .ext-infobox { border: 2px solid #aaaaaa; width: 272px; float: right; margin: 0 0 0.5em 0.5em; border-collapse: collapse; background-color: white; }

.ext-infobox td { border: 2px none #aaaaaa; padding: 0.2em 0.5em; border-bottom: 1px solid #f0f0f0 !important; }

.ext-header { background-color: #aaaaaa; color: white; text-align: left; } .ext-header td { padding-top: 0.5em; } .ext-header img { padding: 0 0.2em 0 0.5em; }

.ext-status-unstable, .ext-status-unstable td { border-color: #990000; }

.ext-status-unstable .ext-header { background-color: #990000; color: #ffff00; }

.ext-status-experimental, .ext-status-experimental td { border-color: #CC6600; }

.ext-status-experimental .ext-header { background-color: #CC6600; }

.ext-status-beta, .ext-status-beta td { border-color: #000099; }

.ext-status-beta .ext-header { background-color: #000099; }

.ext-status-stable, .ext-status-stable td { border-color: #009900; }

.ext-status-stable .ext-header { background-color: #009900; }

/** GENERAL PURPOSE PRETTY TABLES */ table.datatable { background-color: transparent; }

table.datatable th, table.datatable td { padding: 4px; }

table.datatable th { text-align: left; background-color: #999999; }

table.datatable tr { background-color: #CCCCCC; }

table.datatable tr:hover { background-color: #FFFFCC; }

/* wikitable/prettytable class for skinning normal tables */ table.wikitable, table.prettytable { margin: 1em 1em 1em 0; background: #f9f9f9; border: 1px #aaa solid; border-collapse: collapse; empty-cells:show; }

table.wikitable th, table.wikitable td, table.prettytable th, table.prettytable td { border: 1px #aaa solid; padding: 0.2em 0.4em; }

table.wikitable th, table.wikitable td.hl3, table.wikitable th.hl3, table.prettytable th, table.prettytable td.hl3, table.wikitable th.hl3 { background: #8da7d6; text-align: center; }

table.wikitable td.hl1, table.wikitable th.hl1, table.prettytable td.hl1, table.wikitable th.hl1 { background: #c5d8fc; text-align: center; }

table.wikitable td.hl2, table.wikitable th.hl2, table.prettytable td.hl2, table.wikitable th.hl2 { background: #a7c1f2; text-align: center; }

table.wikitable caption, table.prettytable caption { margin-left: inherit; margin-right: inherit; font-weight: bold; }

.NavFrame { background: #f9f9f9; border: 1px #aaa solid; padding: 5px; }

.NavFrame .NavHead { background: #8DA7D6; border: 1px #aaa solid; text-align: center; font-weight: bold; }

.NavFrame .NavContent { padding: 5px 0; }

.collapsibleButton { font-weight: normal; }

.collapsibleLink { color: #002BB8; }

/** Style for RSA Keys **/ .rsa { padding: 1em; border: 1px dashed #2fab34; color: black; background-color: #f9f9f9; line-height: 1.1em; white-space: wrap; overflow: auto; }

/* for examples on CollapsibleInfobox */ /* positions the +/- */ a.infoboxtoggle { float: right; }

/* hides hidden rows */ .hidden { display: none; }

/* does _not_ hide headers */ tr.header.hidden { display: table-row; }

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

/* Template:Notice */ .notice { font-size: 95%; width: 80%; margin: 0 auto; border: 1px #aaa solid; border-collapse: collapse; background-color: #eee; border-left: 10px solid #228b22; }

.notice.red { border-left: 10px solid #b22222; }

.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-img { width: 60px; padding: 2px 0px 2px 0.5em; text-align: center; }

.notice .notice-text { padding: 0.25em 0.5em; color:#000; }

.notice .notice-info { font-size: 85%; margin-top:0.5em; }

/** * Template:Languages */ .switch-lang .selected a { color: #000; font-weight: bold; }

/** * Module:Languages - format=transclude */ .transclude-notice-top, .transclude-notice-bottom { clear: both; text-align: right; font-size: 80%; padding: .1em .5em; } .transclude-notice-top { border-bottom: 1px solid #ccc; } .transclude-notice-bottom { border-top: 1px solid #ccc; }

/** * Template:Documentation */ .template-documentation { background-color: rgba; 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; padding: 0; margin: 0; list-style: none; display: flex; flex-wrap: wrap; padding-bottom: .5em } .template-documentation .template-documentation-langs li { padding: .5em 0 0; margin: 0 0 0 1em; } .template-documentation .template-documentation-langs li.selected { order: -1; } .template-documentation .template-documentation-langs li.selected a { color: #000; font-weight: bold; } .template-documentation .template-documentation-content { padding: 1em; } .template-documentation .template-documentation-content .transclude-notice-bottom:last-child { background-color: #eee; border-top: 1px solid #ccc; margin: 1em -1em -1em; padding: .5em 1em; text-align: right; font-size: 100%; }

/*** Mainpage styling ****/

.mainpage #mw-content-text { color: #404A57; 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; }

/* Forum Activity */ .mainpage #mw-content-text .forum-activity { border: none; font-weight: 500; overflow-y: auto; } .forum-activity .forum-activity-module { padding:1px 8px 8px; } .forum-activity .forum-activity-module em a { white-space: pre-wrap; } .forum-activity .forum-activity-module h2 { background-color:transparent; color: #404A57; font-family: Rubik, sans-serif; font-size: 22px; font-weight: bold; letter-spacing: 0px; line-height: 110%; margin-left: 0px; text-align: left; text-transform: none; }

/* Engineering */ .mainpage .engineering { margin-bottom: 20px; margin-top: 20px; border: none; background-color: #ececec; overflow-y: auto; font-weight: bold; padding-top: 10px; height: 430px; font-size: 13px; } .engineering .header { color: #404A57; font-weight: bold; letter-spacing: 0px; line-height: 110%; margin-left: 10px; font-size: 22px; font-family: Rubik, sans-serif; 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: 0px 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; color: #000; margin: 20px auto 20px auto; overflow-y: auto; width: 670px; } .foci .article-thumb .title, .foci .title { color: #fff; text-align: left; } .foci .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; } .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: 0px 20px 0 20px; } .foci .module a, .foci .module a:link, .foci .module a:visited { background-color: #38dd90; color: #000; font-weight: bold; padding: 2px; } .foci .module-container { margin: 0 auto; padding: 0 10px; } .foci .module { background-color: #404A57; color: #fff; display: inline-block; font-size:12px; margin: 10px; padding: 10px; vertical-align: top; width: 25%; }

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

/* What we do */ .mainpage #mw-content-text .what-we-do { width: 670px; margin: 20px auto 20px auto; border: none; background-color: #ececec; overflow-y: auto; } .what-we-do .article-thumb .title, .what-we-do .title { color: #fff; text-align: left; } .what-we-do .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; } .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: 0px 20px 0 20px; } .what-we-do a, .what-we-do a:link, .what-we-do a:visited { background-color: rgb(0, 155, 190); color: #fff; padding: 2px; font-weight: bold; }

/* Documentation */ .mainpage #mw-content-text .documentation { border: none; background-color: #ececec; margin: 20px auto 20px auto; overflow-y: auto; width: 670px; } .documentation .article-thumb .title, .documentation .title { color: #fff; text-align: left; } .documentation .header { color: #404A57; font-family: Bevan, sans-serif; font-size: 24px; font-weight: 400; width: 640px; letter-spacing: 1px; padding: 20px 0 10px 20px; text-align: left; text-transform: uppercase; } .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: 0px 20px 0 20px; } .documentation a, .documentation a:link, .documentation a:visited { background-color: rgb(0, 155, 190); color: #fff; font-weight: bold; padding: 2px; }

/* Things to remember */ .mainpage #mw-content-text .things-to-remember { border: none; color: #fff; margin-top: 20px; overflow-y: auto; } .things-to-remember .article-thumb .title, .things-to-remember .title { color: #fff; text-align: left; } .things-to-remember .header { color: #404A57; font-weight: bold; font-size: 24px; font-family: Rubik, sans-serif; text-align: left; text-transform: none; padding: 0 0 5px 5px; letter-spacing: 0; } .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 { color: #000; padding: 5px 5px 0 5px; } .things-to-remember .module-container { margin: 0 auto; } .things-to-remember .module { background-color: #404A57; color: #fff; margin: 10px 0; float:left; } .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 { color: #000; background-color: #38dd90; padding: 2px; font-weight: bold; }

/* Introduction */ .mainpage #mw-content-text .introduction { border: none; background-color: transparent; margin: 20px auto 20px auto; overflow-y: auto; padding-bottom: 10px; width: 690px; } .introduction .article-thumb .title, .introduction .title { display: none; } .introduction .header { color: #404A57; font-weight: 400; font-size: 36px; font-family: 'Bevan', sans-serif; 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-size: 18px; font-family: Rubik, sans-serif; line-height: 170%; padding: 0 25px 0 25px; } .introduction .pic { padding: 20px 27px 0 0; } .introduction a, .introduction a:link, .introduction a:visited { background-color: rgb(0, 155, 190); color: #fff; 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 (max-width:1023px) { .mainpage .toc { margin-left:auto; margin-right:auto; } } @media (min-width:1024px) and (max-width:1041px) { .mainpage .toc { margin-left:0; margin-right:0; } } @media (min-width:1042px) and (max-width:1600px) { .mainpage .toc { margin-left:1%; margin-right:0; } }

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

/* make code tags more prominent (and match pre tags) */ code { background-color: #f2f2f2; border: 1px solid #ccc; color: inherit; padding: 1px 4px; }