Permalink
Browse files

Made separate stylesheet for home.sass.

  • Loading branch information...
1 parent f3194a8 commit 2cd57f9c3133fb7dd51626fc7a97f11bd3732e60 @n1cus n1cus committed May 7, 2012
Showing with 207 additions and 113 deletions.
  1. +103 −0 views/_home.sass
  2. +1 −112 views/app.sass
  3. BIN views/stylesheets/.DS_Store
  4. +103 −0 views/stylesheets/_home.sass
  5. +0 −1 views/stylesheets/_videos.sass
View
@@ -0,0 +1,103 @@
+section#home
+ text-align: center
+
+ h1#logo
+ background: url("../images/rubyconf.png")
+ display: block
+ height: 200px
+ margin: 20px auto
+ text-indent: -30000px
+ width: 502px
+ h2
+ font-size: 26px
+ line-height: 1.2
+ margin-bottom: 50px
+ small
+ font-size: 20px
+
+ #in_the_loop
+ margin: 90px auto 0
+ width: 436px
+
+ p
+ background: url("../images/in_the_loop.png")
+ height: 59px
+ margin: -60px 0 0 14px
+ position: absolute
+ text-indent: -30000px
+ width: 444px
+
+ #subscriber_container
+ margin-top: 70px
+ form
+ @include border-radius(6px)
+ @include box-shadow(1px 1px 0 rgba(255,255,255,0.2))
+ background: $brown
+ height: 36px
+ letter-spacing: 2px
+ padding: 4px
+
+ .group
+ input
+ @include border-radius(4px 0 0 4px)
+ background: $brown
+ border: 1px solid $red
+ border-width: 1px 0 1px 1px
+ color: $red
+ float: left
+ font-size: 20px
+ height: 34px
+ padding: 0 10px
+ width: 337px
+
+ &::-webkit-input-placeholder
+ color: $red
+
+ &:focus
+ color: $yellow
+
+ .error
+ @include border-radius(2px)
+ background: $yellow url("../images/icon_alert.png") no-repeat 5px center
+ font-size: 14px
+ letter-spacing: 0
+ margin: 49px 0 0 6px
+ padding: 2px 7px 3px 25px
+ position: absolute
+
+
+ input[type="submit"]
+ @include border-radius(0 4px 4px 0)
+ @include linear-gradient($red, darken($red, 5%))
+ border: 1px solid $red
+ color: $brown
+ float: left
+ font-size: 21px
+ font-weight: bold
+ height: 36px
+ text-shadow: 1px 1px 0 rgba(255,255,255,0.2)
+ width: 70px
+ &:hover
+ @include linear-gradient(lighten($red, 5%), $red)
+
+ #party
+ @include border-radius(6px)
+ @include box-shadow(1px 1px 0 rgba(255,255,255,0.2))
+ @include linear-gradient(lighten($brown,10%), $brown)
+ color: $red
+ font-size: 16px
+ font-weight: bold
+ height: 34px
+ letter-spacing: 0
+ line-height: 36px
+ padding: 4px
+ text-align: center
+ b
+ color: $yellow
+ font-weight: normal
+ span
+ @include inline-block
+ background: url("../images/icon_success.png") no-repeat center center
+ height: 18px
+ margin: 0 5px -3px 0
+ width: 18px
View
@@ -2,6 +2,7 @@
@import "stylesheets/reset"
@import "stylesheets/colors"
+@import "stylesheets/home"
@import "stylesheets/videos"
@@ -148,116 +149,4 @@ body
#wrapper
margin-left: 210px
margin-top: 50px
- section#home
- text-align: center
- h1#logo
- background: url("../images/rubyconf.png")
- display: block
- height: 200px
- margin: 20px auto
- text-indent: -30000px
- width: 502px
- h2
- font-size: 26px
- line-height: 1.2
- margin-bottom: 50px
- small
- font-size: 20px
-
- #in_the_loop
- margin: 90px auto 0
- width: 436px
-
- p
- background: url("../images/in_the_loop.png")
- height: 59px
- margin: -60px 0 0 14px
- position: absolute
- text-indent: -30000px
- width: 444px
-
- #subscriber_container
- margin-top: 70px
- form
- @include border-radius(6px)
- @include box-shadow(1px 1px 0 rgba(255,255,255,0.2))
- background: $brown
- height: 36px
- letter-spacing: 2px
- padding: 4px
-
- .group
- input
- @include border-radius(4px 0 0 4px)
- background: $brown
- border: 1px solid $red
- border-width: 1px 0 1px 1px
- color: $red
- float: left
- font-size: 20px
- height: 34px
- padding: 0 10px
- width: 337px
-
- &::-webkit-input-placeholder
- color: $red
-
- &:focus
- color: $yellow
-
- .error
- @include border-radius(2px)
- background: $yellow url("../images/icon_alert.png") no-repeat 5px center
- font-size: 14px
- letter-spacing: 0
- margin: 49px 0 0 6px
- padding: 2px 7px 3px 25px
- position: absolute
-
-
- input[type="submit"]
- @include border-radius(0 4px 4px 0)
- @include linear-gradient($red, darken($red, 5%))
- border: 1px solid $red
- color: $brown
- float: left
- font-size: 21px
- font-weight: bold
- height: 36px
- text-shadow: 1px 1px 0 rgba(255,255,255,0.2)
- width: 70px
- &:hover
- @include linear-gradient(lighten($red, 5%), $red)
-
- #party
- @include border-radius(6px)
- @include box-shadow(1px 1px 0 rgba(255,255,255,0.2))
- @include linear-gradient(lighten($brown,10%), $brown)
- color: $red
- font-size: 16px
- font-weight: bold
- height: 34px
- letter-spacing: 0
- line-height: 36px
- padding: 4px
- text-align: center
- b
- color: $yellow
- font-weight: normal
- span
- @include inline-block
- background: url("../images/icon_success.png") no-repeat center center
- height: 18px
- margin: 0 5px -3px 0
- width: 18px
-
-
- #flashes
- .message
- border: solid 1px black
- @include border-radius(5px)
- &.error
- color: red
- &.notice
- color: green
View
Binary file not shown.
@@ -0,0 +1,103 @@
+section#home
+ text-align: center
+
+ h1#logo
+ background: url("../images/rubyconf.png")
+ display: block
+ height: 200px
+ margin: 20px auto
+ text-indent: -30000px
+ width: 502px
+ h2
+ font-size: 26px
+ line-height: 1.2
+ margin-bottom: 50px
+ small
+ font-size: 20px
+
+ #in_the_loop
+ margin: 90px auto 0
+ width: 436px
+
+ p
+ background: url("../images/in_the_loop.png")
+ height: 59px
+ margin: -60px 0 0 14px
+ position: absolute
+ text-indent: -30000px
+ width: 444px
+
+ #subscriber_container
+ margin-top: 70px
+ form
+ @include border-radius(6px)
+ @include box-shadow(1px 1px 0 rgba(255,255,255,0.2))
+ background: $brown
+ height: 36px
+ letter-spacing: 2px
+ padding: 4px
+
+ .group
+ input
+ @include border-radius(4px 0 0 4px)
+ background: $brown
+ border: 1px solid $red
+ border-width: 1px 0 1px 1px
+ color: $red
+ float: left
+ font-size: 20px
+ height: 34px
+ padding: 0 10px
+ width: 337px
+
+ &::-webkit-input-placeholder
+ color: $red
+
+ &:focus
+ color: $yellow
+
+ .error
+ @include border-radius(2px)
+ background: $yellow url("../images/icon_alert.png") no-repeat 5px center
+ font-size: 14px
+ letter-spacing: 0
+ margin: 49px 0 0 6px
+ padding: 2px 7px 3px 25px
+ position: absolute
+
+
+ input[type="submit"]
+ @include border-radius(0 4px 4px 0)
+ @include linear-gradient($red, darken($red, 5%))
+ border: 1px solid $red
+ color: $brown
+ float: left
+ font-size: 21px
+ font-weight: bold
+ height: 36px
+ text-shadow: 1px 1px 0 rgba(255,255,255,0.2)
+ width: 70px
+ &:hover
+ @include linear-gradient(lighten($red, 5%), $red)
+
+ #party
+ @include border-radius(6px)
+ @include box-shadow(1px 1px 0 rgba(255,255,255,0.2))
+ @include linear-gradient(lighten($brown,10%), $brown)
+ color: $red
+ font-size: 16px
+ font-weight: bold
+ height: 34px
+ letter-spacing: 0
+ line-height: 36px
+ padding: 4px
+ text-align: center
+ b
+ color: $yellow
+ font-weight: normal
+ span
+ @include inline-block
+ background: url("../images/icon_success.png") no-repeat center center
+ height: 18px
+ margin: 0 5px -3px 0
+ width: 18px
@@ -8,7 +8,6 @@ section#videos
margin: 25px
li
@include border-radius(6px)
- // @include box-shadow(1px 0px 0 rgba(255,255,255,0.2))
@include box-shadow(0px 0px 3px rgba(0,0,0,0.6))
@include transition (all 2.0s ease-in-out)
background: $brown

0 comments on commit 2cd57f9

Please sign in to comment.