mckramer/fansite

body {
  padding-top: 40px;
}
body.display {
  padding-top: 60px;
}

footer [class*="span"] {
    background-color: $white;
    padding: 10px 20px;
    @include border-radius(6px);
    @include box-shadow(0 1px 2px rgba(0, 0, 0, 0.15));
}

.container > footer p {
  text-align: center; /* center align it with the container */
}

// -------------
// Custom navbar
// -------------

.brand {
  font-family: AngelinaRegular, serif;
}
.navbar {
  .brand {
    font-size: 28px;
    padding: 7px 20px 5px 20px;
  }
  .btn {
    border: 0;
  }
}

.navbar div > ul .menu-dropdown .divider, 
.nav .menu-dropdown .divider, 
.navbar div > ul .dropdown-menu .divider, 
.nav .dropdown-menu .divider {
    background-color: darken($main-color, 20%);
    border-color: $main-color;
}

/* The white background content wrapper */
.container .content {
  background-color: $white;
  padding: 20px;
  margin: 0 -20px; /* negative indent the amount of the padding to maintain the grid system */
  @include border-radius(0 0 6px 6px);
  @include box-shadow(0 1px 2px rgba(0,0,0,.15));
}

/* Page header tweaks */
.page-header {
  background-color: #f5f5f5;
  padding: 20px 20px 10px;
  margin: -20px -20px 20px;
}

form .control-group .field_with_errors > label, form .control-group .field_with_errors .help-block, form .control-group .field_with_errors .help-inline {
  color: #b94a48;
}
form .control-group .field_with_errors input, 
form .control-group .field_with_errors textarea {
  color: #b94a48;
  border-color: #ee5f5b;

  &:focus {
    border-color: #e9322d;
    @include box-shadow(0 0 6px #f8b9b7);
  }
}
form .control-group {
  .field_with_errors + .controls {
    .input-append .add-on,
    .input-preprend .add-on {
      color: #b94a48;
      background-color: #fce6e6;
      border-color: #b94a48;
    }
  }
}
.controls.date select {
  width: 100px;
}
.stand-back {
  color: #BFBFBF;
}
.authentications th,
.authentications td {
  vertical-align: middle;
}

.hero-unit {
  background-image: url('bg/hero/1.jpg');
  background-position-y: -110px;
  background-size: 100%;
  min-height: 330px;
  padding: 40px 600px 40px 40px;
}

.featured {
  background-color: $main-color;
  @include border-radius(6px);
  padding: 10px 20px;
}

footer {
  border-color: $main-color;
}

.media {
  .medium {
    padding: 15px 0px;
  }
}
.thumbnail {
  height: 150px;
  width: 195px;
  & > img {
    height: 150px;
    max-width: 185px;
  }
}
.tab-content {
  padding: 5px 25px 25px 25px;
}
.comments {
  padding: 0px 15px;
  .comment {
    border-top: 1px dotted $main-color;
    padding: 8px 5px;
  }
}

.popover.top .arrow {
  border-top-color: darken($main-color, 30%);
}
.popover.right .arrow {
  border-right-color: darken($main-color, 30%);
}
.popover.bottom .arrow {
  border-bottom-color: darken($main-color, 30%);
}
.popover.left .arrow {
  border-left-color: darken($main-color, 30%);
}
.popover .popover-inner {
  $darkened-main-color-30: darken($main-color, 30%);
  background: $darkened-main-color-30;
}
.popover .popover-title {
  background-color: lighten($main-color, 10%);
}
label, input, 
select, textarea {
  font-family: JunctionRegular, "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 14px;
}
input, textarea, 
select, .uneditable-input {
  width: 350px;
}
.datetime select {
  width: 75px;
}

i.icon-language {
  background-image: url('/assets/icons/media/16/language.png');
  background-size: 14px 14px;
}