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

   1 // Bootswatch.less
   2 // Swatch: Journal
   3 // Version: 2.0.4
   4 // -----------------------------------------------------
   5
   6 // TYPOGRAPHY
   7 // -----------------------------------------------------
   8
   9 @import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700');
  10
  11 h1, h2, h3, h4, h5, h6, .navbar .brand {
  12         font-weight: 700;
  13 }
  14
  15 // SCAFFOLDING
  16 // -----------------------------------------------------
  17
  18 a {
  19         text-decoration: underline;
  20 }
  21
  22 .nav a, .navbar .brand, .subnav a, a.btn, .dropdown-menu a {
  23         text-decoration: none;
  24 }
  25
  26 // NAVBAR
  27 // -----------------------------------------------------
  28
  29 .navbar {
  30
  31         .navbar-inner {
  32                 @shadow: 0 2px 4px rgba(0,0,0,.25), inset 0 -1px 0 rgba(0,0,0,.1);
  33                 .box-shadow(@shadow);
  34                 border-top: 1px solid #E5E5E5;
  35                 .border-radius(0);
  36         }
  37
  38         .brand {
  39                 text-shadow: none;
  40
  41                 &:hover {
  42                         background-color: #EEEEEE;
  43                 }
  44         }
  45
  46         .navbar-text {
  47                 line-height: 68px;
  48         }
  49
  50         .nav > li > a {
  51                 text-shadow: none;
  52         }
  53
  54         .dropdown-menu {
  55                 .border-radius(0);
  56         }
  57
  58         .nav li.dropdown.active > .dropdown-toggle,
  59         .nav li.dropdown.active > .dropdown-toggle:hover,
  60         .nav li.dropdown.open > .dropdown-toggle,
  61         .nav li.dropdown.active.open > .dropdown-toggle,
  62         .nav li.dropdown.active.open > .dropdown-toggle:hover {
  63                 background-color: @grayLighter;
  64                 color: @linkColor;
  65         }
  66
  67         .nav li.dropdown .dropdown-toggle .caret,
  68         .nav .open .caret,
  69         .nav .open .dropdown-toggle:hover .caret {
  70                 border-top-color: @black;
  71                 opacity: 1;
  72         }
  73
  74         .nav-collapse.in .nav li > a:hover {
  75                 background-color: @grayLighter;
  76         }
  77
  78         .nav-collapse .nav li > a {
  79                 color: @textColor;
  80                 text-decoration: none;
  81                 font-weight: normal;
  82         }
  83
  84         .nav-collapse .navbar-form,
  85         .nav-collapse .navbar-search {
  86                 border-color: transparent;
  87         }
  88
  89         .navbar-search .search-query,
  90         .navbar-search .search-query:hover {
  91                 border: 1px solid @grayLighter;
  92                 color: @textColor;
  93                 .placeholder(@gray);
  94         }
  95 }
  96
  97 div.subnav {
  98         background-color: @bodyBackground;
  99         background-image: none;
 100         @shadow: 0 1px 2px rgba(0,0,0,.25);
 101         .box-shadow(@shadow);
 102         .border-radius(0);
 103
 104         &.subnav-fixed {
 105                 top: @navbarHeight;
 106         }
 107
 108         .nav > li > a:hover,
 109         .nav > .active > a,
 110         .nav > .active > a:hover {
 111                 color: @textColor;
 112                 text-decoration: none;
 113                 font-weight: normal;
 114         }
 115
 116         .nav > li:first-child > a,
 117         .nav > li:first-child > a:hover {
 118                 .border-radius(0);
 119         }
 120 }
 121
 122 // BUTTONS
 123 // -----------------------------------------------------
 124
 125 .btn-primary {
 126   .buttonBackground(lighten(@linkColor, 5%), @linkColor);
 127 }
 128
 129 [class^="icon-"], [class*=" icon-"] {
 130         vertical-align: -2px;
 131 }
 132
 133 // MODALS
 134 // -----------------------------------------------------
 135
 136 .modal {
 137         .border-radius(0px);
 138         background: @bodyBackground;
 139 }
 140
 141 .modal-header {
 142         border-bottom: none;
 143 }
 144
 145 .modal-header .close {
 146         text-decoration: none;
 147 }
 148
 149 .modal-footer {
 150         background: transparent;
 151         .box-shadow(none);
 152         border-top: none;
 153 }
 154
 155
 156 // MISC
 157 // -----------------------------------------------------
 158
 159 code, pre, pre.prettyprint, .well {
 160         background-color: @grayLighter;
 161 }
 162
 163 .hero-unit {
 164     .box-shadow(inset 0 1px 1px rgba(0,0,0,.05));
 165         border: 1px solid rgba(0,0,0,.05);
 166         .border-radius(0);
 167 }
 168
 169 .table-bordered, .well, .prettyprint {
 170         .border-radius(0);
 171 }