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

   1 // Bootswatch.less
   2 // Swatch: Journal
   3 // -----------------------------------------------------
   4
   5 // SCAFFOLDING
   6 // -----------------------------------------------------
   7
   8 body {
   9         background-color: @baseBackgroundColor !important;
  10 }
  11
  12 a {
  13         text-decoration: underline;
  14 }
  15
  16 .nav a, .navbar .brand, .subnav a, a.btn {
  17         text-decoration: none;
  18 }
  19
  20 // TYPOGRAPHY
  21 // -----------------------------------------------------
  22
  23 @import url('http://fonts.googleapis.com/css?family=Open+Sans:400,700');
  24
  25 h1, h2, h3, h4, h5, h6, .brand, .navbar, .subnav a, blockquote > p {
  26         font-family: 'Open Sans', sans-serif;
  27         color: @textColor;
  28 }
  29
  30 h1, h2, h3, h4, h5, h6, .brand {
  31         font-weight: 700;
  32 }
  33
  34 // NAVBAR
  35 // -----------------------------------------------------
  36
  37 .navbar .brand {
  38         color: @navbarLinkColor;
  39         text-shadow: none;
  40         font-weight: bold;
  41
  42         &:hover {
  43                 background-color: #EEEEEE;
  44         }
  45 }
  46
  47 .navbar-inner {
  48         border-top: 1px solid #E5E5E5;
  49         @shadow: 0 2px 4px rgba(0,0,0,.25), inset 0 -1px 0 rgba(0,0,0,.1);
  50         .box-shadow(@shadow);
  51 }
  52
  53 .navbar-inner, .navbar .dropdown-menu, div.subnav, .table-bordered, .well, .prettyprint,
  54 div.subnav .nav > li:first-child > a, div.subnav .nav > li:first-child > a:hover {
  55         .border-radius(0);
  56 }
  57
  58 .navbar .nav > li > a {
  59         text-shadow: none;
  60 }
  61
  62 .navbar .nav .active > a,
  63 .navbar .nav .active > a:hover {
  64         color: @navbarLinkColor;
  65         background-color: rgba(0, 0, 0, 0);
  66 }
  67
  68 .navbar .nav .active > a:hover,
  69 .navbar .nav > li > a:hover,
  70 .navbar .nav-collapse .nav li > a:hover {
  71         background-color: #EEEEEE;
  72 }
  73
  74 .navbar .nav .dropdown-toggle .caret,
  75 .navbar .nav .open.dropdown .caret {
  76         border-top-color: @navbarLinkColor;
  77         opacity: 1;
  78 }
  79
  80 form.navbar-form, form.navbar-search {
  81         border-top: 0px solid #eee;
  82         border-bottom: 0px solid #eee;
  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 .dropdown-menu {
  93         background-color: @baseBackgroundColor;
  94
  95         a {
  96                 color: @textColor;
  97         }
  98
  99         li:hover > a {
 100                 background-color: #eee;
 101                 color: @textColor;
 102         }
 103 }
 104
 105 div.subnav {
 106         background-color: @baseBackgroundColor;
 107         background-image: none;
 108         @shadow: 0 1px 2px rgba(0,0,0,.25);
 109         .box-shadow(@shadow);
 110 }
 111
 112 .navbar .nav-collapse .nav li > a,
 113 div.subnav .nav > li > a:hover,
 114 div.subnav .nav > .active > a,
 115 div.subnav .nav > .active > a:hover {
 116         color: @textColor;
 117         text-decoration: none;
 118         font-weight: normal;
 119 }
 120
 121 // BUTTONS
 122 // -----------------------------------------------------
 123
 124 .btn-primary {
 125   .buttonBackground(lighten(@linkColor, 5%), @linkColor);
 126 }
 127
 128
 129 // MISC
 130 // -----------------------------------------------------
 131
 132 // make shaded elements lightGray
 133 code, pre, pre.prettyprint, .well, .form-actions,
 134 .table-striped tbody tr:nth-child(odd) td,
 135 .table-striped tbody tr:nth-child(odd) th {
 136         background-color: @grayLighter;
 137 }