MediaWiki:Mainpage.css

@import url('https://fonts.googleapis.com/css?family=Bevan|Raleway');

body.mainpage .WikiaArticle a.external::after, body.mainpage .WikiaArticle a[href^="gopher://"]::after { display:none; } body.mainpage .WikiaPageHeader h1 { display:none; } .dev-main { line-height:150%; font-family:Raleway, sans-serif; color:#404A57; }

.dev-main a:hover, .dev-main a:link:hover, .dev-main a:visited:hover { text-decoration:none; }

/* Making h6 the default header on the front page, so as to avoid the myriad changes the company is   making on headers and footers. Probably nothing on the front page is using

Will need to change all templates to h6 */

.dev-main h6 { text-align:center; text-transform:uppercase; color:#404A57; letter-spacing:1px; font-weight:bold; max-width:670px; border:none; padding:5px; font-size:28px; font-family: Futura, "Trebuchet MS", Arial, sans-serif; }

/** Forum Activity **/ .dev-main .forum-activity { border: none ; background-color:#ececec; overflow-y: auto; font-weight:bold; }

.forum-activity .ForumActivityModule { box-shadow:none; border:none; background:#ececec; padding:1px 8px 8px; } .forum-activity .ForumActivityModule h2 { text-align:left; text-transform:none; color:#404A57; letter-spacing:0px; font-weight:bold; margin-left:0px; line-height:110%; font-size:22px; font-family: Raleway, sans-serif; }

/** Engineering **/ .dev-main .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 { text-align:left; text-transform:none; color:#404A57; letter-spacing:0px; font-weight:bold; margin-left:10px; line-height:110%; font-size:22px; font-family: Raleway, sans-serif; }

.engineering .border { border-bottom:1px solid #404A57; margin-left:15px; width:275px; padding-bottom:10px; margin-bottom:20px }

.engineering a, .engineering a:link, .engineering a:visited { color:rgb(0, 155, 190); } .engineering .description { padding: 0px 5px 0 10px; font-weight:normal; line-height:130%; } .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 { width:35px; height:auto; } @media (max-width: 1024px) { .engineering { margin-bottom:0; } }

@media (min-width:1025px) { .engineering .description { font-size:14px; } } /* Foci */

.dev-main .foci { width:670px; margin:20px auto 20px auto; border:none; background-color:transparent; overflow-y: auto; color:#000; } .foci .article-thumb .title, .foci .title { color:#fff; text-align:left; }

.foci .header { text-align:left; text-transform:uppercase; color:#404A57; letter-spacing:1px; font-weight:400; width:640px; padding: 20px 0 10px 20px; font-size:24px; font-family: 'Bevan', sans-serif; }

.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 { color:#000; background-color:#38dd90; padding:2px; font-weight:bold; } .foci .module-container { margin:0 auto; width:670px; }

.foci .module { float:left; padding:10px; margin:10px; background-color:#404A57; width:27%; color:#fff; }

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

/* What we do */

.dev-main .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 { text-align:left; text-transform:uppercase; color:#404A57; letter-spacing:1px; font-weight:400; width:640px; padding: 20px 0 10px 20px; font-size:24px; font-family: Bevan, sans-serif; }

.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 */

.dev-main .documentation { width:670px; margin:20px auto 20px auto; border:none; background-color:#ececec; overflow-y: auto; } .documentation .article-thumb .title, .documentation .title { color:#fff; text-align:left; }

.documentation .header { text-align:left; text-transform:uppercase; color:#404A57; letter-spacing:1px; font-weight:400; width:640px; padding: 20px 0 10px 20px; font-size:24px; font-family: Bevan, sans-serif; }

.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; padding:2px; font-weight:bold; }

/* Things to remember */

.dev-main .things-to-remember { border:none; overflow-y: auto; color:#fff; } .things-to-remember .article-thumb .title, .things-to-remember .title { color:#fff; text-align:left; }

.things-to-remember .header { text-align:left; text-transform:none; color:#404A57; letter-spacing:0px; font-weight:bold; padding: 0px 0 5px 5px; font-size:24px; font-family: Raleway, sans-serif; }

.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; color:#000; }

.things-to-remember .module-container { margin:0 auto; } .things-to-remember .module { background-color:#404A57; padding:10px; margin:10px 0; float:left;

} .things-to-remember .module-header { font-size:18px; font-weight:bold; line-height:170%; font-family:Raleway }

.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 */

.dev-main .introduction { margin-bottom: 32px; margin-top: -5px; width:690px; margin:20px auto 20px auto; border:none; background-color:transparent; overflow-y: auto; padding-bottom:10px; } .introduction .article-thumb .title, .introduction .title { display:none; }

.introduction .header { text-align:left; text-transform:uppercase; color:#404A57; letter-spacing:5px; font-weight:400; width:640px; padding: 20px 0 20px 20px; font-size:36px; font-family: 'Bevan', sans-serif; }

.introduction .border { border-bottom:1px solid #404A57; margin-left:25px; width:615px; }

.introduction .description { padding: 0 25px 0 25px; font-size:18px; font-family:Raleway,sans-serif; line-height:170%; }

.introduction .pic { padding: 20px 27px 0 0; }

.introduction a, .introduction a:link, .introduction a:visited { background-color:rgb(0, 155, 190); color:#fff; padding:2px; font-weight:bold; }