Difference between revisions of "MediaWiki:Common.css"

Revision as of 23:41, 21 June 2020

/* CSS placed here will be applied to all skins */

/* general styling */

div#content {
  font-family: Georgia, Palatino, serif;
}

blockquote, .poem {
  font-style: italic;
  margin-left: 2em;
}

blockquote em, blockquote i, .poem em, .poem i {
  font-style: normal;
}

a.mw-magiclink-isbn {
  font-size: 85%;
}

.mw-body h3 {
  font-size: 1.1em;
}

/* suppress auto-header for some pages */
body.page-Home #firstHeading, body.page-Project_About #firstHeading {
  display: none;
}

/* suppress category box */
div#catlinks {
  display: none;
}

/* suppress auto-numbering in table of contents */
.tocnumber { display: none; }

/* suppress most MW metadata links by default */
#left-navigation, #p-views, #n-help, #t-specialpages {
  display: none;
}

/* suppress some unused footer links */
#footer-places-privacy, #footer-places-disclaimer {
  display: none;
}

/* suppress some Metrolook decorations */
#usermenu, img.editbutton {
  display: none;
}

/* make the "Expand" link for collapsed summaries easier to see */
.mw-content-ltr .mw-collapsible-toggle-collapsed {
  border: 2px dotted white;
  float: none;
  padding: 2px;
}

/* styling for external links (including interwiki links) */
a.external, a.extiw {
  border-bottom: 1px dotted #66f !important;
  padding-right: 0 !important;
  background: none !important;
  text-decoration: none !important;
}
a.external:hover, a.extiw:hover, a.external:active, a.extiw:active {
  color: #88f !important;
}

/* embedded map boxes */
div.embed-map {
  border: 1px solid #aaa;
}
div.embed-map.small-map {
  width: 300px;
}
div.embed-map.medium-map {
  width: 420px;
}
div.embed-map.left {
  float: left;
  margin-right: 20px;
}
div.embed-map.right {
  float: right;
  margin-left: 20px;
}

/* home page table */
#home-table .cell {
  float: left;
  margin-left: 50px;
}
table.home-table tr {
  vertical-align: top;
}
table.home-table td {
  padding-left: 50px;
}

/* styling for 334 pages */
body.cat-334,
body.cat-334 #mw-page-base,
body.cat-334 #mw-head-base,
body.cat-334 .navbox-title {
  background: #edece2;
}
body.cat-334 #content {
  background: #f0efe5;
}
body.cat-334 .toc,
body.cat-334 .navbox {
  background: #f1f0ee !important;
}

/* styling for Camp Concentration pages */
body.cat-Camp_Concentration,
body.cat-Camp_Concentration #mw-page-base,
body.cat-Camp_Concentration #mw-head-base,
body.cat-Camp_Concentration .navbox-title {
  background: #d0e0e0;
}
body.cat-Camp_Concentration #content {
  background: #f4f9f1;
}
body.cat-Camp_Concentration .toc,
body.cat-Camp_Concentration .navbox {
  background: #f7fcf3 !important;
}

/* styling for The Businessman */
body.page-The_Businessman,
body.page-The_Businessman #mw-page-base,
body.page-The_Businessman #mw-head-base,
body.page-The_Businessman .navbox-title {
  background: #ffee77;
}
body.page-The_Businessman #content {
  background: #ffeeaa;
}
body.page-The_Businessman .toc,
body.page-The_Businessman .navbox {
  background: #eeddcc !important;
}

/* styling for The M.D. */
body.page-The_M_D,
body.page-The_M_D #mw-page-base,
body.page-The_M_D #mw-head-base,
body.page-The_M_D .navbox-title {
  background: #aa5555;
}
body.page-The_M_D #content {
  background: #ee8888;
}
body.page-The_M_D .toc,
body.page-The_M_D .navbox {
  background: #eeaaaa !important;
}

/* styling for The Priest */
body.page-The_Priest,
body.page-The_Priest #mw-page-base,
body.page-The_Priest #mw-head-base,
body.page-The_Priest .navbox-title {
  background: #968888;
}
body.page-The_Priest #content {
  background: #c0bbbb;
}
body.page-The_Priest .toc,
body.page-The_Priest .navbox {
  background: #d0cccc !important;
}

/* styling for The Sub */
body.page-The_Sub,
body.page-The_Sub #mw-page-base,
body.page-The_Sub #mw-head-base,
body.page-The_Sub .navbox-title {
  background: #889688;
}
body.page-The_Sub #content {
  background: #bbccbb;
}
body.page-The_Sub .toc,
body.page-The_Sub .navbox {
  background: #ccddcc !important;
}

/* styling for Wallace Shawn pages */
body.cat-Wallace_Shawn,
body.cat-Wallace_Shawn #mw-page-base,
body.cat-Wallace_Shawn #mw-head-base,
body.cat-Wallace_Shawn .navbox-title {
  background: #ccbbee;
}
body.cat-Wallace_Shawn #content {
  background: #ddd0ee;
}
body.cat-Wallace_Shawn .toc,
body.cat-Wallace_Shawn .navbox {
  background: #edddf0 !important;
}

/* styling for Roderick pages */
body.cat-Roderick,
body.cat-Roderick #mw-page-base,
body.cat-Roderick #mw-head-base,
body.cat-Roderick .navbox-title {
  background: #eeccaa;
}
body.cat-Roderick #content {
  background: #ffddbb;
}
body.cat-Roderick .toc,
body.cat-Roderick .navbox {
  background: #ffeedd !important;
}

/* styling for Tik-Tok pages */
body.cat-Tik-Tok,
body.cat-Tik-Tok #mw-page-base,
body.cat-Tik-Tok #mw-head-base,
body.cat-Tik-Tok .navbox-title {
  background: #968888;
}
body.cat-Tik-Tok #content {
  background: #c0bbbb;
}
body.cat-Tik-Tok .toc,
body.cat-Tik-Tok .navbox {
  background: #d0cccc !important;
}

/* styling for Swamp Thing */
body.page-Swamp_Thing,
body.page-Swamp_Thing #mw-page-base,
body.page-Swamp_Thing #mw-head-base,
body.page-Swamp_Thing .navbox-title {
  background: #449922;
}
body.page-Swamp_Thing #content, body.page-Swamp_Thing #searchInput {
  background: #77bb44;
}

/* sidebars */
div.sidebar, div.play-sidebar {
  border: 1px solid #ccc;
  float: right;
  margin: 8px 0 8px 30px;
  padding: 14px;
  width: 24em;
}

div.sidebar h2, div.play-sidebar h2 {
  font-size: 1.3em;
}

div.sidebar h2:first-child, div.play-sidebar h2:first-child {
  margin-top: 0;
}

/* Default style for navigation boxes (from Wikipedia styles) */
.navbox {                     /* Navbox container style */
    box-sizing: border-box;
    border: 1px solid #aaa;
    width: 100%;
    clear: both;
    font-size: 88%;
    text-align: center;
    padding: 1px;
    margin: 1em auto 0;       /* 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-group,
.navbox-title,
.navbox-abovebelow {
    padding: 0.25em 1em;      /* Title, group and above/below styles */
    line-height: 1.5em;
    text-align: center;
}
th.navbox-group {             /* Group style */
    white-space: nowrap;
    /* @noflip */
    text-align: right;
}
.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: #ccccff;      /* Level 1 color */
}
.navbox-abovebelow,
th.navbox-group,
.navbox-subgroup .navbox-title {
    background: #ddddff;      /* Level 2 color */
}
.navbox-subgroup .navbox-group,
.navbox-subgroup .navbox-abovebelow {
    background: #e6e6ff;      /* Level 3 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 */
}

/* Style for horizontal lists (separator following item).
   @source mediawiki.org/wiki/Snippets/Horizontal_lists
   @revision 8 (2016-05-21)
   @author [[User:Edokter]]
 */
.hlist dl,
.hlist ol,
.hlist ul {
    margin: 0;
    padding: 0;
}
/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
    margin: 0;
    display: inline;
    white-space: nowrap;
}
/* Display nested lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl, .hlist dl ol, .hlist dl ul,
.hlist ol dl, .hlist ol ol, .hlist ol ul,
.hlist ul dl, .hlist ul ol, .hlist ul ul {
    display: inline;
}
/* Hide empty list items */
.hlist .mw-empty-li {
    display: none;
}
/* Generate interpuncts */
.hlist dt:after {
    content: ": ";
}
.hlist dd:after,
.hlist li:after {
    content: " · ";
    font-weight: bold;
}
.hlist dd:last-child:after,
.hlist dt:last-child:after,
.hlist li:last-child:after {
    content: none;
}
/* Add parentheses around nested lists */
.hlist dd dd:first-child:before, .hlist dd dt:first-child:before, .hlist dd li:first-child:before,
.hlist dt dd:first-child:before, .hlist dt dt:first-child:before, .hlist dt li:first-child:before,
.hlist li dd:first-child:before, .hlist li dt:first-child:before, .hlist li li:first-child:before {
    content: " (";
    font-weight: normal;
}
.hlist dd dd:last-child:after, .hlist dd dt:last-child:after, .hlist dd li:last-child:after,
.hlist dt dd:last-child:after, .hlist dt dt:last-child:after, .hlist dt li:last-child:after,
.hlist li dd:last-child:after, .hlist li dt:last-child:after, .hlist li li:last-child:after {
    content: ")";
    font-weight: normal;
}
/* Put ordinals in front of ordered list items */
.hlist ol {
    counter-reset: listitem;
}
.hlist ol > li {
    counter-increment: listitem;
}
.hlist ol > li:before {
    content: " " counter(listitem) "\a0";
}
.hlist dd ol > li:first-child:before,
.hlist dt ol > li:first-child:before,
.hlist li ol > li:first-child:before {
    content: " (" counter(listitem) "\a0";
}