diff --git a/src/project/static/css/style.css b/src/project/static/css/style.css index cbb3da8..939bd7e 100644 --- a/src/project/static/css/style.css +++ b/src/project/static/css/style.css @@ -26,11 +26,11 @@ p, h1, h2, h3, h4, h5, h6 { :root { /* Colors */ --light : #fff; - --light-dust : #fcfcfc; + --light-dust : #f6f6f6; --dust : #f1f1f1; --dark-dust : #bfbfbf; --fade : #878787; - --twilight : #3c3c3c; + --twilight : #4a4a4a; --dark : #2a2a2a; --custard : #f0dcac; --water : #a8f3f4; @@ -214,12 +214,9 @@ div.infobox { justify-content : space-between; } -/* -div.services > div:hover { - transform : scale(1.02); - transition : all 0.2s; +div.infobox button { + margin-top : var(--double-space); } -*/ div.services > div > div.description { margin-bottom : var(--double-space); @@ -263,9 +260,9 @@ form > div >label { form > div > input[type="text"], form > div > input[type="password"] { - border : 1px solid var(--twilight); - border-radius : 3px; - padding : 6px 12px; + border : 2px solid var(--twilight); + border-radius : 6px; + padding : 8px; background : var(--light-dust); width : 100%; } @@ -279,14 +276,12 @@ form > div > input[type="password"] { #loginbox { border-radius : var(--space); - background : var(--dust); border : 6px solid white; width : 800px; height : 500px; display : flex; flex-flow : row; - //justify-content : space-between; } #loginbox > div { @@ -299,19 +294,27 @@ form > div > input[type="password"] { } #loginbox > div.login { + background : var(--light-dust); display: flex; flex-flow: column; justify-content: space-between; } #loginbox > div.signup { - border-radius : 0 var(--space) var(--space) 0; background : var(--water); display: flex; flex-flow: column; align-items: center; } +#loginbox > div:first-child { + border-radius : var(--half-space) 0 0 var(--half-space); +} + +#loginbox > div:last-child { + border-radius : 0 var(--half-space) var(--half-space) 0; +} + #loginbox > div:last-child > * { flex : 1; } @@ -333,13 +336,11 @@ form > div > input[type="password"] { } footer { - position : fixed; - bottom : 0; - left : 0; - right : 0; + margin : var(--space) var(--outer-space); + padding : var(--space); + border-radius : var(--quarter-space); background : var(--dark); color : var(--dust); - padding : 12px; font-size : 0.78em; opacity : 0.8; } diff --git a/src/project/templates/base.html b/src/project/templates/base.html index 6854eda..4f18d82 100644 --- a/src/project/templates/base.html +++ b/src/project/templates/base.html @@ -35,8 +35,8 @@