bootstrap-responsive.css 19 KB

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