From ba9d0860484fcc52f89dc72cd97dee2d9205aa36 Mon Sep 17 00:00:00 2001 From: Jules Laplace Date: Wed, 30 Jan 2019 12:41:59 +0100 Subject: update mobile css --- site/assets/css/css.css | 2 ++ site/assets/css/splash.css | 46 +++++++++++++++++++++++++++++++++++++++++++++- 2 files changed, 47 insertions(+), 1 deletion(-) (limited to 'site/assets/css') diff --git a/site/assets/css/css.css b/site/assets/css/css.css index e29f2595..7544fd9d 100644 --- a/site/assets/css/css.css +++ b/site/assets/css/css.css @@ -76,6 +76,7 @@ header .links { flex-direction: row; font-family: 'Roboto Mono', monospace; } +header .links span, header .links a { display: block; color: #777; @@ -84,6 +85,7 @@ header .links a { margin-right: 32px; transition: color 0.1s cubic-bezier(0,0,1,1), border-color 0.1s cubic-bezier(0,0,1,1); border-bottom: 1px solid rgba(255,255,255,0); + padding: 3px; } header .links a.active { color: #bbb; diff --git a/site/assets/css/splash.css b/site/assets/css/splash.css index 238139a4..be0762b2 100644 --- a/site/assets/css/splash.css +++ b/site/assets/css/splash.css @@ -70,4 +70,48 @@ header .links a.activeLink { } .about a { color: #fff; -} \ No newline at end of file +} + +@media screen and (max-width: 700px) { + header, footer { + transition: background 0.4s; + } + .modalOpen header, + .modalOpen footer { + background: rgba(25, 25, 25, 1.0); + } + header .slogan { + padding-left: 20px; + } + footer { + display: block; + background: rgba(25, 25, 25, 0.8); + padding: 10px 20px; + } + footer div { + background: transparent; + text-align: center; + width: 100%; + display: block; + padding: 0; + } + header .links { + padding: 4px 5px 0 0; + } + header .links span, + header .links a { + margin-right: 10px; + margin-left: 0px; + font-size: 14px; + } +} +@media screen and (min-height: 500px) { + .about { + display: block; + } + .about .inner { + max-width: 100%; + padding: 20px; + padding-top: 70px; + } +} -- cgit v1.2.3-70-g09d2 From 072e9151fa2d5e86856e53a60eb0fe6008832e22 Mon Sep 17 00:00:00 2001 From: Jules Laplace Date: Wed, 30 Jan 2019 12:43:34 +0100 Subject: update mobile css --- site/assets/css/splash.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'site/assets/css') diff --git a/site/assets/css/splash.css b/site/assets/css/splash.css index be0762b2..bece15cd 100644 --- a/site/assets/css/splash.css +++ b/site/assets/css/splash.css @@ -105,7 +105,7 @@ header .links a.activeLink { font-size: 14px; } } -@media screen and (min-height: 500px) { +@media screen and (max-height: 500px) { .about { display: block; } -- cgit v1.2.3-70-g09d2 From a8413075e0dbcf366c19c670fc97671d9d92a550 Mon Sep 17 00:00:00 2001 From: Jules Laplace Date: Wed, 30 Jan 2019 12:54:35 +0100 Subject: update mobile css --- site/assets/css/splash.css | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) (limited to 'site/assets/css') diff --git a/site/assets/css/splash.css b/site/assets/css/splash.css index bece15cd..3bdd89fc 100644 --- a/site/assets/css/splash.css +++ b/site/assets/css/splash.css @@ -102,7 +102,7 @@ header .links a.activeLink { header .links a { margin-right: 10px; margin-left: 0px; - font-size: 14px; + font-size: 13px; } } @media screen and (max-height: 500px) { @@ -113,5 +113,6 @@ header .links a.activeLink { max-width: 100%; padding: 20px; padding-top: 70px; + padding-bottom: 50px; } } -- cgit v1.2.3-70-g09d2 From 56ef83019bf15e017a04eb4846da9fd44647f411 Mon Sep 17 00:00:00 2001 From: Jules Laplace Date: Wed, 30 Jan 2019 12:55:50 +0100 Subject: update mobile css --- site/assets/css/splash.css | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) (limited to 'site/assets/css') diff --git a/site/assets/css/splash.css b/site/assets/css/splash.css index 3bdd89fc..10723781 100644 --- a/site/assets/css/splash.css +++ b/site/assets/css/splash.css @@ -102,7 +102,9 @@ header .links a.activeLink { header .links a { margin-right: 10px; margin-left: 0px; - font-size: 13px; + font-size: 12px; + background: rgba(25, 25, 25, 1.0); + text-shadow: 0 0 0 rgba(0,0,0,0); } } @media screen and (max-height: 500px) { -- cgit v1.2.3-70-g09d2 From 40e81e67eec1e6e975124d44962598a6e075d32e Mon Sep 17 00:00:00 2001 From: Jules Laplace Date: Wed, 30 Jan 2019 12:58:09 +0100 Subject: update mobile css --- site/assets/css/splash.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) (limited to 'site/assets/css') diff --git a/site/assets/css/splash.css b/site/assets/css/splash.css index 10723781..d4e309de 100644 --- a/site/assets/css/splash.css +++ b/site/assets/css/splash.css @@ -81,7 +81,7 @@ header .links a.activeLink { background: rgba(25, 25, 25, 1.0); } header .slogan { - padding-left: 20px; + padding-left: 10px; } footer { display: block; @@ -100,7 +100,7 @@ header .links a.activeLink { } header .links span, header .links a { - margin-right: 10px; + margin-right: 8px; margin-left: 0px; font-size: 12px; background: rgba(25, 25, 25, 1.0); -- cgit v1.2.3-70-g09d2 From da9dbb3d001af3c0196e80fd1353cca98282c66c Mon Sep 17 00:00:00 2001 From: Jules Laplace Date: Wed, 30 Jan 2019 13:47:44 +0100 Subject: update mobile css --- site/assets/css/splash.css | 22 ++++++++++++++++++---- 1 file changed, 18 insertions(+), 4 deletions(-) (limited to 'site/assets/css') diff --git a/site/assets/css/splash.css b/site/assets/css/splash.css index d4e309de..9dd5afba 100644 --- a/site/assets/css/splash.css +++ b/site/assets/css/splash.css @@ -96,15 +96,29 @@ header .links a.activeLink { padding: 0; } header .links { - padding: 4px 5px 0 0; + display: block; + text-align: right; + padding: 0; + padding-right: 5px; } header .links span, header .links a { - margin-right: 8px; - margin-left: 0px; + display: inline-block; + text-align: right; + margin: 0; font-size: 12px; - background: rgba(25, 25, 25, 1.0); + background: rgba(25, 25, 25, 0.5); text-shadow: 0 0 0 rgba(0,0,0,0); + border-bottom: 0; + } + .about { + display: block; + } + .about .inner { + max-width: 100%; + padding: 20px; + padding-top: 80px; + padding-bottom: 50px; } } @media screen and (max-height: 500px) { -- cgit v1.2.3-70-g09d2