From 945d253ebca311a86ac892acb5622aab595c2911 Mon Sep 17 00:00:00 2001 From: davidapple Date: Thu, 12 Jun 2014 22:06:44 +0100 Subject: [PATCH 1/2] Anchor installation intro - responsive style amends. --- anchor/views/intro.php | 19 ++++++++++++++++--- 1 file changed, 16 insertions(+), 3 deletions(-) diff --git a/anchor/views/intro.php b/anchor/views/intro.php index be5406926..cd27f2e91 100755 --- a/anchor/views/intro.php +++ b/anchor/views/intro.php @@ -13,12 +13,11 @@ color: #fff; } div { - width: 400px; - height: 160px; + width: 300px; position: absolute; left: 50%; top: 30%; - margin: -80px 0 0 -200px; + margin: -80px 0 0 -150px; } h1 { font-size: 29px; @@ -37,6 +36,20 @@ text-decoration: none; border-radius: 5px; } + @media (max-width: 300px) { + div { + width: 128px; + margin-left: -64px; + } + h1 { + font-size: 12px; + line-height: 14px; + } + a { + padding: 0 10px; + font-size: 10px; + } + } From defee0b98b8385c58d1fb6dc5a6e7ce2b2763bbb Mon Sep 17 00:00:00 2001 From: davidapple Date: Thu, 12 Jun 2014 22:33:59 +0100 Subject: [PATCH 2/2] Install pages - styled for screens 768px wide. --- install/views/assets/css/install.css | 22 ++++++++++++++++++++-- 1 file changed, 20 insertions(+), 2 deletions(-) diff --git a/install/views/assets/css/install.css b/install/views/assets/css/install.css index 95bdbe2db..c1f79e173 100755 --- a/install/views/assets/css/install.css +++ b/install/views/assets/css/install.css @@ -21,6 +21,12 @@ html { margin: 40px auto; } + @media ( max-width: 1023px ) { + body { + width: 748px; + } + } + body > small { display: block; padding-top: 30px; @@ -105,7 +111,7 @@ nav { } nav ul { - float: right; + float: left; } nav li, nav img { @@ -135,10 +141,16 @@ nav { nav ul { height: 1px; - margin-top: 10px; + margin: 10px 0 0 10px; border-bottom: 1px solid #576477; } + @media ( max-width: 1023px ) { + nav li { + margin-right: 28px; + } + } + a { font-weight: 500; color: #a0afc6; @@ -214,6 +226,12 @@ form { margin-left: 220px; } + @media (max-width: 1023px) { + form { + width: 688px; + } + } + label { font-size: 13px; line-height: 18px;