User:Guy Bukzi Montag/common.css

/* Multiplayer global bonus */
 * root {

--default: #d5d4d4; /* "white" from */

--bg-globalbonus-0: red; --bg-globalbonus-25: orange; --globalbonus-25: white; --bg-globalbonus-50: limegreen; --bg-globalbonus-noseason: grey;

--bg-globalbonus-small-off: black; --globalbonus-small-off: grey; --bg-globalbonus-small-0: limegreen; --bg-globalbonus-small-1: limegreen; --bg-globalbonus-small-2: orange; --bg-globalbonus-small-3: orange; --bg-globalbonus-small-4: red; --bg-globalbonus-small-5: red; --bg-globalbonus-small-6: orange; --globalbonus-small-on: black; } .globalbonus { font-family: Khand, "Helvetica Narrow", "Arial Narrow", Arial, Helvetica, sans-serif; font-weight: bold; width: 100px; display:inline-block; text-shadow: 1px 1px 1px #333; } .globalbonus-season-0 { background-color: var(--bg-globalbonus-0); color: var(--default); font-size: 220%; padding: 16px 0 12px 0; } .globalbonus-season-25 { background-color: var(--bg-globalbonus-25); color: var(--globalbonus-25); font-size: 220%; padding: 16px 0 12px 0; } .globalbonus-season-50 { background-color: var(--bg-globalbonus-50); color: var(--default); font-size: 220%; padding: 16px 0 12px 0; } .globalbonus-noseason { background-color: var(--bg-globalbonus-noseason); color: var(--default); font-size: 140%; padding: 7px 0 2px 0; line-height: 0.75em; } .globalbonus-noseason::after { font-size: 60%; content: "\A(off-season)"; white-space: pre; } .globalbonus-small { background-color: var(--bg-globalbonus-small-off); color: var(--globalbonus-small-off); } .globalbonus-small-0 { background-color: var(--bg-globalbonus-small-0); color: var(--globalbonus-small-on); } .globalbonus-small-1 { background-color: var(--bg-globalbonus-small-1); color: var(--globalbonus-small-on); } .globalbonus-small-2 { background-color: var(--bg-globalbonus-small-2); color: var(--globalbonus-small-on); } .globalbonus-small-3 { background-color: var(--bg-globalbonus-small-3); color: var(--globalbonus-small-on); } .globalbonus-small-4 { background-color: var(--bg-globalbonus-small-4); color: var(--globalbonus-small-on); } .globalbonus-small-5 { background-color: var(--bg-globalbonus-small-5); color: var(--globalbonus-small-on); } .globalbonus-small-6 { background-color: var(--bg-globalbonus-small-6); color: var(--globalbonus-small-on); }

/* Test stuff */


 * root {

--test: #ff0000; --text: '#ff0000'; }

.colortest:after { content: var(--test); } .texttest:after { content: var(--text); }