techvision/brails4

/*
 * 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 bootstrap.min
 *= require bootstrap-reset
 *= require theme
 *= require style
 *= require calendar
 *= require style
 *= require framework_and_overrides
 *= require level
 *= require ytp
 *= require topic
 *= require contents
 *= require_self
 */

@import "mixins";
@import "brails";

body.textsize-1225 {font:182.5%/1.5 Arial, sans-serif;}
body.textsize-1425 {font:202.5%/1.5 Arial, sans-serif;}
body.textsize-1625 {font:222.5%/1.5 Arial, sans-serif;}
body.textsize-1825 {font:242.5%/1.5 Arial, sans-serif;}
body.textsize-2025 {font:262.5%/1.5 Arial, sans-serif;}
body.textsize-2225 {font:302.5%/1.5 Arial, sans-serif;}
body.textsize-2425 {font:402.5%/1.5 Arial, sans-serif;}

.control-bar{
  background: black;
  overflow:hidden;
  // width: 250px;
  position:fixed;
  right: 0;
  top: 30%;
  padding: 10px 10px 0px 0px;
  border-radius: 5px 0 0 5px;
}

.change-font-size, .switch-color{
  margin: 0px -2px 7px 7px;
  padding: 10px;
}

.increase-font{
  background-image:  url('plus-text-image.jpg')
}

.default-font-size{
  background-image:  url('reset-text-image.jpg')
}

.decrease-font{
  background-image:  url('minus-text-image.jpg')
}


.switcher {
  // @include horizontal-list;
  margin-left: 10px;
  // float: left;
  &.font-switcher {
    // margin-right: 10px;
  }
  .switch {
    width: 20px;
    height: 20px;
    background:white;
    margin-bottom: 5px;
    cursor: pointer;
  }
}


.color-switcher {
  .switch {
    background-color:black;
    // @include border-radius(10px);

    // &.yellow {
    //   background-color: $yellow;
    // }
    // &.orange {
    //   background-color: $orange;
    // }
    // &.black {
    //   background-color: black;
    //   border: 1px solid white;
    // }
    &:last-child{
      margin-bottom: 0;
    }
  }
}


li.selected {
  background-color: #fff;  
  color: black;
  border-bottom: 1px solid white;
}

.element-invisible{
 overflow:hidden;
 height:0px;
 margin-left:-1000px;
 position:absolute;
 width: 0px;
}

.hidden{
  display: none;
}