diff options
Diffstat (limited to 'extension/popup/style.css')
-rw-r--r-- | extension/popup/style.css | 110 |
1 files changed, 110 insertions, 0 deletions
diff --git a/extension/popup/style.css b/extension/popup/style.css new file mode 100644 index 0000000..147a94e --- /dev/null +++ b/extension/popup/style.css @@ -0,0 +1,110 @@ +body, html { + width: 100%; + height: 100%; + padding: 0; + margin: 0; + min-width: 300px; + max-width: 400px; +} + +body { + background-color: #EEEEEE; + color: black; + font-family: Helvetica, Arial, sans-serif; +} + +label { + font-weight: 800; +} + +input[type=checkbox] { + width: 13px; + height: 13px; + padding: 0; + margin: 0; + position: relative; + top: 1px; +} + +input, button { + margin-right: 4px; + margin-left: 4px; +} + +ul { + margin: 4px 0; +} + +li { + padding: 3px; +} + +li:nth-child(even) { + background-color: white; +} + +li:nth-child(odd) { + background-color: #DDDDDD; +} + +h1 { + margin: 2px 0; + font-size: 1.2em; + text-align: center; +} + +h2 { + font-size: 0.9em; + margin: 2px 0; + text-align: center; + overflow: hidden; +} + +h2:before, h2:after { + background-color: black; + content: ''; + display: inline-block; + height: 1px; + position: relative; + vertical-align: middle; + width: 50%; +} + +h2:before { + right: 0.5em; + margin-left: -50%; +} + +h2:after { + left: 0.5em; + margin-right: -50%; +} + +.screen { + width: 100%; + height: 100%; + padding: 5px; + box-sizing: border-box; +} + +.screen:not(.visible) { + display: none; +} + +#loading-screen p, #invalid-host-screen { + text-align: center; + font-style: oblique; +} + +#track-list { + list-style: none; + padding-left: 0; +} + +#track-list li.track button { + float: right; +} + +#track-list li.action { + text-align: center; +} |