grid.css 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723
  1. /* Thank you - Bootstrap v3.2.0 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */
  2. .container {
  3. margin-right: auto;
  4. margin-left: auto;
  5. padding-left: 15px;
  6. padding-right: 15px;
  7. }
  8. @media (min-width: 768px) {
  9. .container {
  10. width: 750px;
  11. }
  12. }
  13. @media (min-width: 992px) {
  14. .container {
  15. width: 970px;
  16. }
  17. }
  18. @media (min-width: 1200px) {
  19. .container {
  20. width: 1170px;
  21. }
  22. }
  23. .container-fluid {
  24. margin-right: auto;
  25. margin-left: auto;
  26. padding-left: 15px;
  27. padding-right: 15px;
  28. }
  29. .row {
  30. margin-left: -15px;
  31. margin-right: -15px;
  32. }
  33. .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  34. position: relative;
  35. min-height: 1px;
  36. padding-left: 15px;
  37. padding-right: 15px;
  38. }
  39. .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  40. float: left;
  41. }
  42. .col-xs-12 {
  43. width: 100%;
  44. }
  45. .col-xs-11 {
  46. width: 91.66666667%;
  47. }
  48. .col-xs-10 {
  49. width: 83.33333333%;
  50. }
  51. .col-xs-9 {
  52. width: 75%;
  53. }
  54. .col-xs-8 {
  55. width: 66.66666667%;
  56. }
  57. .col-xs-7 {
  58. width: 58.33333333%;
  59. }
  60. .col-xs-6 {
  61. width: 50%;
  62. }
  63. .col-xs-5 {
  64. width: 41.66666667%;
  65. }
  66. .col-xs-4 {
  67. width: 33.33333333%;
  68. }
  69. .col-xs-3 {
  70. width: 25%;
  71. }
  72. .col-xs-2 {
  73. width: 16.66666667%;
  74. }
  75. .col-xs-1 {
  76. width: 8.33333333%;
  77. }
  78. .col-xs-pull-12 {
  79. right: 100%;
  80. }
  81. .col-xs-pull-11 {
  82. right: 91.66666667%;
  83. }
  84. .col-xs-pull-10 {
  85. right: 83.33333333%;
  86. }
  87. .col-xs-pull-9 {
  88. right: 75%;
  89. }
  90. .col-xs-pull-8 {
  91. right: 66.66666667%;
  92. }
  93. .col-xs-pull-7 {
  94. right: 58.33333333%;
  95. }
  96. .col-xs-pull-6 {
  97. right: 50%;
  98. }
  99. .col-xs-pull-5 {
  100. right: 41.66666667%;
  101. }
  102. .col-xs-pull-4 {
  103. right: 33.33333333%;
  104. }
  105. .col-xs-pull-3 {
  106. right: 25%;
  107. }
  108. .col-xs-pull-2 {
  109. right: 16.66666667%;
  110. }
  111. .col-xs-pull-1 {
  112. right: 8.33333333%;
  113. }
  114. .col-xs-pull-0 {
  115. right: auto;
  116. }
  117. .col-xs-push-12 {
  118. left: 100%;
  119. }
  120. .col-xs-push-11 {
  121. left: 91.66666667%;
  122. }
  123. .col-xs-push-10 {
  124. left: 83.33333333%;
  125. }
  126. .col-xs-push-9 {
  127. left: 75%;
  128. }
  129. .col-xs-push-8 {
  130. left: 66.66666667%;
  131. }
  132. .col-xs-push-7 {
  133. left: 58.33333333%;
  134. }
  135. .col-xs-push-6 {
  136. left: 50%;
  137. }
  138. .col-xs-push-5 {
  139. left: 41.66666667%;
  140. }
  141. .col-xs-push-4 {
  142. left: 33.33333333%;
  143. }
  144. .col-xs-push-3 {
  145. left: 25%;
  146. }
  147. .col-xs-push-2 {
  148. left: 16.66666667%;
  149. }
  150. .col-xs-push-1 {
  151. left: 8.33333333%;
  152. }
  153. .col-xs-push-0 {
  154. left: auto;
  155. }
  156. .col-xs-offset-12 {
  157. margin-left: 100%;
  158. }
  159. .col-xs-offset-11 {
  160. margin-left: 91.66666667%;
  161. }
  162. .col-xs-offset-10 {
  163. margin-left: 83.33333333%;
  164. }
  165. .col-xs-offset-9 {
  166. margin-left: 75%;
  167. }
  168. .col-xs-offset-8 {
  169. margin-left: 66.66666667%;
  170. }
  171. .col-xs-offset-7 {
  172. margin-left: 58.33333333%;
  173. }
  174. .col-xs-offset-6 {
  175. margin-left: 50%;
  176. }
  177. .col-xs-offset-5 {
  178. margin-left: 41.66666667%;
  179. }
  180. .col-xs-offset-4 {
  181. margin-left: 33.33333333%;
  182. }
  183. .col-xs-offset-3 {
  184. margin-left: 25%;
  185. }
  186. .col-xs-offset-2 {
  187. margin-left: 16.66666667%;
  188. }
  189. .col-xs-offset-1 {
  190. margin-left: 8.33333333%;
  191. }
  192. .col-xs-offset-0 {
  193. margin-left: 0%;
  194. }
  195. @media (min-width: 768px) {
  196. .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
  197. float: left;
  198. }
  199. .col-sm-12 {
  200. width: 100%;
  201. }
  202. .col-sm-11 {
  203. width: 91.66666667%;
  204. }
  205. .col-sm-10 {
  206. width: 83.33333333%;
  207. }
  208. .col-sm-9 {
  209. width: 75%;
  210. }
  211. .col-sm-8 {
  212. width: 66.66666667%;
  213. }
  214. .col-sm-7 {
  215. width: 58.33333333%;
  216. }
  217. .col-sm-6 {
  218. width: 50%;
  219. }
  220. .col-sm-5 {
  221. width: 41.66666667%;
  222. }
  223. .col-sm-4 {
  224. width: 33.33333333%;
  225. }
  226. .col-sm-3 {
  227. width: 25%;
  228. }
  229. .col-sm-2 {
  230. width: 16.66666667%;
  231. }
  232. .col-sm-1 {
  233. width: 8.33333333%;
  234. }
  235. .col-sm-pull-12 {
  236. right: 100%;
  237. }
  238. .col-sm-pull-11 {
  239. right: 91.66666667%;
  240. }
  241. .col-sm-pull-10 {
  242. right: 83.33333333%;
  243. }
  244. .col-sm-pull-9 {
  245. right: 75%;
  246. }
  247. .col-sm-pull-8 {
  248. right: 66.66666667%;
  249. }
  250. .col-sm-pull-7 {
  251. right: 58.33333333%;
  252. }
  253. .col-sm-pull-6 {
  254. right: 50%;
  255. }
  256. .col-sm-pull-5 {
  257. right: 41.66666667%;
  258. }
  259. .col-sm-pull-4 {
  260. right: 33.33333333%;
  261. }
  262. .col-sm-pull-3 {
  263. right: 25%;
  264. }
  265. .col-sm-pull-2 {
  266. right: 16.66666667%;
  267. }
  268. .col-sm-pull-1 {
  269. right: 8.33333333%;
  270. }
  271. .col-sm-pull-0 {
  272. right: auto;
  273. }
  274. .col-sm-push-12 {
  275. left: 100%;
  276. }
  277. .col-sm-push-11 {
  278. left: 91.66666667%;
  279. }
  280. .col-sm-push-10 {
  281. left: 83.33333333%;
  282. }
  283. .col-sm-push-9 {
  284. left: 75%;
  285. }
  286. .col-sm-push-8 {
  287. left: 66.66666667%;
  288. }
  289. .col-sm-push-7 {
  290. left: 58.33333333%;
  291. }
  292. .col-sm-push-6 {
  293. left: 50%;
  294. }
  295. .col-sm-push-5 {
  296. left: 41.66666667%;
  297. }
  298. .col-sm-push-4 {
  299. left: 33.33333333%;
  300. }
  301. .col-sm-push-3 {
  302. left: 25%;
  303. }
  304. .col-sm-push-2 {
  305. left: 16.66666667%;
  306. }
  307. .col-sm-push-1 {
  308. left: 8.33333333%;
  309. }
  310. .col-sm-push-0 {
  311. left: auto;
  312. }
  313. .col-sm-offset-12 {
  314. margin-left: 100%;
  315. }
  316. .col-sm-offset-11 {
  317. margin-left: 91.66666667%;
  318. }
  319. .col-sm-offset-10 {
  320. margin-left: 83.33333333%;
  321. }
  322. .col-sm-offset-9 {
  323. margin-left: 75%;
  324. }
  325. .col-sm-offset-8 {
  326. margin-left: 66.66666667%;
  327. }
  328. .col-sm-offset-7 {
  329. margin-left: 58.33333333%;
  330. }
  331. .col-sm-offset-6 {
  332. margin-left: 50%;
  333. }
  334. .col-sm-offset-5 {
  335. margin-left: 41.66666667%;
  336. }
  337. .col-sm-offset-4 {
  338. margin-left: 33.33333333%;
  339. }
  340. .col-sm-offset-3 {
  341. margin-left: 25%;
  342. }
  343. .col-sm-offset-2 {
  344. margin-left: 16.66666667%;
  345. }
  346. .col-sm-offset-1 {
  347. margin-left: 8.33333333%;
  348. }
  349. .col-sm-offset-0 {
  350. margin-left: 0%;
  351. }
  352. }
  353. @media (min-width: 992px) {
  354. .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
  355. float: left;
  356. }
  357. .col-md-12 {
  358. width: 100%;
  359. }
  360. .col-md-11 {
  361. width: 91.66666667%;
  362. }
  363. .col-md-10 {
  364. width: 83.33333333%;
  365. }
  366. .col-md-9 {
  367. width: 75%;
  368. }
  369. .col-md-8 {
  370. width: 66.66666667%;
  371. }
  372. .col-md-7 {
  373. width: 58.33333333%;
  374. }
  375. .col-md-6 {
  376. width: 50%;
  377. }
  378. .col-md-5 {
  379. width: 41.66666667%;
  380. }
  381. .col-md-4 {
  382. width: 33.33333333%;
  383. }
  384. .col-md-3 {
  385. width: 25%;
  386. }
  387. .col-md-2 {
  388. width: 16.66666667%;
  389. }
  390. .col-md-1 {
  391. width: 8.33333333%;
  392. }
  393. .col-md-pull-12 {
  394. right: 100%;
  395. }
  396. .col-md-pull-11 {
  397. right: 91.66666667%;
  398. }
  399. .col-md-pull-10 {
  400. right: 83.33333333%;
  401. }
  402. .col-md-pull-9 {
  403. right: 75%;
  404. }
  405. .col-md-pull-8 {
  406. right: 66.66666667%;
  407. }
  408. .col-md-pull-7 {
  409. right: 58.33333333%;
  410. }
  411. .col-md-pull-6 {
  412. right: 50%;
  413. }
  414. .col-md-pull-5 {
  415. right: 41.66666667%;
  416. }
  417. .col-md-pull-4 {
  418. right: 33.33333333%;
  419. }
  420. .col-md-pull-3 {
  421. right: 25%;
  422. }
  423. .col-md-pull-2 {
  424. right: 16.66666667%;
  425. }
  426. .col-md-pull-1 {
  427. right: 8.33333333%;
  428. }
  429. .col-md-pull-0 {
  430. right: auto;
  431. }
  432. .col-md-push-12 {
  433. left: 100%;
  434. }
  435. .col-md-push-11 {
  436. left: 91.66666667%;
  437. }
  438. .col-md-push-10 {
  439. left: 83.33333333%;
  440. }
  441. .col-md-push-9 {
  442. left: 75%;
  443. }
  444. .col-md-push-8 {
  445. left: 66.66666667%;
  446. }
  447. .col-md-push-7 {
  448. left: 58.33333333%;
  449. }
  450. .col-md-push-6 {
  451. left: 50%;
  452. }
  453. .col-md-push-5 {
  454. left: 41.66666667%;
  455. }
  456. .col-md-push-4 {
  457. left: 33.33333333%;
  458. }
  459. .col-md-push-3 {
  460. left: 25%;
  461. }
  462. .col-md-push-2 {
  463. left: 16.66666667%;
  464. }
  465. .col-md-push-1 {
  466. left: 8.33333333%;
  467. }
  468. .col-md-push-0 {
  469. left: auto;
  470. }
  471. .col-md-offset-12 {
  472. margin-left: 100%;
  473. }
  474. .col-md-offset-11 {
  475. margin-left: 91.66666667%;
  476. }
  477. .col-md-offset-10 {
  478. margin-left: 83.33333333%;
  479. }
  480. .col-md-offset-9 {
  481. margin-left: 75%;
  482. }
  483. .col-md-offset-8 {
  484. margin-left: 66.66666667%;
  485. }
  486. .col-md-offset-7 {
  487. margin-left: 58.33333333%;
  488. }
  489. .col-md-offset-6 {
  490. margin-left: 50%;
  491. }
  492. .col-md-offset-5 {
  493. margin-left: 41.66666667%;
  494. }
  495. .col-md-offset-4 {
  496. margin-left: 33.33333333%;
  497. }
  498. .col-md-offset-3 {
  499. margin-left: 25%;
  500. }
  501. .col-md-offset-2 {
  502. margin-left: 16.66666667%;
  503. }
  504. .col-md-offset-1 {
  505. margin-left: 8.33333333%;
  506. }
  507. .col-md-offset-0 {
  508. margin-left: 0%;
  509. }
  510. }
  511. @media (min-width: 1200px) {
  512. .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
  513. float: left;
  514. }
  515. .col-lg-12 {
  516. width: 100%;
  517. }
  518. .col-lg-11 {
  519. width: 91.66666667%;
  520. }
  521. .col-lg-10 {
  522. width: 83.33333333%;
  523. }
  524. .col-lg-9 {
  525. width: 75%;
  526. }
  527. .col-lg-8 {
  528. width: 66.66666667%;
  529. }
  530. .col-lg-7 {
  531. width: 58.33333333%;
  532. }
  533. .col-lg-6 {
  534. width: 50%;
  535. }
  536. .col-lg-5 {
  537. width: 41.66666667%;
  538. }
  539. .col-lg-4 {
  540. width: 33.33333333%;
  541. }
  542. .col-lg-3 {
  543. width: 25%;
  544. }
  545. .col-lg-2 {
  546. width: 16.66666667%;
  547. }
  548. .col-lg-1 {
  549. width: 8.33333333%;
  550. }
  551. .col-lg-pull-12 {
  552. right: 100%;
  553. }
  554. .col-lg-pull-11 {
  555. right: 91.66666667%;
  556. }
  557. .col-lg-pull-10 {
  558. right: 83.33333333%;
  559. }
  560. .col-lg-pull-9 {
  561. right: 75%;
  562. }
  563. .col-lg-pull-8 {
  564. right: 66.66666667%;
  565. }
  566. .col-lg-pull-7 {
  567. right: 58.33333333%;
  568. }
  569. .col-lg-pull-6 {
  570. right: 50%;
  571. }
  572. .col-lg-pull-5 {
  573. right: 41.66666667%;
  574. }
  575. .col-lg-pull-4 {
  576. right: 33.33333333%;
  577. }
  578. .col-lg-pull-3 {
  579. right: 25%;
  580. }
  581. .col-lg-pull-2 {
  582. right: 16.66666667%;
  583. }
  584. .col-lg-pull-1 {
  585. right: 8.33333333%;
  586. }
  587. .col-lg-pull-0 {
  588. right: auto;
  589. }
  590. .col-lg-push-12 {
  591. left: 100%;
  592. }
  593. .col-lg-push-11 {
  594. left: 91.66666667%;
  595. }
  596. .col-lg-push-10 {
  597. left: 83.33333333%;
  598. }
  599. .col-lg-push-9 {
  600. left: 75%;
  601. }
  602. .col-lg-push-8 {
  603. left: 66.66666667%;
  604. }
  605. .col-lg-push-7 {
  606. left: 58.33333333%;
  607. }
  608. .col-lg-push-6 {
  609. left: 50%;
  610. }
  611. .col-lg-push-5 {
  612. left: 41.66666667%;
  613. }
  614. .col-lg-push-4 {
  615. left: 33.33333333%;
  616. }
  617. .col-lg-push-3 {
  618. left: 25%;
  619. }
  620. .col-lg-push-2 {
  621. left: 16.66666667%;
  622. }
  623. .col-lg-push-1 {
  624. left: 8.33333333%;
  625. }
  626. .col-lg-push-0 {
  627. left: auto;
  628. }
  629. .col-lg-offset-12 {
  630. margin-left: 100%;
  631. }
  632. .col-lg-offset-11 {
  633. margin-left: 91.66666667%;
  634. }
  635. .col-lg-offset-10 {
  636. margin-left: 83.33333333%;
  637. }
  638. .col-lg-offset-9 {
  639. margin-left: 75%;
  640. }
  641. .col-lg-offset-8 {
  642. margin-left: 66.66666667%;
  643. }
  644. .col-lg-offset-7 {
  645. margin-left: 58.33333333%;
  646. }
  647. .col-lg-offset-6 {
  648. margin-left: 50%;
  649. }
  650. .col-lg-offset-5 {
  651. margin-left: 41.66666667%;
  652. }
  653. .col-lg-offset-4 {
  654. margin-left: 33.33333333%;
  655. }
  656. .col-lg-offset-3 {
  657. margin-left: 25%;
  658. }
  659. .col-lg-offset-2 {
  660. margin-left: 16.66666667%;
  661. }
  662. .col-lg-offset-1 {
  663. margin-left: 8.33333333%;
  664. }
  665. .col-lg-offset-0 {
  666. margin-left: 0%;
  667. }
  668. }
  669. .clearfix:before,
  670. .clearfix:after,
  671. .container:before,
  672. .container:after,
  673. .container-fluid:before,
  674. .container-fluid:after,
  675. .row:before,
  676. .row:after {
  677. content: " ";
  678. display: table;
  679. }
  680. .clearfix:after,
  681. .container:after,
  682. .container-fluid:after,
  683. .row:after {
  684. clear: both;
  685. }
  686. .center-block {
  687. display: block;
  688. margin-left: auto;
  689. margin-right: auto;
  690. }
  691. .pull-right {
  692. float: right !important;
  693. }
  694. .pull-left {
  695. float: left !important;
  696. }
  697. .hide {
  698. display: none !important;
  699. }
  700. .show {
  701. display: block !important;
  702. }
  703. .invisible {
  704. visibility: hidden;
  705. }
  706. .text-hide {
  707. font: 0/0 a;
  708. color: transparent;
  709. text-shadow: none;
  710. background-color: transparent;
  711. border: 0;
  712. }
  713. .hidden {
  714. display: none !important;
  715. visibility: hidden !important;
  716. }
  717. .affix {
  718. position: fixed;
  719. -webkit-transform: translate3d(0, 0, 0);
  720. transform: translate3d(0, 0, 0);
  721. }