// Swatch 2.3.1
// Bootswatch
// -----------------------------------------------------

// TYPOGRAPHY
// -----------------------------------------------------
h1 { color: #ff0000; }
h2 { color: #ffcc00; }
h3 { color: #ffff00; }
h4 { color: #66ff00; }
h5 { color: #0000ff; }
h6 { color: #ff00ff; }

.page-header {
  border-bottom: 1px solid #B6B2A3;
  .box-shadow(~"inset 0 -1px 0 rgba(0,0,0,.2), 0 1px 0 #EAE7D8");
}

a {
  text-decoration: underline;
}
a:hover {
  text-decoration: underline !important;
}

blink {
  -webkit-animation: blink 1s linear infinite;
     -moz-animation: blink 1s linear infinite;
      -ms-animation: blink 1s linear infinite;
       -o-animation: blink 1s linear infinite;
          animation: blink 1s linear infinite;
}

// SCAFFOLDING
// -----------------------------------------------------
body {
  background: @bodyBackground url('../img/microfab.gif') top left;
  -webkit-font-smoothing: none;
}

// NAVBAR
// -----------------------------------------------------
.navbar {
  border-bottom: 1px solid #fff;
  .box-shadow(~"0 2px 0 #D4D0C8, 0 3px 0 #808080, 0 4px 0 #404040");
}
.navbar-inner {
  border-bottom: 1px solid #D4D0C8;
  background: #000 url('../img/stars.gif') top left;
}

// NAV
// -----------------------------------------------------

// BUTTONS
// -----------------------------------------------------
.btn {
  border: 6px ridge @btnBorder;
}
.btn-primary {
  background: #000 url('../img/rainbow.gif') top left;
}

// TABLES
// -----------------------------------------------------

// FORMS
// -----------------------------------------------------
legend {
  font-weight: bold;
  color: yellow;
}
.control-group.error input {
  background: #000 url('../img/flames.gif') 0 -30px repeat-x;
}

// DROPDOWNS
// -----------------------------------------------------
.dropdown-menu {
  .border-radius(0)
}

// ALERTS, LABELS, BADGES
// -----------------------------------------------------
.label-important,
.badge-important {
  background-color: red;
}

.label-important[href],
.badge-important[href] {
  background-color: red;
}

.label-warning,
.badge-warning {
  background-color: yellow;
  color: black;
}

.label-warning[href],
.badge-warning[href] {
  background-color: yellow;
  color: black;
}

.label-success,
.badge-success {
  background-color: green;
}

.label-success[href],
.badge-success[href] {
  background-color: green;
}

.label-info,
.badge-info {
  background-color: #00ffff;
}

.label-info[href],
.badge-info[href] {
  background-color: #00ffff;
}

.label-inverse,
.badge-inverse {
  background-color: black;
}

.label-inverse[href],
.badge-inverse[href] {
  background-color: black;
}

// MISC
// -----------------------------------------------------
.hero-unit, .well {
  background: #000 url('../img/stars.gif') top left;
}

.breadcrumb {
  background: black;
  color: white;
}

.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus {
  border-color: black;
  background: black;
}

.progress .bar {
  background: #C0C0C0 url('../img/progress.gif') top left repeat-x !important;
  border: 1px solid #fff;
  border-top: 1px solid #808080;
  border-left: 1px solid #808080;
}

// ANIMATIONS
// -----------------------------------------------------
// Webkit
@-webkit-keyframes blink {
  0% { opacity: 0; }
  40% { opacity: 0; }
  41% { opacity: 1; }
  99% { opacity: 1; }
  100% { opacity: 0; }
}

// Firefox
@-moz-keyframes blink {
  0% { opacity: 0; }
  40% { opacity: 0; }
  41% { opacity: 1; }
  99% { opacity: 1; }
  100% { opacity: 0; }
}

// IE9
@-ms-keyframes blink {
  0% { opacity: 0; }
  40% { opacity: 0; }
  41% { opacity: 1; }
  99% { opacity: 1; }
  100% { opacity: 0; }
}

// Opera
@-o-keyframes blink {
  0% { opacity: 0; }
  40% { opacity: 0; }
  41% { opacity: 1; }
  99% { opacity: 1; }
  100% { opacity: 0; }
}

// Spec
@keyframes blink {
  0% { opacity: 0; }
  40% { opacity: 0; }
  41% { opacity: 1; }
  99% { opacity: 1; }
  100% { opacity: 0; }
}