MediaWiki:Common.css

From From Dusk till Jawn
Jump to navigation Jump to search

Note: After publishing, 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 / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.
/* CSS placed here will be applied to all skins */
@import url('https://fonts.googleapis.com/css?family=Press+Start+2P|Rock+Salt|Special+Elite|Odibee+Sans|Lacquer|Josefin+Sans|Lobster|Pacifico|Raleway|Trade+Winds&display=swap');

#character-table
{
    background-color: {{{page color}}};
    border: 1px solid {{{page border}}};
    -border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
}

#character-table .character-table
{
{{ #switch: {{{page gradient|}}}|no=|
    background: -webkit-gradient(linear, 48% top, 52% bottom, from(rgba(128, 128, 128, .3)), to(rgba(0, 0, 0, .3)));
    background: -moz-linear-gradient(-80deg, rgba(128, 128, 128, .3), rgba(0, 0, 0, .3));
}}
    width: 100%;
    padding: 5px;
    margin: 0px;
}

.character-cell
{
    border: 1px solid {{{cell border}}};
    -border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background: {{{cell color}}};
    margin-bottom: 0.5em; 
    width: 100%;
}


.character-cell-table
{
{{ #switch: {{{cell gradient|}}}|no=|
    background: -webkit-gradient(linear, 48% top, 52% bottom, from(rgba(255, 255, 255, .3)), to(rgba(160, 160, 160, .3)));
    background: -moz-linear-gradient(-80deg, rgba(255, 255, 255, .3), rgba(160, 160, 160, .3));
}}
    -border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    color: {{{cell text}}};
    width: 100%;
}
.character-cell-table table td, .character-cell-table table th
{
    color: {{{cell text}}};
}

.character-cell a, .character-cell a:visited, #content .character-cell a.external, #content .character-cell a.external:visited { color: {{{link color}}}; }
.character-cell a:hover, #content .character-cell a.external:hover { color: {{{link hover color}}}; }
.character-cell a.new, .character-cell a.new:visited { color: red; }

.character-header
{
    background: {{{header color}}};
    border-top-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -webkit-border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    -webkit-border-top-right-radius: 4px;
    border: 1px solid {{{header border}}};
    color: {{{header text}}};
    font-weight: bold;
    text-align: center;
}

.character-glass 
{
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .5)), color-stop(50%, rgba(255, 255, 255, .2)), color-stop(50%, rgba(0, 0, 0, .2)), to(rgba(255, 255, 255, .1)));
    background: -moz-linear-gradient(top, rgba(255, 255, 255, .5), rgba(255, 255, 255, .2) 50%, rgba(0, 0, 0, .2) 50%, rgba(255, 255, 255, .1));
    display: block;
    text-outline: 1px 1px #000;
    text-shadow: 0 -1px 1px rgba(0, 0, 0, .7);
    width: 100%;
}

.character-2columns
{
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
}

.character-3columns
{
    -moz-column-count: 3;
    -webkit-column-count: 3;
    column-count: 3;
}

.character-italic { font-style: italic; }
#character-table table.gallery, #character-table table.gallery td { background-color: transparent; border: 0px; }
#character-table h2
{
    color: {{{page color}}};
    font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
    font-size: 125%;
    font-style: italic;
    font-weight: bold;
    padding-right: 2em;
    text-align: right;
}

.character-quote
{
    color: {{{header color}}};
    font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    text-outline: 1px 1px #000;
    text-shadow: 0 -1px 1px rgba(0, 0, 0, .7);
    width: 50%;
}

.character-shadowtext
{
    font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
    text-outline: 1px 1px #000;
    text-shadow: 0 -1px 1px rgba( 0, 0, 0, .7 );
}

.character-rounded img
{
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
}

.infobox td
{
    vertical-align: top;
}

.hiddenStructure { display: none; }

.full { width: 100%; }
.half { width: 49%; }
td { vertical-align: top; }

#headerTable {
    background: #FCFCFC; 
    border-color: #CCCCCC;
    border-style: solid;
    border-width: 1px;
    margin-right: 1em;
}

#layoutTable, #displayTable {
  border-color: #FFFFFF;
  border-spacing: 8px;
  border-style: solid;
  border-width: 1px;
  color: #000000;
  margin: 0px -8px;
}

#layoutTable td, #displayTable td {
  background-color: #EEEEEE;
  border-color: #BBBBBB;
  border-style: solid;
  border-width: 1px;
  color: #000000;
  vertical-align: top;
}

#displayTable td {
  vertical-align: middle;
}

#layoutTable td table, #displayTable td table {
  background-color: #EEEEEE;
}

#layoutTable td table td, #displayTable td table td {
  border-width: 0px;
}

#layoutTable th, #displayTable th {
  background-color: #DDDDDD;
  border-color: #CCCCCC;
  border-style: solid;
  border-width: 1px;
  color: #000000;
  font-size: 100%;
  font-weight: bold;
  margin: 0;
  text-align:left;
  padding: 0.2em 0.4em;
}

#layoutTable th h2, #displayTable th h2 {
  background-color: #DDDDDD;
  border: 0px;
  color: #000000;
  font-size: 120%;
  font-weight: bold;
  margin: 0;
  text-align:left;
  padding: 0;
}

#layoutTable table #toc, #displayTable table #toc {
  border: 0px;
  padding-left: 15%;
}

#layoutTable table #toctitle, #displayTable table #toctitle {
  display: none;
}

.subpages {
  background-color: #F6F6F6;
  border-color: #EEEEEE;
  border-width: 1px;
  border-style: dotted;
  font-size: 1.1em;
  padding: .2em;
  margin-top: .5em;
}

a, a:visited {
   color: #0000FF;
}

a.new, a.new:visited {
   color: #FF0000;
}

table {
    background: none;
}

 /* Default messagebox is gray */
 .messagebox { width:90%; margin:0px auto; padding:0em; border:2px solid #aaaaaa; background:#fbfbfb; color:black; text-align:left; }
 .messagebox img { border:0em; padding:0em 0.5em; text-align:center; }
 
 /* default for all content namespaces */
 .ns-subject .messagebox + .messagebox { border-top-width:0em; margin-top:-1px; }
 .ns-subject .messagebox         { border-left-color:#1e90ff; border-left-width:10px; }
 .ns-subject .messagebox.notice  { border-left-color:#1e90ff; }
 .ns-subject .messagebox.warning { border-left-color:#b22222; }
 .ns-subject .messagebox.serious { border-left-color:#b22222; }
 .ns-subject .messagebox.content { border-left-color:#f28500; }
 .ns-subject .messagebox.style   { border-left-color:#f4c430; }
 .ns-subject .messagebox.merge   { border-left-color:#9932cc; }
 .ns-subject .messagebox.growth  { border-left-color:#228b22; }
 .ns-subject .messagebox.idea    { border-left-color:yellow;  }
 .ns-subject .messagebox.query   { border-left-color:#ffb734; }
 .ns-subject .messagebox.move    { border-left-color:#9932cc; }
 
 /* image namespace */
 .ns-6 .messagebox + .messagebox { border-top-width:2px; margin-top:0.5em; }
 .ns-6 .messagebox         { border-color:#1e90ff; border-bottom-width:5px; border-left-width:2px;}
 .ns-6 .messagebox.notice  { border-color:#1e90ff; }
 .ns-6 .messagebox.warning { border-color:#b22222; }
 .ns-6 .messagebox.serious { border-color:#b22222; }
 .ns-6 .messagebox.content { border-color:#f28500; }
 .ns-6 .messagebox.query   { border-color:#ffb734; }
 .ns-6 .messagebox.free    { border-color:#79CC55; }
 .ns-6 .messagebox.nonfree { border-color:#EF9132; }
 .ns-6 .messagebox.pd      { border-color:#7E80A3; }
 .ns-6 .messagebox.move    { border-color:#9932cc; }

.werewolfRites { width: 99%; }
.werewolfRites td, .werewolfRites th { border-bottom: solid #CCCCCC 1px; vertical-align: top; width: 20%; }

.mw-geshi { font-size: 1.1em; }


.wikitable th
{
    background-color: #002244;
    color: #FFFFFF;
    text-align: left;
}

/* Might want 2n instead */
table.wikitable tr:nth-child(2n+1) td 
{
    border-top-width: 1px;
    background-color: #e6e4cf;
}

table.wikitable
{
    margin: 0;
}


/** Code specific stuff **/
body.ns-102 h2 { color: #069; }
body.ns-102 h3 { color: #686; }
body.ns-102 h5 { font-size: 1.2em; font-style: italic; }
body.ns-102 .editsection { color: #000; font-size: 9pt; font-style: normal; }
body.ns-102 #toc, body.ns-102 .toc, 
body.ns-102 #toc td, body.ns-102 .toc td { border: none; background-color: transparent; }

/* ConfirmEdit QuestyCaptcha -- on Edit page + add a URL */
label[for=wpCaptchaWord] {
    color:green;
    font-weight:bold;
    font-size:150%;
    font-style:italic;
}
Retrieved from "http://www.fromdusktilljawn.com/w/index.php?title=MediaWiki:Common.css&oldid=9741"