From e69cdb5242f8565e8c8f9a57eb8830b531da2afd Mon Sep 17 00:00:00 2001 From: cmuxlow Date: Sat, 2 Apr 2016 17:29:46 -0400 Subject: [PATCH 1/2] added css --- css/main.css | 40 ++++++++++++++++++++++++++++++++++++++++ 1 file changed, 40 insertions(+) diff --git a/css/main.css b/css/main.css index 7dde092..6c9caa9 100644 --- a/css/main.css +++ b/css/main.css @@ -15,21 +15,61 @@ body { .banner { background-color: #2b3851; + height: 249px; } .robot { width: 320px; + margin-bottom: 0; + position: relative; + left: 50%; + max-width: 50em; + transform: translate(-50%); } .robot-body { width: 320px; + padding-top: 4em; + z-index: 100; } .robot-brain { width: 46px; + float: left; + position: absolute; + transform: translate(-50%); + left: 50%; + top: 4em; + z-index: 500; } .robot-head-right, .robot-head-left { width: 125px; + position: absolute; + z-index: 1000; +} + +.robot-head-left { + top: 1.75em; + left: 2.25em; +} + +.robot-head-right { + top: 1.75em; + right: 2.25em; +} + +.robot:hover .robot-head-left { + top: 1.75em; + left: .25em; +} + +.robot:hover .robot-head-right { + top: 1.75em; + right: .25em; +} + +.robot:hover .robot-brain { + top: 3.5em; } From 622e9893b9787d2e16ac8d9b36ec88575067f881 Mon Sep 17 00:00:00 2001 From: cmuxlow Date: Sat, 2 Apr 2016 17:32:05 -0400 Subject: [PATCH 2/2] edited css --- css/main.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/css/main.css b/css/main.css index 6c9caa9..baa76e3 100644 --- a/css/main.css +++ b/css/main.css @@ -71,5 +71,5 @@ body { } .robot:hover .robot-brain { - top: 3.5em; + top: 3.4em; }