PageRenderTime 21ms CodeModel.GetById 20ms RepoModel.GetById 1ms app.codeStats 0ms

/ajax/libs/bootcards/0.0.2/css/bootcards-android.css

https://gitlab.com/Blueprint-Marketing/cdnjs
CSS | 974 lines | 729 code | 216 blank | 29 comment | 0 complexity | d416c63c85b90cd75dec387c2b667cb9 MD5 | raw file
  1. /* bootcards 0.0.2 2014-04-04 */
  2. /* NAVBAR */
  3. /* LISTS */
  4. .list-group-item {
  5. margin-left: 15px;
  6. padding-left: 0;
  7. }
  8. a.list-group-item:hover,
  9. a.list-group-item:active,
  10. a.list-group-item.active,
  11. a.list-group-item.active:hover,
  12. a.list-group-item.active:focus {
  13. margin-left: 0;
  14. padding-left: 15px;
  15. }
  16. .list-group-item-text {
  17. line-height: 18px;
  18. margin-bottom: 5px;
  19. }
  20. .list-group-item-heading:last-child,
  21. .list-group-item-text:last-child {
  22. margin-bottom: 0;
  23. }
  24. .list-group-item .row div > .list-group-item-heading:last-child,
  25. .list-group-item .row div > .list-group-item-text:last-child {
  26. margin-bottom: 5px;
  27. }
  28. .list-group-item .row div:last-child > .list-group-item-heading:last-child,
  29. .list-group-item .row div:last-child > .list-group-item-text:last-child {
  30. margin-bottom: 0;
  31. }
  32. @media (max-width:768px) {
  33. .bootcards-list .list-group-item-heading,
  34. .bootcards-list .list-group-item-text {
  35. padding-left: 55px;
  36. }
  37. }
  38. .list-group-item > img {
  39. height: 40px;
  40. width: 40px;
  41. }
  42. .list-group-item i {
  43. opacity: 0.3;
  44. width: 40px;
  45. text-align: center;
  46. }
  47. .list-group-item img,
  48. .list-group-item i {
  49. margin-right: 15px;
  50. }
  51. .panel > .list-group .list-group-item:last-child {
  52. border-bottom: 0;
  53. }
  54. /* List - Search Form */
  55. .bootcards-list .form-group {
  56. position: relative;
  57. margin-bottom: 0;
  58. }
  59. @media (min-width:768px) {
  60. .bootcards-list .form-group {
  61. margin-bottom: 0;
  62. }
  63. }
  64. .bootcards-list form input {
  65. padding-left: 32px;
  66. }
  67. .bootcards-list form i.fa-search {
  68. position: absolute;
  69. left: 12px;
  70. top: 10px;
  71. color: #999;
  72. font-size: 14px;
  73. }
  74. .bootcards-list form .btn {
  75. color: white;
  76. }
  77. /* FOOTER */
  78. .bootcards-desktop-footer {
  79. display: none;
  80. }
  81. /* CARDS */
  82. .panel-default .panel-heading {
  83. color: #333;
  84. background-color: #f5f5f5;
  85. border-color: #ddd;
  86. }
  87. .panel-body > *:last-child {
  88. margin-bottom: 0;
  89. }
  90. .panel-footer {
  91. overflow: hidden;
  92. }
  93. .panel-footer small,
  94. .modal-footer small {
  95. color: #aaa;
  96. display: block;
  97. text-align: center;
  98. line-height: 22px; /* Line up vertically with .btn */
  99. }
  100. /* FORM CARD */
  101. .btn label {
  102. margin: 0;
  103. font-weight: inherit;
  104. cursor: pointer;
  105. }
  106. /* TABLE CARD */
  107. .table > thead > tr > th:first-child,
  108. .table > tbody > tr > th:first-child,
  109. .table > tfoot > tr > th:first-child,
  110. .table > thead > tr > td:first-child,
  111. .table > tbody > tr > td:first-child,
  112. .table > tfoot > tr > td:first-child {
  113. padding-left: 15px;
  114. }
  115. .table > thead > tr > th:last-child,
  116. .table > tbody > tr > th:last-child,
  117. .table > tfoot > tr > th:last-child,
  118. .table > thead > tr > td:last-child,
  119. .table > tbody > tr > td:last-child,
  120. .table > tfoot > tr > td:last-child {
  121. padding-right: 15px;
  122. }
  123. /* FILE CARD */
  124. @font-face {
  125. font-family: 'icomoon';
  126. src:url('../fonts/icomoon.eot?-n2q9vw');
  127. src:url('../fonts/icomoon.eot?#iefix-n2q9vw') format('embedded-opentype'),
  128. url('../fonts/icomoon.woff?-n2q9vw') format('woff'),
  129. url('../fonts/icomoon.ttf?-n2q9vw') format('truetype'),
  130. url('../fonts/icomoon.svg?-n2q9vw#icomoon') format('svg');
  131. font-weight: normal;
  132. font-style: normal;
  133. }
  134. [class^="icon-"], [class*=" icon-"] {
  135. font-family: 'icomoon';
  136. speak: none;
  137. font-style: normal;
  138. font-weight: normal;
  139. font-variant: normal;
  140. text-transform: none;
  141. line-height: 1;
  142. /* Better Font Rendering =========== */
  143. -webkit-font-smoothing: antialiased;
  144. -moz-osx-font-smoothing: grayscale;
  145. }
  146. .icon-file-pdf:before {
  147. content: "\e4e2";
  148. }
  149. .icon-file-word:before {
  150. content: "\e4e4";
  151. }
  152. .icon-file-excel:before {
  153. content: "\e4e5";
  154. }
  155. .icon-file-powerpoint:before {
  156. content: "\e4e7";
  157. }
  158. .icon-file:before {
  159. content: "\e08d";
  160. }
  161. .bootcards-file .list-group-item:first-child {
  162. position: relative;
  163. padding-left: 74px;
  164. }
  165. .bootcards-file .list-group-item:first-child i {
  166. font-size: 64px;
  167. width: 64px;
  168. position: absolute;
  169. left: 0;
  170. top: 10px;
  171. }
  172. .bootcards-file .list-group-item *:last-child {
  173. margin-bottom: 0;
  174. }
  175. /* CHART CARD */
  176. .bootcards-chart .bootcards-chart-canvas {
  177. height: 250px;
  178. }
  179. /* SUMMARY CARD */
  180. .bootcards-summary .panel-body {
  181. padding: 7px 25px;
  182. }
  183. .bootcards-summary .panel-body > .row > div {
  184. padding: 8px;
  185. }
  186. .bootcards-summary .panel-body .bootcards-summary-item {
  187. background: #f5f5f5;
  188. display: block;
  189. border-radius: 4px;
  190. padding: 25px 10px;
  191. text-align: center;
  192. }
  193. @media (max-width:400px) {
  194. .bootcards-summary .panel-body .bootcards-summary-item {
  195. padding: 15px 5px;
  196. }
  197. }
  198. .bootcards-summary .panel-body .bootcards-summary-item:hover {
  199. text-decoration: none;
  200. background: #eee;
  201. }
  202. .bootcards-summary .panel-body .bootcards-summary-item i {
  203. color: #bbb;
  204. display: block;
  205. text-align: center;
  206. margin-bottom: 5px;
  207. }
  208. .bootcards-summary .panel-body .bootcards-summary-item h1 {
  209. margin: 0;
  210. font-weight: bold;
  211. white-space: nowrap;
  212. font-size: 26px;
  213. line-height: 1;
  214. text-align: center;
  215. }
  216. .bootcards-summary .panel-body .bootcards-summary-item h1 span {
  217. font-weight: normal;
  218. font-size: 12px;
  219. display: block;
  220. color: #333;
  221. }
  222. /* RICH TEXT CARD */
  223. .bootcards-richtext > .panel-body {
  224. padding: 25px;
  225. }
  226. .bootcards-richtext > .panel-body > *:first-child {
  227. margin-top: 0;
  228. }
  229. html,
  230. body {
  231. height: 100%;
  232. }
  233. body {
  234. padding-top: 50px;
  235. overflow-x:hidden;
  236. }
  237. .wrapper {
  238. height: 100%;
  239. width: 100%;
  240. overflow: hidden;
  241. padding: 0;
  242. margin: 0;
  243. }
  244. small {
  245. font-size: 70%;
  246. }
  247. /* NAVBAR */
  248. .navbar-header {
  249. display: block;
  250. }
  251. .navbar-nav {
  252. display: none;
  253. }
  254. .navbar-toggle {
  255. display: none;
  256. }
  257. /* GRID */
  258. .container {
  259. width: auto;
  260. height: 100%;
  261. margin: 0;
  262. }
  263. body > .container > .row {
  264. height: 100%;
  265. padding-bottom: 50px;
  266. }
  267. .container .bootcards-cards,
  268. .container .bootcards-list {
  269. overflow-y: auto;
  270. overflow-x: hidden;
  271. -webkit-overflow-scrolling: touch;
  272. height: 100%;
  273. }
  274. @media (min-width:768px) {
  275. .container .bootcards-list {
  276. border-right: 1px solid rgba(0,0,0,0.2);
  277. }
  278. }
  279. .container .bootcards-cards {
  280. padding-top: 15px;
  281. }
  282. @media (min-width:768px) {
  283. .bootcards-cards > div[class*='col-']:not(:first-child) {
  284. padding-left:8px;
  285. }
  286. .bootcards-cards > div[class*='col-']:not(:last-child) {
  287. padding-right:8px;
  288. }
  289. }
  290. /* MENU */
  291. .navmenu {
  292. display: none;
  293. padding: 0;
  294. }
  295. .navmenu li {
  296. font-size: 15px;
  297. line-height: 30px;
  298. }
  299. .navmenu i {
  300. width: 24px;
  301. margin-right: 5px;
  302. text-align: center;
  303. }
  304. /* LISTS */
  305. .bootcards-list {
  306. padding: 0;
  307. }
  308. .bootcards-list .panel {
  309. margin-bottom: 0;
  310. }
  311. .list-group-item:first-child,
  312. .list-group-item:last-child {
  313. border-radius: 0;
  314. }
  315. a.list-group-item:before {
  316. font-family: 'FontAwesome';
  317. content: '';
  318. position: absolute;
  319. right: 15px;
  320. top: 50%;
  321. font-size: 14px;
  322. line-height: 14px;
  323. margin-top: -7px;
  324. color: #ccc;
  325. }
  326. /* List - Search Form */
  327. .bootcards-list .panel-body {
  328. padding: 0;
  329. }
  330. .bootcards-list form {
  331. background: #BBB;
  332. padding: 8px;
  333. }
  334. .bootcards-list form .row {
  335. margin: 0;
  336. }
  337. .bootcards-list form .row > div:first-child {
  338. padding-right: 4px;
  339. padding-left: 0;
  340. }
  341. .bootcards-list form .row > div:last-child {
  342. padding-left: 4px;
  343. padding-right: 0;
  344. }
  345. /* CARDS */
  346. .panel-footer {
  347. background: 0;
  348. }
  349. /* FOOTER */
  350. .no-footer .navbar-fixed-bottom {
  351. display: none;
  352. }
  353. .navbar-fixed-bottom .container {
  354. padding: 0;
  355. margin: 0;
  356. }
  357. .navbar-fixed-bottom .btn-group {
  358. list-style: none;
  359. max-width: 400px;
  360. width: 100%;
  361. margin: 0 auto;
  362. }
  363. .navbar-fixed-bottom .btn-group .btn {
  364. width: 25%;
  365. padding: 0;
  366. border: 0;
  367. background: transparent;
  368. box-shadow: none;
  369. display: inline-block;
  370. text-align: center;
  371. font-size: 11px;
  372. padding-top: 7px;
  373. color: #929292;
  374. }
  375. @import "bootcards-mobile-shared.css";
  376. body {
  377. background-color: #eee;
  378. font-family:"Roboto",sans-serif;
  379. }
  380. h1, h2, h3, h4, h5, h6 {
  381. font-weight: normal;
  382. font-family:"Roboto",sans-serif;
  383. }
  384. /* BUTTONS */
  385. .btn,
  386. .btn:hover,
  387. .btn:active,
  388. .btn-group.open .dropdown-toggle {
  389. background: transparent;
  390. border-color: transparent;
  391. box-shadow: none;
  392. color: #999;
  393. font-size: 14px;
  394. margin-bottom: 0;
  395. text-decoration: none;
  396. }
  397. .btn-danger,
  398. .btn-danger:hover,
  399. .btn-danger:active {
  400. color: #d43f3a;
  401. }
  402. .btn-success,
  403. .btn-success:hover,
  404. .btn-success:active {
  405. color: #4cae4c;
  406. }
  407. .btn:hover,
  408. .btn.active {
  409. background: rgba(0,0,0,0.05);
  410. }
  411. .btn-xs,
  412. .btn-xs:hover,
  413. .btn-xs:active {
  414. font-size: 10px;
  415. line-height: 20px;
  416. }
  417. a,
  418. .btn-link,
  419. .btn-link:hover {
  420. color: #33b5e5;
  421. }
  422. .btn-link {
  423. border: 0;
  424. }
  425. /* NAVBAR */
  426. @media (min-width:767px) {
  427. .navbar .container {
  428. padding: 0;
  429. }
  430. }
  431. .navbar-default {
  432. height: 50px;
  433. background-color: #ddd;
  434. border-bottom: 1px solid #b1b1b1;
  435. -webkit-box-shadow: inset 0 -2px 0 #d2d2d2,0 3px 3px rgba(0,0,0,.07);
  436. box-shadow: inset 0 -2px 0 #d2d2d2,0 3px 3px rgba(0,0,0,.07);
  437. }
  438. .navbar-header {
  439. float: none;
  440. }
  441. .navbar-default .navbar-brand,
  442. .navbar-default .navbar-brand:hover {
  443. display: block;
  444. padding: 0;
  445. margin: 0 -10px;
  446. color: #000;
  447. white-space: nowrap;
  448. font-size: 18px;
  449. font-weight: 500;
  450. line-height: 49px;
  451. text-align: left;
  452. }
  453. .navbar > .container .navbar-brand {
  454. margin-left: 0;
  455. padding-left: 0;
  456. }
  457. .navbar-fixed-top .btn,
  458. .navbar-fixed-top .btn:hover {
  459. position: relative;
  460. z-index: 20;
  461. padding-top: 10px;
  462. padding-bottom: 10px;
  463. display: inline-block;
  464. background: transparent;
  465. color: #33b5e5;
  466. border: 0;
  467. }
  468. .navbar-fixed-top .btn i {
  469. font-size: 20px;
  470. line-height: 30px;
  471. }
  472. @media (max-width:767px) {
  473. .navbar-fixed-top .btn.pull-left {
  474. margin-left: -15px;
  475. }
  476. .navbar-fixed-top .btn.pull-right {
  477. margin-right: -15px;
  478. }
  479. }
  480. .navbar-fixed-top .btn span {
  481. display: none;
  482. }
  483. /* CARDS */
  484. .panel {
  485. border-radius: 0;
  486. margin-bottom: 15px;
  487. }
  488. .panel-default > .panel-heading,
  489. .panel-default .panel-heading {
  490. background: transparent;
  491. padding-top: 3px;
  492. padding-bottom: 3px;
  493. }
  494. .panel-heading .panel-title,
  495. .modal-heading .panel-title {
  496. font-size: 15px;
  497. text-transform: uppercase;
  498. color: #33b5e5;
  499. font-weight: bold;
  500. margin: 0;
  501. padding: 7px 0;
  502. line-height: 20px;
  503. }
  504. /* MODALS */
  505. @media (max-width:767px) {
  506. .modal-dialog {
  507. height: 100%;
  508. }
  509. .modal-dialog {
  510. margin: 0;
  511. }
  512. .modal-content {
  513. height: 100%;
  514. }
  515. }
  516. .modal-content {
  517. box-shadow: none;
  518. border-radius: 0;
  519. border: 0;
  520. height: 100%;
  521. }
  522. .modal-header {
  523. height: 44px;
  524. min-height: 44px;
  525. padding-right: 10px;
  526. padding-left: 10px;
  527. padding: 0 5px;
  528. overflow: hidden;
  529. height: 50px;
  530. background-color: #ddd;
  531. border-bottom: 1px solid #b1b1b1;
  532. -webkit-box-shadow: inset 0 -2px 0 #d2d2d2,0 3px 3px rgba(0,0,0,.07);
  533. box-shadow: inset 0 -2px 0 #d2d2d2,0 3px 3px rgba(0,0,0,.07);
  534. }
  535. .modal-header .btn {
  536. line-height: 26px;
  537. font-size: 16px;
  538. border: 0;
  539. margin-top: 5px;
  540. z-index: 1;
  541. }
  542. .modal-title {
  543. position: absolute;
  544. left: 0;
  545. right: 0;
  546. top: 0;
  547. display: block;
  548. padding: 0;
  549. color: #000;
  550. text-align: center;
  551. white-space: nowrap;
  552. font-size: 18px;
  553. font-weight: 500;
  554. line-height: 48px;
  555. z-index: 0;
  556. }
  557. .modal-body {
  558. padding: 15px;
  559. }
  560. .modal-footer {
  561. padding: 10px 15px;
  562. border-top: 1px solid #ddd;
  563. margin-top: -1px;
  564. }
  565. /* LISTS */
  566. .bootcards-list .panel {
  567. margin: 0;
  568. border: 0;
  569. }
  570. .list-group {
  571. box-shadow: none;
  572. border: 0;
  573. }
  574. .list-group-item {
  575. border-left: 0;
  576. border-right: 0;
  577. line-height: 24px;
  578. }
  579. .list-group-item:first-child {
  580. border-top: 0;
  581. }
  582. .list-group-item:last-child {
  583. border-bottom: 0;
  584. }
  585. .list-group-item label {
  586. color: #007aff;
  587. display: block;
  588. line-height: 1;
  589. font-weight: normal;
  590. color: #333;
  591. font-weight: bold;
  592. text-transform: uppercase;
  593. font-size: 12px;
  594. }
  595. .list-group-item .list-group-item-heading {
  596. font-size: 18px;
  597. font-weight: 200;
  598. display: block;
  599. color: #333;
  600. }
  601. a.list-group-item {
  602. font-size: 18px;
  603. font-weight: 200;
  604. color: #505050;
  605. line-height: 24px;
  606. padding-right: 25px;
  607. }
  608. a.list-group-item.active:before {
  609. color: #e1edf7;
  610. }
  611. a.list-group-item:hover {
  612. background: white;
  613. }
  614. .list-group-item .list-group-item-text {
  615. font-size: 14px;
  616. font-weight: 200;
  617. }
  618. /* List - Search Form */
  619. .bootcards-list form input {
  620. border: 0;
  621. }
  622. .bootcards-list form i.fa-search {
  623. top: 12px;
  624. }
  625. .bootcards-list form .btn {
  626. color: #fff;
  627. border-color: transparent;
  628. background-color: #33b5e5;
  629. line-height: 26px;
  630. }
  631. .bootcards-list form .btn:hover,
  632. .bootcards-list form .btn:active {
  633. color: #fff;
  634. border: 1px solid #428bca;
  635. background-color: #428bca;
  636. }
  637. @media (min-width:768px) {
  638. .bootcards-list form input {
  639. height: 41px;
  640. }
  641. .bootcards-list form i.fa-search {
  642. top: 14px;
  643. }
  644. .bootcards-list form .btn {
  645. line-height: 27px;
  646. }
  647. }
  648. /* FORMS */
  649. .panel-content form {
  650. padding: 15px;
  651. }
  652. .form-horizontal .form-group {
  653. margin: 0;
  654. margin-bottom: 10px;
  655. }
  656. .form-horizontal .control-label {
  657. text-transform: uppercase;
  658. font-size: 12px;
  659. margin-top: 6px;
  660. text-align: right;
  661. padding-right: 0;
  662. }
  663. .form-control {
  664. border-radius: 0;
  665. border-color: transparent;
  666. box-shadow: none;
  667. border-bottom: 1px solid #ccc;
  668. margin: 0;
  669. height: 40px;
  670. }
  671. .form-group div:last-child {
  672. position: relative;
  673. }
  674. .form-group select {
  675. padding-top: 0;
  676. padding-bottom: 0;
  677. }
  678. .form-horizontal .form-group .control-label:first-child {
  679. padding-left: 0;
  680. }
  681. .form-horizontal .form-group div:last-child {
  682. padding-right: 0;
  683. }
  684. .form-control {
  685. -webkit-appearance: none;
  686. }
  687. form .btn label {
  688. font-size: 14px;
  689. line-height: 26px;
  690. padding-left: 12px;
  691. font-weight: normal;
  692. text-align: left;
  693. display: block;
  694. }
  695. /* TABLES */
  696. .table > thead > tr > th:first-child,
  697. .table > tbody > tr > th:first-child,
  698. .table > tfoot > tr > th:first-child,
  699. .table > thead > tr > td:first-child,
  700. .table > tbody > tr > td:first-child,
  701. .table > tfoot > tr > td:first-child {
  702. padding-left: 15px;
  703. }
  704. /* FOOTER */
  705. .navbar-fixed-bottom {
  706. text-align: center;
  707. border: 0;
  708. font-size: 0;
  709. height: 49px;
  710. background-color: #e5e5e5;
  711. -webkit-box-shadow: none;
  712. box-shadow: none;
  713. }
  714. .navbar-fixed-bottom .btn-group .btn {
  715. display: inline-block;
  716. float: none;
  717. font-size: 13px;
  718. padding-top: 7px;
  719. font-weight: bold;
  720. text-transform: uppercase;
  721. border-top: 4px solid transparent;
  722. border-radius: 0;
  723. height: 50px;
  724. line-height: 43px;
  725. padding: 0;
  726. text-shadow: none;
  727. font-family: 'Roboto';
  728. color: #777;
  729. position: relative;
  730. }
  731. .navbar-fixed-bottom .btn-group .btn:before {
  732. content: '';
  733. display: block;
  734. position: absolute;
  735. left: 0;
  736. top: 10px;
  737. width: 1px;
  738. height: 24px;
  739. background: #ccc;
  740. }
  741. .navbar-fixed-bottom .btn-group .btn:first-child:before {
  742. display: none;
  743. }
  744. @media (min-width:768px) {
  745. .navbar-fixed-bottom .btn-group {
  746. max-width: 768px;
  747. width: 768px;
  748. }
  749. .navbar-fixed-bottom .btn-group .btn {
  750. width: 12.5%;
  751. }
  752. }
  753. .navbar-fixed-bottom .btn-group .btn i {
  754. display: none;
  755. }
  756. .navbar-fixed-bottom .btn-group .btn.active {
  757. border-top-color: #35b3e4;
  758. }