pantsu/anifier

@import "twitter/bootstrap/bootstrap";
@import "twitter/bootstrap/responsive";

// Set the correct sprite paths
@iconSpritePath: asset-path('twitter/bootstrap/glyphicons-halflings.png');
@iconWhiteSpritePath: asset-path('twitter/bootstrap/glyphicons-halflings-white.png');

// Set the Font Awesome (Font Awesome is default. You can disable by commenting below lines)
// Note: If you use asset_path() here, your compiled boostrap_and_overrides.css will not
//       have the proper paths. So for now we use the absolute path.
@fontAwesomeEotPath: '/assets/fontawesome-webfont.eot';
@fontAwesomeWoffPath: '/assets/fontawesome-webfont.woff';
@fontAwesomeTtfPath: '/assets/fontawesome-webfont.ttf';
@fontAwesomeSvgPath: '/assets/fontawesome-webfont.svg';

// Font Awesome
@import "fontawesome";


@sansFontFamily: Arial, Helvetica, sans-serif;

@navbarBackground: white;
@navbarHeight: 50px;
@navbarLinkColor:  #414141;
@navbarLinkColorHover: #E3AB2F;
@navbarLinkColorActive: black;
@navbarLinkBackgroundActive: white;

@textColor: @gray;
@headingsColor: @grayDark;

@linkColorActive: @linkColorHover;


// Body

body {
  padding-top: 60px;
  padding-bottom: 40px;
  background: dimgrey image-url("bg.png"); /* Old browsers */
}

// Hero

.hero-unit {
  background: white;
  opacity: .8;
}


// NavBar

.navbar {
  vertical-align: middle;

  .nav > li > a {
    .transition(all .3s linear);
    &:active {
      color: @navbarLinkColorActive;
    }
  }
  .nav > .active > a {
    &:link,
    &:hover,
    &:focus,
    &:active {
      .box-shadow(none);
      cursor: default;
    }
  }

  .form-search .btn {
    margin-top: 0;
  }
}

// Tabs

.nav-pills > li > a {
  cursor: pointer;
}


// Footer

footer {
  line-height: 46px;
  font-size: 12px;
  color: #7B7B7B;
  .navbar .nav > li > a,
  a {
    color: #7B7B7B;
    .transition(none);
    &:hover {
      color: black;
      text-decoration: underline;
    }
    &:active {
      color: @navbarLinkColorActive;
    }
  }
}

// Text decor

.text-success {
  color: #468847;
}

.text-error {
  color: #B94A48;
}

.text-info {
  color: #3A87AD;
}

// Lists

.sub-unsub {
  li { line-height: 25px; }
  button.btn { margin-top: -4px; }
  .fade {
    opacity: .2;
    &.in {
      opacity: 1;
    }
  }
}

// Modal

#sign-in-modal {
  .modal-footer {
    .btn {
      margin-top: -5px;
      img {
        margin-top: -5px;
      }
    }
  }
}

// Buttons

[class^="icon-"], [class*="icon-"]  {
  background-image: none;
}