MediaWiki

Common.css

Revision as of 23:47, 6 November 2015 by Very (Talk | contribs)

Note: After saving, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Clear the cache in Tools → Preferences
/* CSS placed here will be applied to all skins */

/** Collapsible tables *********************************************************
 *
 *  Description: Allows tables to be collapsed, showing only the header. See
 *                         http://www.mediawiki.org/wiki/Manual:Collapsible_tables.
 *  Maintainers: [[en:User:R. Koot]]
 */
 
table.collapsed tr.collapsible {
        display: none;
}
 
.collapseButton {               /* 'show'/'hide' buttons created dynamically by the             */
        float: right;           /* CollapsibleTables JavaScript in [[MediaWiki:Common.js]] */
        font-weight: normal;    /* are styled here so they can be customised.             */
        font-style: italic;
        text-align: right;
        width: auto;
}

/** Hidden Welcome & To Do Page Titles, toc **/
body.page-GoGoHikaGo_Welcome h1.entry-title { display:none; }
body.page-GoGoHikaGo_Welcome h2.title { display:none; }
body.page-GoGoHikaGo_Welcome h4.namespace.label { display:none; }
body.page-GoGoHikaGo_To_do h1.entry-title { display:none; }
body.page-GoGoHikaGo_To_do h2.title { display:none; }
body.page-GoGoHikaGo_To_do h4.namespace.label { display:none; }
.toc, #toc { display: none; }

/***** ***** ***** ***** *****            ***** ***** ***** ***** *****/
/***** ***** ***** ***** ***** Formatting ***** ***** ***** ***** *****/
/***** ***** ***** ***** *****            ***** ***** ***** ***** *****/

/* keep superscript and subscript text from breaking the line-spacing */
#bodyContent sup {
    font-size: smaller;
    vertical-align: baseline;
    position: relative;
    bottom: 0.33em;
}
#bodyContent sub {
    font-size: smaller;
    vertical-align: baseline;
    position: relative;
    bottom: -0.25em;;
}

/* Row highlighting class */
.rowlight tr:hover td {
  background: #ccc;
}

/* Row alternating class */
.oddeven tr:nth-child(even) {
 background: #fff;
}
.oddeven tr:nth-child(odd) {
 background: #eee;
}

/* Row alternating class */
.evenodd tr:nth-child(odd) {
 background: #fff;
}
.evenodd tr:nth-child(even) {
 background: #eee;
}

/***** ***** ***** ***** *****            ***** ***** ***** ***** *****/
/***** ***** ***** ***** ***** Templates  ***** ***** ***** ***** *****/
/***** ***** ***** ***** *****            ***** ***** ***** ***** *****/

/* Infoboxes */
.infobox {
  border: 1px solid #FFC40C;
  background-color: #fff;
  padding: 2px;
  text-align: center;
  font-size: .95em;
  border-collapse: collapse;
  width: 100%; 
  margin-left: 0%; 
  margin-right: 0%;
}
.infobox caption {
  font-weight: bold;
  font-size: 1.25em;
}
.infobox th {
 background-color: #FFC40C;
 vertical-align: middle;
 text-align: center;
}
.infobox td {
  vertical-align: middle;
  text-align: center;
}

/* Sideboxes */
/* Category:Templates (Infobox: Sidebox) */
.side {
 border: 1px solid #ccc;
 font-size: .9em;
 width: 20%; 
 float: right;
 margin-left: 2%;
 margin-bottom: 2%;
 /*
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 0 0 5px #888;
  -webkit-box-shadow: 0 0 5px #888;
  box-shadow: 0 0 5px #888;
  */
}
.side img {
 height: auto;
 width: 100%;
 max-width: 150px;
}

/* Reference Notes */
sup.referencenote {
	font-size: 60%;
}

/* Hatnotes (notes at the top of articles) */
div.hatnote {
	font-size: 75%;
	font-style: italic;
	line-height: .5em;
	margin-bottom: 1.5em;
}

/* synopsis blocks */
table.synopsis {
 margin: 1em 1em 1em 0;
 background-color: #fff;
 border-collapse: collapse;
}
table.synopsis .collapseButton {
 float: left;
 text-align: left;
}

/* Terms of address */
table.address th.by {
	width: 25%;
}
table.address th.re {
	width: 25%;
}
table.address th.to {
	width: 20%;
}
table.address th.about {
	width: 25%;
}
table.address th.when {
	width: 25%;
}

/* Manga & Anime Transcripts */
table.transcript th.speaker {
	width: 15%;
}
table.transcript th.ja {
	width: 40%;
}
table.transcript th.en {
	width: 45%;
}
table.transcript th.signature {
	background-color: #FFC40C;
	border: 1px solid #FFC40C;
}
table.transcript th {
	font-size: 125%;
}

/* BGM Q Lists */
table.music th.oped {
	font-weight: bold;
	font-size: 125%;
	text-align: left;
}
table.music td.bgm {
	padding-left: 2em;
}
table.music td.mmss {
	width: 3em;
	text-align: center;
}

/* Cover Galleries */
table.covers {
 margin: 1em auto 1em auto;
 background-color: #F9F9F9;
 border: 1px #ccc solid;
 border-collapse: collapse;
 text-align: center;
 width: 90%;
}
.covers th, .covers td {
  border: 1px #ccc solid;
  padding: 0.2em;
}
.covers th {
  background: #F2F2F2;
  text-align: center;
}
.covers img {
 height: auto;
 width: 100%;
}

/* Template:Splashimg */
.splashimg {
  border: 0px solid #FA7C41;
  text-align: center;
  border-collapse: collapse;
  width: 100%; 
  margin-left: 0%; 
  margin-right: 0%;
  vertical-align: middle;
  line-height: 0;
}
.splashimg img {
	height: auto;
	width: 100%;
	max-width: 1280px;
	padding: 0;
	margin: 0;
  -moz-box-shadow: 0 0 5px #888;
  -webkit-box-shadow: 0 0 5px #888;
  box-shadow: 0 0 5px #888;
}

/* wide normal tables */
.wide  {
 width: 100%;
}
table.wikitable th.title  {
 width: 45%;
}

/* appearance tables */
table.spread {
 width: 78%;
}

/* Navigational footers */
/* Category:Templates (Infobox: Navigation) */
.navi { 
  font-size: 1em;
}
.navi th {
  width: 30%;
}
.navi td {
  width: 35%;
}

/* Featured article content */
/* Category:Templates (Infobox: Feature) */
.feat { 
  font-size: .9em;
  width: 78%;
  margin-left: auto; 
  margin-right: auto;
}
.feat img {
 height: auto;
 width: 100%;
}
.feat td {
 border: 1px #ccc solid;
}

/* Description Text */
table.infobox.feat td.left {
	text-align: left;
}

/* 300px max images */
table.moderate img {
 width: 100%;
 height: auto;
 max-width: 300px;
 border: 1px #ccc solid;
 padding: 0px;
 margin: 0px;
}

/* Chapters List tables */
table.chapters th, td {
 vertical-align: middle;
}
table.chapters th.number {
 width: 6%;
}
table.chapters td.number {
 text-align: center;
}
table.chapters th.volume {
 width: 4%;
}
table.chapters td.volume {
 text-align: center;
}
table.chapters th.JA {
 width: 32%;
}
table.chapters th.EN {
 width: 50%;
}
/* Episodes List tables */
table.episodes th, td {
 vertical-align: middle;
}
table.episodes th.number {
 width: 6%;
}
table.episodes td.number {
 text-align: center;
}
table.episodes th.release {
 width: 4%;
}
table.episodes td.release {
 text-align: center;
}
table.episodes th.JA {
 width: 32%;
}
table.episodes th.EN {
 width: 50%;
}

/* Chapter/Episode Title Header */

table.gameheader {
	width: 100%;
}
.gameheader th {
	font-size: 125%;
}
.gameheader th.ja {
	text-align: left;
}
.gameheader th.en {
	text-align: right;
}

/* Dustjacket No Margins Nor Padding */
table.dustjacket {
 background: white;
 border: none;
 padding: 0px;
 margin: 0px;
 width: 100%;
}

table.dustjacket img {
 border: 1px #ccc solid;
 padding: 0px;
 margin: 0px;
 width: 100%;
 height: auto;
}

/* Anthology Covers (front only) */
table.anthology {
 width: 75%;
 max-width: 400px;
 margin-left: auto;
 margin-right:auto;
}

table.anthology th {
 width: 50%;
}
table.anthology img {
 height: auto;
 max-width: 300px;
 border: 1px #000 solid;
 padding: 0px;
 margin: 0px;
}

/* For when back covers are back! */
/* Anthology Covers */
/*
table.anthology {
 width: 100%;
}
table.anthology th {
 width: 50%;
}
table.anthology img {
 width: 100%;
 height: auto;
 border: 1px #000 solid;
 padding: 0px;
 margin: 0px;
}
*/

/* Pro Exam tables */
table.examinee th.opponent {
	width: 50%;
}
table.examinee th.match,  table.examinee th.date, table.examinee th.colour, table.examinee th.result, table.examinee th.margin {
	width: 10%;
}
table.examinee td.match,  table.examinee td.date, table.examinee td.colour, table.examinee td.result, table.examinee td.margin {
	text-align: center;
}

/* Tournament Standings */
table.standings th.place, table.standings th.winloss {
	width: 15%;
}
table.standings th.name {
	width: 55%;
}

/* Tournament Scheduling */
table.tourney {
 color: black;
 text-align: center;
 margin-left: auto; 
 margin-right: auto;
 width: 100%;
}
table.tourney th {
 background-color: #EEE;
 width: 7em;
 vertical-align: middle;
}
table.tourney td {
 background-color: BLACK;
 padding: 3px;
 border: 1px #EEE solid;
 vertical-align: middle;
}
table.tourney td.prelimc {
 background-color: red;
}
table.tourney td.prelimb {
 background-color: orange;
}
table.tourney td.prelima {
 background-color: yellow;
}
table.tourney td.preliml {
 background-color: green;
}
table.tourney td.main {
 background-color: cyan;
}
table.tourney td.final {
 background-color: WHITE;
}

/* Template:Games */
table.games th.player {
 width: 40%;
}
table.games th.result {
 width: 20%;
}

/* Go Diagrams */
 .godiag-left { /* for br and div */
        clear: left;
 }
 .godiag-right { /* for br and div */
        clear: right;
 }
 div.godiag { /* for backwards compatibility with ver <= 0.7 */
        float: right;
        clear: right;
        margin: 0 .5em .5em 1em;
        background-color: #f9f9f9;
        border: 1px solid silver;
 }
 div.godiag-left {
        float: left;
        margin: .5em 1em .5em 0;
        background-color: #f9f9f9;
        border: 1px solid silver;
 }
 div.godiag-right {
        float: right;
        margin: .5em .5em .5em 1em;
        background-color: #f9f9f9;
        border: 1px solid silver;
 }
 div.godiagi {
        padding: 0.5ex;
 }
 div.godiagheading {
        font-size: .94em;
        padding-top: 0.5ex;
		font-style: italic;
  }
 div.godiagsgf {
        width: 16px;
        height: 32px;
        float: right;
 }
 div.godiagsgf a {
        background: url("images/sgfdl.png") 0 0 no-repeat;
        display: block;
        width: 16px;
        height: 32px;
 }

/* Template:Barchart */
table.barchart {
 margin-left: auto; 
 margin-right: auto;
 width: 78%;
}
table.barchart th {
 width: 7em;
}
table.barchart td {
}
table.barchart td.sum {
 width: 2em;
}
.base {
 width: 100%;
 height: 1.25em;
 margin: 0;
}
.bar {
 width: 100%;
 height: 1em;
 margin: 0;
}
.bar .full {
 background: #FFC40C;
}
.bar .empty {
 background: WHITE;
}