MediaWiki:Common.css

/* CSS placed here will be applied to all skins */ /* Last updated 22:03, 28 February 2019 (UTC) */

/* Display tagline in skins that support it */ .action-view.page-Main_Page #siteSub { display: none !important; }
 * 1) siteSub { display:block; font-weight:normal; font-size:normal;}

/* Make tagline a bit smaller */ font-size: 92%; }
 * 1) siteSub {

/* PAGE CONTENT MODIFICATIONS */ /* Head Transparency */ div#mw-page-base { background: none }

/* Body Transparency */ div.mw-body { background-color: RGBA(255, 255, 255, 0.7); color: #000000; }

/* Body Content Transparency */ div.mw-body-content { background-color: RGBA(255, 255, 255, 0.7); } table.mp-topbanner { background-color: RGBA(255, 255, 255, 0.7); }

/* PAGE CONTENT MODIFICATIONS END */

/*Shadowed lines - WORK IN PROGRESS*/ .shadowline { margin: 1em 0; padding: 0.5px; border: 1px solid #E0E0E0; box-shadow: inset 0 0 3px #E0E0E0; border-radius: 1em; width: auto; }

/* Infobox template style */ /* Code copied from wikipedia:MediaWiki:Common.css */ .infobox { border: 1px solid #a2a9b1; border-spacing: 3px; background-color: #f8f9fa; color: black; /* @noflip */ margin: 0.5em 0 0.5em 1em; padding: 0.2em; /* @noflip */ float: right; /* @noflip */ clear: right; font-size: 88%; line-height: 1.5em; } .infobox caption { font-size: 125%; font-weight: bold; padding: 0.2em; } .infobox td, .infobox th { vertical-align: top; /* @noflip */ text-align: left; } .infobox.bordered { border-collapse: collapse; } .infobox.bordered td, .infobox.bordered th { border: 1px solid #a2a9b1; } .infobox.bordered .borderless td, .infobox.bordered .borderless th { border: 0; }

.infobox.sisterproject { width: 20em; font-size: 90%; }

.infobox.standard-talk { border: 1px solid #c0c090; background-color: #f8eaba; } .infobox.standard-talk.bordered td, .infobox.standard-talk.bordered th { border: 1px solid #c0c090; }

/* END Infobox template style */

/* styles for bordered infobox with merged rows */ /* Code copied from wikipedia:MediaWiki:Common.css */ .infobox.bordered .mergedtoprow td, .infobox.bordered .mergedtoprow th { border: 0; border-top: 1px solid #a2a9b1; /* @noflip */ border-right: 1px solid #a2a9b1; }

.infobox.bordered .mergedrow td, .infobox.bordered .mergedrow th { border: 0; /* @noflip */ border-right: 1px solid #a2a9b1; }

/* Styles for geography infoboxes, eg countries, country subdivisions, cities, etc.           */ .infobox.geography { border-collapse: collapse; line-height: 1.2em; font-size: 90%; }

.infobox.geography td, .infobox.geography th { border-top: 1px solid #a2a9b1; padding: 0.4em 0.6em 0.4em 0.6em; } .infobox.geography .mergedtoprow td, .infobox.geography .mergedtoprow th { border-top: 1px solid #a2a9b1; padding: 0.4em 0.6em 0.2em 0.6em; }

.infobox.geography .mergedrow td, .infobox.geography .mergedrow th { border: 0; padding: 0 0.6em 0.2em 0.6em; }

.infobox.geography .mergedbottomrow td, .infobox.geography .mergedbottomrow th { border-top: 0; border-bottom: 1px solid #a2a9b1; padding: 0 0.6em 0.4em 0.6em; }

.infobox.geography .maptable td, .infobox.geography .maptable th { border: 0; padding: 0; } /* END styles for bordered infobox with merged rows */

/* Mark redirects in Special:Allpages and Special:Watchlist */ /* Taken from the default MediaWiki:Common.css page that ships with all Wikia wikis */ .allpagesredirect { font-style: italic; } .allpagesredirect:after { color: #808080; content: " (redirect)" } .watchlistredir { font-style: italic; } /* END Mark redirects in Special:Allpages and Special:Watchlist

/* Unbulleted lists */ .plainlist ol, .plainlist ul { line-height: inherit; list-style: none none; margin: 0; } .plainlist ol li, .plainlist ul li { margin-bottom: 0; } /* END Unbulleted lists */

/* Round Border */ .roundborder { border: 1px solid #007FFF; -moz-border-radius:10px;      /* Firefox */ border-radius:10px;           /* Chrome, Safari & Opera */ } /* END Round Border */

/* Makes text smaller, like on Wikipedia */ .references-small { font-size: 90%; } /* End making text smaller */

/* Default style for navigation boxes */ /* Taken from wikipedia:MediaWiki:Common.css */ .navbox {                    /* Navbox container style */ background-color: #f9f9f9; margin:0 auto; width: 100%; clear: both; text-align: center; border: 1px solid transparent; -moz-border-radius:10px; /* Firefox */ border-radius:10px; /* Chrome, Safari & Opera */ padding: 1px;     /* Prevent preceding content from clinging to navboxes */ } .navbox .navbox { margin-top: 0;           /* No top margin for nested navboxes */ } .navbox + .navbox { margin-top: -1px;        /* Single pixel border between adjacent navboxes */ } .navbox-inner, .navbox-subgroup { width: 100%; } .navbox-title, .navbox-abovebelow { text-align: center; background-color: #BFD7FF;    /* Level 1 color */ padding-left: 1em; padding-right: 1em; border: 1px solid transparent; -moz-border-radius:10px; /* Firefox */ border-radius:10px; /* Chrome, Safari & Opera */ } .navbox-group {            /* Group style */ white-space: nowrap; text-align: right; font-weight: bold; padding-left: 1em; padding-right: 1em; background: #BFD7FF;          /* Level 1 color */ border: 1px solid #BFD7FF;    /* Level 1 color */ -moz-border-radius:10px;      /* Firefox */ border-radius:10px;           /* Chrome, Safari & Opera */ } .navbox, .navbox-subgroup { background: #fdfdfd;     /* Background color */ } /* .navbox-list { line-height: 1.5em; border-color: #fdfdfd;   /* Must match background color } */ .navbox th, .navbox-title { background: #BFD7FF;    /* Level 1 color */ } .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background: #D7E6FD;     /* Level 2 color */ } .navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow { background: #F2F7FF;    /* Level 3 color */ border-color: #D7E6FD;  /* Level 2 color */ } .navbox-even { background: #f7f7f7;     /* Even row striping */ } .navbox-odd { background: transparent; /* Odd row striping */ } .navbox .hlist td dl, .navbox .hlist td ol, .navbox .hlist td ul, .navbox td.hlist dl, .navbox td.hlist ol, .navbox td.hlist ul { padding: 0.125em 0;      /* Adjust hlist padding in navboxes */ }

/* Default styling for Navbar template */ /* Taken from wikipedia:MediaWiki:Common.css */ .navbar {                 /* Navbox template links */ font-size: 75%;       /* Default font-size */ font-weight: normal; } .navbox .navbar { font-size: 100%;      /* Font-size when nested within navbox */ } .roundborder { border: 1px solid #007FFF; -moz-border-radius:10px;      /* Firefox */ border-radius:10px;           /* Chrome, Safari & Opera */ } .navbar ul { display: inline; white-space: nowrap; } .mw-body-content .navbar ul { line-height: inherit; } .navbar li { word-spacing: -0.125em; } .navbar.mini li abbr[title] { font-variant: small-caps; border-bottom: none; text-decoration: none; cursor: inherit; } /* Navbar styling when nested in infobox and navbox */ .infobox .navbar { font-size: 100%; } .navbox .navbar { display: block; font-size: 100%; } .navbox-title .navbar { /* @noflip */ float: left; /* @noflip */ text-align: left; /* @noflip */ margin-right: 0.5em; }

@media print { .navbox { display: none; } }

/* 'show'/'hide' buttons created dynamically by the CollapsibleTables javascript in MediaWiki:Common.js are styled here so they can be customised. */ .collapseButton { /* @noflip */ float: right; font-weight: normal; /* @noflip */ margin-left: 0.5em; /* @noflip */ text-align: right; width: auto; }

/* Styling for JQuery makeCollapsible, matching that of collapseButton */ /* Taken from wikipedia:MediaWiki:Common.css */ .mw-collapsible-toggle { font-weight: normal; /* @noflip */ text-align: right; }

/* Standard Navigationsleisten, aka box hiding thingy from .de. Documentation at NavFrame. */ /* Taken from wikipedia:MediaWiki:Common.css */ div.NavFrame { margin: 0; padding: 4px; border: 1px solid #a2a9b1; text-align: center; border-collapse: collapse; font-size: 95%; } div.NavFrame + div.NavFrame { border-top-style: none; border-top-style: hidden; } div.NavPic { background-color: #fff; margin: 0; padding: 2px; /* @noflip */ float: left; } div.NavFrame div.NavHead { line-height: 1.6em; font-weight: bold; background-color: #ccf; position: relative; } div.NavFrame p, div.NavFrame div.NavContent, div.NavFrame div.NavContent p { font-size: 100%; } div.NavEnd { margin: 0; padding: 0; line-height: 1px; clear: both; } a.NavToggle { position: absolute; top: 0; /* @noflip */ right: 3px; font-weight: normal; font-size: 90%; }

/* END Standard Navigationsleisten */

/* Navbar styling when nested in infobox and navbox */ /* Code copied from wikipedia:MediaWiki:Common.css */ .infobox .navbar { font-size: 100%; } .navbox .navbar { display: block; font-size: 100%; } .navbox-title .navbar { /* @noflip */ float: left; /* @noflip */ text-align: left; /* @noflip */ margin-right: 0.5em; } /* END Navbar styling when nested in infobox and navbox */

/* Toc */ -moz-border-radius: 0.4em 0.4em 0.4em 0.4em; -webkit-border-radius: 0.4em 0.4em 0.4em 0.4em; border-radius: 0.4em 0.4em 0.4em 0.4em; background: #F9F9F9 url(https://static.miraheze.org/simswiki/6/6d/Image_TOC.png) no-repeat right bottom; } /* Era */ position:absolute; z-index:100; right:10px; top:25px; float: right; }
 * 1) toc {
 * 1) icons {

/* Allow limiting of which header levels are shown in a TOC; , for instance, will limit to  showing ==headings== and ===headings=== but no further (as long as there are no =headings= on the page, which  there shouldn't be according to the MoS). */ .toclimit-2 .toclevel-2, .toclimit-3 .toclevel-3, .toclimit-4 .toclevel-4, .toclimit-5 .toclevel-5, .toclimit-6 .toclevel-6, .toclimit-7 .toclevel-7 { display: none; } /* Change blockquote to italics */ blockquote { font-style: italic; } blockquote.note { border: 1px dashed #ccf; padding: 5px; font-style: italic; font-size: 90%; }

/* Themes for Portable Infoboxes */ /*SIMS ALL*/ .portable-infobox.pi-theme-all { width: 250px; float: right; clear: right; margin: 0 0 1em 1em; border: 1px solid #007FFF; background: #FFFFFF; -webkit-border-radius: 10px; padding: 10px 10px 10px 10px; }

.portable-infobox.pi-theme-all .pi-title { font-style: italic; background: white; color: #3A3A3A; font-size: 94%; margin: 0 3% 0 3%; padding-top: 0; padding-bottom: 0; text-align: center; font-weight: bold; }

.portable-infobox.pi-theme-all .pi-caption { text-align: center; color: #3A3A3A; padding-top: 0; padding-bottom: 0; font-style: inherit; }

.portable-infobox.pi-theme-all .pi-image-thumbnail { width: 235px; height: auto; }

/********** META INFOBOX *************/ /** This powers templates like. Changes to it will affect multiple templates, so be careful! **/ table.metainfobox { padding: 2px; margin-left: 5px; margin-right: 1px; float: right; clear: right; width: 260px; font-size: 90%; text-align: left; border: 1px solid #E0E0E0; background: #F9F9F9; box-shadow: 1px 1px 3px #777; } table.metainfobox td { vertical-align: text-top; } table.metainfobox td p { margin: 0; } /** for first column of each row, excluding rows like trait2, trait3, etc. **/ table.metainfobox td:first-child:not(:only-child){ font-weight: bold; width: 104px; } table.metainfobox td[colspan="2"] { text-align: center; } table.metainfobox.blue { background: #DAE8F2; } table.metainfobox.green { background: #DCF2DA; } table.metainfobox.ts1 { background: #FFE9E5; } table.metainfobox.ts2 { background: #E5E8FF; } table.metainfobox.ts3 { background: #EEFFE5; } table.metainfobox.ts4 { background: #E5FDFF; } table.metainfobox.urbz { background: #FFF5E5; } table.metainfobox.social { background: #E5FFFC; } table.metainfobox.medieval { background: #FFFBE5; } th.metainfobox-header, td.metainfobox-header { background: #808080; text-align: center; color: white; font-size: 95%; text-shadow: 1px 1px 2px #222; padding: 1px; box-shadow: 1px 1px 3px #777; font-weight: bold; } th.metainfobox-header.large, td.metainfobox-header.large { font-size: 125%; padding: 3px; } th.metainfobox-header.line, td.metainfobox-header.line { height: 1px; padding: 0; box-shadow: none; } th.metainfobox-header.blue, td.metainfobox-header.blue { background: linear-gradient(to right, #2E70B7, #25A8E0); } th.metainfobox-header.green, td.metainfobox-header.green { background: linear-gradient(to right, #4CAD40, #96CF24); } th.metainfobox-header.ts1, td.metainfobox-header.ts1 { background: #FA8072; } th.metainfobox-header.ts2, td.metainfobox-header.ts2 { background: #7788E0; } th.metainfobox-header.ts3, td.metainfobox-header.ts3 { background: #96CF24; } th.metainfobox-header.ts4, td.metainfobox-header.ts4 { background: #25A8E0; } th.metainfobox-header.urbz, td.metainfobox-header.urbz{ background: #CC6633; } th.metainfobox-header.social, td.metainfobox-header.social { background: #18B4F7; } th.metainfobox-header.medieval, td.metainfobox-header.medieval { background: #DAA520; } td.metainfobox-image { float: center; border: 1px solid #e0e0e0; width: 250px; padding :0px; text-align: center; background: #FFFFFF; } td.metainfobox-logo { float: center; text-align: center } td.metainfobox-caption { text-align: center; font-size: 85%; font-style: italic; } /* END Metainfobox */

/* ATTENTION: ALL CSS BEYOND THIS LINE IS FOR THE MAIN PAGE DESIGN CURRENTLY UNDER DEVELOPMENT BY THETIMMAN. AT THIS MOMENT ALL OF THIS CSS IS TEMPORARY, AND WILL ONLY BE PERMANENTLY IMPLEMENTED ONCE THE DESIGN IS APPROVED. */

/* -- Game Button (WIP) - Derived from CSS on https://zelda.gamepedia.org -- */

.gamebutton { box-shadow: 1px 1px 3px #AAA; width: 230px; height: 125px; display: inline-block; position: relative; font-size: 0; margin: 2px; }

/* "Stretches" the button link over the tile image. * Relying on pixel sizes is not ideal and makes the design very delicate. * It will have to do until a more elegant solution arises. */ .gamebutton a { width: 100%; height: 101%; clip: rect(0px, 230px, 125px, 0px); /* Overdoing the height by 1% and clipping it off prevents the bug on    certain browsers/OSes/screen-zoom-ins where the shadow falls short by a     few pixels and doesn't cover the whole image. */ display: inline-block; font-style: normal; color: white; position: absolute; line-height: 29px; font-size: 25px; text-decoration: none; background-color: rgba(0, 0, 0, 0.6);

/* Vertically centres upper layer. Flex boxes are not compatible with IE. */ display: flex; flex-direction: column; justify-content: center; }

.gamebutton a:hover{ background-color: rgba(0, 0, 0, 0.3); }

.gamebutton-container { margin-top: 3em; margin-bottom: 3em; /* Mainly to add space below the games, above the categories */ }

/* MP Button */ .mpbutton { box-shadow: 1px 1px 3px #AAA; display: inline-block; width: 180px; height: 135px; margin: 3px 5px; overflow: hidden; text-decoration: none; color: white; } .mpbutton:hover { opacity: 0.7; box-shadow: 1px 1px 3px #7A7A7A; text-decoration: none; color: white; } .mpbutton a{   text-decoration: none; color: white; }

/*New header green and blue bars*/ .greenbar { margin: 5px; padding: 5px; color: white; font-size: 110%; font-weight: bold; text-shadow: 1px 1px 2px #222; background: linear-gradient(to right, #4CAD40, #96CF24); box-shadow: 1px 1px 3px #777777; } .bluebar { margin: 5px; padding: 5px; color: white; font-size: 110%; font-weight: bold; text-shadow: 1px 1px 2px #222; background: linear-gradient(to right, #2E70B7, #25A8E0); box-shadow: 1px 1px 3px #777777; }

/* Messagebox templates */ .messagebox { border: 1px solid #aaa; background-color: #f9f9f9; width: 80%; margin: 0 auto 1em auto; padding: .2em; } .messagebox.merge { border: 1px solid #c0b8cc; background-color: #f0e5ff; text-align: center; } .messagebox.cleanup { border: 1px solid #9f9fff; background-color: #efefff; text-align: center; } .messagebox.standard-talk { border: 1px solid #c0c090; background-color: #f8eaba; } .messagebox.nested-talk { border: 1px solid #c0c090; background-color: #f8eaba; width: 100%; margin: 2px 4px 2px 4px; } .messagebox.small { width: 238px; font-size: 85%; float: right; clear: both; margin: 0 0 1em 1em; line-height: 1.25em; } /* wikitable/prettytable class for skinning normal tables */ table.wikitable, table.plaintable, table.prettytable { margin: 1em 1em 1em 0; border: 1px #aaa solid; border-collapse: collapse; background-color: #FFFFFF; } table.wikitable th, table.wikitable td, table.plaintable th, table.plaintable td { border: 1px #aaa solid; padding: 0.2em 1em; } table.heading-grey th, table.heading-gray th, td.heading-grey, td.heading-gray, table.plaintable th { background-color: #efefef; text-align: center; } table.heading-blue th, td.heading-blue { background-color: #BFD7FF;     /* Level 1 color */ text-align: center; } .small-text, .small-text-cells td { font-size:75%; } table.wikitable caption, table.plaintable caption, table.prettytable caption { margin-left: inherit; margin-right: inherit; font-weight: bold; } table.prettytable { margin: 1em 1em 1em 0; border-collapse: collapse; } table.prettytable th { text-align: left; padding: 0.2em 1em; border: #BFD7FF 1px solid;    /* Level 1 color */ } table.prettytable tr:not(:first-child) th, /* May not work in IE. For :first-child to work in IE, a <!DOCTYPE> must be declared. */ th.heading2, table.prettytable th.heading2, table.prettytable td { text-align: left; padding: 0.2em 0.5em; border: #BFD7FF 1px solid;    /* Level 1 color */ } table.prettytable tr:not(:first-child) th, /* May not work in IE. For :first-child to work in IE, a <!DOCTYPE> must be declared. */ th.heading2 { background-color: #D7E6FD;    /* Level 2 color */ color: rgb(38,75,135); } table.plaintable tr:not(:first-child) th /* May not work in IE. For :first-child to work in IE, a <!DOCTYPE> must be declared. */ { background-color: #f7f7f7; text-align: center; } table.prettytable td { background-color: rgb(242,247,255);    /* Level 3 color */ } .alt { background-color: #f7f7f7; } table.zebra > tbody > tr:nth-child(2n+1) {background-color: #f7f7f7; }

/*********** CSS CODE FOR TEMPLATE:PAGECOVER (Feb 11 2018) ***********/ .pagecover { height: 300px; font-weight: bold; margin: auto; position: relative; overflow: hidden; border: 1px solid #E0E0E0; box-shadow: 1px 1px 3px #777; margin-bottom: 5px; color: white; } .pagecover-image { position: absolute; } .pagecover, .pagecover-image { width: 670px; } .pagecover-header { background: #AAA; opacity: 0.9; position: absolute; width: 630px; bottom: 20px; padding: 10px; box-shadow: 1px 1px 3px #777; border: 1px solid #DDD; margin-left: 20px; } .pagecover-header.left { margin-left: 0px; } .pagecover-header.right { margin-left: 20px; } .pagecover-header.center, .pagecover-header.centre { margin-left: 10px; } .pagecover-header, .pagecover-name { font-weight: bold; text-align: left; } .pagecover-name { font-size: 25px; float:left; text-shadow: 1px 1px 2px #333; } .pagecover-header.ts1 { background: #FA8072; } .pagecover-header.ts2 { background: #7788E0; } .pagecover-header.ts3 { background: #96CF24; } .pagecover-header.ts4 { background: #25A8E0; } .pagecover-header.medieval { background: #DAA520; } .pagecover-header.urbz { background: #CC6633; } .pagecover-pagetype { float: right; color: white; font-size: 12px; text-align: right; } .pagecover-subtitle { font-size:12px; float:left; font-style: italic; clear:both; }

/* Banner - used in forumheader, et al. */ height: 20px; margin: 0; color: #FFF; padding: 15px; font-size: x-large; background: #3380D8; filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr='#053871', endColorstr='#3380D8'); background: -webkit-gradient(linear, left top, right bottom, from(#053871), to(#3380D8)); background: -moz-linear-gradient(left, #053871, #3380D8); moz-border-radius: 0.25em 0.25em 0 0; -webkit-border-radius: 0.25em 0.25em 0 0; border-radius: 0.25em 0.25em 0 0; vertical-align: middle; }
 * 1) banner {

div.headingblue { background: url("https://static.miraheze.org/simswiki/5/50/Header_bar_blue.jpg"); color: White; font-size: 100%; font-weight: bold; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 2px #666666; -moz-box-shadow: 0 1px 2px #666666; -o-box-shadow: 0 1px 2px #666666; box-shadow: 0 1px 2px #666666; } div.headingbluestatic { background: url("https://static.miraheze.org/simswiki/5/50/Header_bar_blue.jpg"); color: White; font-size: 100%; font-weight: bold; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 2px #666666; -moz-box-shadow: 0 1px 2px #666666; -o-box-shadow: 0 1px 2px #666666; box-shadow: 0 1px 2px #666666; }

div.headinggreen {/*NOTE - This heading may be changed as part of any wiki theme updates*/ background: url("https://static.miraheze.org/simswiki/a/a7/Header_bar_green.jpg"); margin-top: 5px; margin-left: 3px; margin-right: 3px; margin-bottom: 5px; color: White; font-size: 100%; font-weight: bold; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 0 4px #666666; -moz-box-shadow: 0 0 4px #666666; -o-box-shadow: 0 0 4px #666666; box-shadow: 0 0 4px #666666; } div.headinggreenstatic { background: url("https://static.miraheze.org/simswiki/a/a7/Header_bar_green.jpg"); margin-top: 5px; margin-left: 3px; margin-right: 3px; margin-bottom: 5px; color: White; font-size: 100%; font-weight: bold; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 0 4px #666666; -moz-box-shadow: 0 0 4px #666666; -o-box-shadow: 0 0 4px #666666; box-shadow: 0 0 4px #666666; } /* END Banner */