style tweaks

mozilla · Nov 30, 2012 · 7a6f3a4 · 7a6f3a4
1 parent e76d3d3
commit 7a6f3a4
Show file tree

Hide file tree

Showing 6 changed files with 21 additions and 9 deletions.
diff --git a/public/css/gombot.css b/public/css/gombot.css
@@ -8,7 +8,7 @@
   padding-bottom: 18px;
 }
 
-.gombot .sign-up-button {
+.gombot button {
   height: 34px;
   line-height: 24px;
 }
@@ -18,6 +18,10 @@
   width: 18em;
 }
 
+.gombot h2 img {
+  vertical-align: middle;
+}
+
 .splash h1 {
     font-size: 63px;
     letter-spacing: -4px;
@@ -61,9 +65,12 @@
   padding: 25px 25px 67px 80px;
 }
 
-#splash-box {
+.gombot #main-content {
   color: #666;
   font-family: 'Open Sans Light', sans-serif;
+}
+
+.gombot label {
   font-size: 90%;
 }
 

diff --git a/public/img/gombot-logo-92x92.png b/public/img/gombot-logo-92x92.png
diff --git a/views/download.html b/views/download.html
@@ -3,6 +3,9 @@
 {% block page_title %}Download Gombot{% endblock %}
 
 {% block content %}
+
+{% include "feature.html" %}
+
 <div id="main-content">
 <div class="row">
   <section id="sign-up" class="container">

diff --git a/views/feature.html b/views/feature.html
@@ -0,0 +1,4 @@
+                <hgroup id="main-feature" class="splash center">
+                  <h2>Tired of remembering your usernames and passwords?</h2>
+                  <h1>Let Gombot do the work for you.</h1>
+                </hgroup>
diff --git a/views/index.html b/views/index.html
@@ -3,6 +3,9 @@
 {% block page_title %}Gombot{% endblock %}
 
 {% block content %}
+
+{% include "feature.html" %}
+
 <div id="main-content">
 <div class="row">
   <section id="sign-up" class="container">

diff --git a/views/layout.html b/views/layout.html
@@ -15,8 +15,8 @@
         <![endif]-->
 
         {% block css %}
-        <link rel="stylesheet" type="text/css" href="css/sandstone-resp.css" media="screen" />
+        <link rel="stylesheet" type="text/css" href="/css/sandstone-resp.css" media="screen" />
-        <link rel="stylesheet" type="text/css" href="css/gombot.css" media="screen" />
+        <link rel="stylesheet" type="text/css" href="/css/gombot.css" media="screen" />
         {% endblock %}
 
         {% block extrahead %}{% endblock %}
@@ -48,11 +48,6 @@ <h2><a href="http://mozillalabs.com/"><img src="/img/sandstone/header-mozilla-la
                 </header>
                 {% endblock %}
 
-                <hgroup id="main-feature" class="splash center">
-                  <h2>Tired of remembering your usernames and passwords?</h2>
-                  <h1>Let Gombot do the work for you.</h1>
-                </hgroup>
-
                 {% block content %}{% endblock %}
 
             </div>