Skip to content

Instantly share code, notes, and snippets.

@zetachang
Created December 2, 2011 16:42
Show Gist options
  • Select an option

  • Save zetachang/1423898 to your computer and use it in GitHub Desktop.

Select an option

Save zetachang/1423898 to your computer and use it in GitHub Desktop.

Revisions

  1. zetachang created this gist Dec 2, 2011.
    198 changes: 198 additions & 0 deletions gistfile1.txt
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,198 @@
    @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