Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
@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
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.