MediaWiki:Common.css: Difference between revisions

From Puella Magi Wiki
Jump to navigation Jump to search
m (update fonts)
(Fix font path)
Line 5: Line 5:
@font-face {
@font-face {
   font-family: MadokaRunes;
   font-family: MadokaRunes;
   src: url(/assets/runes.ttf?1335354297);
   src: url(/w/resources/assets/runes.ttf?1335354297);
}
}


@font-face {
@font-face {
   font-family: MadokaMusical;
   font-family: MadokaMusical;
   src: url(/assets/runesmusical.ttf?1335354297);
   src: url(/w/resources/assets/runesmusical.ttf?1335354297);
}
}


/* -------------------------------------------------------------
/* -------------------------------------------------------------
Line 20: Line 21:
   width: 100%;
   width: 100%;
}
}
table.todo td:first-child {
table.todo td:first-child {
   width: 70px;
   width: 70px;
Line 26: Line 28:
   font-size: 11px;
   font-size: 11px;
}
}
table.todo td:nth-child(2),
table.todo td:nth-child(2),
table.todo td:nth-child(3) {
table.todo td:nth-child(3) {
Line 32: Line 35:
   text-align: center;
   text-align: center;
}
}
table.todo td.waiting {
table.todo td.waiting {
   background: #eee;
   background: #eee;
Line 37: Line 41:
   color: #999;
   color: #999;
}
}
table.todo td.working {
table.todo td.working {
   background: #FFE5CC;
   background: #FFE5CC;
   color: #B44723;
   color: #B44723;
}
}
table.todo td.working ~ td {
table.todo td.working ~ td {
   background: #FFF9EF;
   background: #FFF9EF;
}
}
table.todo td.partial {
table.todo td.partial {
   background: #6E9591;
   background: #6E9591;
   color: #fff;
   color: #fff;
}
}
table.todo td.partial ~ td {
table.todo td.partial ~ td {
   background: #D9F2F5;
   background: #D9F2F5;
}
}
table.todo td.done {
table.todo td.done {
   background: #3c3;
   background: #3c3;
   color: #fff;
   color: #fff;
}
}
table.todo td.done ~ td {
table.todo td.done ~ td {
   background: #E4FFE3;
   background: #E4FFE3;
}
}


/* -------------------------------------------------------------
/* -------------------------------------------------------------
Line 77: Line 88:
   color: black;
   color: black;
}
}


/* -------------------------------------------------------------
/* -------------------------------------------------------------

Revision as of 23:08, 26 March 2018

/* -------------------------------------------------------------
 * Runes fonts
 * -------------------------------------------------------------*/

@font-face {
  font-family: MadokaRunes;
  src: url(/w/resources/assets/runes.ttf?1335354297);
}

@font-face {
  font-family: MadokaMusical;
  src: url(/w/resources/assets/runesmusical.ttf?1335354297);
}


/* -------------------------------------------------------------
 * TODO table
 * -------------------------------------------------------------*/

table.todo {
  width: 100%;
}

table.todo td:first-child {
  width: 70px;
  text-align: center;
  font-weight: bold;
  font-size: 11px;
}

table.todo td:nth-child(2),
table.todo td:nth-child(3) {
  width: 70px;
  font-size: 11px;
  text-align: center;
}

table.todo td.waiting {
  background: #eee;
  font-weight: normal;
  color: #999;
}

table.todo td.working {
  background: #FFE5CC;
  color: #B44723;
}

table.todo td.working ~ td {
  background: #FFF9EF;
}

table.todo td.partial {
  background: #6E9591;
  color: #fff;
}

table.todo td.partial ~ td {
  background: #D9F2F5;
}

table.todo td.done {
  background: #3c3;
  color: #fff;
}

table.todo td.done ~ td {
  background: #E4FFE3;
}


/* -------------------------------------------------------------
 * Inline spoilers tag
 * ------------------------------------------------------------- */

.inline-spoilers, .inline_spoilers a, .inline_spoilers a:visited {
  /*background: #222;
  color: #222;*/
  background: white;
  color: white;
  border-bottom: 1px solid #b3b3b3;
  border-left:   1px solid #b3b3b3;
  border-right:  1px solid #b3b3b3;
  padding: 2px;
}

.inline-spoilers:hover {
  color: black;
}


/* -------------------------------------------------------------
 * HAXX
 * ------------------------------------------------------------- */

.pm-character-box-hack .mw-collapsible-toggle {
  margin-top: 30px;
  margin-right: 10px;
}