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

   1 // Bootswatch.less
   2 // Swatch: Journal
   3 // Version: 2.0.2
   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, .brand, .navbar, .subnav a, blockquote > p {
  12         font-family: 'Open Sans', sans-serif;
  13         color: @textColor;
  14 }
  15
  16 h1, h2, h3, h4, h5, h6, .brand {
  17         font-weight: 700;
  18 }
  19
  20 // SCAFFOLDING
  21 // -----------------------------------------------------
  22
  23 a {
  24         text-decoration: underline;
  25 }
  26
  27 .nav a, .navbar .brand, .subnav a, a.btn {
  28         text-decoration: none;
  29 }
  30
  31 // NAVBAR
  32 // -----------------------------------------------------
  33
  34 .navbar .brand {
  35         color: @navbarLinkColor;
  36         text-shadow: none;
  37         font-weight: bold;
  38
  39         &:hover {
  40                 background-color: #EEEEEE;
  41         }
  42 }
  43
  44 .navbar-inner {
  45         border-top: 1px solid #E5E5E5;
  46         @shadow: 0 2px 4px rgba(0,0,0,.25), inset 0 -1px 0 rgba(0,0,0,.1);
  47         .box-shadow(@shadow);
  48 }
  49
  50 .navbar-inner, .navbar .dropdown-menu, div.subnav,
  51 div.subnav .nav > li:first-child > a, div.subnav .nav > li:first-child > a:hover {
  52         .border-radius(0);
  53 }
  54
  55 .navbar .nav > li > a {
  56         text-shadow: none;
  57 }
  58
  59 .navbar .nav .active > a,
  60 .navbar .nav .active > a:hover {
  61         color: @navbarLinkColor;
  62         background-color: rgba(0, 0, 0, 0);
  63 }
  64
  65 .navbar .nav .active > a:hover,
  66 .navbar .nav > li > a:hover,
  67 .navbar .nav-collapse.in .nav li > a:hover {
  68         background-color: #EEEEEE;
  69 }
  70
  71 .dropdown.open .dropdown-toggle {
  72         color: @textColor;
  73 }
  74
  75 .navbar .nav .dropdown-toggle .caret,
  76 .navbar .nav .open.dropdown .caret {
  77         border-top-color: @navbarLinkColor;
  78         opacity: 1;
  79 }
  80
  81 form.navbar-form, form.navbar-search {
  82         border-top: 0px solid #eee;
  83         border-bottom: 0px solid #eee;
  84 }
  85
  86 .navbar-search .search-query,
  87 .navbar-search .search-query:hover {
  88         border: 1px solid @grayLighter;
  89         color: @textColor;
  90         .placeholder(@gray);
  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 }
  99
 100 .navbar .nav-collapse.in .nav li > a,
 101 div.subnav .nav > li > a:hover,
 102 div.subnav .nav > .active > a,
 103 div.subnav .nav > .active > a:hover {
 104         color: @textColor;
 105         text-decoration: none;
 106         font-weight: normal;
 107 }
 108
 109 // BUTTONS
 110 // -----------------------------------------------------
 111
 112 .btn-primary {
 113   .buttonBackground(lighten(@linkColor, 5%), @linkColor);
 114 }
 115
 116 // MODALS
 117 // -----------------------------------------------------
 118
 119
 120 .modal {
 121         .border-radius(0px);
 122         background: @bodyBackground;
 123 }
 124
 125 .modal-header {
 126         border-bottom: none;
 127 }
 128
 129 .modal-header .close {
 130         text-decoration: none;
 131 }
 132
 133 .modal-body {
 134
 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, .form-actions {
 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 }