.treema-root
  border: 1px solid black
  background-color: #f5f5f5
  padding: 10px 20px 10px 0
    
.treema-markdown.treema-edit, .treema-coffee.treema-edit, .treema-javascript.treema-edit
  border: 1px solid gray
  padding: 5px

  &, & > div.ace_editor
    width: 100%

  & > div.ace_editor
    height: 400px

.treema-markdown.treema-display, .treema-coffee.treema-display, .treema-javascript.treema-display
  width: 100%
  border: 3px inset rgba(0, 100, 100, 0.2)
  box-sizing: border-box
  padding: 5px

.treema-node a.btn
  height: 17px
  display: inline-block
  position: relative
  width: 20px
  padding: 0
  float: left
  margin-right: 2px
  
  i
    position: absolute
    top: 1px
    left: 3px
    
.treema-selection-map
  position: fixed
  top: 0
  left: 0
  right: 0
  bottom: 0
  z-index: 9001
  background: #ffffff
  width: 80%
  height: 80%
  margin: 10%
  box-sizing: border-box 
  border: 2px solid black
  
  img
    position: absolute
    top: 0
    bottom: 0
    margin: auto
    left: 0
    right: 0
    cursor: pointer
    max-width: 95%
    max-height: 95%

.treema-sound-file
  .dropdown li
    margin: 0 10px
    cursor: pointer
    &:hover
      background-color: #dddddd