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

   1 // United 2.3.0
   2 // Bootswatch
   3 // -----------------------------------------------------
   4
   5
   6 // TYPOGRAPHY
   7 // -----------------------------------------------------
   8
   9 @import url(//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
  50 @media (max-width: @navbarCollapseWidth) {
  51
  52         .navbar .nav-collapse {
  53
  54                 .nav li > a {
  55                         color: @white;
  56                         border-left: 0px solid @orange;
  57                         border-right: 0px solid @orange;
  58
  59                         &:hover {
  60                                 background-color: rgba(0, 0, 0, 0.3) !important;
  61                                 background-image: none;
  62                         }
  63                 }
  64
  65                 .navbar-form,
  66                 .navbar-search {
  67                         border-top: 0px solid @orange;
  68                         border-bottom: 0px solid @orange;
  69                         .box-shadow(none);
  70                 }
  71
  72                 .nav-header {
  73                         color: @grayLighter;
  74                 }
  75         }
  76 }
  77
  78 // NAV
  79 // -----------------------------------------------------
  80
  81 .nav-tabs .open .dropdown-toggle,
  82 .nav-pills .open .dropdown-toggle,
  83 .nav > li.dropdown.open.active > a:hover {
  84         border-right: 1px solid #C03D14;
  85         border-left: 1px solid #E6633A;
  86 }
  87
  88 // BUTTONS
  89 // -----------------------------------------------------
  90
  91 .btn-primary {
  92   .buttonBackground(lighten(@btnPrimaryBackground, 15%), @btnPrimaryBackground);
  93 }
  94
  95 .btn-warning {
  96   .buttonBackground(lighten(@yellow, 15%), @yellow);
  97 }
  98
  99 // TABLES
 100 // -----------------------------------------------------
 101
 102 // FORMS
 103 // -----------------------------------------------------
 104
 105 // DROPDOWNS
 106 // -----------------------------------------------------
 107
 108 // ALERTS, LABELS, BADGES
 109 // -----------------------------------------------------
 110
 111 .alert {
 112         text-shadow: none;
 113 }
 114
 115 // MISC
 116 // -----------------------------------------------------
 117
 118 .hero-unit {
 119     border: 1px solid rgba(0,0,0,.05);
 120     .box-shadow(inset 0 1px 1px rgba(0,0,0,.05));
 121
 122         h1 {
 123                 line-height: 1.6em;
 124         }
 125 }
 126
 127 // MEDIA QUERIES
 128 // -----------------------------------------------------