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

   1 // Bootswatch.less
   2 // Swatch: Journal
   3 // Version: 2.0.2
   4 // -----------------------------------------------------
   5
   6 // SCAFFOLDING
   7 // -----------------------------------------------------
   8
   9 a {
  10         text-decoration: underline;
  11 }
  12
  13 .nav a, .navbar .brand, .subnav a, a.btn {
  14         text-decoration: none;
  15 }
  16
  17 // TYPOGRAPHY
  18 // -----------------------------------------------------
  19
  20 @import url('http://fonts.googleapis.com/css?family=Open+Sans:400,700');
  21
  22 h1, h2, h3, h4, h5, h6, .brand, .navbar, .subnav a, blockquote > p {
  23         font-family: 'Open Sans', sans-serif;
  24         color: @textColor;
  25 }
  26
  27 h1, h2, h3, h4, h5, h6, .brand {
  28         font-weight: 700;
  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
 117 // MISC
 118 // -----------------------------------------------------
 119
 120 code, pre, pre.prettyprint, .well, .form-actions {
 121         background-color: @grayLighter;
 122 }
 123
 124 .table-bordered, .well, .prettyprint {
 125         .border-radius(0);
 126 }