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 .navbar-text > a {
  37         color: @white;
  38         text-decoration: underline;
  39
  40         &:hover {
  41                 color: #ddd;
  42         }
  43 }
  44
  45 .navbar-search .search-query {
  46         border: 1px solid darken(@navbarBackground, 15%);
  47 }
  48
  49 .navbar .nav-collapse > .nav > li .dropdown-menu a {
  50         color: @linkColor;
  51
  52         &:hover {
  53                 color: @white;
  54         }
  55 }
  56
  57 .navbar .nav-collapse.collapse > .nav li > a {
  58         color: @white;
  59         border-left: 0px solid @orange;
  60         border-right: 0px solid @orange;
  61
  62         &:hover {
  63                 background-color: #2B7CAC;
  64         }
  65 }
  66
  67 .navbar .nav-collapse .navbar-form,
  68 .navbar .nav-collapse .navbar-search {
  69         border-top: 0px solid @orange;
  70         border-bottom: 0px solid @orange;
  71         .box-shadow(none);
  72 }
  73
  74 // BUTTONS
  75 // -----------------------------------------------------
  76
  77 // Reversed gradient on primary button
  78 .btn-primary {
  79   .buttonBackground(lighten(@primaryButtonBackground, 15%), @primaryButtonBackground);
  80 }
  81
  82 // Made warning button yellow since orange is taken
  83 .btn-warning {
  84   .buttonBackground(lighten(@yellow, 15%), @yellow);
  85
  86   .caret {
  87     border-top-color: @white;
  88     .opacity(75);
  89   }
  90 }
  91
  92
  93
  94 // ALERTS
  95 // -----------------------------------------------------
  96
  97 // Removed text-shadow
  98 .alert {
  99         text-shadow: none !important;
 100 }
 101