<!DOCTYPE html> <html lang="en" style="scrollbar-gutter:stable;"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="csrf-token" content="BUBHAnAsCGgaHwEtdUEkFDsIFHoQDWkPwsj34O8XVEkJ2lsUHkg8bFQG"> <title data-suffix=" · Catalin Mititiuc"> WebDevCat.me · Catalin Mititiuc</title> <link rel="stylesheet" id="font-bitter-css" href="//fonts.googleapis.com/css?family=Bitter:400,700" type="text/css" media="screen"> <link phx-track-static rel="stylesheet" href="/assets/app-131585bb1e255488c3d2558ee5c81330.css?vsn=d"> <link phx-track-static rel="stylesheet" href="/assets/cgit-313ed4244ed6cc8d5b67d6fbb4ab18c8.css?vsn=d"> <style> article > * { max-width: unset; } div#cgit table.list { table-layout: auto; width: 100%; display: table; } div#cgit div.content { overflow: scroll; } div#cgit table.tabs { table-layout: auto; width: 100%; display: table; } div#cgit table.blob { table-layout: auto; width: 100%; display: table; } div#cgit table.tabs { table-layout: auto; width: 100%; display: table; } td.linenumbers { width: 1px; } td.lines { max-width: 1px; overflow: hidden; } td.linenumbers pre, td.lines pre { line-height: 1.25em; } pre { overflow-x: scroll; overflow-y: hidden; } code { font-size: unset; } </style> <script defer phx-track-static type="text/javascript" src="/assets/app-7bb68f31e771b77e6d1026a2eca15d48.js?vsn=d"> </script> </head> <body class="bg-white"> <header> <div style="display: inline-block;"> <h1><a href="/">Web Dev Solutions</a></h1> <h3 style="text-align: left">Catalin Mititiuc</h3> </div> </header> <main> <article> From dacecbb4f57142b8292bb53955a45f2cd5707f65 Mon Sep 17 00:00:00 2001 From: Catalin Mititiuc <Catalin.Mititiuc@gmail.com> Date: Sun, 7 Apr 2024 11:08:06 -0700 Subject: Remove stroke around selected counters --- style.css | 21 +++++++++++++++------ 1 file changed, 15 insertions(+), 6 deletions(-) (limited to 'style.css') diff --git a/style.css b/style.css index a6387c4..9aeeb55 100644 --- a/style.css +++ b/style.css @@ -239,12 +239,6 @@ g#points g use.counter { r: 5px; } -g#points g use.counter.selected { - stroke: orange; - stroke-width: 2px; - r: 6px; -} - g#points g.hover use[href="#point"] { opacity: 1; fill: orange; @@ -374,6 +368,21 @@ button.set-firing-arc img { background-color: white; } +.soldier-record [slot="troop-number"] { + color: white; + font-weight: bold; + border-radius: 10px; + padding: 0 4px; +} + +.soldier-record[data-troop-allegiance="davion"] [slot="troop-number"] { + background-color: red; +} + +.soldier-record[data-troop-allegiance="liao"] [slot="troop-number"] { + background-color: green; +} + .soldier-record.selected { background-color: khaki; } -- cgit v1.2.3 </article> </main> <footer> <p>100% Human Made, No AI Used</p> <p>stasis 0.2.12</p> </footer> </body> </html>