Find file
Fetching contributors…
Cannot retrieve contributors at this time
228 lines (201 sloc) 4.13 KB
@import compass
@import fancy-buttons
$deal_width: 280px
*
:font-family arial,sans-serif
body
:margin-right $deal_width + 12px
:background-color #fff
:color #333
body.skip-deal
:margin-right 0px
#logo
:margin-top -1em
:position relative
:top 2em
.logo
:font-size 1.5em
:color #444
input
:-moz-box-sizing content-box
:font-family inherit
input.text
:background #fff
:border 1px solid #ccc
:border-bottom-color #999
:border-right-color #999
:color #000
:font 18px arial,sans-serif bold
:height 25px
:margin 0
:padding 5px 8px 0 6px
:vertical-align top
input.text:focus
:outline none
input#search, input#lucky
:background url("http://www.google.com/images/srpr/nav_logo13.png") repeat scroll center bottom transparent
:border medium none
:color #000000
:cursor pointer
:font 15px arial,sans-serif
:height 30px
:margin 0
:outline 0 none
:vertical-align top
.button_wrapper
:border-bottom 1px solid #E7E7E7
:border-right 1px solid #E7E7E7
:display inline-block
:margin 3px 0 4px 4px
.inner
:background none repeat scroll 0 0 #EEEEEE
:border-color #CCCCCC #999999 #999999 #CCCCCC
:border-style solid
:border-width 1px
:display block
:height 30px
#fake_mouse
:position absolute
:top 100px
:left 100px
#instructions
:margin-top 40px
:font-size 1.1em
:color #999
:width 350
:height 84px
:background transparent url(images/instructions_bg.png) no-repeat top center
div
:line-height 84px
#link_placeholder
:height 90px
#link
:position absolute
:display none
:padding-bottom 28px
input.link
:width 312px
:font-size 1.2em
:text-align center
:border 1px solid #c2c9ff
:color #555
:background-color #f4fbff
:cursor pointer
#footer
:margin-top 100px
:color #999
:border-top solid 1px #ddd
:padding-top 0.5em
:text-align center
a
:color #999
:text-decoration none
:padding 0 1em
a:hover
:text-decoration underline
#about
:margin-top 0.5em
:color #666
:text-align center
#language
:margin-top 1em
:color #666
:text-align center
:background #fff url(/images/worldwide.png) no-repeat center
select
:width 200px
:opacity 0
#copyright
:margin-top 40px
:padding 0.25em
:text-align center
:font-size 0.75em
:color #bbb
:background-color #fff
#link_buttons, #link_message
:position absolute
:display none
a.link_button
:display block
:float left
:width 60px
:height 20px
:margin 0 2px
:padding 5px 0
:background transparent url(images/link_button.png) no-repeat center center
:color #fff
:line-height 20px
:text-align center
:font-size 0.8em
:text-decoration none
&:hover
:background-image url(images/link_button_hover.png)
#link_message
:z-index 99
:width 332px
:height 32px
:background url(images/link_message.png)
:color #fff
:line-height 32px
:text-align center
:font-size 1em
.banner
width: 728px
margin: 0 auto
.deal
+box-shadow
display: none
text-decoration: none
width: $deal_width
position: absolute
right: 10px
top: 10px
cursor: pointer
.pitch
position: relative
height: 401px
.region_name, .title, .numbers
background: #000
color: #fff
line-height: 24px
+opacity(0.8)
.region_name
font-size: 24px
padding: 6px 8px 2px 8px
text-align: center
+ellipsis
.title
padding: 2px 8px 6px 8px
font-size: 16px
text-align: center
+ellipsis
.numbers
position: absolute
bottom: 0px
width: 100%
.block
float: left
text-align: center
.value
font-size: 24px
padding: 8px 0px 0px 0px
.label
font-size: 12px
text-transform: uppercase
padding: 0px 8px 8px 8px
.block.savings
margin-left: 16%
.block.remaining
position: absolute
right: 16%
.action
padding: 16px 8px
background-color: #eee
text-align: center
.button
font-family: "arial rounded mt bold"
+fancy-button(#F0812B, 32px)
padding: 0.3em 0.5em
.price
font-size: 32px
font-family: "arial rounded mt bold"