X-Git-Url: http://git.shiar.net/sheet.git/blobdiff_plain/7820d394931205a6f9f3c20bc90e464b0b376c3f..e60ccb7426f287532b0cfb89632ff963698530b8:/style/_dark.scss?ds=inline diff --git a/style/_dark.scss b/style/_dark.scss index e92f0f9..a1bfdfd 100644 --- a/style/_dark.scss +++ b/style/_dark.scss @@ -35,20 +35,23 @@ th, td { border-color: #555; background: #222; } -.mapped tbody, .mapped colgroup, -.dimap tbody, .dimap colgroup { - border-color: #665; +.mapped, .dimap { + tbody, colgroup { + border-color: #665; + } } -.glyphs small.digraph { - background: #444; - color: #AAA; - opacity: 0.5; -} -.glyphs small.value { - background: #633; - color: #AAA; - opacity: 0.4; +.glyphs { + small.digraph { + background: #444; + color: #AAA; + opacity: 0.5; + } + small.value { + background: #633; + color: #AAA; + opacity: 0.4; + } } .X {background: #000} /* unidentified */ @@ -102,10 +105,12 @@ th, td { .u-invalid {background: #333} /* impossible */ /* foreground representation */ -#digraphs .u-l4 {color: #4A4} /* partial */ -#digraphs .u-l5 {color: #6C4} /* experimental */ -#digraphs .u-l2 {color: #A44; color: rgba(191, 127, 127, .8)} /* unofficial */ -#digraphs .u-l1 {color: #D00; color: rgba(255, 63, 63, .8)} /* missing */ +#digraphs { + .u-l4 {color: #4A4} /* partial */ + .u-l5 {color: #6C4} /* experimental */ + .u-l2 {color: #A44; color: rgba(191, 127, 127, .8)} /* unofficial */ + .u-l1 {color: #D00; color: rgba(255, 63, 63, .8)} /* missing */ +} .p4::after {color: #F44} .p3::after {color: #E66} @@ -160,78 +165,14 @@ figcaption { background: rgba(255, 255, 255, .5); } -/* starcraft */ - -.units tbody tr:hover:not(.race) { - background: #222; -} -.unit-gas { - color: #AC9; -} -.unit-min, .unit-min a:not(:hover) { - color: #ABC; -} -.unit-supply { - color: #8C6; -} -.unit-o {color: #C5A} /* organic */ -.unit-u {color: #66B} /* mechanic */ -.unit-p {color: #0A8} /* psionic */ -.unit-composed { - color: #A44; -} -.unit-air { - color: #4AC; -} -.unit-x {color: #666} -.unit-s {color: #AC6} -.unit-m {color: #C70} -.unit-l {color: #C44} -.unit-h {color: #C06} -.magic-opt:before, -.magic-opt:after { - color: #CCC; -} -.hurtrel, .units .hurtrel { - color: #887; -} -tbody .unit-shield { - color: #88A; -} -.unit-pdd { - color: #A8C; -} -.unit-splash { - color: #4A0; -} -.hurt-a { - color: #8AC; -} -.hurt-g { - color: #8CA; -} -.unit-massive { - color: #844; -} -.unit-detect::before { - color: #0A8; -} -.unit-jump { - color: #780; -} -body .magic-perma { - text-decoration-color: #460; - -moz-text-decoration-color: #460; - -webkit-text-decoration-color: #460; -} - /* keyboard */ @media (max-width: 79em) { - .keys td b, - .keys .meta td b, - .keys .ctrl td b, - .keys .lead td b { - color: #000; + .keys { + &, .meta, .ctrl, .lead { + td b { + color: #000; + } + } } }