MediaWiki:Common.css: Difference between revisions

From Puella Magi Wiki
Jump to navigation Jump to search
m (2nd attempt at collapsible tables)
m (Welp)
(9 intermediate revisions by 2 users not shown)
Line 1: Line 1:
/* Runes font */
/* -------------------------------------------------------------
* Runes fonts
* -------------------------------------------------------------*/
 
@font-face {
@font-face {
   font-family: MadokaRunes;
   font-family: MadokaRunes;
   src: url(/resources/runes.ttf);
   src: url(/w/resources/assets/fonts/runes.ttf?1335354297);
}
}


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


/* TODO table */
 
/* -------------------------------------------------------------
* TODO table
* -------------------------------------------------------------*/
 
table.todo {
table.todo {
   width: 100%;
   width: 100%;
}
}
table.todo td:first-child {
table.todo td:first-child {
   width: 70px;
   width: 70px;
Line 20: 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 26: Line 35:
   text-align: center;
   text-align: center;
}
}
table.todo td.waiting {
table.todo td.waiting {
   background: #eee;
   background: #eee;
Line 31: 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;
}
}


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


table.collapsed tr.collapsible {
 
        display: none;
/* -------------------------------------------------------------
}
* HAXX
   
  * ------------------------------------------------------------- */
.collapseButton {                /* 'show'/'hide' buttons created dynamically by the              */
 
        float: right;              /* CollapsibleTables JavaScript in [[MediaWiki:Common.js]] */
.pm-character-box-hack .mw-collapsible-toggle {
        font-weight: normal;       /* are styled here so they can be customised.              */
  margin-top: 30px;
        text-align: right;
  margin-right: 10px;
        width: auto;
}
}

Revision as of 23:10, 26 March 2018

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

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

@font-face {
  font-family: MadokaMusical;
  src: url(/w/resources/assets/fonts/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;
}