Difference between revisions of "MediaWiki:Common.css"
		
		
		
		
		
		
		Jump to navigation
		Jump to search
		
				
		
		
		
		
		
		
		
		
	
Morbus Iff (talk | contribs)  | 
				Morbus Iff (talk | contribs)   | 
				||
| (157 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
/* CSS placed here will be applied to all skins */  | /* CSS placed here will be applied to all skins */  | ||
| + | /**  | ||
| + |  * Make all blockquotes look prettier, beholder.  | ||
| + |  */  | ||
| + | blockquote {  | ||
| + |   background-color: #eee;  | ||
| + |   border-left: 3px solid #ccc;  | ||
| + |   padding: 0.5em 1em;  | ||
| + | }  | ||
| + | |||
| + | /**  | ||
| + |  * Hide the heading on the Main Page.  | ||
| + |  */  | ||
.page-Main_Page #firstHeading {  | .page-Main_Page #firstHeading {  | ||
   display: none;  |    display: none;  | ||
}  | }  | ||
| − | + | /**  | |
| − | + |  * Hatnotes and disambiguation notices per [[wikipedia:MediaWiki:Common.css]].  | |
| + |  *  | ||
| + |  * Used by [[Template:Index explanation]] and likely others.  | ||
| + |  */  | ||
| + | .hatnote {  | ||
| + |   font-style: italic;  | ||
| + | }  | ||
| + | .hatnote i {  | ||
| + |   font-style: normal;  | ||
| + | }  | ||
| + | div.hatnote {  | ||
| + |   padding-left: 1.6em;  | ||
| + |   margin-bottom: 0.5em;  | ||
| + | }  | ||
| + | div.hatnote + div.hatnote {  | ||
| + |    margin-top: -0.5em;  | ||
}  | }  | ||
| − | + | /**  | |
| − | + |  * Show and hide text with [[Template:Spoiler]].  | |
| − | + |  */  | |
| + | .spoiler {  | ||
| + |    display: inline;  | ||
| + | }  | ||
| + | .spoiler-click {  | ||
| + |   color: #002BB8;  | ||
| + |   cursor: pointer;  | ||
| + | }  | ||
| + | .spoiler-data {  | ||
| + |    display: none;  | ||
}  | }  | ||
| − | + | /**  | |
| − | + |  * Potentially old stuff Morbus still has to revise.  | |
| + |  */  | ||
| + | .infobox {  | ||
| + |  background: #eff0ff;  | ||
| + |  border: 1px solid #b5b7cf;  | ||
| + |  clear: none;  | ||
| + |  float: right;  | ||
| + |  margin: 0 1em 1em 1em;  | ||
| + |  padding: 0.8em;  | ||
| + |  text-align: center;  | ||
| + |  width: 235px;  | ||
}  | }  | ||
| − | + | .infobox .title {  | |
| − | + |  font-size: 125%;  | |
| − | + |  font-weight: bold;  | |
| − | + |  margin: auto;  | |
| − | |||
}  | }  | ||
| − | table  | + | .infobox table {  | 
| − | + |  background: transparent;  | |
| − | + |  font-size: 90%;  | |
| − | + |  width: 100%;  | |
| − | |||
| − | |||
}  | }  | ||
| − | + | .infobox table .section {  | |
| − | + |  background: #ccf;  | |
| − | |||
| − | |||
}  | }  | ||
| − | table.  | + | .infobox table .section th {  | 
| − | + |  text-align: center !important;  | |
| − | |||
| − | |||
}  | }  | ||
| − | table  | + | .infobox table th {  | 
| − | + |  text-align: left;  | |
| + |  vertical-align: top;  | ||
| + |  width: 100px;  | ||
}  | }  | ||
| − | .  | + | .infobox table td {  | 
| − | + |  text-align: left;  | |
| − | + |  vertical-align: top;  | |
| − | |||
| − | |||
}  | }  | ||
| − | .infobox {  | + | .infobox.game.horizontal {  | 
| − | + |    float: none;  | |
| − | + |    font-size: 1.4em;  | |
| − | + |    margin: auto;  | |
| − | + |    margin-bottom: 0.8em;  | |
| − |    margin:   | ||
| − | |||
   text-align: center;  |    text-align: center;  | ||
| − |    width:   | + |    width: 96%;  | 
}  | }  | ||
| − | .infobox .  | + | .infobox.game.horizontal ul {  | 
| − | + |    display: inline;  | |
| − | |||
| − | |||
}  | }  | ||
| − | .infobox   | + | .infobox.game.horizontal li {  | 
| − | + |    display: inline;  | |
| − | + |    padding-right: 0.8em;  | |
| − | |||
}  | }  | ||
| − | + | table#death-sleaze-index td {  | |
| − | + |    padding: 0.4em;  | |
}  | }  | ||
| − | + | table#death-sleaze-index .indexed {  | |
| − |    text-align: center   | + |   color: green;  | 
| + |    text-align: center;  | ||
}  | }  | ||
| − | .  | + | table#death-sleaze-index .unindexed {  | 
| − | + |    color: red;  | |
| − | + |    text-align: center;  | |
| − | |||
}  | }  | ||
| − | .  | + | .pageflipper {  | 
| − | + |  margin-top: 2em;  | |
| − | + |  text-align: center;  | |
}  | }  | ||
| − | .pageflipper {  | + | .pageflipper .glyph {  | 
| − | + |  font-size: 4em;  | |
}  | }  | ||
| − | .pageflipper a:hover {  | + | .pageflipper .glyph a:hover {  | 
| − | + |  text-decoration: none;  | |
}  | }  | ||
.pageflipper .prev {  | .pageflipper .prev {  | ||
| − | + |  float: left;  | |
}  | }  | ||
.pageflipper .next {  | .pageflipper .next {  | ||
| − | + |  float: right;  | |
}  | }  | ||
.references-small {  | .references-small {  | ||
| − |   font-size:   | + |   font-size: 75%;  | 
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
}  | }  | ||
| − | + | /**  | |
| − | + |  * cf. https://css-tricks.com/snippets/css/prevent-long-urls-from-breaking-out-of-container/  | |
| + |  * and my refusal to stray from MLA URL display TOO much (yeah, I kept the protocols in, but...  | ||
| + |  */  | ||
| + | .references li {  | ||
| + |    overflow-wrap: break-word;  | ||
| + |   word-wrap: break-word;  | ||
| + |   -ms-word-break: break-all;  | ||
| + |   word-break: break-all;  | ||
| + |   word-break: break-word;  | ||
| + |   -ms-hyphens: auto;  | ||
| + |   -moz-hyphens: auto;  | ||
| + |   -webkit-hyphens: auto;  | ||
| + |   hyphens: auto;  | ||
}  | }  | ||
Latest revision as of 13:27, 15 November 2018
/* CSS placed here will be applied to all skins */
/**
 * Make all blockquotes look prettier, beholder.
 */
blockquote {
  background-color: #eee;
  border-left: 3px solid #ccc;
  padding: 0.5em 1em;
}
/**
 * Hide the heading on the Main Page.
 */
.page-Main_Page #firstHeading {
  display: none;
}
/**
 * Hatnotes and disambiguation notices per [[wikipedia:MediaWiki:Common.css]].
 *
 * Used by [[Template:Index explanation]] and likely others.
 */
.hatnote {
  font-style: italic;
}
.hatnote i {
  font-style: normal;
}
div.hatnote {
  padding-left: 1.6em;
  margin-bottom: 0.5em;
}
div.hatnote + div.hatnote {
  margin-top: -0.5em;
}
/**
 * Show and hide text with [[Template:Spoiler]].
 */
.spoiler {
  display: inline;
}
.spoiler-click {
  color: #002BB8;
  cursor: pointer;
}
.spoiler-data {
  display: none;
}
/**
 * Potentially old stuff Morbus still has to revise.
 */
.infobox {
 background: #eff0ff;
 border: 1px solid #b5b7cf;
 clear: none;
 float: right;
 margin: 0 1em 1em 1em;
 padding: 0.8em;
 text-align: center;
 width: 235px;
}
.infobox .title {
 font-size: 125%;
 font-weight: bold;
 margin: auto;
}
.infobox table {
 background: transparent;
 font-size: 90%;
 width: 100%;
}
.infobox table .section {
 background: #ccf;
}
.infobox table .section th {
 text-align: center !important;
}
.infobox table th {
 text-align: left;
 vertical-align: top;
 width: 100px;
}
.infobox table td {
 text-align: left;
 vertical-align: top;
}
.infobox.game.horizontal {
  float: none;
  font-size: 1.4em;
  margin: auto;
  margin-bottom: 0.8em;
  text-align: center;
  width: 96%;
}
.infobox.game.horizontal ul {
  display: inline;
}
.infobox.game.horizontal li {
  display: inline;
  padding-right: 0.8em;
}
table#death-sleaze-index td {
  padding: 0.4em;
}
table#death-sleaze-index .indexed {
  color: green;
  text-align: center;
}
table#death-sleaze-index .unindexed {
  color: red;
  text-align: center;
}
.pageflipper {
 margin-top: 2em;
 text-align: center;
}
.pageflipper .glyph {
 font-size: 4em;
}
.pageflipper .glyph a:hover {
 text-decoration: none;
}
.pageflipper .prev {
 float: left;
}
.pageflipper .next {
 float: right;
}
.references-small {
 font-size: 75%;
}
/**
 * cf. https://css-tricks.com/snippets/css/prevent-long-urls-from-breaking-out-of-container/
 * and my refusal to stray from MLA URL display TOO much (yeah, I kept the protocols in, but...
 */
.references li {
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}