git.roojs.org Git - bootswatch/blob - united/bootswatch.less

   1 // Bootswatch.less
   2 // Swatch: United
   3 // -----------------------------------------------------
   4
   5 // TYPOGRAPHY
   6 // -----------------------------------------------------
   7
   8 // Ubuntu web font
   9 @import url(http://fonts.googleapis.com/css?family=Ubuntu);
  10
  11 // NAVBAR
  12 // -----------------------------------------------------
  13
  14 // Added dividers to items
  15 .navbar .nav > li > a {
  16         border-right: 1px solid #C03D14;
  17         border-left: 1px solid #E6633A;
  18 }
  19
  20 // Lightened color of active item
  21 .navbar .nav .active > a,
  22 .navbar .nav .active > a:hover {
  23   background-color: rgba(0,0,0,.2);
  24 }
  25
  26 // Styled item divider
  27 .navbar .divider-vertical {
  28         background-color: inherit;
  29         border-right: 0px solid #CE4213;
  30 }
  31
  32 .navbar-search .search-query {
  33         border: 1px solid darken(@navbarBackground, 15%);
  34 }
  35
  36 .navbar .nav-collapse > .nav > li a {
  37         color: @white;
  38         border-left: 0px solid @orange;
  39         border-right: 0px solid @orange;
  40 }
  41
  42 .navbar .nav-collapse > .nav > li a:hover {
  43         background-color: #A6350F;
  44 }
  45
  46 .navbar .nav-collapse .navbar-form,
  47 .navbar .nav-collapse .navbar-search {
  48         border-top: 0px solid @orange;
  49         border-bottom: 0px solid @orange;
  50         .box-shadow(none);
  51 }
  52
  53 // BUTTONS
  54 // -----------------------------------------------------
  55
  56 // Reversed gradient on primary button
  57 .btn-primary {
  58   .buttonBackground(lighten(@primaryButtonBackground, 15%), @primaryButtonBackground);
  59 }
  60
  61 // Made warning button yellow since orange is taken
  62 .btn-warning {
  63   .buttonBackground(lighten(@yellow, 15%), @yellow);
  64
  65   .caret {
  66     border-top-color: @white;
  67     .opacity(75);
  68   }
  69 }
  70
  71
  72
  73 // ALERTS
  74 // -----------------------------------------------------
  75
  76 // Removed text-shadow
  77 .alert {
  78         text-shadow: none !important;
  79 }
  80