bootstrap.css 13 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530
  1. /*!
  2. * Bootstrap v3.1.1 (http://getbootstrap.com)
  3. * Copyright 2011-2014 Twitter, Inc.
  4. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
  5. */
  6. /*! normalize.css v3.0.0 | MIT License | git.io/normalize */
  7. button,
  8. input,
  9. optgroup,
  10. select,
  11. textarea {
  12. color: inherit;
  13. font: inherit;
  14. margin: 0;
  15. }
  16. button {
  17. overflow: visible;
  18. }
  19. button,
  20. select {
  21. text-transform: none;
  22. }
  23. button,
  24. html input[type="button"],
  25. input[type="reset"],
  26. input[type="submit"] {
  27. -webkit-appearance: button;
  28. cursor: pointer;
  29. }
  30. button[disabled],
  31. html input[disabled] {
  32. cursor: default;
  33. }
  34. button::-moz-focus-inner,
  35. input::-moz-focus-inner {
  36. border: 0;
  37. padding: 0;
  38. }
  39. input {
  40. line-height: normal;
  41. }
  42. input[type="checkbox"],
  43. input[type="radio"] {
  44. box-sizing: border-box;
  45. padding: 0;
  46. }
  47. input[type="number"]::-webkit-inner-spin-button,
  48. input[type="number"]::-webkit-outer-spin-button {
  49. height: auto;
  50. }
  51. input[type="search"] {
  52. -webkit-appearance: textfield;
  53. -moz-box-sizing: content-box;
  54. -webkit-box-sizing: content-box;
  55. box-sizing: content-box;
  56. }
  57. input[type="search"]::-webkit-search-cancel-button,
  58. input[type="search"]::-webkit-search-decoration {
  59. -webkit-appearance: none;
  60. }
  61. fieldset {
  62. border: 1px solid #c0c0c0;
  63. margin: 0 2px;
  64. padding: 0.35em 0.625em 0.75em;
  65. }
  66. legend {
  67. border: 0;
  68. padding: 0;
  69. }
  70. textarea {
  71. overflow: auto;
  72. }
  73. optgroup {
  74. font-weight: bold;
  75. }
  76. * {
  77. -webkit-box-sizing: border-box;
  78. -moz-box-sizing: border-box;
  79. box-sizing: border-box;
  80. }
  81. *:before,
  82. *:after {
  83. -webkit-box-sizing: border-box;
  84. -moz-box-sizing: border-box;
  85. box-sizing: border-box;
  86. }
  87. input,
  88. button,
  89. select,
  90. textarea {
  91. font-family: inherit;
  92. font-size: inherit;
  93. line-height: inherit;
  94. }
  95. .btn {
  96. display: inline-block;
  97. margin-bottom: 0;
  98. font-weight: normal;
  99. text-align: center;
  100. vertical-align: middle;
  101. cursor: pointer;
  102. background-image: none;
  103. border: 1px solid transparent;
  104. white-space: nowrap;
  105. padding: 6px 12px;
  106. font-size: 14px;
  107. line-height: 1.42857143;
  108. border-radius: 4px;
  109. -webkit-user-select: none;
  110. -moz-user-select: none;
  111. -ms-user-select: none;
  112. user-select: none;
  113. }
  114. .btn:focus,
  115. .btn:active:focus,
  116. .btn.active:focus {
  117. outline: thin dotted;
  118. outline: 5px auto -webkit-focus-ring-color;
  119. outline-offset: -2px;
  120. }
  121. .btn:hover,
  122. .btn:focus {
  123. color: #333333;
  124. text-decoration: none;
  125. }
  126. .btn:active,
  127. .btn.active {
  128. outline: 0;
  129. background-image: none;
  130. -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  131. box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  132. }
  133. .btn.disabled,
  134. .btn[disabled],
  135. fieldset[disabled] .btn {
  136. cursor: not-allowed;
  137. pointer-events: none;
  138. opacity: 0.65;
  139. filter: alpha(opacity=65);
  140. -webkit-box-shadow: none;
  141. box-shadow: none;
  142. }
  143. .btn-default {
  144. color: #333333;
  145. background-color: #ffffff;
  146. border-color: #cccccc;
  147. }
  148. .btn-default:hover,
  149. .btn-default:focus,
  150. .btn-default:active,
  151. .btn-default.active,
  152. .open .dropdown-toggle.btn-default {
  153. color: #333333;
  154. background-color: #ebebeb;
  155. border-color: #adadad;
  156. }
  157. .btn-default:active,
  158. .btn-default.active,
  159. .open .dropdown-toggle.btn-default {
  160. background-image: none;
  161. }
  162. .btn-default.disabled,
  163. .btn-default[disabled],
  164. fieldset[disabled] .btn-default,
  165. .btn-default.disabled:hover,
  166. .btn-default[disabled]:hover,
  167. fieldset[disabled] .btn-default:hover,
  168. .btn-default.disabled:focus,
  169. .btn-default[disabled]:focus,
  170. fieldset[disabled] .btn-default:focus,
  171. .btn-default.disabled:active,
  172. .btn-default[disabled]:active,
  173. fieldset[disabled] .btn-default:active,
  174. .btn-default.disabled.active,
  175. .btn-default[disabled].active,
  176. fieldset[disabled] .btn-default.active {
  177. background-color: #ffffff;
  178. border-color: #cccccc;
  179. }
  180. .btn-default .badge {
  181. color: #ffffff;
  182. background-color: #333333;
  183. }
  184. .btn-primary {
  185. color: #ffffff;
  186. background-color: #428bca;
  187. border-color: #357ebd;
  188. }
  189. .btn-primary:hover,
  190. .btn-primary:focus,
  191. .btn-primary:active,
  192. .btn-primary.active,
  193. .open .dropdown-toggle.btn-primary {
  194. color: #ffffff;
  195. background-color: #3276b1;
  196. border-color: #285e8e;
  197. }
  198. .btn-primary:active,
  199. .btn-primary.active,
  200. .open .dropdown-toggle.btn-primary {
  201. background-image: none;
  202. }
  203. .btn-primary.disabled,
  204. .btn-primary[disabled],
  205. fieldset[disabled] .btn-primary,
  206. .btn-primary.disabled:hover,
  207. .btn-primary[disabled]:hover,
  208. fieldset[disabled] .btn-primary:hover,
  209. .btn-primary.disabled:focus,
  210. .btn-primary[disabled]:focus,
  211. fieldset[disabled] .btn-primary:focus,
  212. .btn-primary.disabled:active,
  213. .btn-primary[disabled]:active,
  214. fieldset[disabled] .btn-primary:active,
  215. .btn-primary.disabled.active,
  216. .btn-primary[disabled].active,
  217. fieldset[disabled] .btn-primary.active {
  218. background-color: #428bca;
  219. border-color: #357ebd;
  220. }
  221. .btn-primary .badge {
  222. color: #428bca;
  223. background-color: #ffffff;
  224. }
  225. .btn-success {
  226. color: #ffffff;
  227. background-color: #5cb85c;
  228. border-color: #4cae4c;
  229. }
  230. .btn-success:hover,
  231. .btn-success:focus,
  232. .btn-success:active,
  233. .btn-success.active,
  234. .open .dropdown-toggle.btn-success {
  235. color: #ffffff;
  236. background-color: #47a447;
  237. border-color: #398439;
  238. }
  239. .btn-success:active,
  240. .btn-success.active,
  241. .open .dropdown-toggle.btn-success {
  242. background-image: none;
  243. }
  244. .btn-success.disabled,
  245. .btn-success[disabled],
  246. fieldset[disabled] .btn-success,
  247. .btn-success.disabled:hover,
  248. .btn-success[disabled]:hover,
  249. fieldset[disabled] .btn-success:hover,
  250. .btn-success.disabled:focus,
  251. .btn-success[disabled]:focus,
  252. fieldset[disabled] .btn-success:focus,
  253. .btn-success.disabled:active,
  254. .btn-success[disabled]:active,
  255. fieldset[disabled] .btn-success:active,
  256. .btn-success.disabled.active,
  257. .btn-success[disabled].active,
  258. fieldset[disabled] .btn-success.active {
  259. background-color: #5cb85c;
  260. border-color: #4cae4c;
  261. }
  262. .btn-success .badge {
  263. color: #5cb85c;
  264. background-color: #ffffff;
  265. }
  266. .btn-info {
  267. color: #ffffff;
  268. background-color: #5bc0de;
  269. border-color: #46b8da;
  270. }
  271. .btn-info:hover,
  272. .btn-info:focus,
  273. .btn-info:active,
  274. .btn-info.active,
  275. .open .dropdown-toggle.btn-info {
  276. color: #ffffff;
  277. background-color: #39b3d7;
  278. border-color: #269abc;
  279. }
  280. .btn-info:active,
  281. .btn-info.active,
  282. .open .dropdown-toggle.btn-info {
  283. background-image: none;
  284. }
  285. .btn-info.disabled,
  286. .btn-info[disabled],
  287. fieldset[disabled] .btn-info,
  288. .btn-info.disabled:hover,
  289. .btn-info[disabled]:hover,
  290. fieldset[disabled] .btn-info:hover,
  291. .btn-info.disabled:focus,
  292. .btn-info[disabled]:focus,
  293. fieldset[disabled] .btn-info:focus,
  294. .btn-info.disabled:active,
  295. .btn-info[disabled]:active,
  296. fieldset[disabled] .btn-info:active,
  297. .btn-info.disabled.active,
  298. .btn-info[disabled].active,
  299. fieldset[disabled] .btn-info.active {
  300. background-color: #5bc0de;
  301. border-color: #46b8da;
  302. }
  303. .btn-info .badge {
  304. color: #5bc0de;
  305. background-color: #ffffff;
  306. }
  307. .btn-warning {
  308. color: #ffffff;
  309. background-color: #f0ad4e;
  310. border-color: #eea236;
  311. }
  312. .btn-warning:hover,
  313. .btn-warning:focus,
  314. .btn-warning:active,
  315. .btn-warning.active,
  316. .open .dropdown-toggle.btn-warning {
  317. color: #ffffff;
  318. background-color: #ed9c28;
  319. border-color: #d58512;
  320. }
  321. .btn-warning:active,
  322. .btn-warning.active,
  323. .open .dropdown-toggle.btn-warning {
  324. background-image: none;
  325. }
  326. .btn-warning.disabled,
  327. .btn-warning[disabled],
  328. fieldset[disabled] .btn-warning,
  329. .btn-warning.disabled:hover,
  330. .btn-warning[disabled]:hover,
  331. fieldset[disabled] .btn-warning:hover,
  332. .btn-warning.disabled:focus,
  333. .btn-warning[disabled]:focus,
  334. fieldset[disabled] .btn-warning:focus,
  335. .btn-warning.disabled:active,
  336. .btn-warning[disabled]:active,
  337. fieldset[disabled] .btn-warning:active,
  338. .btn-warning.disabled.active,
  339. .btn-warning[disabled].active,
  340. fieldset[disabled] .btn-warning.active {
  341. background-color: #f0ad4e;
  342. border-color: #eea236;
  343. }
  344. .btn-warning .badge {
  345. color: #f0ad4e;
  346. background-color: #ffffff;
  347. }
  348. .btn-danger {
  349. color: #ffffff;
  350. background-color: #d9534f;
  351. border-color: #d43f3a;
  352. }
  353. .btn-danger:hover,
  354. .btn-danger:focus,
  355. .btn-danger:active,
  356. .btn-danger.active,
  357. .open .dropdown-toggle.btn-danger {
  358. color: #ffffff;
  359. background-color: #d2322d;
  360. border-color: #ac2925;
  361. }
  362. .btn-danger:active,
  363. .btn-danger.active,
  364. .open .dropdown-toggle.btn-danger {
  365. background-image: none;
  366. }
  367. .btn-danger.disabled,
  368. .btn-danger[disabled],
  369. fieldset[disabled] .btn-danger,
  370. .btn-danger.disabled:hover,
  371. .btn-danger[disabled]:hover,
  372. fieldset[disabled] .btn-danger:hover,
  373. .btn-danger.disabled:focus,
  374. .btn-danger[disabled]:focus,
  375. fieldset[disabled] .btn-danger:focus,
  376. .btn-danger.disabled:active,
  377. .btn-danger[disabled]:active,
  378. fieldset[disabled] .btn-danger:active,
  379. .btn-danger.disabled.active,
  380. .btn-danger[disabled].active,
  381. fieldset[disabled] .btn-danger.active {
  382. background-color: #d9534f;
  383. border-color: #d43f3a;
  384. }
  385. .btn-danger .badge {
  386. color: #d9534f;
  387. background-color: #ffffff;
  388. }
  389. .btn-link {
  390. color: #428bca;
  391. font-weight: normal;
  392. cursor: pointer;
  393. border-radius: 0;
  394. }
  395. .btn-link,
  396. .btn-link:active,
  397. .btn-link[disabled],
  398. fieldset[disabled] .btn-link {
  399. background-color: transparent;
  400. -webkit-box-shadow: none;
  401. box-shadow: none;
  402. }
  403. .btn-link,
  404. .btn-link:hover,
  405. .btn-link:focus,
  406. .btn-link:active {
  407. border-color: transparent;
  408. }
  409. .btn-link:hover,
  410. .btn-link:focus {
  411. color: #2a6496;
  412. text-decoration: underline;
  413. background-color: transparent;
  414. }
  415. .btn-link[disabled]:hover,
  416. fieldset[disabled] .btn-link:hover,
  417. .btn-link[disabled]:focus,
  418. fieldset[disabled] .btn-link:focus {
  419. color: #999999;
  420. text-decoration: none;
  421. }
  422. .btn-lg {
  423. padding: 10px 16px;
  424. font-size: 18px;
  425. line-height: 1.33;
  426. border-radius: 6px;
  427. }
  428. .btn-sm {
  429. padding: 5px 10px;
  430. font-size: 12px;
  431. line-height: 1.5;
  432. border-radius: 3px;
  433. }
  434. .btn-xs {
  435. padding: 1px 5px;
  436. font-size: 12px;
  437. line-height: 1.5;
  438. border-radius: 3px;
  439. }
  440. .btn-block {
  441. display: block;
  442. width: 100%;
  443. padding-left: 0;
  444. padding-right: 0;
  445. }
  446. .btn-block + .btn-block {
  447. margin-top: 5px;
  448. }
  449. input[type="submit"].btn-block,
  450. input[type="reset"].btn-block,
  451. input[type="button"].btn-block {
  452. width: 100%;
  453. }
  454. @-webkit-keyframes progress-bar-stripes {
  455. from {
  456. background-position: 40px 0;
  457. }
  458. to {
  459. background-position: 0 0;
  460. }
  461. }
  462. @keyframes progress-bar-stripes {
  463. from {
  464. background-position: 40px 0;
  465. }
  466. to {
  467. background-position: 0 0;
  468. }
  469. }
  470. .progress {
  471. overflow: hidden;
  472. height: 20px;
  473. margin-bottom: 20px;
  474. background-color: #f5f5f5;
  475. border-radius: 4px;
  476. -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  477. box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  478. }
  479. .progress-bar {
  480. float: left;
  481. width: 0%;
  482. height: 100%;
  483. font-size: 12px;
  484. line-height: 20px;
  485. color: #ffffff;
  486. text-align: center;
  487. background-color: #428bca;
  488. -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  489. box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  490. -webkit-transition: width 0.6s ease;
  491. transition: width 0.6s ease;
  492. }
  493. .progress-striped .progress-bar {
  494. background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  495. background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  496. background-size: 40px 40px;
  497. }
  498. .progress.active .progress-bar {
  499. -webkit-animation: progress-bar-stripes 2s linear infinite;
  500. animation: progress-bar-stripes 2s linear infinite;
  501. }
  502. .progress-bar-success {
  503. background-color: #5cb85c;
  504. }
  505. .progress-striped .progress-bar-success {
  506. background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  507. background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  508. }
  509. .progress-bar-info {
  510. background-color: #5bc0de;
  511. }
  512. .progress-striped .progress-bar-info {
  513. background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  514. background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  515. }
  516. .progress-bar-warning {
  517. background-color: #f0ad4e;
  518. }
  519. .progress-striped .progress-bar-warning {
  520. background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  521. background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  522. }
  523. .progress-bar-danger {
  524. background-color: #d9534f;
  525. }
  526. .progress-striped .progress-bar-danger {
  527. background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  528. background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  529. }