From: Mischa POSLAWSKY <perl@shiar.org>
Date: Mon, 23 Apr 2018 15:53:49 +0000 (+0200)
Subject: sc: move colours to base stylesheet
X-Git-Tag: v1.12~56
X-Git-Url: http://git.shiar.nl/sheet.git/commitdiff_plain/85d30226bf2643c24aa27e576bcbf0045e66f461

sc: move colours to base stylesheet

Allow for different styles.
---

diff --git a/base.css b/base.css
index cd09f2d..557a21f 100644
--- a/base.css
+++ b/base.css
@@ -722,6 +722,69 @@ nav > .section {
 	margin-top: 1em;
 }
 
+.units tbody tr:hover:not(.race) {
+	background: #EEE;
+}
+.unit-gas {
+	color: #040;
+}
+.unit-min, .unit-min a:not(:hover) {
+	color: #004;
+}
+.unit-supply {
+	color: #080;
+}
+.unit-o {color: #C08} /* organic */
+.unit-u {color: #44C} /* mechanic */
+.unit-p {color: #0A8} /* psionic */
+.unit-composed {
+	color: #C88;
+}
+.unit-air {
+	color: #08C;
+}
+.unit-x {color: #888}
+.unit-s {color: #890}
+.unit-m {color: #C70}
+.unit-l {color: #D22}
+.unit-h {color: #804}
+.magic-opt:before,
+.magic-opt:after {
+	color: #000;
+}
+.hurtrel, .units .hurtrel {
+	color: #778;
+}
+tbody .unit-shield {
+	color: #64A;
+}
+.unit-pdd {
+	color: #A8C;
+}
+.unit-splash {
+	color: #4A0;
+}
+.hurt-a {
+	color: #036;
+}
+.hurt-g {
+	color: #063;
+}
+.unit-massive {
+	color: #D88;
+}
+.unit-detect::before {
+	color: #0A8;
+}
+.unit-jump {
+	color: #8A4;
+}
+body .magic-perma {
+	        text-decoration-color: #8C0;
+	   -moz-text-decoration-color: #8C0;
+	-webkit-text-decoration-color: #8C0;
+}
+
 /* printing hints */
 
 @page {
diff --git a/sc.css b/sc.css
index 19b40b0..b60bd8d 100644
--- a/sc.css
+++ b/sc.css
@@ -18,9 +18,6 @@ tr.alt td {
 .units tr th:first-child {
 	padding-left: 0;
 }
-.units tbody tr:hover:not(.race) {
-	background: #EEE;
-}
 
 table h2 {
 	padding: 1ex 0;
@@ -38,30 +35,9 @@ table h2 {
 .units td.unit + td.unit {
 	padding-left: 0;
 }
-.unit-gas {
-	color: #040;
-}
-.unit-min, .unit-min a:not(:hover) {
-	color: #004;
-}
-.unit-supply {
-	color: #080;
-}
-.unit-o {color: #C08} /* organic */
-.unit-u {color: #44C} /* mechanic */
-.unit-p {color: #0A8} /* psionic */
 .unit-composed {
-	color: #C88;
 	font-size: 70%;
 }
-.unit-air {
-	color: #08C;
-}
-.unit-x {color: #888}
-.unit-s {color: #890}
-.unit-m {color: #C70}
-.unit-l {color: #D22}
-.unit-h {color: #804}
 td .unit-jump,
 .hurt .unit-splash {
 	position: absolute;
@@ -70,9 +46,6 @@ td .unit-massive {
 	float: right;
 	width: 0;
 }
-.hurtrel, .units .hurtrel {
-	color: #778;
-}
 td.hurtrel {
 	padding-left: 1em;
 }
@@ -80,52 +53,27 @@ td.unit-shield,
 td.hurtrel {
 	font-size: 70%;
 }
-tbody .unit-shield {
-	color: #64A;
-}
-.unit-pdd {
-	color: #A8C;
-}
-.unit-splash {
-	color: #4A0;
-}
-.hurt-a {
-	color: #036;
-}
-.hurt-g {
-	color: #063;
-}
-.unit-massive {
-	color: #D88;
-}
 .unit-detect::before {
 	content: '!';
-	color: #0A8;
 	font-size: 70%;
 	vertical-align: super;
 }
 .unit-jump {
 	margin-left: -.2em;
-	color: #8A4;
 }
 .unit-magic {
 	padding-left: 0.5em;
 }
-.magic-opt::before {
-	color: #000;
+.magic-opt:before {
 	content: '(';
 	position: absolute;
 	margin-left: -0.33em;
 }
-.magic-opt::after {
-	color: #000;
+.magic-opt:after {
 	content: ')';
 }
 .magic-perma {
 	text-decoration: underline;
-	        text-decoration-color: #8C0;
-	   -moz-text-decoration-color: #8C0;
-	-webkit-text-decoration-color: #8C0;
 }
 
 .units .val {
diff --git a/sc.plp b/sc.plp
index 6dfa65c..c929c9a 100644
--- a/sc.plp
+++ b/sc.plp
@@ -31,7 +31,7 @@ my $datafile = "sc-units-$Request.inc.pl";
 
 Html({
 	title => "$scver{title} unit cheat sheet",
-	version => '1.1',
+	version => '1.2',
 	description => [
 		"Reference of $scver{game} unit properties,"
 		. " comparing various statistics of all the units in $scver{name}"
@@ -46,7 +46,7 @@ Html({
 		qw' starcraft2 lotv hots wol ',
 	],
 	stylesheet => [qw'light'],
-	raw => '<link rel="stylesheet" type="text/css" media="all" href="/sc.css?1.1" title="light">',
+	raw => '<link rel="stylesheet" type="text/css" media="all" href="/sc.css?1.2">',
 	data => [$datafile],
 });