site.css.sass.erb

@import "compass"
@import "preboot"
@import "compass-bootstrap/compass_bootstrap"
body
  background: url(<%= asset_path 'background3.jpg' %>)
  //background-color: #dedede
#main
  //background-color: white
  //+box-shadow(rgba(#dedede,0.5) 1px 0px 2px)
#header
  height: 100px
  //border-bottom: 1px solid #bbb
  .logo
    height: 65px
    line-height: 65px
    display: block
    font-size: 46px
    font-weight: bold
    color: rgba(black,0.6)
    +text-shadow(rgba(#fff,0.5) 1px 1px 2px)
  .side
    font-size: 20px
    font-weight: bold
    display: inline
  .fb-like
    display: inline
  h1
    display: inline-block
    margin-left: auto
    margin-right: auto
    line-height: 30px
    height:  30px
    margin-right: 30px

#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: 70px
#chart_div
  margin-top: 10px
  margin-left: 30px
.download_button
  width: 270px
  display: block
  margin-left: auto
  margin-right: auto
  +border-radius(5px)
  padding: 12px 5px 12px 5px
  font-size: 35px
  background: #747474
  background-repeat: repeat-x
  +background-image(linear-gradient(#747474,black))
  +unstyled-link
  color: white
  +text-shadow(rgba(#747474,0.25) 1px 1px 1px)
  border: 1px solid #747474
  &:hover
    +unstyled-link
    color: white
    +text-shadow(rgba(#747474,0.25) 2px 2px 1px)
    background-position: 0 10px


.survey
  height: 400px

.issue
  height: 250px

.result
  margin-top: 5px
  width: 320px
  margin-right: auto
  margin-left: auto
.option
  margin: 5px
  padding: 9px
  width: 130px
  height: 30px
  text-align: center
  line-height: 30px
  display: inline-block
  font-size: 30px
  +border-radius(5px)
.yes
  @extend .option
  background: #789cd6
  color: white
  +text-shadow(rgba(#000,0.5) 1px 1px 1px)
  &:hover
    background: #0069d6
    +text-shadow(rgba(#000,0.7) 1px 1px 2px)
    +box-shadow(inset rgba(#000,0.5) 1px 1px 2px)
.no
  @extend .option
  color: white
  background: #db8774
  +text-shadow(rgba(#000,0.5) 1px 1px 1px)
  &:hover
    background: #dc3912
    +text-shadow(rgba(#000,0.7) 1px 1px 2px)
    +box-shadow(inset rgba(#000,0.5) 1px 1px 2px)
.dum
  position: relative

.vote-icon
  height: 40px
  width: 40px
  position: absolute
  z-index: 2
  top: -4px
  left: -10px
  +transform(rotate(-15deg))
.q-icon
  height: 40px
  width: 40px
  position: absolute
  z-index: 2
  top: -4px
  left: -10px
  //+transform(rotate(-5deg))

.taiwan-icon
  padding-top: 6px
  height: 50px
  width: 35px
  //position: absolute
  //z-index: 2
  //top: -4px
  //left: -10px
  //+transform(rotate(-5deg))
.download-block
  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
  //height: 330px
  h2
    font-size: 30px
    margin-left: 35px
    color: black
    display: inline-block
    +text-shadow(rgba(black,0.5) 1px 1px 1px)
  .dummy
    
  .question
    height: 120px
    overflow: auto
    padding: 10px
    width: 330px
    //+transform(rotate(0.5deg))
    //background: url(<%= asset_path 'blackboard.jpg' %>)
    margin-left: auto
    margin-right: auto
    font-size: 25px
    line-height: 30px
  margin-bottom: 20px
  background-color: rgba(#aaa69f,0.2)
  +border-radius(5px)
  +legacy-pie-clearfix

ul
  list-style:  none
  font-size: 20px
  margin-left: 0px
  li
    height: 50px
    +border-radius(5px)
    +box-shadow(inset 1px 0px 2px #bbb)
    padding: 5px
    margin:  10px