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

   1 // Bootswatch.less
   2 // Swatch: Journal
   3 // Version: 2.0.3
   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         .nav > li > a {
  47                 text-shadow: none;
  48         }
  49
  50         .dropdown-menu {
  51                 .border-radius(0);
  52         }
  53
  54         .nav li.dropdown.active > .dropdown-toggle,
  55         .nav li.dropdown.active > .dropdown-toggle:hover,
  56         .nav li.dropdown.open > .dropdown-toggle,
  57         .nav li.dropdown.active.open > .dropdown-toggle,
  58         .nav li.dropdown.active.open > .dropdown-toggle:hover {
  59                 background-color: @grayLighter;
  60                 color: @linkColor;
  61         }
  62
  63         .nav li.dropdown .dropdown-toggle .caret,
  64         .nav .open .caret,
  65         .nav .open .dropdown-toggle:hover .caret {
  66                 border-top-color: @black;
  67                 opacity: 1;
  68         }
  69
  70         .nav-collapse.in .nav li > a:hover {
  71                 background-color: @grayLighter;
  72         }
  73
  74         .nav-collapse .nav li > a {
  75                 color: @textColor;
  76                 text-decoration: none;
  77                 font-weight: normal;
  78         }
  79
  80         .nav-collapse .navbar-form,
  81         .nav-collapse .navbar-search {
  82                 border-color: transparent;
  83         }
  84
  85         .navbar-search .search-query,
  86         .navbar-search .search-query:hover {
  87                 border: 1px solid @grayLighter;
  88                 color: @textColor;
  89                 .placeholder(@gray);
  90         }
  91 }
  92
  93 div.subnav {
  94         background-color: @bodyBackground;
  95         background-image: none;
  96         @shadow: 0 1px 2px rgba(0,0,0,.25);
  97         .box-shadow(@shadow);
  98         .border-radius(0);
  99
 100         &.subnav-fixed {
 101                 top: @navbarHeight;
 102         }
 103
 104         .nav > li > a:hover,
 105         .nav > .active > a,
 106         .nav > .active > a:hover {
 107                 color: @textColor;
 108                 text-decoration: none;
 109                 font-weight: normal;
 110         }
 111
 112         .nav > li:first-child > a,
 113         .nav > li:first-child > a:hover {
 114                 .border-radius(0);
 115         }
 116 }
 117
 118 // BUTTONS
 119 // -----------------------------------------------------
 120
 121 .btn-primary {
 122   .buttonBackground(lighten(@linkColor, 5%), @linkColor);
 123 }
 124
 125 [class^="icon-"], [class*=" icon-"] {
 126         vertical-align: -2px;
 127 }
 128
 129 // MODALS
 130 // -----------------------------------------------------
 131
 132 .modal {
 133         .border-radius(0px);
 134         background: @bodyBackground;
 135 }
 136
 137 .modal-header {
 138         border-bottom: none;
 139 }
 140
 141 .modal-header .close {
 142         text-decoration: none;
 143 }
 144
 145 .modal-footer {
 146         background: transparent;
 147         .box-shadow(none);
 148         border-top: none;
 149 }
 150
 151
 152 // MISC
 153 // -----------------------------------------------------
 154
 155 code, pre, pre.prettyprint, .well {
 156         background-color: @grayLighter;
 157 }
 158
 159 .hero-unit {
 160     .box-shadow(inset 0 1px 1px rgba(0,0,0,.05));
 161         border: 1px solid rgba(0,0,0,.05);
 162         .border-radius(0);
 163 }
 164
 165 .table-bordered, .well, .prettyprint {
 166         .border-radius(0);
 167 }