#container
  min-height: 100%
  height: auto !important
  height: 100%
  margin: 0 auto -40px


img
  border: none


*
  outline: none


.clearfix
  display: inline-block
  display: block

  &:after
    content: "."
    display: block
    height: 0
    clear: both
    visibility: hidden


a
  outline: none

  &:link, &:visited
    color: #07b
    text-decoration: none

  &:hover
    color: #d30


form, input, dt, dl, dd, ol, div, p, blockquote, h1, h2, h3, h4, h5, h6, a
  margin: 0
  padding: 0


h1, h2, h3, h4, h5, h6
  font-size: 100%


h2
  position: relative
  padding: 5px
  font-size: 110%
  margin-bottom: 10px
  border-bottom: 1px solid #ccc


div
  &.errorExplanation, &#error
    padding: 10px 10px 10px 50px
    margin: 20px 0
    background: #fee url(../images/app/icons/no.png) 5px 5px no-repeat
    border: 1px solid #faa
    color: #333

  &.errorExplanation
    ul
      list-style: none
      margin: 5px 0

    h2
      background: transparent
      border: 0
      padding: 0

  &#error h2
    background: transparent
    border: 0
    padding: 0


.info
  background: #E3F1FF url(../images/app/icons/info.png) 5px 50% no-repeat
  padding: 20px 10px 20px 60px
  border: 1px solid #5D94CB
  font-weight: bold
  color: #346
  margin: 10px 0


.notice
  background: #E3F1FF url(../images/app/icons/info.png) 5px 50% no-repeat
  padding: 20px 10px 20px 60px
  border: 1px solid #5D94CB
  font-weight: bold
  color: #346
  margin: 10px 0
  background: #DCF0C9 url(../images/app/icons/check.png) 5px 50% no-repeat
  border: 1px solid #6A3
  color: #460


.avatar
  width: 32px
  height: 32px


#header
  background: #232C30
  margin: 0
  text-align: left
  padding: 18px
  position: relative


#content
  width: 90%
  margin: 0 auto
  text-align: left
  padding-bottom: 40px


#main
  float: left
  padding: 20px
  width: 680px


#sbar
  margin-left: 740px
  padding: 20px
  min-height: 500px


#footer
  background: #ddd
  padding: 10px 0
  font-size: 92%
  border-top: 1px solid #bbb
  text-align: right
  height: 30px


#powered
  margin-right: 10px


#hdr-cnt
  position: relative
  width: 85%
  margin: 0 auto
  padding: 0 20px


#header h1 a
  color: #fff
  text-decoration: none
  font-size: 120%


#nav
  position: absolute
  top: 11px
  left: 162px
  list-style: none
  margin: 0
  padding: 0

  li
    display: inline
    margin: 0
    padding: 0

    a
      border-top: 1px solid #5C738A
      background-color: #456 !important
      color: #DEE9EE
      font-size: 92%
      font-weight: bold
      margin-right: 5px
      padding: 3px 20px
      padding-left: 25px
      display: block
      float: left

      &:hover
        border-top-color: #7593B0
        background-color: #576C82 !important
        color: #fff

    &.selected a
      border-top: 1px solid #fff
      background-color: #eee !important
      color: #333


li
  &#code a
    background: url(../images/app/icons/code.png) 5px 50% no-repeat

  &#activity a
    background: url(../images/app/icons/activity.png) 5px 50% no-repeat

  &#all-history
    border: none !important
    font-weight: bold

    a
      padding-left: 20px
      background: url(../images/app/icons/clock.png) 0 50% no-repeat !important
      display: block
      color: #555

  &#admin a
    background: url(../images/app/icons/admin.png) 5px 50% no-repeat


#utils
  position: absolute
  right: 20px
  top: 0
  list-style: none

  li
    display: inline
    margin-right: 5px
    font-size: 92%

    a
      color: #cde
      border-bottom: 1px dotted #345

      &:hover
        color: #fff


.btn
  border: 1px solid #fff
  background: #ddd


.block
  margin: 0 0 20px 0
  padding: 10px
  background: #f7f7f7
  border-bottom: 1px solid #ddd

  h3 a
    color: #333
    text-shadow: 1px 1px #f7f7f7


#recent-acitivy

#recent-activity
  li
    border-bottom: 1px dotted #bbb
    padding: 5px 0

    &:hover
      background: #eee

  .author
    font-weight: bold
    color: #555


#sbar div.sideblock:first-child
  margin-top: 0


#bookmarks ul, ul.slist
  list-style: none
  line-height: 100%


#bookmarks ul li a, ul.slist li a
  background: url(../images/app/icons/box-small.png) 0 50% no-repeat
  padding: 8px 5px 8px 20px
  color: #333
  text-shadow: 1px 1px #fff
  display: block
  border-bottom: 1px solid #ccc
  border-top: 1px solid #fff


#bookmarks li a:hover, ul.slist a:hover
  color: #000
  background-color: #eee


#bookmark-list li
  position: relative

  &:first-child
    border-top: none

  a.trash
    display: none !important

  &:hover a.trash
    display: block !important


#repo-list li:first-child, #repo-list-perm li:first-child
  border-top: none


#repo-list li a
  font-weight: bold
  background: url(../images/app/icons/repository-small.png) 0 50% no-repeat


#repo-list-perm li a
  font-weight: bold
  background: url(../images/app/icons/repository-small.png) 0 50% no-repeat
  background: url(../images/app/icons/lock-small.png) 0 50% no-repeat


#bookmarks
  display: block
  font-weight: bold
  font-family: "Helvetica Neue", Helvetica, Arial


span.active
  color: #777 !important
  font-size: 92%


#members
  list-style: none

  li
    height: 38px
    padding: 5px 0
    border-bottom: 1px solid #ccc

  .avatar
    float: left
    margin-right: 5px

  .author
    font-weight: bold
    display: block
    font-size: 110%

  .activity
    color: #777
    font-size: 92%


ul a.list-del
  position: absolute
  text-indent: -9999px
  padding: 0 !important
  width: 16px
  height: 16px
  displaly: block
  left: -16px
  top: 6px
  background: url(../images/app/icons/delete.png) no-repeat !important


#subscribe-btn
  display: block
  text-indent: -9999px
  background: url(../images/app/subscribe-btn.png) no-repeat
  padding: 7px 0


#subscribe-history
  display: block
  text-indent: -9999px
  background: url(../images/app/subscribe-btn.png) no-repeat
  padding: 7px 0
  margin-bottom: 10px
  background: url(../images/app/subscribe-history-btn.png) no-repeat


#search
  border-bottom: 1px dotted #aaa
  padding-bottom: 20px


#search-btn
  vertical-align: top


#search-box
  font-size: 110%
  vertical-align: bottom


#browser, .diff
  width: 100%
  border-collapse: collapse
  border: 1px solid #ccc
  border-top: none


#browser
  th, td
    padding: 5px 10px

  th
    border-left: 1px solid #ddd
    text-align: left
    background: #f7f7f7
    padding: 5px 10px
    border-bottom: 1px solid #ccc


.diff th
  border-left: 1px solid #ddd
  text-align: left
  background: #f7f7f7
  padding: 5px 10px
  border-bottom: 1px solid #ccc


#browser td
  background: #eee
  border-bottom: 1px solid #ccc
  border-left: 1px solid #ddd


tr
  &#controls td, &.controls td
    padding: 0
    height: 20px
    border-top: 1px solid #f7f7f7
    background: #eee url(../images/app/controls-bg.png) bottom left repeat-x


div.control-head
  margin: 0
  padding: 0 0 0 40px
  position: relative
  min-height: 25px


p.controlblock
  position: absolute
  top: 0
  left: 5px
  height: 16px
  width: 50px


a
  &.forward
    position: absolute
    display: block
    width: 16px
    height: 16px
    text-indent: -9999px
    background: url(../images/app/icons/forward.png) no-repeat

  &.back
    position: absolute
    display: block
    width: 16px
    height: 16px
    text-indent: -9999px
    background: url(../images/app/icons/forward.png) no-repeat
    left: 0
    top: 0
    background: url(../images/app/icons/back.png) no-repeat

  &.forward
    left: 16px
    top: 0


#browser td a
  font-weight: bold


td.item a
  display: block
  padding: 8px 5px 8px 25px


.file, .folder, .script, .txt, .image
  padding: 2px 0
  padding-left: 25px


a
  &.folder
    background: url(../images/app/icons/folder-small.png) 0 50% no-repeat

  &.image
    background: url(../images/app/icons/image.png) 0 50% no-repeat

  &.script
    background: url(../images/app/icons/script-small.png) 0 50% no-repeat

  &.txt, &.file
    background: url(../images/app/icons/text-small.png) 0 50% no-repeat


td span.log, #repos span.log, #permissions span.log, .listbox span.log
  font-size: 92%
  display: block
  color: #888


p.desc
  font-size: 92%
  display: block
  color: #888
  font-weight: normal


.rev
  line-height: 100%
  float: right
  background: #f7f7f7
  padding: 3px
  border: 1px solid #fff
  color: #666
  font-size: 92%
  -moz-border-radius: 4px
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif
  font-weight: bold


.changed
  background-color: #7b0
  color: #fff


div#crumbs
  margin-bottom: 10px
  height: 20px

  ul
    list-style: none
    padding: 0
    margin: 0
    line-height: 100%
    background: url(../images/app/crumbs-start.gif) no-repeat
    padding-left: 13px


#crumbs li
  display: block
  margin: 0
  padding: 0
  background: url(../images/app/crumb-bg.png) repeat-x
  float: left

  a
    text-shadow: 1px 1px #fff
    background: url(../images/app/crumb-divide.gif) top right no-repeat
    display: block
    color: #555
    font-size: 92%
    padding: 4px 15px 7px 5px
    font-weight: bold

    &:hover
      color: #000


li.crumb-divide-last a
  background: url(../images/app/crumb-divide-last.gif) top right no-repeat !important


#crumbs li#current
  color: #fff
  font-size: 92%
  float: left
  text-shadow: 1px 1px #777
  background: url(../images/app/crumb-current.gif) repeat-x
  padding: 4px 10px 7px 10px
  border-right: 1px solid #999
  font-weight: bold


div p.rcontrols
  float: none
  position: absolute
  right: 5px
  top: 3px


.rcontrols a.bookmark
  display: block
  width: 16px
  padding: 2px
  height: 16px
  text-indent: -9999px
  background: url(../images/app/icons/bookmark-small.png) 0 50% no-repeat


#imagefile
  padding: 10px
  text-align: center
  vertical-align: center


#last-log
  position: relative


.avatar
  padding: 2px
  background: #fff
  border: 1px solid #aaa
  border-bottom: 1px solid #ccc
  border-bottom: 1px solid #ccc


.cs-meta
  float: left
  width: 60px
  padding: 5px
  text-align: center
  background-color: #e2e2e2
  border-right: 1px solid #ddd
  line-height: 100%

  .change-number
    font-size: 100%
    display: block
    text-align: center

    a
      color: #481
      text-shadow: 1px 1px #f7f7f7
      float: none
      padding-right: 0
      margin-top: 3px


.cs-log
  padding: 5px
  padding-right: 50px
  margin-left: 71px
  font-size: 92% !important
  background-color: #f7f7f7


#changesets
  list-style: none


ul.changeset-nav
  list-style: none
  position: absolute
  top: 3px
  width: 32px
  right: 8px
  height: 16px


li
  &.next a
    position: absolute
    display: block
    text-indent: -9999px
    width: 16px
    height: 16px
    left: 20px
    top: 0
    background: url(../images/app/icons/forward.png) no-repeat

  &.prev a
    position: absolute
    display: block
    text-indent: -9999px
    width: 16px
    height: 16px
    left: 20px
    top: 0
    background: url(../images/app/icons/forward.png) no-repeat
    left: 0
    top: 0
    background: url(../images/app/icons/back.png) no-repeat


.changeset, .repo, .form, .permission, .listbox li.listitem
  padding: 10px
  padding-left: 50px
  background: #e2e2e2 url(../images/app/icons/terminal.png) 5px 3px no-repeat
  margin-bottom: 10px
  border: 1px solid #ddd
  border-bottom-color: #ccc
  border-right-color: #ccc
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif
  font-size: 110%
  font-weight: bold


.changeset
  padding: 0
  background-image: none


.change-number a
  font-size: 120%
  font-weight: bold
  color: green
  display: block
  float: left
  padding-right: 10px
  margin-bottom: 5px


.changeset .timenauthor
  color: #888
  font-weight: normal
  display: block


#change-list
  list-style: none
  margin-bottom: 20px

  li
    padding: 5px
    border-bottom: 1px solid #ddd
    position: relative


.viewdiff
  display: block
  position: absolute
  right: 0
  top: 5px
  text-indent: -9999px
  width: 14px
  height: 14px
  background: url(../images/app/icons/view-tiny.png) 0 50% no-repeat


#change-list .shade
  background: #eee


span.a, .m, .d, .mv, .cp
  background: #7b0
  color: #fff
  font-size: 82%
  border: 1px solid #fff
  line-height: 100%
  padding: 2px
  font-weight: bold
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif


span
  &.m
    background-color: #06b

  &.mv
    color: #540
    background: #ca0

  &.d
    background: #c00

  &.cp
    background: #ccc
    color: #333


#control-center
  margin-bottom: 20px
  position: relative
  padding: 10px
  background: #fff
  font-weight: bold


li
  &#diffprev a
    background-image: url(../images/app/icons/prev.png)

  &#diffhead a
    background-image: url(../images/app/icons/head.png)

  &#diffnum
    margin-left: 5px

    input
      font-size: 130%
      color: #555
      border: 2px solid #ccc


div.control
  position: relative


a.csdiff
  position: absolute
  right: 5px
  top: 1px
  background: url(../images/app/icons/diff.png) 0 2px no-repeat
  display: block
  width: 16px
  height: 16px
  text-indent: -9999px
  border: none !important


.csfile a
  font-size: 92%
  font-weight: bold
  color: #333
  text-shadow: 1px 1px #eee
  display: block
  padding-left: 20px
  background: url(../images/app/icons/arrow-small.png) 0 50% no-repeat

  &:hover
    color: #000


div.diff-table
  margin-bottom: 20px
  clear: right
  overflow: auto
  padding: 1px


.diff
  font-family: Courier, Monaco, monospace !important
  overflow: auto
  width: 100%

  td
    background: #eee

    pre
      padding: 0
      margin: 0

  th.csnum
    white-space: no-wrap
    width: 1px
    text-align: center


.ln
  white-space: no-wrap
  width: 1px
  text-align: center
  background: #e2e2e2 !important
  font-size: 92%
  border-right: 1px solid #ccc
  font-family: "Helvetica", Arial, sans-serif
  border-bottom: 1px dotted #ccc


.diff
  tr.controls td
    padding: 5px
    font-family: "Lucida Grande", Helvetica, Arial, sans-serif

  tbody td
    background: #f1f1f1

  td
    &.insert
      background: #dfd
      color: #030
      border-right: 1px solid #4C4
      border-left: 1px solid #4C4 !important

    &.delete
      background: #fdd
      color: #900
      border-right: 1px solid #d99


ul.formats
  float: right
  margin: 2px 0 0 0
  padding: 0
  line-height: 100%
  list-style: none
  font-size: 82%
  background: #eee url(../images/app/cap-left.png) no-repeat

  li
    display: block
    margin-right: 5px
    float: left

    a
      display: block
      padding: 3px 5px 4px 5px
      color: #777
      text-shadow: 1px 1px #fff
      font-weight: bold

    &.end
      margin-right: 0

      a
        background: url(../images/app/cap-right.png) top right no-repeat

  a:hover
    color: #333


table.sourcecode
  width: 100%
  margin-bottom: 0 !important


td.filesource
  padding: 10px
  background-color: #111 !important


pre.viewsource
  margin-top: 0 !important
  width: 100%
  background-color: #111
  white-space: pre-wrap
  white-space: -moz-pre-wrap !important
  white-space: -pre-wrap
  white-space: -o-pre-wrap
  word-wrap: break-word


table.diff tbody td.sourcecode
  background: #111
  vertical-align: top
  height: 90%
  overflow: auto


pre.viewsource code
  padding: 20px
  display: block


.history
  position: relative


.file-history
  display: block
  position: absolute
  right: 5px
  top: 5px
  width: 33px
  height: 24px
  text-indent: -9999px
  background: url(../images/app/search.png) 0 0


#admin-nav
  list-style: none
  margin-bottom: 0
  margin-top: 10px
  line-height: 100%
  padding: 0 0 2px 10px !important
  background: url(../images/app/nav-bg.png) bottom left repeat-x

  li
    display: block
    float: left
    margin: 0
    padding: 0

    a
      padding: 40px 0 5px 0
      width: 79px
      text-align: center
      margin-right: 5px
      margin-botom: 0
      display: block
      font-weight: bold
      color: #333
      font-size: 92%


li
  &#nrepo a
    background: url(../images/app/icons/repository.png) 50% 0 no-repeat

  &#naccess a
    background: url(../images/app/icons/lock.png) 50% 0 no-repeat

  &#nplugin a
    background: url(../images/app/icons/plugins.png) 50% 0 no-repeat

  &#nhooks a
    background: url(../images/app/icons/hooks.png) 50% 0 no-repeat

  &#nsettings a
    background: url(../images/app/icons/settings.png) 50% 0 no-repeat

  &#nmembers a
    background: url(../images/app/icons/members.png) 50% 0 no-repeat


#admin-nav li
  a:hover
    color: #555

  &.selected
    background: url(../images/app/nav-selected.png) bottom left no-repeat
    text-shadow: 1px 1px #eee

    a

#second-nav
  position: relative
  list-style: none
  margin-bottom: 10px
  background: #ddd
  padding: 5px
  border-bottom: 1px solid #ccc
  line-height: 160%

  li
    display: block
    float: left

    a
      display: block
      padding: 0 5px
      font-size: 92%
      color: #555
      font-weight: bold
      text-align: center
      text-shadow: 1px 1px #f7f7f7

      &:hover
        color: #333


li#jump
  position: absolute
  right: 5px
  font-weight: bold
  font-size: 92%

  select
    font-size: 12px
    padding: 0


#repos, #permissions, .listbox
  list-style: none


li
  &.repo, &.permission
    position: relative
    background: #f7f7f7 url(../images/app/icons/repository.png) 3px 10px no-repeat
    padding: 10px 45px


ul.listbox li.listitem
  position: relative
  background: #f7f7f7 url(../images/app/icons/repository.png) 3px 10px no-repeat
  padding: 10px 45px


li.permission
  padding-left: 10px
  background: #f7f7f7

  span.log
    margin-left: 50px

  .avatar
    float: left
    margin-right: 10px


#repos span.log, #permissions span.log, .listbox span.log
  font-size: 92%
  font-weight: normal


ul
  &.admin-controls
    list-style: none
    position: absolute
    right: 42px
    top: 5px
    height: 16px

  &.single
    right: 21px


.edit, .del, .sync
  position: absolute
  left: 0
  top: 0


.del
  left: 20px


.sync
  left: -20px


.edit a, .del a, .sync a
  display: block
  width: 16px
  height: 16px
  text-indent: -9999px
  background: url(../images/app/icons/edit.png) 0 50% no-repeat


.del a
  background: url(../images/app/icons/delete.png) 0 50% no-repeat


.sync a
  background: url(../images/app/icons/sync.png) 0 50% no-repeat


#svn-paths
  margin: 0
  padding: 0

  p
    margin-left: 10px
    padding: 5px
    position: relative
    font-size: 92%


#svn-url
  background: #e1e1e1
  border: 1px solid #ccc
  font-weight: bold
  font-size: 92%
  padding: 5px
  margin: 18px 0

  code
    font-family: "Lucida Grande", Helvetica, arial, sans-serif
    color: #555


input.path, .sel
  width: 150px


.pagination
  padding: 3px
  margin: 10px auto

  a
    padding: 2px 5px 2px 5px
    margin: 2px
    border: 1px solid #ccc
    background: #f7f7f7
    color: #555

    &:hover, &:active
      border: 1px solid #aaa
      color: #111

  span
    &.current
      padding: 2px 5px 2px 5px
      margin: 2px
      border: 1px solid #FFAB92
      font-weight: bold
      background-color: #FFE1D8
      color: #d30

    &.disabled
      padding: 2px 5px 2px 5px
      margin: 2px
      border: 1px solid #eee
      color: #aaa


.need-sync
  background: #eee
  padding: 2px 5px
  font-weight: normal
  color: #555
  font-size: 92%


.sync-percent
  color: #333
  text-shadow: 1px 1px #fff
  font-weight: bold
  float: right


#commands
  background: #f7f7f7
  margin: 5px 0

  p
    padding: 10px


.command, fieldset p
  padding: 10px 0 10px 25px


.command label, fieldset p label
  font-weight: bold
  display: block


.command input[type=text], fieldset p input[type=text]
  font-size: 150%


.command span.help, fieldset p span.help, span.help
  font-size: 92%
  font-weight: normal
  color: #555
  display: block


.oform span.help
  color: #777
  margin-top: 2px
  line-height: 150%
  text-shadow: none


#advanced-settings
  fieldset
    border: none
    border-top: 1px solid #ccc
    padding: 0
    margin-right: 20px
    margin-top: 10px

  legend
    font-weight: bold
    color: #555
    padding-left: 10px


#hooks
  list-style: none

  li.listitem
    background-image: url(../images/app/icons/hooks.png)
    padding: 10px 10px 10px 45px


#hook-instances
  margin: 10px 0 0 0
  list-style: none


.add-hk
  font-size: 82%
  text-align: right
  margin-top: 10px


.hook-help
  ul
    font-weight: normal
    margin: 10px 10px 10px 5px
    font-size: 82%
    color: #444

  li
    margin-bottom: 3px
    list-style: none


#hook-instances
  li
    font-weight: bold
    font-size: 92%
    color: #444
    padding: 5px 0 5px 25px
    border-top: 1px dotted #ccc
    background: url(../images/app/icons/check-small.png) 0 50% no-repeat
    position: relative !important

  .admin-controls
    right: 40px

    .del
      top: 0

    li
      padding: 0
      position: absolute

      a
        padding: 0
        position: absolute


#users
  list-style: none


.overlay
  position: fixed
  top: 0
  left: 0
  width: 100%
  z-index: 99999
  height: 100%
  display: block
  text-align: left


.overlay-content
  line-height: 100%
  margin: 0 auto 0 auto
  padding: 3px
  padding: 0 0 0 0
  background: url(../images/app/sheet-bottom.png) bottom left no-repeat
  border-top: 0
  width: 418px
  color: #333


.overlay-form
  background: url(../images/app/sheet.png) bottom left repeat-y
  padding: 0 7px 10px 6px

  h2
    margin-right: 8px
    text-shadow: 1px 1px #fff
    border-bottom: 1px solid #bbb
    padding: 10px


#profile-pic
  float: right


.oform
  padding: 0 7px 20px 6px


div.oform p label
  display: block !important
  font-weight: bold
  margin-top: 10px
  padding: 5px 0
  text-shadow: 1px 1px #fff


.oform
  p
    padding: 0px 20px

  textarea
    width: 99%
    border: 1px solid #ccc

  form
    padding: 20px

  fieldset
    border: none


input.big, select.big
  font-size: 150%
  width: 95%


p.btns
  padding: 10px 25px 15px 20px
  text-align: right


.imgbtn, .cancelbtn
  cursor: pointer
  border: none


input.submit
  border: 0
  padding: 1px 0 0 0
  margin: 0px 0 0 10px


button
  margin: 0
  padding: 0
  border: 0
  background: transparent
  line-height: 100%


.sideblock
  margin: 20px 0

  p
    padding: 5px

  h3
    background: #fff
    padding: 5px
    border: 1px solid #ddd
    border-bottom: 1px solid #ccc
    border-right: 1px solid #ccc

  ul
    list-style: none
    padding: 5px
    font-size: 92%


#plugins li a
  display: block
  font-weight: bold
  border-bottom: 1px solid #ccc
  border-top: 1px solid #f7f7f7
  padding: 5px 0 5px 25px
  background-repeat: no-repeat
  background-position: 0 50%

  &:first-child
    border-top: none


#pictures li
  list-style: none
  display: block
  float: left
  margin-right: 30px
  margin-bottom: 30px


#views
  position: absolute
  right: 5px
  top: 5px
  font-weight: normal
  color: #aaa
  font-size: 92%

  a
    text-decoration: underline


.list-view li.changeset
  margin-bottom: 0
  border: none
  border-bottom: 1px solid #ccc
  background: none

  .cs-log, .cs-meta
    background: none

  .avatar, .timenauthor
    display: none


#changesets
  li.changeset
    background: none
    border: none
    border-bottom: 1px solid #ccc

  .cs-log
    background: none

  .cs-meta
    background: none
    border-right: none


#command-line
  display: inline
  position: absolute
  left: 30%
  top: 8px

  input
    font-size: 130%
    width: 400px
    color: #000
    font-weight: bold
    border: 3px solid #aaa


.inactive
  text-decoration: line-through


span
  &.line-numbers
    background-color: #1c1c1c !important
    margin-left: 0 !important
    border-left: none !important
    font-family: Courier, monospace
    line-height: 100% !important
    border-bottom: 1px solid #222
    padding: 1px 0 !important

    a
      padding: 2px 0 !important
      margin: 0 !important
      line-height: 100% !important

  &.blame
    color: #666
    padding-left: 2px


body.firefox span.line-numbers
  border-top: 1px solid #222
  vertical-align: middle
  margin: 0 !important

  a
    padding: 0 !important


.noblame span.blame
  display: none


.clear
  clear: both
