X-Git-Url: http://git.shiar.net/sheet.git/blobdiff_plain/9f1aad6e442dbb3a88210a379d645db842d00def..HEAD:/sc.css?ds=inline diff --git a/sc.css b/sc.css deleted file mode 100644 index 2d73ee0..0000000 --- a/sc.css +++ /dev/null @@ -1,233 +0,0 @@ -.units { - border-collapse: separate; - border-spacing: 0; - margin: 0 auto; - white-space: nowrap; -} -.units th, .units td { - border: 0; - padding: 0 0.2em; - background: transparent; - text-align: left; - vertical-align: top; -} -tr.alt td { - font-size: 70%; - padding-left: 0.5em; -} -.units tr th:first-child { - padding-left: 0; -} -.units tbody tr:hover:not(.race) { - background: #EEE; -} - -table h2 { - padding: 1ex 0; - margin: 0; - text-align: center; -} -.units thead th, .units tfoot th { - font-size: 70%; - font-weight: normal; -} - -.units td.unit { - padding-right: 0; -} -.units td.unit + td.unit { - padding-left: 0; -} -.gas { - color: #040; -} -.min, .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; -} -td .unit-massive { - float: right; - width: 0; -} -.hurtrel, .units .hurtrel { - color: #778; -} -td.hurtrel { - padding-left: 1em; -} -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; - content: '('; - position: absolute; - margin-left: -0.33em; -} -.magic-opt::after { - color: #000; - content: ')'; -} -.magic-perma { - text-decoration: underline; - text-decoration-color: #8C0; - -moz-text-decoration-color: #8C0; - -webkit-text-decoration-color: #8C0; -} - -.units .val { - white-space: nowrap; - text-align: right; -} - -.legend dt { - float: none; - text-align: left; - margin-top: 1ex; - font-weight: bold; -} -.legend dd:before { - content: '• '; -} -.legend dd { - text-indent: -1em; - margin-left: 1em; -} - -.legend { - display: table-cell; - min-width: 20em; - text-align: left; -} -.units { - float: left; - padding-bottom: 1em; - margin-right: 2em; -} - -@media (max-width: 52em) { - .units { - width: auto; - } - .units th { - } - .units td { - height: 2em; - } - - .units tbody .cat { - position: absolute; - visibility: hidden; - } - .units td:nth-child(2) { - max-width: 6.5em; - white-space: normal; - overflow: hidden; - } - - .units thead th:first-child, - .units .cat, - .units .unit-speed, - .units .hurtrel, - .units .unit-pop, .units .unit-type, - .units .unit-shield, - .units .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; - } -} -