index: release v1.18 with only altgr index linked

[sheet.git] / sc.css

diff --git a/sc.css b/sc.css
index 9aba72854702d34218518b6f45d131e1d2810a2c..0c0a829c1b670bf950ed237363c626fef4c48264 100644 (file)
--- a/sc.css
+++ b/sc.css
@@ -17,9 +17,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;
@@ -37,30 +34,9 @@ table h2 {
 .units td.unit + td.unit {
        padding-left: 0;
 }
-.gas {
-       color: #040;
-}
-.min {
-       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;
@@ -69,9 +45,6 @@ td .unit-massive {
        float: right;
        width: 0;
 }
-.hurtrel, .units .hurtrel {
-       color: #778;
-}
 td.hurtrel {
        padding-left: 1em;
 }
@@ -79,52 +52,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;
+       font-variant: small-caps;
 }
 
 .units .val {
@@ -157,3 +105,79 @@ tbody .unit-shield {
        margin-right: 2em;
 }
 
+@media (max-width: 52em) {
+       .units thead th:first-child,
+       .units tbody .cat {
+               position: absolute;
+               visibility: hidden;
+       }
+}
+@media (max-width: 48em) {
+       .units {
+               width: auto;
+       }
+       .units th, .units td {
+               vertical-align: top;
+       }
+       .units td {
+               height: 2em;
+       }
+
+       .units td:nth-child(2) {
+               white-space: normal;
+               padding: 0;
+       }
+
+       .units tr.sub td:nth-child(2),
+       .units .cat,
+       .units .unit-speed,
+       .units .hurtrel,
+       .units .unit-pop, .units .unit-type,
+       .units .unit-shield,
+       .units .unit-gas {
+               padding: 0;
+               position: absolute;
+               margin-top: 3.2ex;
+               margin-top: 1rem;
+               min-width: 4em;
+               text-align: right;
+               margin-left: -4.3em;
+               font-size: 70%;
+       }
+       .units th.unit-attr {
+               position: absolute;
+       }
+       .units .unit-type {
+               text-align: left;
+               margin-left: 0;
+       }
+       .units .unit-speed {
+               margin-left: -6em;
+       }
+       .units .alt thead th:first-child,
+       .units .alt .cat,
+       .units .alt .unit-speed,
+       .units .alt .hurtrel,
+       .units .alt .unit-pop, .units .alt .unit-type,
+       .units .alt .unit-shield,
+       .units .alt .gas {
+               margin-top: 2ex;
+       }
+       .units .cat {
+               margin-top: -2ex;
+               margin-left: 0;
+               text-align: left;
+       }
+
+       .units thead th:first-child {
+               margin-left: 0.5em;
+       }
+       .units thead th:first-child,
+       .units th.unit-speed,
+       .units th.hurtrel,
+       .units th.unit-shield,
+       .units th.gas {
+               margin-top: 2.2ex;
+       }
+}
+