git.roojs.org Git - bootswatch/blob - swatchmaker/test/bootswatch.css

   1 section {
   2         margin-top: 60px;
   3         padding-top: 100px;
   4 }
   5
   6 /* index */
   7
   8 .tooltip-inner {
   9         max-width: 500px;
  10 }
  11
  12 .hero-unit h1,
  13 .hero-unit p {
  14         margin-bottom: 15px;
  15 }
  16
  17 #footer {
  18         margin-bottom: 20px;
  19 }
  20
  21 #footer .links a {
  22         margin-right: 10px;
  23 }
  24
  25 @media (max-width: 767px) {
  26
  27         section {
  28                 padding-top: 20px;
  29         }
  30 }
  31
  32 @media (min-width: 768px) and (max-width: 979px) {
  33
  34         section {
  35                 padding-top: 20px;
  36         }
  37 }
  38
  39 /* preview */
  40
  41 .subhead {
  42         padding-bottom: 0;
  43         margin-bottom: 9px;
  44 }
  45
  46 .subhead h1 {
  47         font-size: 54px;
  48 }
  49
  50 .subhead > div:first-child {
  51         min-height: 200px;
  52 }
  53
  54 @media (min-width: 980px) {
  55
  56         .preview {
  57                 padding-top: 100px;
  58         }
  59 }
  60
  61 /* subnav */
  62
  63 .subnav {
  64         margin-bottom: 60px;
  65         width: 100%;
  66         height: 36px;
  67         background-color: #eeeeee; /* Old browsers */
  68         background-repeat: repeat-x; /* Repeat the gradient */
  69         background-image: -moz-linear-gradient(top, #f5f5f5 0%, #eeeeee 100%); /* FF3.6+ */
  70         background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
  71         background-image: -webkit-linear-gradient(top, #f5f5f5 0%,#eeeeee 100%); /* Chrome 10+,Safari 5.1+ */
  72         background-image: -ms-linear-gradient(top, #f5f5f5 0%,#eeeeee 100%); /* IE10+ */
  73         background-image: -o-linear-gradient(top, #f5f5f5 0%,#eeeeee 100%); /* Opera 11.10+ */
  74         filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
  75         background-image: linear-gradient(top, #f5f5f5 0%,#eeeeee 100%); /* W3C */
  76         border: 1px solid #e5e5e5;
  77         -webkit-border-radius: 4px;
  78         -moz-border-radius: 4px;
  79         border-radius: 4px;
  80 }
  81
  82 .subnav .nav {
  83         margin-bottom: 0;
  84 }
  85
  86 .subnav .nav > li > a {
  87         margin: 0;
  88         padding-top:    11px;
  89         padding-bottom: 11px;
  90         border-left: 1px solid #f5f5f5;
  91         border-right: 1px solid #e5e5e5;
  92         -webkit-border-radius: 0;
  93         -moz-border-radius: 0;
  94         border-radius: 0;
  95 }
  96
  97 .subnav .nav > .active > a,
  98 .subnav .nav > .active > a:hover {
  99         padding-left: 13px;
 100         color: #777;
 101         background-color: #e9e9e9;
 102         border-right-color: #ddd;
 103         border-left: 0;
 104         -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.05);
 105         -moz-box-shadow: inset 0 3px 5px rgba(0,0,0,.05);
 106         box-shadow: inset 0 3px 5px rgba(0,0,0,.05);
 107 }
 108
 109 .subnav .nav > .active > a .caret,
 110 .subnav .nav > .active > a:hover .caret {
 111         border-top-color: #777;
 112 }
 113
 114 .subnav .nav > li:first-child > a,
 115 .subnav .nav > li:first-child > a:hover {
 116         border-left: 0;
 117         padding-left: 12px;
 118         -webkit-border-radius: 4px 0 0 4px;
 119         -moz-border-radius: 4px 0 0 4px;
 120         border-radius: 4px 0 0 4px;
 121 }
 122
 123 .subnav .nav > li:last-child > a {
 124         border-right: 0;
 125 }
 126
 127 .subnav .dropdown-menu {
 128         -webkit-border-radius: 0 0 4px 4px;
 129         -moz-border-radius: 0 0 4px 4px;
 130         border-radius: 0 0 4px 4px;
 131 }
 132
 133 @media (max-width: 767px) {
 134
 135         .subnav {
 136                 position: static;
 137                 top: auto;
 138                 z-index: auto;
 139                 width: auto;
 140                 height: auto;
 141                 background: #fff; /* whole background property since we use a background-image for gradient */
 142                 -webkit-box-shadow: none;
 143                 -moz-box-shadow: none;
 144                 box-shadow: none;
 145         }
 146
 147         .subnav .nav > li {
 148                 float: none;
 149         }
 150
 151         .subnav .nav > li > a {
 152                 border: 0;
 153         }
 154
 155         .subnav .nav > li + li > a {
 156                 border-top: 1px solid #e5e5e5;
 157         }
 158
 159         .subnav .nav > li:first-child > a,
 160         .subnav .nav > li:first-child > a:hover {
 161                 -webkit-border-radius: 4px 4px 0 0;
 162                 -moz-border-radius: 4px 4px 0 0;
 163                 border-radius: 4px 4px 0 0;
 164         }
 165 }
 166
 167 @media (min-width: 980px) {
 168
 169         .subnav-fixed {
 170                 position: fixed;
 171                 top: 40px;
 172                 left: 0;
 173                 right: 0;
 174                 z-index: 1020; /* 10 less than .navbar-fixed to prevent any overlap */
 175                 border-color: #d5d5d5;
 176                 border-width: 0 0 1px; /* drop the border on the fixed edges */
 177                 -webkit-border-radius: 0;
 178                 -moz-border-radius: 0;
 179                 border-radius: 0;
 180                 -webkit-box-shadow: inset 0 1px 0 #fff, 0 1px 5px rgba(0,0,0,.1);
 181                 -moz-box-shadow: inset 0 1px 0 #fff, 0 1px 5px rgba(0,0,0,.1);
 182                 box-shadow: inset 0 1px 0 #fff, 0 1px 5px rgba(0,0,0,.1);
 183                 filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); /* IE6-9 */
 184         }
 185
 186         .subnav-fixed .nav {
 187                 width: 938px;
 188                 margin: 0 auto;
 189                 padding: 0 1px;
 190         }
 191
 192         .subnav .nav > li:first-child > a,
 193         .subnav .nav > li:first-child > a:hover {
 194                 -webkit-border-radius: 0;
 195                 -moz-border-radius: 0;
 196                 border-radius: 0;
 197         }
 198 }
 199
 200 @media (min-width: 1210px) {
 201
 202         .subnav-fixed .nav {
 203                 width: 1168px; /* 2px less to account for left/right borders being removed when in fixed mode */
 204         }
 205 }