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