lfzawacki/musical-artifacts

@import 'application-variables';

@import "compass";
@import "compass/css3/border-radius";

body {
  font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;

  padding: 17px 10px 10px 15px;

  line-height:1.35em;
  margin:0;
  font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif !important;
  color: #444;
}

#epiceditor-preview {
  font-size:15px;
  line-height:1.35em;

  padding: 9px 10px 10px 7px;

  background: $light-dark;
  @include border-radius(2px, 2px);
  border-color: #ddd;
  border-style: solid;
  border-width: 0px 2px 2px 0px;

  >*:first-child{
    margin-top:0!important;
  }

  >*:last-child{
    margin-bottom:0!important;
  }

  a {
    color: $cold;
    text-decoration:none;
  }

  a:hover{
    text-decoration:underline;
  }

  h1, h2, h3, h4, h5, h6 {
    margin:15px 0 15px 0;
    padding:0;
    font-weight:bold;
    text-transform: uppercase;
  }

  h1 tt, h1 code, h2 tt, h2 code, h3 tt, h3 code, h4 tt, h4 code, h5 tt, h5 code, h6 tt, h6 code{
    font-size:inherit;
  }

  h1 {
    font-size:28px;
  }

  h2 {
      font-size:24px;
  }

  h3{
      font-size:18px;
    }

  h4{
      font-size:16px;
    }

  h5{
      font-size:14px;
    }

  h6{
      font-size:14px;
    }

  dl{
    padding:0;
  }

  dl dt{
    font-size:14px;
    font-weight:bold;
    font-style:italic;
    padding:0;
    margin:15px 0 5px;
  }

  dl dt:first-child{
    padding:0;
  }

  dl dt>:first-child{
    margin-top:0;
  }

  dl dt>:last-child{
    margin-bottom:0;
  }

  dl dd{
    margin:0 0 15px;
    padding:0 15px;
  }

  dl dd>:first-child{
    margin-top:0;
  }

  dl dd>:last-child{
    margin-bottom:0;
  }

  blockquote{
  border-left:4px solid #DDD;
  padding:0 15px;
  color:#777;
}

  blockquote>:first-child{
  margin-top:0;
}

  blockquote>:last-child{
  margin-bottom:0;
}

  table{
  padding:0;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 100%;
  font: inherit;
}

  table tr{
  border-top:1px solid #ccc;
  background-color:#fff;
  margin:0;
  padding:0;
}

  table tr:nth-child(2n){
  background-color:#f8f8f8;
}

  table tr th{
  font-weight:bold;
}

  table tr th, table tr td{
  border:1px solid #ccc;
  margin:0;
  padding:6px 13px;
}

  table tr th>:first-child, table tr td>:first-child{
  margin-top:0;
}

  table tr th>:last-child, table tr td>:last-child{
  margin-bottom:0;
}

  img {
    max-width: $sidebar-width * 1.5;
  }

  span.frame{
    display:block;
    overflow:hidden;
  }

  span.frame>span{
      border:1px solid #ddd;
      display:block;
      float:left;
      overflow:hidden;
      margin:13px 0 0;
      padding:7px;
      width:auto;
  }

  span.frame span img  {
    display:block;
    float:left;
  }

  span.frame span span{
    clear:both;
    color:#333;
    display:block;
    padding:5px 0 0;
  }

  span.align-center{
    display:block;
    overflow:hidden;
    clear:both;
  }

  span.align-center>span{
    display:block;
    overflow:hidden;
    margin:13px auto 0;
    text-align:center;
  }

  span.align-center span img{
  margin:0 auto;
  text-align:center;
}

  span.align-right{
  display:block;
  overflow:hidden;
  clear:both;
}

  span.align-right>span{
  display:block;
  overflow:hidden;
  margin:13px 0 0;
  text-align:right;
}

  span.align-right span img{
  margin:0;
  text-align:right;
}

  span.float-left{
  display:block;
  margin-right:13px;
  overflow:hidden;
  float:left;
}

  span.float-left span{
  margin:13px 0 0;
}

  span.float-right{
  display:block;
  margin-left:13px;
  overflow:hidden;
  float:right;
}

  span.float-right>span{
  display:block;
  overflow:hidden;
  margin:13px auto 0;
  text-align:right;
}

  code, tt{
  margin:0 2px;
  padding:0 5px;
  white-space:nowrap;
  border:1px solid #eaeaea;
  background-color:#f8f8f8;
  border-radius:3px;
}

  pre>code{
  margin:0;
  padding:0;
  white-space:pre;
  border:none;
  background:transparent;
}

  .highlight pre, pre{
  background-color:#f8f8f8;
  border:1px solid #ccc;
  font-size:13px;
  line-height:19px;
  overflow:auto;
  padding:6px 10px;
  border-radius:3px;
}

  pre code, pre tt {
    background-color:transparent;
    border:none;
  }

}