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

   1 // Bootswatch.less
   2 // Swatch: United
   3 // Version: 2.1.0
   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 rgba(0, 0, 0, 0.2);
  18                 border-left: 1px solid rgba(255, 255, 255, 0.1);
  19
  20                 &:hover {
  21                         border-left: 1px solid rgba(0, 0, 0, 0.2);
  22                 }
  23         }
  24
  25         .nav > .active > a,
  26         .nav > .active > a:hover {
  27                 border-left: 1px solid rgba(0, 0, 0, 0.2);
  28         }
  29
  30         .divider-vertical {
  31                 background-color: inherit;
  32                 border-right: 1px solid rgba(0, 0, 0, 0.2);
  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.collapse {
  47
  48                 .nav li > a {
  49                         color: @white;
  50                         border-left: 0px solid @orange;
  51                         border-right: 0px solid @orange;
  52
  53                         &:hover {
  54                                 background-color: rgba(0, 0, 0, 0.3);
  55                                 background-image: none;
  56                         }
  57                 }
  58
  59                 .navbar-form,
  60                 .navbar-search {
  61                         border-top: 0px solid @orange;
  62                         border-bottom: 0px solid @orange;
  63                         .box-shadow(none);
  64                 }
  65
  66                 .nav-header {
  67                         color: @grayLighter;
  68                 }
  69         }
  70 }
  71
  72 // BUTTONS
  73 // -----------------------------------------------------
  74
  75 .btn-primary {
  76   .buttonBackground(lighten(@btnPrimaryBackground, 15%), @btnPrimaryBackground);
  77 }
  78
  79 .btn-warning {
  80   .buttonBackground(lighten(@yellow, 15%), @yellow);
  81 }
  82
  83 // NAVIGATION
  84 // -----------------------------------------------------
  85
  86
  87 .nav-tabs .open .dropdown-toggle,
  88 .nav-pills .open .dropdown-toggle,
  89 .nav > li.dropdown.open.active > a:hover {
  90         border-right: 1px solid #C03D14;
  91         border-left: 1px solid #E6633A;
  92 }
  93
  94 // MISC
  95 // -----------------------------------------------------
  96
  97 .alert {
  98         text-shadow: none;
  99 }
 100
 101 .hero-unit {
 102     border: 1px solid rgba(0,0,0,.05);
 103     .box-shadow(inset 0 1px 1px rgba(0,0,0,.05));
 104
 105         h1 {
 106                 line-height: 1.6em;
 107         }
 108 }