#editor-level-view
  a
    font-family: helvetica, arial, sans serif
  
  #top-nav
    display: none

  position: absolute
  top: 0px
  left: 0px
  right: 0px
  bottom: 0px

  $BG: rgba(228, 207, 140, 1.0)

  li.navbar-btn
    margin-right: 5px
  
  #level-editor-top-nav
    .nav-tabs
      border-bottom: 0 !important
      .active > a, .active > a:hover, .active > a:focus
        background-color: $BG !important
        border-color: darken($BG, 50%)
        border-bottom: 0

  .outer-content
    background-color: $BG
    position: absolute
    top: 0
    bottom: 0
    left: 0
    right: 0

  .top-controls-area
    position: fixed
    background-color: $BG
    z-index: 100
    left: 20px
    right: 20px
    margin-top: -10px
    padding-top: 10px
  
  // keeps the editor tabs a certain height

  #level-editor-tabs
    position: absolute
    left: 20px
    right: 20px
    top: 66px
    bottom: 20px
    
  .treema-root
    background-color: white
    border-radius: 4px