Difference between revisions of "MediaWiki:Common.css"

From Disobiki
Jump to navigation Jump to search
 
(148 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;
 
}
 
}
  
table tr.even {
+
/**
   background-color: #edf3fe;
+
* Hatnotes and disambiguation notices per [[wikipedia:MediaWiki:Common.css]].
 +
*
 +
* Used by [[Template:Index explanation]] and likely others.
 +
*/
 +
.hatnote {
 +
   font-style: italic;
 
}
 
}
 
+
.hatnote i {
table.gallery {
+
   font-style: normal;
   border: 0;
 
  width: 100%;
 
 
}
 
}
 
+
div.hatnote {
table.gallery td .gallerybox {
+
  padding-left: 1.6em;
   margin: auto;
+
   margin-bottom: 0.5em;
 
}
 
}
 
+
div.hatnote + div.hatnote {
table.wikitable {
+
   margin-top: -0.5em;
   background: #f9f9f9;
 
  border: 1px #aaa solid;
 
  border-collapse: collapse;
 
  margin: 1em 1em 1em 0;
 
 
}
 
}
  
table.wikitable th {
+
/**
  background: rgb(248,248,248);
+
* Show and hide text with [[Template:Spoiler]].
  border: 1px solid rgb(196,196,196);
+
*/
  padding: 0.2em;
+
.spoiler {
  text-align: center;
+
   display: inline;
   vertical-align: top;
 
 
}
 
}
 
+
.spoiler-click {
table.wikitable tr, table.wikitable td {
+
   color: #002BB8;
   border: 1px solid rgb(235,235,235);
+
   cursor: pointer;
   padding: 0.2em;
 
  vertical-align: top;
 
 
}
 
}
 
+
.spoiler-data {
table.wikitable caption {
+
   display: none;
  font-weight: bold;
 
  margin-left: inherit;
 
  margin-right: inherit;
 
}
 
 
 
table.wikitable code {
 
   background-color: transparent;
 
}
 
 
 
.collapseButton {
 
  float: right;
 
  font-weight: normal;
 
  text-align: right;
 
  width: auto;
 
 
}
 
}
  
 +
/**
 +
* Potentially old stuff Morbus still has to revise.
 +
*/
 
.infobox {
 
.infobox {
  background: #eff0ff;
+
background: #eff0ff;
  border: 1px solid #b5b7cf;
+
border: 1px solid #b5b7cf;
  clear: none;
+
clear: none;
  float: right;
+
float: right;
  margin: 0 1em 1em 1em;
+
margin: 0 1em 1em 1em;
  padding: 0.8em;
+
padding: 0.8em;
  text-align: center;
+
text-align: center;
  width: 235px;
+
width: 235px;
 
}
 
}
  
 
.infobox .title {
 
.infobox .title {
  font-size: 125%;
+
font-size: 125%;
  font-weight: bold;
+
font-weight: bold;
  margin: auto;
+
margin: auto;
 
}
 
}
  
 
.infobox table {
 
.infobox table {
  background: transparent;
+
background: transparent;
  font-size: 90%;
+
font-size: 90%;
  width: 100%;
+
width: 100%;
 
}
 
}
  
 
.infobox table .section {
 
.infobox table .section {
  background: #ccf;
+
background: #ccf;
 
}
 
}
  
 
.infobox table .section th {
 
.infobox table .section th {
  text-align: center !important;
+
text-align: center !important;
 
}
 
}
  
 
.infobox table th {
 
.infobox table th {
  text-align: left;
+
text-align: left;
  vertical-align: top;
+
vertical-align: top;
  width: 100px;
+
width: 100px;
 
}
 
}
  
 
.infobox table td {
 
.infobox table td {
  text-align: left;
+
text-align: left;
  vertical-align: top;
+
vertical-align: top;
 
}
 
}
  
#personal-ratings-wrapper {
+
.infobox.game.horizontal {
   height: 110px;
+
   float: none;
 +
  font-size: 1.4em;
 
   margin: auto;
 
   margin: auto;
 +
  margin-bottom: 0.8em;
 
   text-align: center;
 
   text-align: center;
   width: 380px;
+
   width: 96%;
 
}
 
}
  
.personal-ratings-reviewer {
+
.infobox.game.horizontal ul {
   float: left;
+
   display: inline;
  height: 72px;
 
  width: 50%;
 
 
}
 
}
  
.personal-ratings-reviewer h3 {
+
.infobox.game.horizontal li {
   font-size: 12px;
+
   display: inline;
   margin: 0;
+
   padding-right: 0.8em;
 
}
 
}
  
.personal-rating {
+
table#death-sleaze-index td {
   margin-left: 2em;
+
   padding: 0.4em;
 
}
 
}
  
.personal-rating-unrated {
+
table#death-sleaze-index .indexed {
   color: #333;
+
   color: green;
   font-size: 24px;
+
   text-align: center;
  font-style: italic;
 
  margin-left: -1em;
 
  margin-top: 0.4em;
 
 
}
 
}
  
.personal-rating-star {
+
table#death-sleaze-index .unindexed {
  float: left;
+
   color: red;
  margin-right: 1em;
 
  width: 25px;
 
}
 
 
 
.personal-rating-star-off {
 
  background: url(sites/disobey.com.wiki/files/a/a1/Star_sprites.png) -27px 0 no-repeat;
 
   color: #333;
 
}
 
 
 
.personal-rating-star-on {
 
  background: url(sites/disobey.com.wiki/files/a/a1/Star_sprites.png) 0 0 no-repeat;
 
}
 
 
 
.personal-rating-star-initials {
 
  margin-top: 28px;
 
 
   text-align: center;
 
   text-align: center;
}
 
 
#personal-ratings-explanation {
 
  color: #555;
 
  font-size: 10px;
 
  line-height: 140%;
 
 
}
 
}
  
 
.pageflipper {
 
.pageflipper {
  margin-top: 2em;
+
margin-top: 2em;
  text-align: center;
+
text-align: center;
 
}
 
}
  
 
.pageflipper .glyph {
 
.pageflipper .glyph {
  font-size: 4em;
+
font-size: 4em;
 
}
 
}
  
 
.pageflipper .glyph a:hover {
 
.pageflipper .glyph a:hover {
  text-decoration: none;
+
text-decoration: none;
 
}
 
}
  
 
.pageflipper .prev {
 
.pageflipper .prev {
  float: left;
+
float: left;
 
}
 
}
  
 
.pageflipper .next {
 
.pageflipper .next {
  float: right;
+
float: right;
 
}
 
}
  
 
.references-small {
 
.references-small {
  font-size: 90%;
+
  font-size: 75%;
}
 
 
 
#footer {
 
  height: 26px;
 
}
 
 
 
#footer ul {
 
  margin-top: 0.8em;
 
 
}
 
}
  
#footer img {
+
/**
   margin-top: 4px;
+
* 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;
}