Some styles

gistfile1.txt

/* Reset / Mixins / Jquery-ui / Common
/* -------------------------------------------------------------

@import 'reset'
@import 'mixins'
@import 'jquery-ui'
@import 'common'

/* Content
/* -------------------------------------------------------------

html, body
  height: 100%
body
  background: #f3f3f3 url('/images/bg-body.png') no-repeat center center
  background-size: 100% 100%
#content
  position: relative
.overview
  padding-top: 28px
.wrapper
  overflow: visible

/* Open questionnaire answering interface
/* -------------------------------------------------------------

.question-interface
  padding-top: 60px
  a
    text-decoration: underline
    &:hover
      color: #777
  .overlay
    padding: 0 0 3% 0
    margin: 0 auto
    h1
      font-size: 24px
      text-align: center
      color: #B4B4B4
      letter-spacing: 0.05em
    .wrap
      margin: 0 auto
      width: 560px
      .footer
        #navigation
          height: 38px
        .button-unimportant
          margin-top: 0
          line-height: 38px
          text-decoration: none
        #close_button
          float: left
      .header-questionnaire
        width: auto
        color: #888
        padding-bottom: 13px
        font-weight: normal
        line-height: 20px
      .content
        background: none
        margin-bottom: 3px
        overflow: hidden
        padding: 15px
        +vertical-gradient(#F9F9F9, #EBEBEB)
        +shadows(#000, 0px, 1px, 2px)
        +rounded(5px)
      #next_page
        display: none
  .question-form
    display: none
    &.current
      display: block
  .text
    color: #000
    text-align: left
    padding-bottom: 13px
  .title
    font-weight: bold
  .inner-content
    position: relative
    +vertical-gradient(#FFF, #F7F7F7)
    +shadows(#FFF, 0px, 1px, 0px)
    +rounded(5px)
    border: 1px solid #E3E3E3
    border-top-color: #BEBEBE
    border-bottom-color: #D7D7D7
    margin-bottom: 20px
    padding: 9px 13px
    overflow: hidden
    .answers
      li
        padding-bottom: 7px
        input
          height: 16px
          margin: 0 5px
          vertical-align: text-top
        textarea
          border-color: #BEBEBE
          width: 98%
          height: 90px
          resize: none
    .form-link
      margin-left: 40%
      float: left
      width: 45%
      text-indent: 10px
      text-align: left
    .note
      font-size: 11px
      font-weight: normal
      color: #AAAAAA
      text-align: left
    &.static
      padding: 0 13px
      border: none
      background: none
      -moz-box-shadow: none
      -webkit-box-shadow: none
      box-shadow: none
      .text
        font-weight: normal
    .hand
      vertical-align: text-bottom
      display: inline-block
      width: 16px
      height: 18px
      margin: 0 8px 0 4px
      background: transparent url('/images/oq-hand.png') no-repeat center
      cursor: move
    label
      width: 40%
      text-align: right
      margin-right: 5px
      font-size: 12px
      padding: 6px 1% 0 0
      float: left
    input, select
      float: left
      width: 45%
      height: 25px
    input
      border: 1px solid #bebebe
      background-color: #fff
      border-right: 1px solid #e6e6e6
      border-bottom: 1px solid #e6e6e6
      line-height: 25px
      margin-bottom: 5px
      padding-left: 5px
    select
      margin: 5px 8px 10px 0
    .required
      color: #f10077
      float: left
      padding-left: 3px
      vertical-align: top
  .questionnaire-table
    +generic-table
    table-layout: fixed
    border-color: #D1D1D1
    margin: 15px 0
    thead
      td, th
        font-weight: bold
    tbody
      tr
        td, th
          text-align: center
    .caption
      color: #000000
      text-align: left
    th.most, th.least
      padding-top: 6px
      text-align: center
      width: 30px
      input[type=radio]
        margin: 0
  .annotations
    float: left
  .button-unimportant
    +button-unimportant
  .generic-button
    +generic-button
  .alternate-button
    float: left
  .change-language
    margin-bottom: 12px
    text-align: right