From cde0525f63eca31f29766fb50d54fcd8d4553938 Mon Sep 17 00:00:00 2001 From: John Shaver Date: Wed, 12 Sep 2018 09:30:50 -0700 Subject: [PATCH] Started on styling for first page. --- lib/extensions/admin/login/css/main.css | 57 ++++++++++++- lib/extensions/admin/login/index.html | 109 ++++++++++++++++++++---- 2 files changed, 146 insertions(+), 20 deletions(-) diff --git a/lib/extensions/admin/login/css/main.css b/lib/extensions/admin/login/css/main.css index 0179c2f..22e5baf 100644 --- a/lib/extensions/admin/login/css/main.css +++ b/lib/extensions/admin/login/css/main.css @@ -9,5 +9,58 @@ body { - font-family: SourceSansPro, sans-serif; -} \ No newline at end of file + font-family: Source Sans Pro, sans-serif; + font-size: 18px; + color: #1a1a1a; +} + +svg.icon-computer {width: 4em;fill: #1a1a1a;} + +.container { + text-align: center; + width: 17.777777778em; + margin: auto; +} + +.checkbox-array { + display: flex; + flex-direction: column; + padding: 1em 0; +} + +.checkbox-array input[type=checkbox] { + opacity: 0; + position: absolute; +} + +.checkbox-array input[type=checkbox] ~ .icon-checked-box { + display: none; +} + +.checkbox-array input[type=checkbox] ~ .icon-unchecked-box { + display: initial; +} + +.checkbox-array input[type=checkbox]:checked ~ .icon-checked-box { + display: initial; +} + +.checkbox-array input[type=checkbox]:checked ~ .icon-unchecked-box { + display: none; +} + +.checkbox-array input[type=checkbox]:focus ~ .icon-checked-box, .checkbox-array input[type=checkbox]:focus ~ .icon-unchecked-box { + background: #DDDDDD; +} +.checkbox-array .icon-checked-box, .checkbox-array .icon-unchecked-box { + width: 1.333333333em; + fill: #1a1a1a; + margin-right: 0.666666667em; +} + +.checkbox-array label { + display: flex; + height: 1.333333333em; + font-size: 0.833333333em; + margin: 0.4em 0; +} diff --git a/lib/extensions/admin/login/index.html b/lib/extensions/admin/login/index.html index 94dd721..988cf48 100644 --- a/lib/extensions/admin/login/index.html +++ b/lib/extensions/admin/login/index.html @@ -2,9 +2,61 @@ Telebit - Pair Device + + + + + + + + + + + + + + + + + + + + + + + + + + + + - -