bootstrap.css 108 KB
Newer Older
Mark Otto's avatar
Mark Otto committed
2001
  .form-inline .input-group .input-group-addon, .navbar-form .input-group .input-group-addon, .form-inline .input-group .input-group-btn, .navbar-form .input-group .input-group-btn, .form-inline .input-group .form-control, .navbar-form .input-group .form-control {
Mark Otto's avatar
Mark Otto committed
2002
2003
    width: auto;
  }
Mark Otto's avatar
Mark Otto committed
2004
  .form-inline .input-group > .form-control, .navbar-form .input-group > .form-control {
2005
2006
    width: 100%;
  }
Mark Otto's avatar
Mark Otto committed
2007
  .form-inline .control-label, .navbar-form .control-label {
2008
2009
2010
    margin-bottom: 0;
    vertical-align: middle;
  }
Mark Otto's avatar
Mark Otto committed
2011
  .form-inline .radio, .navbar-form .radio, .form-inline .checkbox, .navbar-form .checkbox {
2012
2013
2014
2015
2016
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
Mark Otto's avatar
Mark Otto committed
2017
  .form-inline .radio label, .navbar-form .radio label, .form-inline .checkbox label, .navbar-form .checkbox label {
XhmikosR's avatar
XhmikosR committed
2018
2019
    padding-left: 0;
  }
Mark Otto's avatar
Mark Otto committed
2020
  .form-inline .radio input[type="radio"], .navbar-form .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"], .navbar-form .checkbox input[type="checkbox"] {
XhmikosR's avatar
XhmikosR committed
2021
2022
    position: relative;
    margin-left: 0;
2023
  }
Mark Otto's avatar
Mark Otto committed
2024
  .form-inline .has-feedback .form-control-feedback, .navbar-form .has-feedback .form-control-feedback {
2025
2026
    top: 0;
  }
2027
}
Mark Otto's avatar
Mark Otto committed
2028
2029

.form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline {
Mark Otto's avatar
grunt    
Mark Otto committed
2030
  padding-top: .6rem;
2031
2032
  margin-top: 0;
  margin-bottom: 0;
2033
}
Mark Otto's avatar
Mark Otto committed
2034
.form-horizontal .radio, .form-horizontal .checkbox {
2035
  min-height: 1.6rem;
2036
}
2037
.form-horizontal .form-group {
Mark Otto's avatar
Mark Otto committed
2038
  margin-right: -.75rem; 
Mark Otto's avatar
Mark Otto committed
2039
  margin-left: -.75rem;
2040
}
Mark Otto's avatar
Mark Otto committed
2041
2042
2043
2044
2045
2046
2047
.form-horizontal .form-group:before, .form-horizontal .form-group:after {
  display: table; 
  content: " ";
}
.form-horizontal .form-group:after {
  clear: both;
}
Mark Otto's avatar
Mark Otto committed
2048
@media (min-width: 34em) {
2049
  .form-horizontal .control-label {
Mark Otto's avatar
grunt    
Mark Otto committed
2050
    padding-top: .6rem;
Mark Otto's avatar
Mark Otto committed
2051
2052
    margin-bottom: 0;
    text-align: right;
XhmikosR's avatar
XhmikosR committed
2053
2054
2055
  }
}
.form-horizontal .has-feedback .form-control-feedback {
Mark Otto's avatar
Mark Otto committed
2056
  right: .75rem;
XhmikosR's avatar
XhmikosR committed
2057
}
Mark Otto's avatar
Mark Otto committed
2058
@media (min-width: 34em) {
XhmikosR's avatar
XhmikosR committed
2059
  .form-horizontal .form-group-lg .control-label {
2060
    padding-top: .75rem;
XhmikosR's avatar
XhmikosR committed
2061
2062
  }
}
Mark Otto's avatar
Mark Otto committed
2063
@media (min-width: 34em) {
XhmikosR's avatar
XhmikosR committed
2064
  .form-horizontal .form-group-sm .control-label {
2065
    padding-top: .4rem;
2066
  }
2067
}
Mark Otto's avatar
Mark Otto committed
2068

2069
2070
.btn {
  display: inline-block;
Mark Otto's avatar
Mark Otto committed
2071
2072
  padding: .5rem .75rem;
  font-size: 1rem;
2073
  font-weight: normal;
Mark Otto's avatar
Mark Otto committed
2074
  line-height: 1.5;
2075
  text-align: center;
Mark Otto's avatar
Mark Otto committed
2076
  white-space: nowrap;
2077
  vertical-align: middle;
2078
2079
  -ms-touch-action: manipulation;
      touch-action: manipulation;
2080
2081
2082
2083
2084
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
2085
  border: .0625rem solid transparent;
Mark Otto's avatar
Mark Otto committed
2086
2087
2088
2089
  border-radius: .25rem;
  -webkit-transition: all .2s ease-in-out;
       -o-transition: all .2s ease-in-out;
          transition: all .2s ease-in-out;
2090
}
Mark Otto's avatar
Mark Otto committed
2091
.btn:focus, .btn.focus, .btn:active:focus, .btn:active.focus, .btn.active:focus, .btn.active.focus {
2092
2093
2094
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
2095
}
Mark Otto's avatar
Mark Otto committed
2096
2097
2098
2099
.btn:focus, .btn:hover {
  text-decoration: none;
}
.btn.focus {
2100
  text-decoration: none;
2101
}
Mark Otto's avatar
Mark Otto committed
2102
.btn:active, .btn.active {
2103
  background-image: none;
Mark Otto's avatar
Mark Otto committed
2104
  outline: 0;
2105
}
Mark Otto's avatar
grunt    
Mark Otto committed
2106
.btn.disabled, .btn:disabled, fieldset[disabled] .btn {
Mark Otto's avatar
Mark Otto committed
2107
  cursor: false;
Mark Otto's avatar
Mark Otto committed
2108
  opacity: .65;
2109
}
Mark Otto's avatar
Mark Otto committed
2110

Mark Otto's avatar
Mark Otto committed
2111
2112
2113
2114
a.btn.disaabled, fieldset[disabled] a.btn {
  pointer-events: none;
}

2115
.btn-primary {
Mark Otto's avatar
Mark Otto committed
2116
  color: #fff;
2117
2118
  background-color: #0275d8;
  border-color: #0267bf;
2119
}
Mark Otto's avatar
Mark Otto committed
2120
2121
2122
2123
2124
2125
.btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #025aa5;
  border-color: #014682;
}
.btn-primary:hover {
Mark Otto's avatar
Mark Otto committed
2126
  color: #fff;
Mark Otto's avatar
Mark Otto committed
2127
  background-color: #025aa5;
2128
  border-color: #014682;
2129
}
Mark Otto's avatar
Mark Otto committed
2130
.btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle {
2131
  background-image: none;
2132
}
Mark Otto's avatar
Mark Otto committed
2133
2134
2135
2136
2137
.btn-primary.disabled, .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary.disabled:active, .btn-primary.disabled.active, .btn-primary:disabled, .btn-primary:disabled:focus, .btn-primary:disabled.focus, .btn-primary:disabled:active, .btn-primary:disabled.active, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary.active {
  background-color: #0275d8;
  border-color: #0267bf;
}
.btn-primary.disabled:hover, .btn-primary:disabled:hover, fieldset[disabled] .btn-primary:hover {
2138
2139
  background-color: #0275d8;
  border-color: #0267bf;
2140
}
2141
.btn-primary .badge {
2142
  color: #0275d8;
Mark Otto's avatar
Mark Otto committed
2143
  background-color: #fff;
2144
}
Mark Otto's avatar
Mark Otto committed
2145

2146
2147
.btn-secondary {
  color: #373a3c;
Mark Otto's avatar
Mark Otto committed
2148
  background-color: #fff;
2149
2150
  border-color: #eceeef;
}
Mark Otto's avatar
Mark Otto committed
2151
2152
2153
2154
2155
2156
.btn-secondary:focus, .btn-secondary.focus, .btn-secondary:active, .btn-secondary.active, .open > .btn-secondary.dropdown-toggle {
  color: #373a3c;
  background-color: #e6e6e6;
  border-color: #cbd0d3;
}
.btn-secondary:hover {
2157
2158
2159
2160
  color: #373a3c;
  background-color: #e6e6e6;
  border-color: #cbd0d3;
}
Mark Otto's avatar
Mark Otto committed
2161
.btn-secondary:active, .btn-secondary.active, .open > .btn-secondary.dropdown-toggle {
2162
2163
  background-image: none;
}
Mark Otto's avatar
Mark Otto committed
2164
2165
2166
2167
2168
.btn-secondary.disabled, .btn-secondary.disabled:focus, .btn-secondary.disabled.focus, .btn-secondary.disabled:active, .btn-secondary.disabled.active, .btn-secondary:disabled, .btn-secondary:disabled:focus, .btn-secondary:disabled.focus, .btn-secondary:disabled:active, .btn-secondary:disabled.active, fieldset[disabled] .btn-secondary, fieldset[disabled] .btn-secondary:focus, fieldset[disabled] .btn-secondary.focus, fieldset[disabled] .btn-secondary:active, fieldset[disabled] .btn-secondary.active {
  background-color: #fff;
  border-color: #eceeef;
}
.btn-secondary.disabled:hover, .btn-secondary:disabled:hover, fieldset[disabled] .btn-secondary:hover {
Mark Otto's avatar
Mark Otto committed
2169
  background-color: #fff;
2170
2171
2172
  border-color: #eceeef;
}
.btn-secondary .badge {
Mark Otto's avatar
Mark Otto committed
2173
  color: #fff;
2174
2175
  background-color: #373a3c;
}
Mark Otto's avatar
Mark Otto committed
2176

Mark Otto's avatar
Mark Otto committed
2177
.btn-info {
Mark Otto's avatar
Mark Otto committed
2178
  color: #fff;
Mark Otto's avatar
Mark Otto committed
2179
2180
2181
  background-color: #5bc0de;
  border-color: #46b8da;
}
Mark Otto's avatar
Mark Otto committed
2182
2183
2184
2185
2186
2187
.btn-info:focus, .btn-info.focus, .btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle {
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc;
}
.btn-info:hover {
Mark Otto's avatar
Mark Otto committed
2188
  color: #fff;
Mark Otto's avatar
Mark Otto committed
2189
2190
2191
  background-color: #31b0d5;
  border-color: #269abc;
}
Mark Otto's avatar
Mark Otto committed
2192
.btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle {
Mark Otto's avatar
Mark Otto committed
2193
2194
  background-image: none;
}
Mark Otto's avatar
Mark Otto committed
2195
2196
2197
2198
2199
.btn-info.disabled, .btn-info.disabled:focus, .btn-info.disabled.focus, .btn-info.disabled:active, .btn-info.disabled.active, .btn-info:disabled, .btn-info:disabled:focus, .btn-info:disabled.focus, .btn-info:disabled:active, .btn-info:disabled.active, fieldset[disabled] .btn-info, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info.focus, fieldset[disabled] .btn-info:active, fieldset[disabled] .btn-info.active {
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info.disabled:hover, .btn-info:disabled:hover, fieldset[disabled] .btn-info:hover {
Mark Otto's avatar
Mark Otto committed
2200
2201
2202
2203
2204
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info .badge {
  color: #5bc0de;
Mark Otto's avatar
Mark Otto committed
2205
  background-color: #fff;
Mark Otto's avatar
Mark Otto committed
2206
}
Mark Otto's avatar
Mark Otto committed
2207

2208
.btn-success {
Mark Otto's avatar
Mark Otto committed
2209
  color: #fff;
2210
2211
  background-color: #5cb85c;
  border-color: #4cae4c;
2212
}
Mark Otto's avatar
Mark Otto committed
2213
2214
2215
2216
2217
2218
.btn-success:focus, .btn-success.focus, .btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle {
  color: #fff;
  background-color: #449d44;
  border-color: #398439;
}
.btn-success:hover {
Mark Otto's avatar
Mark Otto committed
2219
  color: #fff;
2220
  background-color: #449d44;
2221
  border-color: #398439;
2222
}
Mark Otto's avatar
Mark Otto committed
2223
.btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle {
2224
  background-image: none;
2225
}
Mark Otto's avatar
Mark Otto committed
2226
2227
2228
2229
2230
.btn-success.disabled, .btn-success.disabled:focus, .btn-success.disabled.focus, .btn-success.disabled:active, .btn-success.disabled.active, .btn-success:disabled, .btn-success:disabled:focus, .btn-success:disabled.focus, .btn-success:disabled:active, .btn-success:disabled.active, fieldset[disabled] .btn-success, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success.focus, fieldset[disabled] .btn-success:active, fieldset[disabled] .btn-success.active {
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-success.disabled:hover, .btn-success:disabled:hover, fieldset[disabled] .btn-success:hover {
2231
2232
  background-color: #5cb85c;
  border-color: #4cae4c;
2233
}
2234
2235
.btn-success .badge {
  color: #5cb85c;
Mark Otto's avatar
Mark Otto committed
2236
  background-color: #fff;
2237
}
Mark Otto's avatar
Mark Otto committed
2238

2239
.btn-warning {
Mark Otto's avatar
Mark Otto committed
2240
  color: #fff;
2241
2242
  background-color: #f0ad4e;
  border-color: #eea236;
2243
}
Mark Otto's avatar
Mark Otto committed
2244
2245
2246
2247
2248
2249
.btn-warning:focus, .btn-warning.focus, .btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512;
}
.btn-warning:hover {
Mark Otto's avatar
Mark Otto committed
2250
  color: #fff;
2251
  background-color: #ec971f;
2252
  border-color: #d58512;
2253
}
Mark Otto's avatar
Mark Otto committed
2254
.btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle {
2255
  background-image: none;
2256
}
Mark Otto's avatar
Mark Otto committed
2257
2258
2259
2260
2261
.btn-warning.disabled, .btn-warning.disabled:focus, .btn-warning.disabled.focus, .btn-warning.disabled:active, .btn-warning.disabled.active, .btn-warning:disabled, .btn-warning:disabled:focus, .btn-warning:disabled.focus, .btn-warning:disabled:active, .btn-warning:disabled.active, fieldset[disabled] .btn-warning, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning.focus, fieldset[disabled] .btn-warning:active, fieldset[disabled] .btn-warning.active {
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning.disabled:hover, .btn-warning:disabled:hover, fieldset[disabled] .btn-warning:hover {
2262
2263
  background-color: #f0ad4e;
  border-color: #eea236;
2264
}
2265
2266
.btn-warning .badge {
  color: #f0ad4e;
Mark Otto's avatar
Mark Otto committed
2267
  background-color: #fff;
2268
}
Mark Otto's avatar
Mark Otto committed
2269

2270
.btn-danger {
Mark Otto's avatar
Mark Otto committed
2271
  color: #fff;
2272
2273
  background-color: #d9534f;
  border-color: #d43f3a;
2274
}
Mark Otto's avatar
Mark Otto committed
2275
2276
2277
2278
2279
2280
.btn-danger:focus, .btn-danger.focus, .btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925;
}
.btn-danger:hover {
Mark Otto's avatar
Mark Otto committed
2281
  color: #fff;
2282
  background-color: #c9302c;
2283
  border-color: #ac2925;
2284
}
Mark Otto's avatar
Mark Otto committed
2285
.btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle {
2286
  background-image: none;
2287
}
Mark Otto's avatar
Mark Otto committed
2288
2289
2290
2291
2292
.btn-danger.disabled, .btn-danger.disabled:focus, .btn-danger.disabled.focus, .btn-danger.disabled:active, .btn-danger.disabled.active, .btn-danger:disabled, .btn-danger:disabled:focus, .btn-danger:disabled.focus, .btn-danger:disabled:active, .btn-danger:disabled.active, fieldset[disabled] .btn-danger, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger.focus, fieldset[disabled] .btn-danger:active, fieldset[disabled] .btn-danger.active {
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger.disabled:hover, .btn-danger:disabled:hover, fieldset[disabled] .btn-danger:hover {
2293
2294
  background-color: #d9534f;
  border-color: #d43f3a;
2295
}
2296
2297
.btn-danger .badge {
  color: #d9534f;
Mark Otto's avatar
Mark Otto committed
2298
  background-color: #fff;
2299
}
Mark Otto's avatar
Mark Otto committed
2300

2301
.btn-link {
2302
  font-weight: normal;
2303
  color: #0275d8;
2304
  border-radius: 0;
2305
}
Mark Otto's avatar
grunt    
Mark Otto committed
2306
.btn-link, .btn-link:active, .btn-link.active, .btn-link:disabled, fieldset[disabled] .btn-link {
2307
  background-color: transparent;
2308
}
Mark Otto's avatar
Mark Otto committed
2309
.btn-link, .btn-link:focus, .btn-link:active {
2310
  border-color: transparent;
2311
}
Mark Otto's avatar
Mark Otto committed
2312
2313
2314
2315
.btn-link:hover {
  border-color: transparent;
}
.btn-link:focus, .btn-link:hover {
2316
  color: #014c8c;
2317
2318
  text-decoration: underline;
  background-color: transparent;
2319
}
Mark Otto's avatar
Mark Otto committed
2320
.btn-link:disabled:focus, .btn-link:disabled:hover, fieldset[disabled] .btn-link:focus, fieldset[disabled] .btn-link:hover {
2321
  color: #818a91;
2322
  text-decoration: none;
2323
}
Mark Otto's avatar
Mark Otto committed
2324
2325

.btn-lg, .btn-group-lg > .btn {
Mark Otto's avatar
Mark Otto committed
2326
  padding: .75rem 1.5rem;
Mark Otto's avatar
Mark Otto committed
2327
  font-size: 1.25rem;
Mark Otto's avatar
grunt    
Mark Otto committed
2328
  line-height: 1.333333;
Mark Otto's avatar
Mark Otto committed
2329
  border-radius: .3rem;
2330
}
Mark Otto's avatar
Mark Otto committed
2331
2332

.btn-sm, .btn-group-sm > .btn {
Mark Otto's avatar
Mark Otto committed
2333
2334
  padding: .3rem .75rem;
  font-size: .85rem;
2335
  line-height: 1.5;
Mark Otto's avatar
Mark Otto committed
2336
  border-radius: .2rem;
2337
}
Mark Otto's avatar
Mark Otto committed
2338
2339

.btn-xs, .btn-group-xs > .btn {
Mark Otto's avatar
Mark Otto committed
2340
2341
  padding: .2rem .5rem;
  font-size: .75rem;
2342
  line-height: 1.5;
Mark Otto's avatar
Mark Otto committed
2343
  border-radius: .2rem;
2344
}
Mark Otto's avatar
Mark Otto committed
2345

2346
2347
2348
.btn-block {
  display: block;
  width: 100%;
2349
}
Mark Otto's avatar
Mark Otto committed
2350

2351
2352
.btn-block + .btn-block {
  margin-top: 5px;
2353
}
Mark Otto's avatar
Mark Otto committed
2354
2355

input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block {
2356
  width: 100%;
2357
}
Mark Otto's avatar
Mark Otto committed
2358

2359
2360
2361
.fade {
  opacity: 0;
  -webkit-transition: opacity .15s linear;
Bas Bosman's avatar
Bas Bosman committed
2362
       -o-transition: opacity .15s linear;
2363
          transition: opacity .15s linear;
2364
}
2365
2366
.fade.in {
  opacity: 1;
2367
}
Mark Otto's avatar
Mark Otto committed
2368

2369
2370
.collapse {
  display: none;
2371
}
2372
2373
.collapse.in {
  display: block;
2374
}
Mark Otto's avatar
Mark Otto committed
2375

2376
2377
2378
2379
.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
Mark Otto's avatar
Mark Otto committed
2380
2381
  -webkit-transition-timing-function: ease;
       -o-transition-timing-function: ease;
Mark Otto's avatar
grunt    
Mark Otto committed
2382
          transition-timing-function: ease;
Mark Otto's avatar
Mark Otto committed
2383
2384
2385
  -webkit-transition-duration: .35s;
       -o-transition-duration: .35s;
          transition-duration: .35s;
Mark Otto's avatar
Mark Otto committed
2386
2387
2388
  -webkit-transition-property: height;
       -o-transition-property: height;
          transition-property: height;
2389
}
Mark Otto's avatar
Mark Otto committed
2390

Mark Otto's avatar
grunt    
Mark Otto committed
2391
.dropup, .dropdown {
2392
2393
  position: relative;
}
Mark Otto's avatar
Mark Otto committed
2394

2395
.dropdown-toggle:after {
2396
2397
2398
  display: inline-block;
  width: 0;
  height: 0;
2399
  margin-left: .25rem;
2400
  vertical-align: middle;
Mark Otto's avatar
Mark Otto committed
2401
2402
2403
2404
  content: "";
  border-top: .3em solid;
  border-right: .3em solid transparent;
  border-left: .3em solid transparent;
2405
2406
2407
2408
}
.dropdown-toggle:focus {
  outline: 0;
}
Mark Otto's avatar
Mark Otto committed
2409

2410
2411
2412
.dropdown-menu {
  position: absolute;
  top: 100%;
XhmikosR's avatar
XhmikosR committed
2413
  left: 0;
2414
2415
  z-index: 1000;
  display: none;
XhmikosR's avatar
XhmikosR committed
2416
  float: left;
2417
2418
2419
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
Mark Otto's avatar
Mark Otto committed
2420
  font-size: 1rem;
XhmikosR's avatar
XhmikosR committed
2421
  text-align: left;
Mark Otto's avatar
Mark Otto committed
2422
2423
  list-style: none;
  background-color: #fff;
Bas Bosman's avatar
Bas Bosman committed
2424
  -webkit-background-clip: padding-box;
Mark Otto's avatar
grunt    
Mark Otto committed
2425
          background-clip: padding-box;
Mark Otto's avatar
Mark Otto committed
2426
2427
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: .25rem;
2428
2429
2430
}
.dropdown-menu .divider {
  height: 1px;
2431
  margin: -.5 0;
2432
2433
2434
2435
2436
2437
2438
2439
  overflow: hidden;
  background-color: #e5e5e5;
}
.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
Mark Otto's avatar
Mark Otto committed
2440
  line-height: 1.5;
2441
  color: #373a3c;
2442
2443
  white-space: nowrap;
}
Mark Otto's avatar
Mark Otto committed
2444

Mark Otto's avatar
Mark Otto committed
2445
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
2446
  color: #2b2d2f;
Mark Otto's avatar
Mark Otto committed
2447
  text-decoration: none;
2448
2449
  background-color: #f5f5f5;
}
Mark Otto's avatar
Mark Otto committed
2450

Mark Otto's avatar
Mark Otto committed
2451
.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
Mark Otto's avatar
Mark Otto committed
2452
  color: #fff;
2453
  text-decoration: none;
Mark Otto's avatar
grunt    
Mark Otto committed
2454
  background-color: #0275d8;
Mark Otto's avatar
Mark Otto committed
2455
  outline: 0;
2456
}
Mark Otto's avatar
Mark Otto committed
2457

Mark Otto's avatar
Mark Otto committed
2458
.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:focus, .dropdown-menu > .disabled > a:hover {
2459
  color: #818a91;
2460
}
Mark Otto's avatar
Mark Otto committed
2461
.dropdown-menu > .disabled > a:focus, .dropdown-menu > .disabled > a:hover {
2462
  text-decoration: none;
Mark Otto's avatar
Mark Otto committed
2463
  cursor: false;
2464
2465
  background-color: transparent;
  background-image: none;
Mark Otto's avatar
Mark Otto committed
2466
  filter: "progid:DXImageTransform.Microsoft.gradient(enabled = false)";
2467
}
Mark Otto's avatar
Mark Otto committed
2468

2469
2470
2471
2472
2473
2474
.open > .dropdown-menu {
  display: block;
}
.open > a {
  outline: 0;
}
Mark Otto's avatar
Mark Otto committed
2475

2476
.dropdown-menu-right {
Mark Otto's avatar
grunt    
Mark Otto committed
2477
  right: 0;
Mark Otto's avatar
Mark Otto committed
2478
  left: auto;
2479
}
Mark Otto's avatar
Mark Otto committed
2480

XhmikosR's avatar
XhmikosR committed
2481
.dropdown-menu-left {
Mark Otto's avatar
grunt    
Mark Otto committed
2482
  right: auto;
Mark Otto's avatar
Mark Otto committed
2483
  left: 0;
XhmikosR's avatar
XhmikosR committed
2484
}
Mark Otto's avatar
Mark Otto committed
2485

2486
2487
2488
.dropdown-header {
  display: block;
  padding: 3px 20px;
Mark Otto's avatar
Mark Otto committed
2489
  font-size: .85rem;
Mark Otto's avatar
Mark Otto committed
2490
  line-height: 1.5;
2491
  color: #818a91;
XhmikosR's avatar
XhmikosR committed
2492
  white-space: nowrap;
2493
}
Mark Otto's avatar
Mark Otto committed
2494

2495
2496
.dropdown-backdrop {
  position: fixed;
Mark Otto's avatar
Mark Otto committed
2497
  top: 0;
2498
  right: 0;
2499
  bottom: 0;
Mark Otto's avatar
Mark Otto committed
2500
  left: 0;
2501
2502
  z-index: 990;
}
Mark Otto's avatar
Mark Otto committed
2503

Mark Otto's avatar
Mark Otto committed
2504
.pull-right > .dropdown-menu {
XhmikosR's avatar
XhmikosR committed
2505
2506
  right: 0;
  left: auto;
2507
}
Mark Otto's avatar
Mark Otto committed
2508
2509

.dropup .caret, .navbar-fixed-bottom .dropdown .caret {
Mark Otto's avatar
grunt    
Mark Otto committed
2510
  content: "";
Mark Otto's avatar
Mark Otto committed
2511
2512
  border-top: 0;
  border-bottom: .3em solid;
2513
}
Mark Otto's avatar
Mark Otto committed
2514
.dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu {
2515
2516
  top: auto;
  bottom: 100%;
Mark Otto's avatar
Mark Otto committed
2517
  margin-bottom: 2px;
2518
}
Mark Otto's avatar
Mark Otto committed
2519
2520

.btn-group, .btn-group-vertical {
2521
2522
2523
2524
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
Mark Otto's avatar
Mark Otto committed
2525
.btn-group > .btn, .btn-group-vertical > .btn {
2526
  position: relative;
XhmikosR's avatar
XhmikosR committed
2527
  float: left;
2528
}
Mark Otto's avatar
Mark Otto committed
2529
2530
2531
2532
.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn.active {
  z-index: 2;
}
.btn-group > .btn:hover, .btn-group-vertical > .btn:hover {
2533
2534
  z-index: 2;
}
Mark Otto's avatar
Mark Otto committed
2535
2536

.btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group {
XhmikosR's avatar
XhmikosR committed
2537
  margin-left: -1px;
2538
}
Mark Otto's avatar
Mark Otto committed
2539

2540
.btn-toolbar {
XhmikosR's avatar
XhmikosR committed
2541
  margin-left: -5px;
2542
}
Mark Otto's avatar
Mark Otto committed
2543
2544
2545
2546
2547
2548
2549
2550
.btn-toolbar:before, .btn-toolbar:after {
  display: table; 
  content: " ";
}
.btn-toolbar:after {
  clear: both;
}
.btn-toolbar .btn-group, .btn-toolbar .input-group {
XhmikosR's avatar
XhmikosR committed
2551
  float: left;
2552
}
Mark Otto's avatar
Mark Otto committed
2553
.btn-toolbar > .btn, .btn-toolbar > .btn-group, .btn-toolbar > .input-group {
XhmikosR's avatar
XhmikosR committed
2554
  margin-left: 5px;
2555
}
Mark Otto's avatar
Mark Otto committed
2556

2557
2558
2559
.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0;
}
Mark Otto's avatar
Mark Otto committed
2560

2561
.btn-group > .btn:first-child {
XhmikosR's avatar
XhmikosR committed
2562
  margin-left: 0;
2563
2564
}
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
Mark Otto's avatar
Mark Otto committed
2565
  border-top-right-radius: 0; 
Mark Otto's avatar
Mark Otto committed
2566
  border-bottom-right-radius: 0;
2567
}
Mark Otto's avatar
Mark Otto committed
2568
2569
2570

.btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) {
  border-top-left-radius: 0; 
Mark Otto's avatar
Mark Otto committed
2571
  border-bottom-left-radius: 0;
2572
}
Mark Otto's avatar
Mark Otto committed
2573

2574
.btn-group > .btn-group {
XhmikosR's avatar
XhmikosR committed
2575
  float: left;
2576
}
Mark Otto's avatar
Mark Otto committed
2577

2578
2579
2580
.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}
Mark Otto's avatar
Mark Otto committed
2581

Mark Otto's avatar
grunt    
Mark Otto committed
2582
.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
Mark Otto's avatar
Mark Otto committed
2583
  border-top-right-radius: 0; 
Mark Otto's avatar
Mark Otto committed
2584
  border-bottom-right-radius: 0;
2585
}
Mark Otto's avatar
Mark Otto committed
2586

Mark Otto's avatar
grunt    
Mark Otto committed
2587
.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
Mark Otto's avatar
Mark Otto committed
2588
  border-top-left-radius: 0; 
Mark Otto's avatar
Mark Otto committed
2589
  border-bottom-left-radius: 0;
XhmikosR's avatar
XhmikosR committed
2590
}
Mark Otto's avatar
Mark Otto committed
2591
2592

.btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle {
2593
2594
  outline: 0;
}
Mark Otto's avatar
Mark Otto committed
2595

2596
.btn-group > .btn + .dropdown-toggle {
Mark Otto's avatar
grunt    
Mark Otto committed
2597
  padding-right: 8px;
Mark Otto's avatar
Mark Otto committed
2598
  padding-left: 8px;
2599
}
Mark Otto's avatar
Mark Otto committed
2600
2601

.btn-group > .btn-lg + .dropdown-toggle, .btn-group-lg.btn-group > .btn + .dropdown-toggle {
Mark Otto's avatar
grunt    
Mark Otto committed
2602
  padding-right: 12px;
Mark Otto's avatar
Mark Otto committed
2603
  padding-left: 12px;
2604
}
Mark Otto's avatar
Mark Otto committed
2605

2606
.btn .caret {
XhmikosR's avatar
XhmikosR committed
2607
  margin-left: 0;
2608
}
Mark Otto's avatar
Mark Otto committed
2609
2610

.btn-lg .caret, .btn-group-lg > .btn .caret {
Mark Otto's avatar
Mark Otto committed
2611
  border-width: .3em .3em 0;
2612
2613
  border-bottom-width: 0;
}
Mark Otto's avatar
Mark Otto committed
2614
2615

.dropup .btn-lg .caret, .dropup .btn-group-lg > .btn .caret {
Mark Otto's avatar
Mark Otto committed
2616
  border-width: 0 .3em .3em;
2617
}
Mark Otto's avatar
Mark Otto committed
2618
2619

.btn-group-vertical > .btn, .btn-group-vertical > .btn-group, .btn-group-vertical > .btn-group > .btn {
2620
2621
2622
2623
2624
  display: block;
  float: none;
  width: 100%;
  max-width: 100%;
}
Mark Otto's avatar
Mark Otto committed
2625
2626
2627
2628
2629
2630
2631
.btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after {
  display: table; 
  content: " ";
}
.btn-group-vertical > .btn-group:after {
  clear: both;
}
2632
2633
2634
.btn-group-vertical > .btn-group > .btn {
  float: none;
}
Mark Otto's avatar
Mark Otto committed
2635
.btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-group + .btn-group {
2636
  margin-top: -1px;
XhmikosR's avatar
XhmikosR committed
2637
  margin-left: 0;
2638
}
Mark Otto's avatar
Mark Otto committed
2639

2640
2641
2642
2643
.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.btn-group-vertical > .btn:first-child:not(:last-child) {
Mark Otto's avatar
Mark Otto committed
2644
  border-top-right-radius: .25rem;
2645
  border-bottom-right-radius: 0;
2646
  border-bottom-left-radius: 0;
2647
2648
}
.btn-group-vertical > .btn:last-child:not(:first-child) {
Mark Otto's avatar
Mark Otto committed
2649
  border-top-left-radius: 0; 
Mark Otto's avatar
Mark Otto committed
2650
2651
  border-top-right-radius: 0;
  border-bottom-left-radius: .25rem;
2652
}
Mark Otto's avatar
Mark Otto committed
2653

2654
2655
2656
.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}
Mark Otto's avatar
Mark Otto committed
2657
2658

.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
2659
  border-bottom-right-radius: 0;
2660
  border-bottom-left-radius: 0;
2661
}
Mark Otto's avatar
Mark Otto committed
2662

2663
.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
Mark Otto's avatar
Mark Otto committed
2664
  border-top-left-radius: 0; 
Mark Otto's avatar
Mark Otto committed
2665
  border-top-right-radius: 0;
2666
}
Mark Otto's avatar
Mark Otto committed
2667
2668

[data-toggle="buttons"] > .btn input[type="radio"], [data-toggle="buttons"] > .btn input[type="checkbox"], [data-toggle="buttons"] > .btn-group > .btn input[type="radio"], [data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
2669
  position: absolute;
Mark Otto's avatar
grunt    
Mark Otto committed
2670
2671
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
2672
}
Mark Otto's avatar
Mark Otto committed
2673

2674
2675
2676
2677
2678
2679
2680
.input-group {
  position: relative;
  display: table;
  border-collapse: separate;
}
.input-group[class*="col-"] {
  float: none;
Mark Otto's avatar
grunt    
Mark Otto committed
2681
  padding-right: 0;
Mark Otto's avatar
Mark Otto committed
2682
  padding-left: 0;
2683
2684
2685
2686
}
.input-group .form-control {
  position: relative;
  z-index: 2;
XhmikosR's avatar
XhmikosR committed
2687
  float: left;
2688
2689
2690
  width: 100%;
  margin-bottom: 0;
}
Mark Otto's avatar
Mark Otto committed
2691
2692

.input-group-addon, .input-group-btn, .input-group .form-control {
2693
2694
  display: table-cell;
}
Mark Otto's avatar
Mark Otto committed
2695
.input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-child) {
2696
2697
  border-radius: 0;
}
Mark Otto's avatar
Mark Otto committed
2698
2699

.input-group-addon, .input-group-btn {
2700
2701
2702
2703
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
}
Mark Otto's avatar
Mark Otto committed
2704

2705
.input-group-addon {
Mark Otto's avatar
Mark Otto committed
2706
  padding: .5rem .75rem;
Mark Otto's avatar
Mark Otto committed
2707
  font-size: 1rem;
2708
2709
  font-weight: normal;
  line-height: 1;
2710
  color: #55595c;
2711
  text-align: center;
2712
  background-color: #eceeef;
Mark Otto's avatar
Mark Otto committed
2713
2714
  border: 1px solid #ccc;
  border-radius: .25rem;
2715
}
Mark Otto's avatar
Mark Otto committed
2716
.input-group-addon.input-sm, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .input-group-addon.btn {
Mark Otto's avatar
Mark Otto committed
2717
2718
2719
  padding: .3rem .75rem;
  font-size: .85rem;
  border-radius: .2rem;
2720
}
Mark Otto's avatar
Mark Otto committed
2721
.input-group-addon.input-lg, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .input-group-addon.btn {
Mark Otto's avatar
Mark Otto committed
2722
  padding: .75rem 1.5rem;
Mark Otto's avatar
Mark Otto committed
2723
  font-size: 1.25rem;
Mark Otto's avatar
Mark Otto committed
2724
  border-radius: .3rem;
2725
}
Mark Otto's avatar
Mark Otto committed
2726
.input-group-addon input[type="radio"], .input-group-addon input[type="checkbox"] {
2727
2728
  margin-top: 0;
}
Mark Otto's avatar
Mark Otto committed
2729
2730
2731

.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
  border-top-right-radius: 0; 
Mark Otto's avatar
Mark Otto committed
2732
  border-bottom-right-radius: 0;
2733
}
Mark Otto's avatar
Mark Otto committed
2734

2735
.input-group-addon:first-child {
XhmikosR's avatar
XhmikosR committed
2736
  border-right: 0;
2737
}
Mark Otto's avatar
Mark Otto committed
2738
2739
2740

.input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0; 
Mark Otto's avatar
Mark Otto committed
2741
  border-bottom-left-radius: 0;
2742
}
Mark Otto's avatar
Mark Otto committed
2743

2744
.input-group-addon:last-child {
XhmikosR's avatar
XhmikosR committed
2745
  border-left: 0;
2746
}
Mark Otto's avatar
Mark Otto committed
2747

2748
2749
2750
2751
2752
2753
2754
2755
2756
.input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap;
}
.input-group-btn > .btn {
  position: relative;
}
.input-group-btn > .btn + .btn {
XhmikosR's avatar
XhmikosR committed
2757
  margin-left: -1px;
2758
}
Mark Otto's avatar
Mark Otto committed
2759
.input-group-btn > .btn:focus, .input-group-btn > .btn:active, .input-group-btn > .btn:hover {
2760
2761
  z-index: 2;
}
Mark Otto's avatar
Mark Otto committed
2762
.input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group {
XhmikosR's avatar
XhmikosR committed
2763
  margin-right: -1px;
2764
}
Mark Otto's avatar
Mark Otto committed
2765
.input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group {
XhmikosR's avatar
XhmikosR committed
2766
  margin-left: -1px;
2767
}
Mark Otto's avatar
Mark Otto committed
2768

2769
2770
.c-input {
  position: relative;
2771
  display: inline;
2772
2773
2774
2775
2776
2777
2778
2779
2780
  padding-left: 1.5rem;
  color: #555;
  cursor: pointer;
}
.c-input > input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
2781
2782
2783
2784
2785
2786
2787
2788
2789
2790
2791
.c-input > input:checked ~ .c-indicator {
  color: #fff;
  background-color: #0074d9;
}
.c-input > input:active ~ .c-indicator {
  color: #fff;
  background-color: #84c6ff;
}
.c-input + .c-input {
  margin-left: 1rem;
}
2792
2793
2794

.c-indicator {
  position: absolute;
2795
  top: 0;
2796
2797
2798
2799
2800
2801
2802
2803
2804
2805
2806
  left: 0;
  display: block;
  width: 1rem;
  height: 1rem;
  font-size: 65%;
  line-height: 1rem;
  color: #eee;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
2807
          user-select: none;
2808
2809
2810
2811
2812
2813
2814
2815
2816
2817
2818
2819
2820
  background-color: #eee;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: 50% 50%;
          background-size: 50% 50%;
}

.c-checkbox .c-indicator {
  border-radius: .25rem;
}
.c-checkbox input:checked ~ .c-indicator {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgOCA4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA4IDgiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTYuNCwxTDUuNywxLjdMMi45LDQuNUwyLjEsMy43TDEuNCwzTDAsNC40bDAuNywwLjdsMS41LDEuNWwwLjcsMC43bDAuNy0wLjdsMy41LTMuNWwwLjctMC43TDYuNCwxTDYuNCwxeiINCgkvPg0KPC9zdmc+DQo=);
}
Mark Otto's avatar
Mark Otto committed
2821
2822
2823
2824
.c-checkbox input:indeterminate ~ .c-indicator {
  background-color: #0074d9;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iOHB4IiBoZWlnaHQ9IjhweCIgdmlld0JveD0iMCAwIDggOCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgOCA4IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0wLDN2Mmg4VjNIMHoiLz4NCjwvc3ZnPg0K);
}
2825
2826
2827
2828
2829
2830
2831
2832

.c-radio .c-indicator {
  border-radius: 50%;
}
.c-radio input:checked ~ .c-indicator {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgOCA4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA4IDgiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTQsMUMyLjMsMSwxLDIuMywxLDRzMS4zLDMsMywzczMtMS4zLDMtM1M1LjcsMSw0LDF6Ii8+DQo8L3N2Zz4NCg==);
}

2833
2834
2835
2836
2837
.c-inputs-stacked .c-input {
  display: inline;
}
.c-inputs-stacked .c-input:after {
  display: block;
2838
  margin-bottom: .25rem;
2839
2840
2841
2842
2843
2844
  content: "";
}
.c-inputs-stacked .c-input + .c-input {
  margin-left: 0;
}

2845
2846
2847
2848
2849
.select {
  position: relative;
  display: inline-block;
  color: #555;
}
2850
.select > select {
2851
2852
2853
2854
2855
2856
2857
2858
2859
2860
2861
2862
2863
2864
2865
  display: inline-block;
  width: 100%;
  -webkit-appearance: none;
  padding: .5rem 2.25rem .5rem 1rem;
  margin: 0;
  line-height: 1.5;
  color: #555;
  cursor: pointer;
  background-color: #eee;
  border: 0;
  border-radius: .25rem;
  outline: 0;

          appearance: none;
}
2866
2867
2868
2869
2870
.select > select:focus {
  -webkit-box-shadow: 0 0 0 .075rem #fff, 0 0 0 .2rem #0074d9;
          box-shadow: 0 0 0 .075rem #fff, 0 0 0 .2rem #0074d9;
}
.select > select:focus:-moz-focusring {
2871
2872
2873
  color: transparent;
  text-shadow: 0 0 0 #000;
}
2874
2875
2876
2877
2878
2879
2880
.select > select:active {
  color: #fff;
  background-color: #0074d9;
}
.select > select::-ms-expand {
  display: none;
}
2881
2882
2883
2884
2885
2886
2887
2888
2889
2890
2891
2892
2893
2894
2895
2896
.select:after {
  position: absolute;
  top: 50%;
  right: 1.25rem;
  display: inline-block;
  width: 0;
  height: 0;
  margin-top: -.15rem;
  pointer-events: none;
  content: "";
  border-top: .35rem solid;
  border-right: .35rem solid transparent;
  border-bottom: .35rem solid transparent;
  border-left: .35rem solid transparent;
}

Mark Otto's avatar
Mark Otto committed
2897
2898
2899
2900
.select select:hover {
  background-color: #ddd;
}

2901
2902
@-moz-document url-prefix() {
  .select select {
2903
    padding-right: 1rem;
2904
    text-indent: .01px;
2905
    text-overflow: "";
2906
2907
2908
2909
2910
2911
2912
2913
2914
2915
2916
2917
2918
2919
2920
2921
2922
2923
2924
2925
2926
2927
2928
2929
2930
2931
  }

  .select option {
    background-color: #fff;
  }
}

@media screen and (min-width: 0\0) {
  .select select {
    z-index: 1;
    padding: .5rem 1.5rem .5rem 1rem;
  }
  .select:after {
    z-index: 5;
  }
  .select:before {
    position: absolute;
    top: 0;
    right: 1rem;
    bottom: 0;
    z-index: 2;
    display: block;
    width: 1.5rem;
    content: "";
    background-color: #eee;
  }
Mark Otto's avatar
Mark Otto committed
2932
  .select select:focus, .select select:active, .select select:hover {
2933
2934
2935
2936
2937
2938
2939
2940
    color: #555;
    background-color: #eee;
  }
}

.file {
  position: relative;
  display: inline-block;
2941
  height: 2.5rem;
2942
2943
2944
2945
2946
2947
2948
2949
2950
2951
2952
2953
2954
2955
2956
2957
2958
2959
2960
2961
2962
2963
2964
  cursor: pointer;
}

.file input {
  min-width: 14rem;
  margin: 0;
  filter: alpha(opacity=0);
  opacity: 0;
}

.file-custom {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 5;
  height: 2.5rem;
  padding: .5rem 1rem;
  line-height: 1.5;
  color: #555;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
2965
          user-select: none;
2966
2967
2968
2969
2970
2971
2972
2973
2974
2975
2976
2977
2978
2979
2980
2981
2982
2983
2984
2985
2986
2987
2988
2989
2990
2991
2992
2993
2994
2995
2996
2997
2998
  background-color: #fff;
  border: .075rem solid #ddd;
  border-radius: .25rem;
  -webkit-box-shadow: inset 0 .2rem .4rem rgba(0, 0, 0, .05);
          box-shadow: inset 0 .2rem .4rem rgba(0, 0, 0, .05);
}

.file-custom:after {
  content: "Choose file...";
}

.file-custom:before {
  position: absolute;
  top: -.075rem;
  right: -.075rem;
  bottom: -.075rem;
  z-index: 6;
  display: block;
  height: 2.5rem;
  padding: .5rem 1rem;
  line-height: 1.5;
  color: #555;
  content: "Browse";
  background-color: #eee;
  border: .075rem solid #ddd;
  border-radius: 0 .25rem .25rem 0;
}

.file input:focus ~ .file-custom {
  -webkit-box-shadow: 0 0 0 .075rem #fff, 0 0 0 .2rem #0074d9;
          box-shadow: 0 0 0 .075rem #fff, 0 0 0 .2rem #0074d9;
}

Mark Otto's avatar
Mark Otto committed
2999
.nav {
Mark Otto's avatar
Mark Otto committed
3000
  margin-bottom: 0;
For faster browsing, not all history is shown. View entire blame