Nenhuma Descrição http://j1x-huginn.herokuapp.com

bootstrap-responsive.css 21KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089
  1. /*!
  2. * Bootstrap Responsive v2.2.1
  3. *
  4. * Copyright 2012 Twitter, Inc
  5. * Licensed under the Apache License v2.0
  6. * http://www.apache.org/licenses/LICENSE-2.0
  7. *
  8. * Designed and built with all the love in the world @twitter by @mdo and @fat.
  9. */
  10. .clearfix {
  11. *zoom: 1;
  12. }
  13. .clearfix:before,
  14. .clearfix:after {
  15. display: table;
  16. line-height: 0;
  17. content: "";
  18. }
  19. .clearfix:after {
  20. clear: both;
  21. }
  22. .hide-text {
  23. font: 0/0 a;
  24. color: transparent;
  25. text-shadow: none;
  26. background-color: transparent;
  27. border: 0;
  28. }
  29. .input-block-level {
  30. display: block;
  31. width: 100%;
  32. min-height: 30px;
  33. -webkit-box-sizing: border-box;
  34. -moz-box-sizing: border-box;
  35. box-sizing: border-box;
  36. }
  37. .hidden {
  38. display: none;
  39. visibility: hidden;
  40. }
  41. .visible-phone {
  42. display: none !important;
  43. }
  44. .visible-tablet {
  45. display: none !important;
  46. }
  47. .hidden-desktop {
  48. display: none !important;
  49. }
  50. .visible-desktop {
  51. display: inherit !important;
  52. }
  53. @media (min-width: 768px) and (max-width: 979px) {
  54. .hidden-desktop {
  55. display: inherit !important;
  56. }
  57. .visible-desktop {
  58. display: none !important ;
  59. }
  60. .visible-tablet {
  61. display: inherit !important;
  62. }
  63. .hidden-tablet {
  64. display: none !important;
  65. }
  66. }
  67. @media (max-width: 767px) {
  68. .hidden-desktop {
  69. display: inherit !important;
  70. }
  71. .visible-desktop {
  72. display: none !important;
  73. }
  74. .visible-phone {
  75. display: inherit !important;
  76. }
  77. .hidden-phone {
  78. display: none !important;
  79. }
  80. }
  81. @media (min-width: 1200px) {
  82. .row {
  83. margin-left: -30px;
  84. *zoom: 1;
  85. }
  86. .row:before,
  87. .row:after {
  88. display: table;
  89. line-height: 0;
  90. content: "";
  91. }
  92. .row:after {
  93. clear: both;
  94. }
  95. [class*="span"] {
  96. float: left;
  97. min-height: 1px;
  98. margin-left: 30px;
  99. }
  100. .container,
  101. .navbar-static-top .container,
  102. .navbar-fixed-top .container,
  103. .navbar-fixed-bottom .container {
  104. width: 1170px;
  105. }
  106. .span12 {
  107. width: 1170px;
  108. }
  109. .span11 {
  110. width: 1070px;
  111. }
  112. .span10 {
  113. width: 970px;
  114. }
  115. .span9 {
  116. width: 870px;
  117. }
  118. .span8 {
  119. width: 770px;
  120. }
  121. .span7 {
  122. width: 670px;
  123. }
  124. .span6 {
  125. width: 570px;
  126. }
  127. .span5 {
  128. width: 470px;
  129. }
  130. .span4 {
  131. width: 370px;
  132. }
  133. .span3 {
  134. width: 270px;
  135. }
  136. .span2 {
  137. width: 170px;
  138. }
  139. .span1 {
  140. width: 70px;
  141. }
  142. .offset12 {
  143. margin-left: 1230px;
  144. }
  145. .offset11 {
  146. margin-left: 1130px;
  147. }
  148. .offset10 {
  149. margin-left: 1030px;
  150. }
  151. .offset9 {
  152. margin-left: 930px;
  153. }
  154. .offset8 {
  155. margin-left: 830px;
  156. }
  157. .offset7 {
  158. margin-left: 730px;
  159. }
  160. .offset6 {
  161. margin-left: 630px;
  162. }
  163. .offset5 {
  164. margin-left: 530px;
  165. }
  166. .offset4 {
  167. margin-left: 430px;
  168. }
  169. .offset3 {
  170. margin-left: 330px;
  171. }
  172. .offset2 {
  173. margin-left: 230px;
  174. }
  175. .offset1 {
  176. margin-left: 130px;
  177. }
  178. .row-fluid {
  179. width: 100%;
  180. *zoom: 1;
  181. }
  182. .row-fluid:before,
  183. .row-fluid:after {
  184. display: table;
  185. line-height: 0;
  186. content: "";
  187. }
  188. .row-fluid:after {
  189. clear: both;
  190. }
  191. .row-fluid [class*="span"] {
  192. display: block;
  193. float: left;
  194. width: 100%;
  195. min-height: 30px;
  196. margin-left: 2.564102564102564%;
  197. *margin-left: 2.5109110747408616%;
  198. -webkit-box-sizing: border-box;
  199. -moz-box-sizing: border-box;
  200. box-sizing: border-box;
  201. }
  202. .row-fluid [class*="span"]:first-child {
  203. margin-left: 0;
  204. }
  205. .row-fluid .controls-row [class*="span"] + [class*="span"] {
  206. margin-left: 2.564102564102564%;
  207. }
  208. .row-fluid .span12 {
  209. width: 100%;
  210. *width: 99.94680851063829%;
  211. }
  212. .row-fluid .span11 {
  213. width: 91.45299145299145%;
  214. *width: 91.39979996362975%;
  215. }
  216. .row-fluid .span10 {
  217. width: 82.90598290598291%;
  218. *width: 82.8527914166212%;
  219. }
  220. .row-fluid .span9 {
  221. width: 74.35897435897436%;
  222. *width: 74.30578286961266%;
  223. }
  224. .row-fluid .span8 {
  225. width: 65.81196581196582%;
  226. *width: 65.75877432260411%;
  227. }
  228. .row-fluid .span7 {
  229. width: 57.26495726495726%;
  230. *width: 57.21176577559556%;
  231. }
  232. .row-fluid .span6 {
  233. width: 48.717948717948715%;
  234. *width: 48.664757228587014%;
  235. }
  236. .row-fluid .span5 {
  237. width: 40.17094017094017%;
  238. *width: 40.11774868157847%;
  239. }
  240. .row-fluid .span4 {
  241. width: 31.623931623931625%;
  242. *width: 31.570740134569924%;
  243. }
  244. .row-fluid .span3 {
  245. width: 23.076923076923077%;
  246. *width: 23.023731587561375%;
  247. }
  248. .row-fluid .span2 {
  249. width: 14.52991452991453%;
  250. *width: 14.476723040552828%;
  251. }
  252. .row-fluid .span1 {
  253. width: 5.982905982905983%;
  254. *width: 5.929714493544281%;
  255. }
  256. .row-fluid .offset12 {
  257. margin-left: 105.12820512820512%;
  258. *margin-left: 105.02182214948171%;
  259. }
  260. .row-fluid .offset12:first-child {
  261. margin-left: 102.56410256410257%;
  262. *margin-left: 102.45771958537915%;
  263. }
  264. .row-fluid .offset11 {
  265. margin-left: 96.58119658119658%;
  266. *margin-left: 96.47481360247316%;
  267. }
  268. .row-fluid .offset11:first-child {
  269. margin-left: 94.01709401709402%;
  270. *margin-left: 93.91071103837061%;
  271. }
  272. .row-fluid .offset10 {
  273. margin-left: 88.03418803418803%;
  274. *margin-left: 87.92780505546462%;
  275. }
  276. .row-fluid .offset10:first-child {
  277. margin-left: 85.47008547008548%;
  278. *margin-left: 85.36370249136206%;
  279. }
  280. .row-fluid .offset9 {
  281. margin-left: 79.48717948717949%;
  282. *margin-left: 79.38079650845607%;
  283. }
  284. .row-fluid .offset9:first-child {
  285. margin-left: 76.92307692307693%;
  286. *margin-left: 76.81669394435352%;
  287. }
  288. .row-fluid .offset8 {
  289. margin-left: 70.94017094017094%;
  290. *margin-left: 70.83378796144753%;
  291. }
  292. .row-fluid .offset8:first-child {
  293. margin-left: 68.37606837606839%;
  294. *margin-left: 68.26968539734497%;
  295. }
  296. .row-fluid .offset7 {
  297. margin-left: 62.393162393162385%;
  298. *margin-left: 62.28677941443899%;
  299. }
  300. .row-fluid .offset7:first-child {
  301. margin-left: 59.82905982905982%;
  302. *margin-left: 59.72267685033642%;
  303. }
  304. .row-fluid .offset6 {
  305. margin-left: 53.84615384615384%;
  306. *margin-left: 53.739770867430444%;
  307. }
  308. .row-fluid .offset6:first-child {
  309. margin-left: 51.28205128205128%;
  310. *margin-left: 51.175668303327875%;
  311. }
  312. .row-fluid .offset5 {
  313. margin-left: 45.299145299145295%;
  314. *margin-left: 45.1927623204219%;
  315. }
  316. .row-fluid .offset5:first-child {
  317. margin-left: 42.73504273504273%;
  318. *margin-left: 42.62865975631933%;
  319. }
  320. .row-fluid .offset4 {
  321. margin-left: 36.75213675213675%;
  322. *margin-left: 36.645753773413354%;
  323. }
  324. .row-fluid .offset4:first-child {
  325. margin-left: 34.18803418803419%;
  326. *margin-left: 34.081651209310785%;
  327. }
  328. .row-fluid .offset3 {
  329. margin-left: 28.205128205128204%;
  330. *margin-left: 28.0987452264048%;
  331. }
  332. .row-fluid .offset3:first-child {
  333. margin-left: 25.641025641025642%;
  334. *margin-left: 25.53464266230224%;
  335. }
  336. .row-fluid .offset2 {
  337. margin-left: 19.65811965811966%;
  338. *margin-left: 19.551736679396257%;
  339. }
  340. .row-fluid .offset2:first-child {
  341. margin-left: 17.094017094017094%;
  342. *margin-left: 16.98763411529369%;
  343. }
  344. .row-fluid .offset1 {
  345. margin-left: 11.11111111111111%;
  346. *margin-left: 11.004728132387708%;
  347. }
  348. .row-fluid .offset1:first-child {
  349. margin-left: 8.547008547008547%;
  350. *margin-left: 8.440625568285142%;
  351. }
  352. input,
  353. textarea,
  354. .uneditable-input {
  355. margin-left: 0;
  356. }
  357. .controls-row [class*="span"] + [class*="span"] {
  358. margin-left: 30px;
  359. }
  360. input.span12,
  361. textarea.span12,
  362. .uneditable-input.span12 {
  363. width: 1156px;
  364. }
  365. input.span11,
  366. textarea.span11,
  367. .uneditable-input.span11 {
  368. width: 1056px;
  369. }
  370. input.span10,
  371. textarea.span10,
  372. .uneditable-input.span10 {
  373. width: 956px;
  374. }
  375. input.span9,
  376. textarea.span9,
  377. .uneditable-input.span9 {
  378. width: 856px;
  379. }
  380. input.span8,
  381. textarea.span8,
  382. .uneditable-input.span8 {
  383. width: 756px;
  384. }
  385. input.span7,
  386. textarea.span7,
  387. .uneditable-input.span7 {
  388. width: 656px;
  389. }
  390. input.span6,
  391. textarea.span6,
  392. .uneditable-input.span6 {
  393. width: 556px;
  394. }
  395. input.span5,
  396. textarea.span5,
  397. .uneditable-input.span5 {
  398. width: 456px;
  399. }
  400. input.span4,
  401. textarea.span4,
  402. .uneditable-input.span4 {
  403. width: 356px;
  404. }
  405. input.span3,
  406. textarea.span3,
  407. .uneditable-input.span3 {
  408. width: 256px;
  409. }
  410. input.span2,
  411. textarea.span2,
  412. .uneditable-input.span2 {
  413. width: 156px;
  414. }
  415. input.span1,
  416. textarea.span1,
  417. .uneditable-input.span1 {
  418. width: 56px;
  419. }
  420. .thumbnails {
  421. margin-left: -30px;
  422. }
  423. .thumbnails > li {
  424. margin-left: 30px;
  425. }
  426. .row-fluid .thumbnails {
  427. margin-left: 0;
  428. }
  429. }
  430. @media (min-width: 768px) and (max-width: 979px) {
  431. .row {
  432. margin-left: -20px;
  433. *zoom: 1;
  434. }
  435. .row:before,
  436. .row:after {
  437. display: table;
  438. line-height: 0;
  439. content: "";
  440. }
  441. .row:after {
  442. clear: both;
  443. }
  444. [class*="span"] {
  445. float: left;
  446. min-height: 1px;
  447. margin-left: 20px;
  448. }
  449. .container,
  450. .navbar-static-top .container,
  451. .navbar-fixed-top .container,
  452. .navbar-fixed-bottom .container {
  453. width: 724px;
  454. }
  455. .span12 {
  456. width: 724px;
  457. }
  458. .span11 {
  459. width: 662px;
  460. }
  461. .span10 {
  462. width: 600px;
  463. }
  464. .span9 {
  465. width: 538px;
  466. }
  467. .span8 {
  468. width: 476px;
  469. }
  470. .span7 {
  471. width: 414px;
  472. }
  473. .span6 {
  474. width: 352px;
  475. }
  476. .span5 {
  477. width: 290px;
  478. }
  479. .span4 {
  480. width: 228px;
  481. }
  482. .span3 {
  483. width: 166px;
  484. }
  485. .span2 {
  486. width: 104px;
  487. }
  488. .span1 {
  489. width: 42px;
  490. }
  491. .offset12 {
  492. margin-left: 764px;
  493. }
  494. .offset11 {
  495. margin-left: 702px;
  496. }
  497. .offset10 {
  498. margin-left: 640px;
  499. }
  500. .offset9 {
  501. margin-left: 578px;
  502. }
  503. .offset8 {
  504. margin-left: 516px;
  505. }
  506. .offset7 {
  507. margin-left: 454px;
  508. }
  509. .offset6 {
  510. margin-left: 392px;
  511. }
  512. .offset5 {
  513. margin-left: 330px;
  514. }
  515. .offset4 {
  516. margin-left: 268px;
  517. }
  518. .offset3 {
  519. margin-left: 206px;
  520. }
  521. .offset2 {
  522. margin-left: 144px;
  523. }
  524. .offset1 {
  525. margin-left: 82px;
  526. }
  527. .row-fluid {
  528. width: 100%;
  529. *zoom: 1;
  530. }
  531. .row-fluid:before,
  532. .row-fluid:after {
  533. display: table;
  534. line-height: 0;
  535. content: "";
  536. }
  537. .row-fluid:after {
  538. clear: both;
  539. }
  540. .row-fluid [class*="span"] {
  541. display: block;
  542. float: left;
  543. width: 100%;
  544. min-height: 30px;
  545. margin-left: 2.7624309392265194%;
  546. *margin-left: 2.709239449864817%;
  547. -webkit-box-sizing: border-box;
  548. -moz-box-sizing: border-box;
  549. box-sizing: border-box;
  550. }
  551. .row-fluid [class*="span"]:first-child {
  552. margin-left: 0;
  553. }
  554. .row-fluid .controls-row [class*="span"] + [class*="span"] {
  555. margin-left: 2.7624309392265194%;
  556. }
  557. .row-fluid .span12 {
  558. width: 100%;
  559. *width: 99.94680851063829%;
  560. }
  561. .row-fluid .span11 {
  562. width: 91.43646408839778%;
  563. *width: 91.38327259903608%;
  564. }
  565. .row-fluid .span10 {
  566. width: 82.87292817679558%;
  567. *width: 82.81973668743387%;
  568. }
  569. .row-fluid .span9 {
  570. width: 74.30939226519337%;
  571. *width: 74.25620077583166%;
  572. }
  573. .row-fluid .span8 {
  574. width: 65.74585635359117%;
  575. *width: 65.69266486422946%;
  576. }
  577. .row-fluid .span7 {
  578. width: 57.18232044198895%;
  579. *width: 57.12912895262725%;
  580. }
  581. .row-fluid .span6 {
  582. width: 48.61878453038674%;
  583. *width: 48.56559304102504%;
  584. }
  585. .row-fluid .span5 {
  586. width: 40.05524861878453%;
  587. *width: 40.00205712942283%;
  588. }
  589. .row-fluid .span4 {
  590. width: 31.491712707182323%;
  591. *width: 31.43852121782062%;
  592. }
  593. .row-fluid .span3 {
  594. width: 22.92817679558011%;
  595. *width: 22.87498530621841%;
  596. }
  597. .row-fluid .span2 {
  598. width: 14.3646408839779%;
  599. *width: 14.311449394616199%;
  600. }
  601. .row-fluid .span1 {
  602. width: 5.801104972375691%;
  603. *width: 5.747913483013988%;
  604. }
  605. .row-fluid .offset12 {
  606. margin-left: 105.52486187845304%;
  607. *margin-left: 105.41847889972962%;
  608. }
  609. .row-fluid .offset12:first-child {
  610. margin-left: 102.76243093922652%;
  611. *margin-left: 102.6560479605031%;
  612. }
  613. .row-fluid .offset11 {
  614. margin-left: 96.96132596685082%;
  615. *margin-left: 96.8549429881274%;
  616. }
  617. .row-fluid .offset11:first-child {
  618. margin-left: 94.1988950276243%;
  619. *margin-left: 94.09251204890089%;
  620. }
  621. .row-fluid .offset10 {
  622. margin-left: 88.39779005524862%;
  623. *margin-left: 88.2914070765252%;
  624. }
  625. .row-fluid .offset10:first-child {
  626. margin-left: 85.6353591160221%;
  627. *margin-left: 85.52897613729868%;
  628. }
  629. .row-fluid .offset9 {
  630. margin-left: 79.8342541436464%;
  631. *margin-left: 79.72787116492299%;
  632. }
  633. .row-fluid .offset9:first-child {
  634. margin-left: 77.07182320441989%;
  635. *margin-left: 76.96544022569647%;
  636. }
  637. .row-fluid .offset8 {
  638. margin-left: 71.2707182320442%;
  639. *margin-left: 71.16433525332079%;
  640. }
  641. .row-fluid .offset8:first-child {
  642. margin-left: 68.50828729281768%;
  643. *margin-left: 68.40190431409427%;
  644. }
  645. .row-fluid .offset7 {
  646. margin-left: 62.70718232044199%;
  647. *margin-left: 62.600799341718584%;
  648. }
  649. .row-fluid .offset7:first-child {
  650. margin-left: 59.94475138121547%;
  651. *margin-left: 59.838368402492065%;
  652. }
  653. .row-fluid .offset6 {
  654. margin-left: 54.14364640883978%;
  655. *margin-left: 54.037263430116376%;
  656. }
  657. .row-fluid .offset6:first-child {
  658. margin-left: 51.38121546961326%;
  659. *margin-left: 51.27483249088986%;
  660. }
  661. .row-fluid .offset5 {
  662. margin-left: 45.58011049723757%;
  663. *margin-left: 45.47372751851417%;
  664. }
  665. .row-fluid .offset5:first-child {
  666. margin-left: 42.81767955801105%;
  667. *margin-left: 42.71129657928765%;
  668. }
  669. .row-fluid .offset4 {
  670. margin-left: 37.01657458563536%;
  671. *margin-left: 36.91019160691196%;
  672. }
  673. .row-fluid .offset4:first-child {
  674. margin-left: 34.25414364640884%;
  675. *margin-left: 34.14776066768544%;
  676. }
  677. .row-fluid .offset3 {
  678. margin-left: 28.45303867403315%;
  679. *margin-left: 28.346655695309746%;
  680. }
  681. .row-fluid .offset3:first-child {
  682. margin-left: 25.69060773480663%;
  683. *margin-left: 25.584224756083227%;
  684. }
  685. .row-fluid .offset2 {
  686. margin-left: 19.88950276243094%;
  687. *margin-left: 19.783119783707537%;
  688. }
  689. .row-fluid .offset2:first-child {
  690. margin-left: 17.12707182320442%;
  691. *margin-left: 17.02068884448102%;
  692. }
  693. .row-fluid .offset1 {
  694. margin-left: 11.32596685082873%;
  695. *margin-left: 11.219583872105325%;
  696. }
  697. .row-fluid .offset1:first-child {
  698. margin-left: 8.56353591160221%;
  699. *margin-left: 8.457152932878806%;
  700. }
  701. input,
  702. textarea,
  703. .uneditable-input {
  704. margin-left: 0;
  705. }
  706. .controls-row [class*="span"] + [class*="span"] {
  707. margin-left: 20px;
  708. }
  709. input.span12,
  710. textarea.span12,
  711. .uneditable-input.span12 {
  712. width: 710px;
  713. }
  714. input.span11,
  715. textarea.span11,
  716. .uneditable-input.span11 {
  717. width: 648px;
  718. }
  719. input.span10,
  720. textarea.span10,
  721. .uneditable-input.span10 {
  722. width: 586px;
  723. }
  724. input.span9,
  725. textarea.span9,
  726. .uneditable-input.span9 {
  727. width: 524px;
  728. }
  729. input.span8,
  730. textarea.span8,
  731. .uneditable-input.span8 {
  732. width: 462px;
  733. }
  734. input.span7,
  735. textarea.span7,
  736. .uneditable-input.span7 {
  737. width: 400px;
  738. }
  739. input.span6,
  740. textarea.span6,
  741. .uneditable-input.span6 {
  742. width: 338px;
  743. }
  744. input.span5,
  745. textarea.span5,
  746. .uneditable-input.span5 {
  747. width: 276px;
  748. }
  749. input.span4,
  750. textarea.span4,
  751. .uneditable-input.span4 {
  752. width: 214px;
  753. }
  754. input.span3,
  755. textarea.span3,
  756. .uneditable-input.span3 {
  757. width: 152px;
  758. }
  759. input.span2,
  760. textarea.span2,
  761. .uneditable-input.span2 {
  762. width: 90px;
  763. }
  764. input.span1,
  765. textarea.span1,
  766. .uneditable-input.span1 {
  767. width: 28px;
  768. }
  769. }
  770. @media (max-width: 767px) {
  771. body {
  772. padding-right: 20px;
  773. padding-left: 20px;
  774. }
  775. .navbar-fixed-top,
  776. .navbar-fixed-bottom,
  777. .navbar-static-top {
  778. margin-right: -20px;
  779. margin-left: -20px;
  780. }
  781. .container-fluid {
  782. padding: 0;
  783. }
  784. .dl-horizontal dt {
  785. float: none;
  786. width: auto;
  787. clear: none;
  788. text-align: left;
  789. }
  790. .dl-horizontal dd {
  791. margin-left: 0;
  792. }
  793. .container {
  794. width: auto;
  795. }
  796. .row-fluid {
  797. width: 100%;
  798. }
  799. .row,
  800. .thumbnails {
  801. margin-left: 0;
  802. }
  803. .thumbnails > li {
  804. float: none;
  805. margin-left: 0;
  806. }
  807. [class*="span"],
  808. .uneditable-input[class*="span"],
  809. .row-fluid [class*="span"] {
  810. display: block;
  811. float: none;
  812. width: 100%;
  813. margin-left: 0;
  814. -webkit-box-sizing: border-box;
  815. -moz-box-sizing: border-box;
  816. box-sizing: border-box;
  817. }
  818. .span12,
  819. .row-fluid .span12 {
  820. width: 100%;
  821. -webkit-box-sizing: border-box;
  822. -moz-box-sizing: border-box;
  823. box-sizing: border-box;
  824. }
  825. .row-fluid [class*="offset"]:first-child {
  826. margin-left: 0;
  827. }
  828. .input-large,
  829. .input-xlarge,
  830. .input-xxlarge,
  831. input[class*="span"],
  832. select[class*="span"],
  833. textarea[class*="span"],
  834. .uneditable-input {
  835. display: block;
  836. width: 100%;
  837. min-height: 30px;
  838. -webkit-box-sizing: border-box;
  839. -moz-box-sizing: border-box;
  840. box-sizing: border-box;
  841. }
  842. .input-prepend input,
  843. .input-append input,
  844. .input-prepend input[class*="span"],
  845. .input-append input[class*="span"] {
  846. display: inline-block;
  847. width: auto;
  848. }
  849. .controls-row [class*="span"] + [class*="span"] {
  850. margin-left: 0;
  851. }
  852. .modal {
  853. position: fixed;
  854. top: 20px;
  855. right: 20px;
  856. left: 20px;
  857. width: auto;
  858. margin: 0;
  859. }
  860. .modal.fade {
  861. top: -100px;
  862. }
  863. .modal.fade.in {
  864. top: 20px;
  865. }
  866. }
  867. @media (max-width: 480px) {
  868. .nav-collapse {
  869. -webkit-transform: translate3d(0, 0, 0);
  870. }
  871. .page-header h1 small {
  872. display: block;
  873. line-height: 20px;
  874. }
  875. input[type="checkbox"],
  876. input[type="radio"] {
  877. border: 1px solid #ccc;
  878. }
  879. .form-horizontal .control-label {
  880. float: none;
  881. width: auto;
  882. padding-top: 0;
  883. text-align: left;
  884. }
  885. .form-horizontal .controls {
  886. margin-left: 0;
  887. }
  888. .form-horizontal .control-list {
  889. padding-top: 0;
  890. }
  891. .form-horizontal .form-actions {
  892. padding-right: 10px;
  893. padding-left: 10px;
  894. }
  895. .media .pull-left,
  896. .media .pull-right {
  897. display: block;
  898. float: none;
  899. margin-bottom: 10px;
  900. }
  901. .media-object {
  902. margin-right: 0;
  903. margin-left: 0;
  904. }
  905. .modal {
  906. top: 10px;
  907. right: 10px;
  908. left: 10px;
  909. }
  910. .modal-header .close {
  911. padding: 10px;
  912. margin: -10px;
  913. }
  914. .carousel-caption {
  915. position: static;
  916. }
  917. }
  918. @media (max-width: 979px) {
  919. body {
  920. padding-top: 0;
  921. }
  922. .navbar-fixed-top,
  923. .navbar-fixed-bottom {
  924. position: static;
  925. }
  926. .navbar-fixed-top {
  927. margin-bottom: 20px;
  928. }
  929. .navbar-fixed-bottom {
  930. margin-top: 20px;
  931. }
  932. .navbar-fixed-top .navbar-inner,
  933. .navbar-fixed-bottom .navbar-inner {
  934. padding: 5px;
  935. }
  936. .navbar .container {
  937. width: auto;
  938. padding: 0;
  939. }
  940. .navbar .brand {
  941. padding-right: 10px;
  942. padding-left: 10px;
  943. margin: 0 0 0 -5px;
  944. }
  945. .nav-collapse {
  946. clear: both;
  947. }
  948. .nav-collapse .nav {
  949. float: none;
  950. margin: 0 0 10px;
  951. }
  952. .nav-collapse .nav > li {
  953. float: none;
  954. }
  955. .nav-collapse .nav > li > a {
  956. margin-bottom: 2px;
  957. }
  958. .nav-collapse .nav > .divider-vertical {
  959. display: none;
  960. }
  961. .nav-collapse .nav .nav-header {
  962. color: #777777;
  963. text-shadow: none;
  964. }
  965. .nav-collapse .nav > li > a,
  966. .nav-collapse .dropdown-menu a {
  967. padding: 9px 15px;
  968. font-weight: bold;
  969. color: #777777;
  970. -webkit-border-radius: 3px;
  971. -moz-border-radius: 3px;
  972. border-radius: 3px;
  973. }
  974. .nav-collapse .btn {
  975. padding: 4px 10px 4px;
  976. font-weight: normal;
  977. -webkit-border-radius: 4px;
  978. -moz-border-radius: 4px;
  979. border-radius: 4px;
  980. }
  981. .nav-collapse .dropdown-menu li + li a {
  982. margin-bottom: 2px;
  983. }
  984. .nav-collapse .nav > li > a:hover,
  985. .nav-collapse .dropdown-menu a:hover {
  986. background-color: #f2f2f2;
  987. }
  988. .navbar-inverse .nav-collapse .nav > li > a,
  989. .navbar-inverse .nav-collapse .dropdown-menu a {
  990. color: #999999;
  991. }
  992. .navbar-inverse .nav-collapse .nav > li > a:hover,
  993. .navbar-inverse .nav-collapse .dropdown-menu a:hover {
  994. background-color: #111111;
  995. }
  996. .nav-collapse.in .btn-group {
  997. padding: 0;
  998. margin-top: 5px;
  999. }
  1000. .nav-collapse .dropdown-menu {
  1001. position: static;
  1002. top: auto;
  1003. left: auto;
  1004. display: none;
  1005. float: none;
  1006. max-width: none;
  1007. padding: 0;
  1008. margin: 0 15px;
  1009. background-color: transparent;
  1010. border: none;
  1011. -webkit-border-radius: 0;
  1012. -moz-border-radius: 0;
  1013. border-radius: 0;
  1014. -webkit-box-shadow: none;
  1015. -moz-box-shadow: none;
  1016. box-shadow: none;
  1017. }
  1018. .nav-collapse .open > .dropdown-menu {
  1019. display: block;
  1020. }
  1021. .nav-collapse .dropdown-menu:before,
  1022. .nav-collapse .dropdown-menu:after {
  1023. display: none;
  1024. }
  1025. .nav-collapse .dropdown-menu .divider {
  1026. display: none;
  1027. }
  1028. .nav-collapse .nav > li > .dropdown-menu:before,
  1029. .nav-collapse .nav > li > .dropdown-menu:after {
  1030. display: none;
  1031. }
  1032. .nav-collapse .navbar-form,
  1033. .nav-collapse .navbar-search {
  1034. float: none;
  1035. padding: 10px 15px;
  1036. margin: 10px 0;
  1037. border-top: 1px solid #f2f2f2;
  1038. border-bottom: 1px solid #f2f2f2;
  1039. -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  1040. -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  1041. box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  1042. }
  1043. .navbar-inverse .nav-collapse .navbar-form,
  1044. .navbar-inverse .nav-collapse .navbar-search {
  1045. border-top-color: #111111;
  1046. border-bottom-color: #111111;
  1047. }
  1048. .navbar .nav-collapse .nav.pull-right {
  1049. float: none;
  1050. margin-left: 0;
  1051. }
  1052. .nav-collapse,
  1053. .nav-collapse.collapse {
  1054. height: 0;
  1055. overflow: hidden;
  1056. }
  1057. .navbar .btn-navbar {
  1058. display: block;
  1059. }
  1060. .navbar-static .navbar-inner {
  1061. padding-right: 10px;
  1062. padding-left: 10px;
  1063. }
  1064. }
  1065. @media (min-width: 980px) {
  1066. .nav-collapse.collapse {
  1067. height: auto !important;
  1068. overflow: visible !important;
  1069. }
  1070. }