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 // SCAFFOLDING
  12 // -----------------------------------------------------
  13
  14 // NAVBAR
  15 // -----------------------------------------------------
  16
  17 .navbar {
  18
  19         .nav > li > a {
  20                 border-right: 1px solid rgba(0, 0, 0, 0.2);
  21                 border-left: 1px solid rgba(255, 255, 255, 0.1);
  22
  23                 &:hover {
  24                         border-left: 1px solid rgba(0, 0, 0, 0.2);
  25                 }
  26         }
  27
  28         .nav > .active > a,
  29         .nav > .active > a:hover {
  30                 border-left: 1px solid rgba(0, 0, 0, 0.2);
  31         }
  32
  33         .divider-vertical {
  34                 background-color: inherit;
  35                 border-right: 1px solid rgba(0, 0, 0, 0.2);
  36         }
  37
  38         .navbar-text {
  39                 padding: 9px 10px 11px;
  40                 line-height: 19px;
  41                 color: @white;
  42         }
  43
  44         .navbar-search .search-query {
  45                 margin-bottom: 3px;
  46                 border: 1px solid darken(@navbarBackground, 15%);
  47         }
  48
  49         .nav-collapse.collapse {
  50
  51                 .nav li > a {
  52                         color: @white;
  53                         border-left: 0px solid @orange;
  54                         border-right: 0px solid @orange;
  55
  56                         &:hover {
  57                                 background-color: rgba(0, 0, 0, 0.3);
  58                                 background-image: none;
  59                         }
  60                 }
  61
  62                 .navbar-form,
  63                 .navbar-search {
  64                         border-top: 0px solid @orange;
  65                         border-bottom: 0px solid @orange;
  66                         .box-shadow(none);
  67                 }
  68
  69                 .nav-header {
  70                         color: @grayLighter;
  71                 }
  72         }
  73 }
  74
  75 // NAV
  76 // -----------------------------------------------------
  77
  78 .nav-tabs .open .dropdown-toggle,
  79 .nav-pills .open .dropdown-toggle,
  80 .nav > li.dropdown.open.active > a:hover {
  81         border-right: 1px solid #C03D14;
  82         border-left: 1px solid #E6633A;
  83 }
  84
  85 // BUTTONS
  86 // -----------------------------------------------------
  87
  88 .btn-primary {
  89   .buttonBackground(lighten(@btnPrimaryBackground, 15%), @btnPrimaryBackground);
  90 }
  91
  92 .btn-warning {
  93   .buttonBackground(lighten(@yellow, 15%), @yellow);
  94 }
  95
  96 // TABLES
  97 // -----------------------------------------------------
  98
  99 // FORMS
 100 // -----------------------------------------------------
 101
 102 // DROPDOWNS
 103 // -----------------------------------------------------
 104
 105 // ALERTS, LABELS, BADGES
 106 // -----------------------------------------------------
 107
 108 .alert {
 109         text-shadow: none;
 110 }
 111
 112 // MISC
 113 // -----------------------------------------------------
 114
 115 .hero-unit {
 116     border: 1px solid rgba(0,0,0,.05);
 117     .box-shadow(inset 0 1px 1px rgba(0,0,0,.05));
 118
 119         h1 {
 120                 line-height: 1.6em;
 121         }
 122 }
 123
 124 // MEDIA QUERIES
 125 // -----------------------------------------------------