/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
 * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the top of the
 * compiled file, but it's generally better to create a new file per style scope.
 *
 *= require_self
 *= require_tree .
 */

body
  
  #time-machine
    position: absolute
    top: 0
    padding: 6px 8px
    font-family: geneva
    box-shadow: #999 0px 3px 15px
    width: 150px
    border: 
      bottom: 1px solid #ccc
      right: 1px solid #ccc

    &.top-left
      left: 0
      border-bottom-right-radius: 5px
      a.toggle
        float: right
      a.reset
        float: right

    &.top-right
      right: 0
      border-bottom-left-radius: 5px
      a.reset
        float: left
      a.toggle
        left: 0
      h6
        float: right
      input
        float: right

    &.light
      background: #fff
      a, h6
        color: #333

    &.dark
      background: #373737
      a
        color: #fae03a
      h6
        color: #ccc

    &.collapsed
      width: 15px
      a.reset, input, h6
        display: none
      a.toggle
        font-size: 18px
        font-weight: bold

    button
      display: none

    a.reset, a.toggle
      text-decoration: none
      font-size: 10px

    a.reset
      margin-top: 7px

    a.toggle
      position: relative
      font-size: 12px

    input#time-machine-date
      font-family: geneva
      font-size: 12px
      text-shadow: #fff 0px 1px 1px
      background: #fff
      box-shadow: #999 0px 0px 30px inset
      text-align: center
      width: 105px !important
      margin: 0
      border: none
      padding: 3px
      cursor: pointer !important

    h6
      padding: 0
      margin: 0
      font-size: 12px
      letter-spacing: 3px
      font-weight: normal
      text-transform: uppercase
      text-shadow: #000 0px 0px 6px