hacketyhack/hackety-hack.com

html {
  background: $heading;
}

body {
  min-width: 976px;
  color: $text-color;
  background: $background url("square_bg.png") fixed;
}

p,h1,h2,h3,h4,h5 {
  color: $text-color;
}

.topbar {
  position: relative;
  height: auto;
  @include box-shadow(0px 1px 10px rgba(0,0,0,0.5));
  border-bottom: 1px solid $heading + #444;
}

header .topbar-inner {
  background: $heading;
  .container {
    padding: 0.6em 0;
  }

  li a {
    border-radius: 8px;
    font-size: 14px;
    padding: 11px 11px 10px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
  }

  li a:hover {
    background-color: $heading + #111;
    text-shadow: none;
  }

  #logo {
    float: left;
    margin-left: -40px;
    width: 185px;
    height: 40px;

    a {
      position: absolute;
      top: -2px;
      height: 75px;
      padding: 0;
      width: 185px;
      display: block;
      background: url('/assets/logo-star.png') no-repeat;
      text-indent: -9999px;
    }
  }
}

#content-wrap {
  border-top: 1px solid ($heading + #444);
  margin: auto;

  .container {
    position: relative;
  }
}

#content-wrap > .container {
  background: white;
  border-radius: 0 0 8px 8px;
  padding: 40px 18px 18px;
  @include box-shadow(0 2px 10px 0px rgba(0,0,0,0.45));
}

.two-column {
  .page-title, #content {
    @include columns(11);
    h1.title {
      float: left;
    }
    .feed {
      float: right;
      margin-top: 5px;

      a {
        display: block;
        height: 24px;
        background: url('feed_icon.png') no-repeat 6px 4px;
        color: #4c8acd;
        font-size: 11px;
        text-align: right;
        border: 1px solid #eee;
        line-height: 25px;
        padding: 0 8px 0 25px;
        @include border-radius(3px);

        &:hover {
          background: #f3f3f3 url('feed_icon.png') no-repeat 6px 4px;
          text-decoration: none;
        }
      }
    }
  }

  #sidebar {
    @include columns(5, true);
    .edit, .delete {
      margin-bottom: 1em;
    }
    section {
      @include border-radius(8px);
      background: #f3f3f3;
      margin-bottom: 8px;
      padding: 1.5em;

      a {
        color: darken($blue, 10%);
      }
      
      a.btn {
        color: white;
      }

      ul {
        margin: 0;
        li {
          list-style-type: none;
          margin-bottom: 0.5em;
          border-bottom: 1px solid #ddd;
          padding-bottom: 0.5em;
        }
        li:last-child {
          border: none;
        }
      }
    }
  }

}


.alert-message {
  margin-top: -18px;
  margin-bottom: 30px;
}

footer {
  background: $heading;
  padding: 0.5em 0;

  .pills {
    margin: 0;
    a {
      color: white;
      text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
    }
    a:hover {
      background-color: #444;
    }
  }
}