Permalink
Browse files

home page styling coming along nicely

  • Loading branch information...
kimballfrank committed Nov 3, 2012
1 parent 7cb3ed0 commit 5c673e1fdcf045c5d258842e1c616da85e41c520
@@ -11,22 +11,22 @@
@font-face {
font-family: "SSSocial";
- src: url('../../fonts/ss-social-circle.eot');
- src: url('../../fonts/ss-social-circle.eot?#iefix') format('embedded-opentype'),
- url('../../fonts/ss-social-circle.woff') format('woff'),
- url('../../fonts/ss-social-circle.ttf') format('truetype'),
- url('../../fonts/ss-social-circle.svg#SSSocialCircle') format('svg');
+ src: url('/fonts/ss-social-circle.eot');
+ src: url('/fonts/ss-social-circle.eot?#iefix') format('embedded-opentype'),
+ url('/fonts/ss-social-circle.woff') format('woff'),
+ url('/fonts/ss-social-circle.ttf') format('truetype'),
+ url('/fonts/ss-social-circle.svg#SSSocialCircle') format('svg');
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: "SSSocial";
- src: url('../../fonts/ss-social-regular.eot');
- src: url('../../fonts/ss-social-regular.eot?#iefix') format('embedded-opentype'),
- url('../../fonts/ss-social-regular.woff') format('woff'),
- url('../../fonts/ss-social-regular.ttf') format('truetype'),
- url('../../fonts/ss-social-regular.svg#SSSocialRegular') format('svg');
+ src: url('/fonts/ss-social-regular.eot');
+ src: url('/fonts/ss-social-regular.eot?#iefix') format('embedded-opentype'),
+ url('/fonts/ss-social-regular.woff') format('woff'),
+ url('/fonts/ss-social-regular.ttf') format('truetype'),
+ url('/fonts/ss-social-regular.svg#SSSocialRegular') format('svg');
font-weight: normal;
font-style: normal;
}
@@ -10,11 +10,11 @@
@font-face {
font-family: "SSStandard";
- src: url('../../fonts/ss-standard.eot');
- src: url('../../fonts/ss-standard.eot?#iefix') format('embedded-opentype'),
- url('../../fonts/ss-standard.woff') format('woff'),
- url('../../fonts/ss-standard.ttf') format('truetype'),
- url('../../fonts/ss-standard.svg#SSStandard') format('svg');
+ src: url('/fonts/ss-standard.eot');
+ src: url('/fonts/ss-standard.eot?#iefix') format('embedded-opentype'),
+ url('/fonts/ss-standard.woff') format('woff'),
+ url('/fonts/ss-standard.ttf') format('truetype'),
+ url('/fonts/ss-standard.svg#SSStandard') format('svg');
font-weight: normal;
font-style: normal;
}
@@ -20,7 +20,7 @@
// Accent colors
// -------------------------
-@blue: #049cdb;
+@blue: #44A1E1;
@blueDark: #0064cd;
@green: #46a546;
@red: #9d261d;
@@ -38,7 +38,7 @@
// Links
// -------------------------
-@linkColor: #08c;
+@linkColor: #44A1E1;
@linkColorHover: darken(@linkColor, 15%);
@@ -38,11 +38,15 @@ body.has-bg-photo {
h1.tag-line {
color: #fff;
font-size: 48px;
+ line-height: 52px;
+
}
h2.description {
color: #fff;
font-size: 24px;
+ line-height: 36px;
+ margin-top: 20px;
font-weight: normal;
}
@@ -94,31 +98,47 @@ h4.result-title {
#navbar-main {
margin-top: 24px;
+ clear: both;
}
#navbar-main .navbar-inner {
padding-right: 0px;
}
.navbar-form {
- margin-left: -15px;
+ margin-left: -16px;
}
.navbar-form div {
- margin-right: 3px;
+ margin-right: 4px;
}
#navbar-main input {
- height: 34px;
+ height: 42px;
+ line-height: 42px;
font-size: 18px;
top: -1px;
+ border: none;
+ padding-left: 10px;
}
#navbar-main .add-on {
- height: 34px;
- font-size: 24px;
+ height: 33px;
+ width: 25px;
+ font-size: 18px;
+ line-height: 35px;
top: -1px;
+ padding-top: 5px;
position: relative;
+ color: #333;
+}
+
+.homepage-feature {
+ background: #2B2B29;
+ margin-left: 0px;
+ padding: 20px;
+ margin-bottom: 20px;
+
}
#guest-number-picker .btn{
View
@@ -7,23 +7,24 @@ header.site-header
a(href='/') kitchen.ly
div.page-contain.container
- h1.tag-line.tk-proxima-nova Easily host dinners in your own kitchen.
- h2.description.tk-pt-serif-caption The best way to turn your kitchen into a restaurant and also find great dinners around town.
+ div.homepage-feature.span5
+ h1.tag-line.tk-proxima-nova Easily host dinners in your own kitchen.
+ h2.description.tk-pt-serif-caption The best way to turn your kitchen into a restaurant and also find great dinners around town.
div#navbar-main.navbar.navbar-inverse
div.navbar-inner
form(class="navbar-form pull-left")
div#city-picker.input-append.pull-left
input(type="input", placeholder="What city do you want to eat in?")#date-time.span4
span.add-on
- i.icon-map-marker
+ span.ss-icon.ss-standard location
div#date-picker.input-append.pull-left
input(type="input", placeholder="When do you want to eat?")#location.span4
span.add-on
- i.icon-calendar
+ span.ss-icon.ss-standard date
div#guest-number-picker.btn-group.pull-left
button.btn.dropdown-toggle.btn-large(data-toggle="dropdown") 1 Guest
- i.icon-user.pull-right
+ span.ss-icon.ss-standard.pull-right users
ul.dropdown-menu
li
a(href="#") 1 Guest
View
@@ -1,5 +1,5 @@
!!!
-html
+html.no-js
head
title= title

0 comments on commit 5c673e1

Please sign in to comment.