From 400d17e61314e09efc89fbfb770b045550cf6e09 Mon Sep 17 00:00:00 2001 From: James Taylor Date: Sat, 24 Aug 2019 11:35:58 -0700 Subject: Layout: simplify CSS layout on most pages --- youtube/templates/login.html | 13 ++++--------- 1 file changed, 4 insertions(+), 9 deletions(-) (limited to 'youtube/templates/login.html') diff --git a/youtube/templates/login.html b/youtube/templates/login.html index 0f09a62..156bc01 100644 --- a/youtube/templates/login.html +++ b/youtube/templates/login.html @@ -2,16 +2,12 @@ {% extends "base.html" %} {% block style %} - main{ - display: grid; - grid-template-columns: minmax(0px, 3fr) 640px 40px 500px minmax(0px,2fr); - align-content: start; - grid-row-gap: 40px; + main > * { + width: 640px; + margin: auto; } - main form{ margin-top:20px; - grid-column:2; display:grid; justify-items: start; align-content: start; @@ -26,10 +22,9 @@ margin-top:20px; } #tor-note{ - grid-row:2; - grid-column:2; background-color: #dddddd; padding: 10px; + margin-top: 40px; } {% endblock style %} -- cgit v1.2.3 From f2eb35419769629bfc8c4d7a7f545b8cb5c37c3f Mon Sep 17 00:00:00 2001 From: James Taylor Date: Sat, 24 Aug 2019 11:51:41 -0700 Subject: Layout: Simplify color scheme --- youtube/templates/login.html | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) (limited to 'youtube/templates/login.html') diff --git a/youtube/templates/login.html b/youtube/templates/login.html index 156bc01..13d37ca 100644 --- a/youtube/templates/login.html +++ b/youtube/templates/login.html @@ -7,6 +7,8 @@ margin: auto; } main form{ + background-color: #dadada; + padding: 10px; margin-top:20px; display:grid; justify-items: start; @@ -22,7 +24,7 @@ margin-top:20px; } #tor-note{ - background-color: #dddddd; + background-color: #dadada; padding: 10px; margin-top: 40px; } -- cgit v1.2.3 From e9b16ef71fc25f12e26da79392fa91ae30aabe5d Mon Sep 17 00:00:00 2001 From: James Taylor Date: Sun, 25 Aug 2019 15:25:24 -0700 Subject: Layout: Add themes --- youtube/templates/login.html | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) (limited to 'youtube/templates/login.html') diff --git a/youtube/templates/login.html b/youtube/templates/login.html index 13d37ca..384f1ac 100644 --- a/youtube/templates/login.html +++ b/youtube/templates/login.html @@ -7,7 +7,7 @@ margin: auto; } main form{ - background-color: #dadada; + background-color: var(--interface-color); padding: 10px; margin-top:20px; display:grid; @@ -24,7 +24,7 @@ margin-top:20px; } #tor-note{ - background-color: #dadada; + background-color: var(--interface-color); padding: 10px; margin-top: 40px; } -- cgit v1.2.3