Skip to content

Instantly share code, notes, and snippets.

@zetachang
Created December 2, 2011 16:42
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save zetachang/1423898 to your computer and use it in GitHub Desktop.
Save zetachang/1423898 to your computer and use it in GitHub Desktop.
@import "compass"
@import "preboot"
@import "compass-bootstrap/compass_bootstrap"
@mixin center
margin-left: auto
margin-right: auto
body
//background: image_url('background3.jpg')
background: #dcdcdc
#topbar
height: 30px
background: #fff
padding-left: 660px
img
float:right
height: 30px
vertical-align: middle
.fb-like
margin-left: 0px
#header
//background: #a60b07
#home-image
cursur: pointer
margin-bottom: 10px
.logo
height: 65px
line-height: 65px
display: block
font-size: 46px
font-weight: bold
color: #fff
+text-shadow(rgba(#000,0.5) 1px 1px 2px)
.side
font-size: 40px
font-weight: bold
display: inline
h1
display: inline-block
margin-left: auto
margin-right: auto
line-height: 30px
height: 30px
margin-right: 30px
//#content
// background: #dcdcdc
#footer
border-top: 1px solid #bbb
padding-top: 9px
padding-bottom: 15px
text-align: center
font-size: 15px
color: rgba(#000,0.5)
.fb-comments
//height: 300px
//overflow: auto
//background: rgba(white, 0.75)
.fb-like
margin-left: 100px
#chart_div
+center
//position: static!important
width: 330px
margin-top: 10px
#disqus_thread
//+nested-reset
.survey
height: 400px
.issue
padding-bottom: 5px
//height: 550px
#past-polls-link
font-size: 20px
+center
width: 50%
text-align: center
margin-bottom: 5px
.result
margin-bottom: 20px
.option
text-align: center
line-height: 30px
padding-top: 5px
padding-bottom: 5px
display: inline-block
font-size: 30px
+border-radius(5px)
.thumb
display: block
height: 75px
+center
.yes
@extend .option
background: #0655d3
color: white
+text-shadow(rgba(#000,0.5) 1px 1px 1px)
+legacy-pie-clearfix
.no
@extend .option
color: white
background: #d83915
+text-shadow(rgba(#000,0.5) 1px 1px 1px)
.dum
position: relative
.ma-icon
position: absolute
z-index: 2
.en-icon
position: absolute
z-index: 2
.vote-icon
height: 40px
width: 40px
position: absolute
z-index: 2
top: -4px
left: -10px
+transform(rotate(-15deg))
.fire-icon
height: 50px
width: 45px
position: absolute
z-index: 2
top: -11px
left: -10px
.taiwan-icon
padding-bottom: 11px
padding-top: 2px
vertical-align: middle
height: 73px
width: 40px
.download-block
padding: 10px
margin-bottom: 20px
background-color: rgba(#aaa69f,0.2)
+border-radius(5px)
+legacy-pie-clearfix
.description
margin-left: 9px
font-size: 20px
//color: red
line-height: 25px
font-weight: bold
+text-shadow(rgba(red,0.3) 0px 1px 1px)
.download
width: 160px
margin-left: auto
margin-right: auto
display: block
.block
border: 1px solid #bbb
h2
font-size: 30px
margin-left: 35px
color: black
display: inline-block
//+text-shadow(rgba(black,0.5) 1px 1px 1px)
a
+unstyled-link
+link-colors(#0069d6,#0050a3)
.side
display: inline-block
font-size: 40%
#topic-pic
+center
+box-shadow(1px 1px 1px #bbb)
+border-radius(5px)
margin-top: 5px
border: 5px solid #fff
display: block
width: 360px
height: 219px
.question
margin-bottom: 10px
height: 90px
overflow: auto
padding: 10px
width: 330px
+center
font-size: 25px
line-height: 30px
margin-bottom: 20px
background-color: #fbfbfb
+border-radius(5px)
+legacy-pie-clearfix
ul.polls_index
margin-left: 30px
margin-top: 5px
font-size: 18px
li
line-height: 25px
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment