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         .nav > li > a:hover,
 101         .nav > .active > a,
 102         .nav > .active > a:hover {
 103                 color: @textColor;
 104                 text-decoration: none;
 105                 font-weight: normal;
 106         }
 107
 108         .nav > li:first-child > a,
 109         .nav > li:first-child > a:hover {
 110                 .border-radius(0);
 111         }
 112 }
 113
 114 // BUTTONS
 115 // -----------------------------------------------------
 116
 117 .btn-primary {
 118   .buttonBackground(lighten(@linkColor, 5%), @linkColor);
 119 }
 120
 121 // MODALS
 122 // -----------------------------------------------------
 123
 124 .modal {
 125         .border-radius(0px);
 126         background: @bodyBackground;
 127 }
 128
 129 .modal-header {
 130         border-bottom: none;
 131 }
 132
 133 .modal-header .close {
 134         text-decoration: none;
 135 }
 136
 137 .modal-footer {
 138         background: transparent;
 139         .box-shadow(none);
 140         border-top: none;
 141 }
 142
 143
 144 // MISC
 145 // -----------------------------------------------------
 146
 147 code, pre, pre.prettyprint, .well {
 148         background-color: @grayLighter;
 149 }
 150
 151 .hero-unit {
 152     .box-shadow(inset 0 1px 1px rgba(0,0,0,.05));
 153         border: 1px solid rgba(0,0,0,.05);
 154         .border-radius(0);
 155 }
 156
 157 .table-bordered, .well, .prettyprint {
 158         .border-radius(0);
 159 }