diff --git a/src/css/first-run.css b/src/css/first-run.css index e42f58a..7d387ef 100644 --- a/src/css/first-run.css +++ b/src/css/first-run.css @@ -15,11 +15,11 @@ h1 { } .center { text-align: center; } -img.center, button.center { display: block; margin: 0 auto; } +img.center, button.center, a.center { display: block; margin: 0 auto; } img#lightbeam-logo { margin-bottom:-18px; } -body > ol, body > ul { width: 578px; margin: 0 auto; } +body > ol, body > ul, body > #start { width: 578px; margin: 0 auto; } ol#steps { /* unset default styles */ @@ -68,3 +68,25 @@ ul li { ul li:last-child { padding-bottom: 0; } + +div#start { + background: white; + border-radius: 0.5em; + transition: all 0.3s; +} +#start a { + text-decoration: none; + padding: 10px; + color: #5D667A; + font-weight: bold; + outline: none; + transition: all 0.3s; +} + +#start:hover { + box-shadow: 5px 5px 5px #111111; + background: #4BC599; +} +#start a:hover { + color: white; +} diff --git a/src/first-run.html b/src/first-run.html index b24be2f..c26744f 100644 --- a/src/first-run.html +++ b/src/first-run.html @@ -15,7 +15,9 @@

Thanks for downloading Lightbeam!

  1. - Open the Lightbeam tab by clicking the logo in the browser toolbar. + Open the Lightbeam tab by clicking the logo in the browser + toolbar
    or by using the 'Get Started' below.
+
+ Get Started +