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

   1 // Bootswatch.less
   2 // Swatch: Spacelab
   3 // -----------------------------------------------------
   4
   5 // NAVBAR
   6 // -----------------------------------------------------
   7
   8 // navbar style
   9 .navbar {
  10         border-bottom: 1px solid #CACACA;
  11
  12         .brand {
  13                 font-size: 20px;
  14                 font-weight: bold;
  15                 color: @textColor;
  16
  17                 &:hover {
  18                         color: @linkColor;
  19                 }
  20         }
  21 }
  22
  23 // navbar dropshadow
  24 .navbar .navbar-inner {
  25         .box-shadow(0 1px 0 rgba(255,255,255,0.4));
  26         .box-shadow(0 0 10px rgba(0,0,0,0.1));
  27 }
  28
  29 // nav item typography
  30 .navbar .nav > li > a {
  31         font-weight: bold;
  32         text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  33 }
  34
  35 .navbar .nav .active > a {
  36         background-color: transparent;
  37         color: @textColor;
  38
  39         &:hover {
  40                 background-color: transparent;
  41                 color: @linkColor;
  42         }
  43 }
  44
  45
  46 .navbar .nav .open.dropdown .dropdown-toggle {
  47         color: @textColor;
  48
  49         &:hover {
  50                 color: @linkColor;
  51         }
  52 }
  53
  54 .navbar .nav .dropdown-toggle .caret,
  55 .navbar .nav .open.dropdown .caret {
  56         border-top-color: @textColor;
  57         opacity: 1;
  58 }
  59
  60 .navbar .nav .dropdown-toggle:hover .caret {
  61                 border-top-color: @linkColor;
  62 }
  63
  64 .subnav .nav > li > a {
  65         font-weight: bold;
  66         color: #777;
  67
  68         &:hover {
  69                 color: @linkColor;
  70         }
  71 }
  72
  73 .subnav .nav > li.active > a {
  74         color: @textColor;
  75
  76         &:hover {
  77                 color: @grayDark;
  78         }
  79 }
  80
  81 .navbar-search .search-query {
  82         border: none;
  83         color: #999;
  84 }
  85
  86 // BUTTON
  87 // -----------------------------------------------------
  88
  89 .btn {
  90         .buttonBackground(#F4F4F4, #ECECEC);
  91 }
  92
  93 .btn-primary {
  94         .buttonBackground(#909090, #3F3F3F);
  95 }
  96
  97 .btn-warning {
  98   .buttonBackground(lighten(@yellow, 15%), @yellow);
  99 }
 100
 101 .btn-danger {
 102   .buttonBackground(lighten(#DA2D2D, 15%), #DA2D2D);
 103 }
 104
 105 .btn-success {
 106   .buttonBackground(#8ADD6D, #60B044);
 107 }
 108
 109 .btn-info {
 110   .buttonBackground(lighten(#4488BB, 15%), #4488BB);
 111 }
 112
 113 // FORMS
 114 // -----------------------------------------------------
 115
 116
 117 // Warning
 118 .control-group.warning {
 119   .formFieldState(#E29235, #E29235, @warningBackground);
 120 }
 121 // Error
 122 .control-group.error {
 123   .formFieldState(#C00, #C00, @errorBackground);
 124 }
 125 // Success
 126 .control-group.success {
 127   .formFieldState(#2BA949, #2BA949, @successBackground);
 128 }
 129
 130
 131 // LABELS
 132 // -----------------------------------------------------
 133
 134 .label-important { background-color: #BD2C00; }
 135 .label-warning   { background-color: #E3E84D; }
 136 .label-success   { background-color: #6CC644; }
 137 .label-info      { background-color: #4183C4; }