MediaWiki:Common.css

/* CSS placed here will be applied to all skins */ /* Last updated 20:59, 25 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 {

/*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 skin for navigation boxes */ table.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; } table.navbox + table.navbox { /* Single pixel border between adjacent navboxes */ margin-top: -1px;         /* (doesn't work for IE6, but that's okay)       */ } .navbox-title, .navbox-abovebelow, table.navbox th {            /* Title and above/below styles */ 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 { border-color: #fdfdfd; } /* Must match background color */ .navbox-title, table.navbox th { 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 */ } .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 */ } @media print { .navbox { display: none; } }

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

/* 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 Nav (WIP) - Derived from CSS on https://zelda.gamepedia.org -- */

.game { display: inline-block; position: relative; font-size: 0; margin: 2px; }

/* "Stretches" the game 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. */ .game 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 game title text. Flex boxes are not compatible with IE. */ display: flex; flex-direction: column; justify-content: center; }

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

.game-container { margin: 0 auto 3em; /* Mainly to add space below the settings, above the Categories */ }