@import "compass";

#content {

  table.box {
    font-size: 1em;
    line-height: 2;

    border-spacing: 0;
    border-collapse: collapse;

    tr {
      background-color: #fff;

      &:first-child {
        background-color: #EEE;
      }

      td {
        border: 1px solid #AAA;
      }

      td:first-child {
        width: 100px;
        padding-right: 10px;

        text-align: right;
        font-weight: bold;
      }

      td:last-child {
        min-width: 420px;
        padding-left: 10px;
        padding-right: 10px;
      }
    }
  }

  h1 .note, li .note, .properties .note {
    font-weight: normal;
    padding: 3px 5px;
    position: relative;
    top: -3px;
    text-transform: capitalize;
    display: inline;
  }

  h1 .note {
    font-size: 0.5em;
  }

  li .note {
    top: 0px;
    font-size: 0.9em;
  }

  .properties .note {
    top: 0px;
    font-size: 0.85em;
  }

  ul.summary, .properties {
    list-style: none;
    font-family: monospace;
    font-size: 1em;
    line-height: 1.5em;

    li {
      margin-bottom: 5px;
    }

    .signature {
      @include border-radius(3px);

      padding: 1px 10px;
      color: #05A;
      background: #EAEAFF;
      border: 1px solid #DFDFE5;

      a:hover {
        background: transparent;
      }
    }

    li[deprecated] .signature {
      text-decoration: line-through;
    }

    .signature + .note.title {
      margin-left: 7px;
    }

    .desc {
      margin-left: 32px;
      display: block;
      font-family: sans-serif;

      p {
        padding: 0;
        margin: 0;
      }
    }
  }

  dl.constants {
    dt {
      font-weight: bold;
    }
  }

  dl.constants, dl.properties {
    margin-left: 40px;

    dt {
      font-size: 1.1em;
      margin-bottom: 5px;

      .docstring {
        margin-left: 32px;
        font-size: 0.9em;
        font-weight: normal;
      }
    }

    dd {
      margin-bottom: 18px;
    }
  }

  .method_details {
    border-top: 1px dotted #AAA;
    margin-top: 15px;
    padding-top: 0;

    &:first-child {
      border: none;
    }

    p.signature {
      @include border-radius(3px);

      font-size: 1.1em;
      font-weight: normal;
      font-family: Monaco, Consolas, Courier, monospace;
      padding: 6px 10px;
      margin-top: 18px;
      background: #E5E8FF;
      border: 1px solid #D8D8E5;

      a.gh-link {
        float: right;
      }
    }
  }

  .tags {
    font-size: 13px;

    h3 {
      font-size: 1em;
      margin-bottom: 3px;
    }

    ul {
      margin-top: 0px;
      padding-left: 30px;
      list-style: square;

      .name {
        font-family: monospace;
        font-weight: bold;
      }
    }

    .overloads {
      h3 {
        margin-bottom: 0px;
      }

      .overload {
        margin-left: 20px;

        p.signature {
          padding-top: 2px;
          padding-bottom: 2px;
        }
      }
    }
  }

  .note {
    @include border-radius(3px);

    margin-top: 10px;

    color: #222;
    background: #E3E4E3;
    border: 1px solid #D5D5D5;
    padding: 7px 10px;
    display: block;
  }

  .deprecated {
    background: #FFE5E5;
    border-color: #E9DADA;
  }

  .writeonly {
    background: #d3ff97;
    border-color: #c3eb8b;
  }

  .readonly {
    background: #FFE5E5;
    border-color: #E9DADA;
  }

  .bound {
    background: #d3ff97;
    border-color: #c3eb8b;
  }

  .todo {
    background: #FFFFC5;
    border-color: #ECECAA;
  }

  .private {
    background: #D5D5D5;
    border-color: #C5C5C5;
  }

  .constructor {
    color: white;
    background: #6A98D6;
    border-color: #6689D6;
  }

  h3.inherited, h3.included, h3.extended {
    font-style: italic;
    font-family: "Lucida Sans", "Lucida Grande", Verdana, Arial, sans-serif;
    font-weight: normal;
    padding: 0;
    margin: 0;
    margin-top: 12px;
    margin-bottom: 3px;
    font-size: 13px;
  }

  p.inherited, p.included, p.extended {
    word-spacing: 5px;
    font-size: 1.2em;
    padding: 0;
    margin: 0;
    margin-left: 25px;

    a {
      font-family: monospace;
      font-size: 0.9em;
    }
  }
}