af83/chouette-core

//----------//
//  Custom  //
//----------//

body {
  overflow-x: hidden;

  &.api {
    .container-fluid {
      width: 1200px;
      margin: auto;
    }
    .page_header {
      position: relative;
      color: white;
      padding: 0 0 30px 0;
      margin-bottom: 30px;
      background: $brand-color-primary-dark;
      .brandname a {
        color: white;
        font-size: 2em;
      }
      &:before {
        position: absolute;
        z-index: -1;
        content: "";
        left: -1000px;
        right: -1000px;
        top: -40px;
        bottom: 0;
        background: $brand-color-primary-dark;
      }
    }
    pre,
    li {
      margin-top: 10px;
    }
    h2 {
      margin-bottom: 1em;
    }
    h4 {
      margin-top: 2em;
    }
    .error {
      font-size: 2em;
      background-color: red;
      padding: 10px;
      color: white;
    }
  }
}