// Styles for class-overview page header.
//
// Although some styles in here also effect all pages, which is not good.
// Notably h1 and print button.
//
@import "variables";
@import "mixins";

#center-container {
  h1 {
    font-family: $docs-heading-font;
    padding-bottom: 5px;
    padding-top: 2px;
    border-bottom: 1px #f1f1f1;
    font-size: 2em;
    color: $docs-heading-color;

    .class-source-link {
      color: $docs-heading-color;
      margin-left: -3px;
      padding: 0.1em 0 0.4em 2.3em; }

    // The auto-generated CSS for class icons also applies here.

    // gray style for xtypes and enum summary
    .xtype, .enum {
      color: #929292;
      letter-spacing: 0;
      margin-left: 10px;
      font-size: 0.5em; }

    // View source... tooltip when hovering class name
    .class-source-tip {
      font-size: 0.5em;
      position: absolute;
      top: 35px;
      left: 100px;
      color: #fff;
      @include transition(color, 0.2s, linear);
      &.hover {
        color: #929292; } }

    .signature span {
      font-weight: bold;
      text-transform: uppercase;
      font-size: 0.4em;
      letter-spacing: 2px;
      @include border-radius(3px);
      margin-left: 2px;
      margin-right: 0;
      padding: 0 5px; } }

  .guide-container {
    table {
      font-size: 0.9em;
      th {
        background-color: #eee;
        font-weight: bold;
        text-align: center;
        color: #333;
        padding: 1px 2px; }
      td {
        padding: 3px; } } }

  // The print button
  .print {
    background: url(../images/print.png) no-repeat;
    position: absolute;
    right: 0;
    top: 5px;
    display: block;
    text-indent: -9999px;
    width: 32px;
    height: 32px;
    // Adjust in bottom-left direction in guides context
    &.guide {
      right: 15px;
      top: 15px; } } }