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

   1 // Bootswatch.less
   2 // Swatch: United
   3 // Version: 2.0.4
   4 // -----------------------------------------------------
   5
   6 // TYPOGRAPHY
   7 // -----------------------------------------------------
   8
   9 @import url(https://fonts.googleapis.com/css?family=Ubuntu);
  10
  11 // NAVBAR
  12 // -----------------------------------------------------
  13
  14 .navbar {
  15
  16         .nav > li > a {
  17                 border-right: 1px solid #C03D14;
  18                 border-left: 1px solid #E6633A;
  19
  20                 &:hover {
  21                         background-color: @linkColorHover;
  22                 }
  23         }
  24
  25         .nav .active > a,
  26         .nav .active > a:hover {
  27           background-color: rgba(0,0,0,.2);
  28         }
  29
  30         .divider-vertical {
  31                 background-color: inherit;
  32                 border-right: 0px solid #CE4213;
  33         }
  34
  35         .navbar-text {
  36                 padding: 9px 10px 11px;
  37                 line-height: 19px;
  38                 color: @white;
  39         }
  40
  41         .navbar-search .search-query {
  42                 margin-bottom: 3px;
  43                 border: 1px solid darken(@navbarBackground, 15%);
  44         }
  45
  46         .nav-collapse.in > .nav li > a {
  47                 color: @white;
  48                 border-left: 0px solid @orange;
  49                 border-right: 0px solid @orange;
  50
  51                 &:hover {
  52                         background-color: @linkColorHover;
  53                 }
  54         }
  55
  56         .nav-collapse.in .navbar-form,
  57         .nav-collapse.in .navbar-search {
  58                 border-top: 0px solid @orange;
  59                 border-bottom: 0px solid @orange;
  60                 .box-shadow(none);
  61         }
  62 }
  63
  64 // BUTTONS
  65 // -----------------------------------------------------
  66
  67 .btn-primary {
  68   .buttonBackground(lighten(@btnPrimaryBackground, 15%), @btnPrimaryBackground);
  69 }
  70
  71 .btn-warning {
  72   .buttonBackground(lighten(@yellow, 15%), @yellow);
  73 }
  74
  75 // FORMS
  76 // -----------------------------------------------------
  77
  78
  79 // MISC
  80 // -----------------------------------------------------
  81
  82 .alert {
  83         text-shadow: none;
  84 }
  85
  86 .hero-unit {
  87     border: 1px solid rgba(0,0,0,.05);
  88     .box-shadow(inset 0 1px 1px rgba(0,0,0,.05));
  89
  90         h1 {
  91                 line-height: 1.6em;
  92         }
  93 }