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         &:hover {
  20                 background-color: @linkColorHover;
  21         }
  22 }
  23
  24 // Lightened color of active item
  25 .navbar .nav .active > a,
  26 .navbar .nav .active > a:hover {
  27   background-color: rgba(0,0,0,.2);
  28 }
  29
  30 // Styled item divider
  31 .navbar .divider-vertical {
  32         background-color: inherit;
  33         border-right: 0px solid #CE4213;
  34 }
  35
  36 .navbar-search .search-query {
  37         border: 1px solid darken(@navbarBackground, 15%);
  38 }
  39
  40 .navbar .nav-collapse > .nav > li .dropdown-menu a {
  41         color: @linkColor;
  42
  43         &:hover {
  44                 color: @white;
  45         }
  46 }
  47
  48 .navbar .nav-collapse.collapse > .nav li > a {
  49         color: @white;
  50         border-left: 0px solid @orange;
  51         border-right: 0px solid @orange;
  52
  53         &:hover {
  54                 background-color: #2B7CAC;
  55         }
  56 }
  57
  58 .navbar .nav-collapse .navbar-form,
  59 .navbar .nav-collapse .navbar-search {
  60         border-top: 0px solid @orange;
  61         border-bottom: 0px solid @orange;
  62         .box-shadow(none);
  63 }
  64
  65 // BUTTONS
  66 // -----------------------------------------------------
  67
  68 // Reversed gradient on primary button
  69 .btn-primary {
  70   .buttonBackground(lighten(@primaryButtonBackground, 15%), @primaryButtonBackground);
  71 }
  72
  73 // Made warning button yellow since orange is taken
  74 .btn-warning {
  75   .buttonBackground(lighten(@yellow, 15%), @yellow);
  76
  77   .caret {
  78     border-top-color: @white;
  79     .opacity(75);
  80   }
  81 }
  82
  83
  84
  85 // ALERTS
  86 // -----------------------------------------------------
  87
  88 // Removed text-shadow
  89 .alert {
  90         text-shadow: none !important;
  91 }
  92