From f66227d9f0e700f5216e7ba341f289f009858283 Mon Sep 17 00:00:00 2001 From: Quentin Dufour Date: Tue, 29 Mar 2022 15:31:29 +0200 Subject: [PATCH] Split CSS --- static/popup/fanzine.css | 84 ++++++++++++++++++++++++++++++++++++ static/popup/fanzine.html | 90 +-------------------------------------- 2 files changed, 85 insertions(+), 89 deletions(-) create mode 100644 static/popup/fanzine.css diff --git a/static/popup/fanzine.css b/static/popup/fanzine.css new file mode 100644 index 0000000..e850212 --- /dev/null +++ b/static/popup/fanzine.css @@ -0,0 +1,84 @@ +:root { + --main-color: #1eb35a; +} + +/* Generic parameters */ +* { + font-family: Helvetica, Verdana, Arial, sans-serif; +} + +body { + min-width: 300px; +} + +/* Navigation logic */ +section { + display: none; +} +section:target { + display: block; +} + +/* Components definition */ +a { + text-decoration: none; + color: #111; + border-radius: 5px; +} + +a:hover { + background-color: #ddd; +} + +a.primary { + padding: 0.2rem 0.5rem 0.4rem 0.5rem; + display: block; + text-align: center; + color: #fff; + background-color: var(--main-color); +} + +textarea { + font-family: monospace; + margin: 1rem 0rem; + resize: none; + box-sizing: border-box; + width: 100%; + height: 300px; + padding: 0.5rem; + line-height: 1.5; + border-radius: 5px; + border: 1px solid #ccc; + /*box-shadow: 1px 1px 1px #999;*/ +} + +/* Menu interface */ +.menu-elem, .menu-title { + display: block; + padding: 0.2rem 0.5rem 0.4rem 0.5rem; + margin: 0.3rem; + user-select: none; +} + +.menu-title { + font-weight: bold; + border-bottom: 2px solid var(--main-color); +} + +.menu-title > a { + padding: 0.2rem 0.5rem 0.4rem 0.5rem; + margin: 0.3rem; +} + +.menu-elem:after { + content: ">"; + text-align: right; + float:right; + +} + +hr { + border: none; + border-bottom: 1px solid #ccc; +} + diff --git a/static/popup/fanzine.html b/static/popup/fanzine.html index 3f762f1..c22c4fa 100644 --- a/static/popup/fanzine.html +++ b/static/popup/fanzine.html @@ -2,93 +2,7 @@ - + @@ -119,8 +33,6 @@ hr { - -