devroom.io/content/css/screen.sass

@import "flat-ui-colors"
@import "bootstrap"
@import "pygments"

$text-color: #696969
$focus-color: $peterriver

body
  color: $text-color
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif
  font-weight: 400

a, a:hover, a:active, a:visited
  color: $focus-color

h1, h2, h3, h4, h5, h6
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif
  font-weight: 200

#header
  border-top: 3px solid $focus-color

  a, a:hover
    color: $text-color

  h1, ol
    font-size: 1.2em
    display: inline-block

  h1
    padding-right: 0.8em

    a
      color: darken($text-color, 15%)
      span
        color: darken($text-color, 30%)
        font-weight: 800

  ol
    padding-left: 0

    li
      display: inline-block
      padding-right: 0.8em

  .align-right
    text-align: right

  ol.social
    margin-top: 15px

    li
      padding-right: 0
      padding-left: 0.4em

      a
        font-size: 1.2em
        color: $focus-color

#main
  #adpacks
    text-align: right
    font-size: 0.8em

    .bsa_it_i
      float: right
      display: block
      width: 130px
      margin-bottom: 10px

    .bsa_it_t,
    .bsa_it_d
      display: inline-block
      clear: right
      text-align: right
      width: 130px
      margin-bottom: 10px

    .bsa_it_t
      color: darken($text-color, 30%)

    .bsa_it_d
      color: $text-color

    .bsa_it_p
      display: none

    a#bsap_aplink,
      display: inline
      color: lighten($text-color, 30%)

  #posts
    .post
      h2.title
        margin-top: 0
        margin-bottom: 10px
        
      p.meta
        margin-top: 20px
        margin-bottom: 0
        font-style: italic
        color: lighten($text-color, 30%)

  #older-posts
    h2.title
      margin-top: 0
      margin-bottom: 10px
      margin-left: 72px
      font-size: 1.2em
      display: inline-block

      span.meta
        margin-left: -72px
        color: $text-color
        font-size: 0.8em
        padding-top: 0.2em
        display: inline-block
        float: left

  .post,
  .page
    h1.title
      margin-top: 0
      margin-bottom: 20px

      a
        color: darken($text-color, 15%)

    p.meta
      margin-top: 20px
      margin-bottom: 0

  .page
    h1.title
      margin-top: 20px

  #about
    img
      width: 96px
      border-radius: 12px
      margin-left: 6px
      margin-bottom: 6px
      float: right

#footer
  ul.tla
    padding-left: 0
    font-size: 0.8em

    li
      display: inline-block

      a
        color: $text-color