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 .dropdown-menu a {
  43         color: @linkColor;
  44
  45         &:hover {
  46                 color: @white;
  47         }
  48 }
  49
  50 .navbar .nav-collapse > .nav > li a:hover {
  51         background-color: #A6350F;
  52 }
  53
  54 .navbar .nav-collapse .navbar-form,
  55 .navbar .nav-collapse .navbar-search {
  56         border-top: 0px solid @orange;
  57         border-bottom: 0px solid @orange;
  58         .box-shadow(none);
  59 }
  60
  61 // BUTTONS
  62 // -----------------------------------------------------
  63
  64 // Reversed gradient on primary button
  65 .btn-primary {
  66   .buttonBackground(lighten(@primaryButtonBackground, 15%), @primaryButtonBackground);
  67 }
  68
  69 // Made warning button yellow since orange is taken
  70 .btn-warning {
  71   .buttonBackground(lighten(@yellow, 15%), @yellow);
  72
  73   .caret {
  74     border-top-color: @white;
  75     .opacity(75);
  76   }
  77 }
  78
  79
  80
  81 // ALERTS
  82 // -----------------------------------------------------
  83
  84 // Removed text-shadow
  85 .alert {
  86         text-shadow: none !important;
  87 }
  88