Advertisement
meilke

Dashing CSS

Apr 9th, 2014
205
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 31.69 KB | None | 0 0
  1. /*!
  2.  *  Font Awesome 4.0.3 by @davegandy - http://fontawesome.io - @fontawesome
  3.  *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
  4.  */
  5. /* FONT PATH
  6.  * -------------------------- */
  7.  
  8. @font-face {
  9.   font-family: 'FontAwesome';
  10.   src: url('../assets/fontawesome-webfont.eot?v=4.0.3');
  11.   src: url('../assets/fontawesome-webfont.eot?#iefix&v=4.0.3') format('embedded-opentype'), url('../assets/fontawesome-webfont.woff?v=4.0.3') format('woff'), url('../assets/fontawesome-webfont.ttf?v=4.0.3') format('truetype'), url('../assets/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular') format('svg');
  12.   font-weight: normal;
  13.   font-style: normal;
  14. }
  15. .fa {
  16.   display: inline-block;
  17.   font-family: FontAwesome;
  18.   font-style: normal;
  19.   font-weight: normal;
  20.   line-height: 1;
  21.   -webkit-font-smoothing: antialiased;
  22.   -moz-osx-font-smoothing: grayscale;
  23. }
  24. /* makes the font 33% larger relative to the icon container */
  25. .fa-lg {
  26.   font-size: 1.3333333333333333em;
  27.   line-height: 0.75em;
  28.   vertical-align: -15%;
  29. }
  30. .fa-2x {
  31.   font-size: 2em;
  32. }
  33. .fa-3x {
  34.   font-size: 3em;
  35. }
  36. .fa-4x {
  37.   font-size: 4em;
  38. }
  39. .fa-5x {
  40.   font-size: 5em;
  41. }
  42. .fa-fw {
  43.   width: 1.2857142857142858em;
  44.   text-align: center;
  45. }
  46. .fa-ul {
  47.   padding-left: 0;
  48.   margin-left: 2.142857142857143em;
  49.   list-style-type: none;
  50. }
  51. .fa-ul > li {
  52.   position: relative;
  53. }
  54. .fa-li {
  55.   position: absolute;
  56.   left: -2.142857142857143em;
  57.   width: 2.142857142857143em;
  58.   top: 0.14285714285714285em;
  59.   text-align: center;
  60. }
  61. .fa-li.fa-lg {
  62.   left: -1.8571428571428572em;
  63. }
  64. .fa-border {
  65.   padding: .2em .25em .15em;
  66.   border: solid 0.08em #eeeeee;
  67.   border-radius: .1em;
  68. }
  69. .pull-right {
  70.   float: right;
  71. }
  72. .pull-left {
  73.   float: left;
  74. }
  75. .fa.pull-left {
  76.   margin-right: .3em;
  77. }
  78. .fa.pull-right {
  79.   margin-left: .3em;
  80. }
  81. .fa-spin {
  82.   -webkit-animation: spin 2s infinite linear;
  83.   -moz-animation: spin 2s infinite linear;
  84.   -o-animation: spin 2s infinite linear;
  85.   animation: spin 2s infinite linear;
  86. }
  87. @-moz-keyframes spin {
  88.   0% {
  89.     -moz-transform: rotate(0deg);
  90.   }
  91.   100% {
  92.     -moz-transform: rotate(359deg);
  93.   }
  94. }
  95. @-webkit-keyframes spin {
  96.   0% {
  97.     -webkit-transform: rotate(0deg);
  98.   }
  99.   100% {
  100.     -webkit-transform: rotate(359deg);
  101.   }
  102. }
  103. @-o-keyframes spin {
  104.   0% {
  105.     -o-transform: rotate(0deg);
  106.   }
  107.   100% {
  108.     -o-transform: rotate(359deg);
  109.   }
  110. }
  111. @-ms-keyframes spin {
  112.   0% {
  113.     -ms-transform: rotate(0deg);
  114.   }
  115.   100% {
  116.     -ms-transform: rotate(359deg);
  117.   }
  118. }
  119. @keyframes spin {
  120.   0% {
  121.     transform: rotate(0deg);
  122.   }
  123.   100% {
  124.     transform: rotate(359deg);
  125.   }
  126. }
  127. .fa-rotate-90 {
  128.   filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  129.   -webkit-transform: rotate(90deg);
  130.   -moz-transform: rotate(90deg);
  131.   -ms-transform: rotate(90deg);
  132.   -o-transform: rotate(90deg);
  133.   transform: rotate(90deg);
  134. }
  135. .fa-rotate-180 {
  136.   filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  137.   -webkit-transform: rotate(180deg);
  138.   -moz-transform: rotate(180deg);
  139.   -ms-transform: rotate(180deg);
  140.   -o-transform: rotate(180deg);
  141.   transform: rotate(180deg);
  142. }
  143. .fa-rotate-270 {
  144.   filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  145.   -webkit-transform: rotate(270deg);
  146.   -moz-transform: rotate(270deg);
  147.   -ms-transform: rotate(270deg);
  148.   -o-transform: rotate(270deg);
  149.   transform: rotate(270deg);
  150. }
  151. .fa-flip-horizontal {
  152.   filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
  153.   -webkit-transform: scale(-1, 1);
  154.   -moz-transform: scale(-1, 1);
  155.   -ms-transform: scale(-1, 1);
  156.   -o-transform: scale(-1, 1);
  157.   transform: scale(-1, 1);
  158. }
  159. .fa-flip-vertical {
  160.   filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
  161.   -webkit-transform: scale(1, -1);
  162.   -moz-transform: scale(1, -1);
  163.   -ms-transform: scale(1, -1);
  164.   -o-transform: scale(1, -1);
  165.   transform: scale(1, -1);
  166. }
  167. .fa-stack {
  168.   position: relative;
  169.   display: inline-block;
  170.   width: 2em;
  171.   height: 2em;
  172.   line-height: 2em;
  173.   vertical-align: middle;
  174. }
  175. .fa-stack-1x,
  176. .fa-stack-2x {
  177.   position: absolute;
  178.   left: 0;
  179.   width: 100%;
  180.   text-align: center;
  181. }
  182. .fa-stack-1x {
  183.   line-height: inherit;
  184. }
  185. .fa-stack-2x {
  186.   font-size: 2em;
  187. }
  188. .fa-inverse {
  189.   color: #ffffff;
  190. }
  191. /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
  192.    readers do not read off random characters that represent icons */
  193. .fa-glass:before {
  194.   content: "\f000";
  195. }
  196. .fa-music:before {
  197.   content: "\f001";
  198. }
  199. .fa-search:before {
  200.   content: "\f002";
  201. }
  202. .fa-envelope-o:before {
  203.   content: "\f003";
  204. }
  205. .fa-heart:before {
  206.   content: "\f004";
  207. }
  208. .fa-star:before {
  209.   content: "\f005";
  210. }
  211. .fa-star-o:before {
  212.   content: "\f006";
  213. }
  214. .fa-user:before {
  215.   content: "\f007";
  216. }
  217. .fa-film:before {
  218.   content: "\f008";
  219. }
  220. .fa-th-large:before {
  221.   content: "\f009";
  222. }
  223. .fa-th:before {
  224.   content: "\f00a";
  225. }
  226. .fa-th-list:before {
  227.   content: "\f00b";
  228. }
  229. .fa-check:before {
  230.   content: "\f00c";
  231. }
  232. .fa-times:before {
  233.   content: "\f00d";
  234. }
  235. .fa-search-plus:before {
  236.   content: "\f00e";
  237. }
  238. .fa-search-minus:before {
  239.   content: "\f010";
  240. }
  241. .fa-power-off:before {
  242.   content: "\f011";
  243. }
  244. .fa-signal:before {
  245.   content: "\f012";
  246. }
  247. .fa-gear:before,
  248. .fa-cog:before {
  249.   content: "\f013";
  250. }
  251. .fa-trash-o:before {
  252.   content: "\f014";
  253. }
  254. .fa-home:before {
  255.   content: "\f015";
  256. }
  257. .fa-file-o:before {
  258.   content: "\f016";
  259. }
  260. .fa-clock-o:before {
  261.   content: "\f017";
  262. }
  263. .fa-road:before {
  264.   content: "\f018";
  265. }
  266. .fa-download:before {
  267.   content: "\f019";
  268. }
  269. .fa-arrow-circle-o-down:before {
  270.   content: "\f01a";
  271. }
  272. .fa-arrow-circle-o-up:before {
  273.   content: "\f01b";
  274. }
  275. .fa-inbox:before {
  276.   content: "\f01c";
  277. }
  278. .fa-play-circle-o:before {
  279.   content: "\f01d";
  280. }
  281. .fa-rotate-right:before,
  282. .fa-repeat:before {
  283.   content: "\f01e";
  284. }
  285. .fa-refresh:before {
  286.   content: "\f021";
  287. }
  288. .fa-list-alt:before {
  289.   content: "\f022";
  290. }
  291. .fa-lock:before {
  292.   content: "\f023";
  293. }
  294. .fa-flag:before {
  295.   content: "\f024";
  296. }
  297. .fa-headphones:before {
  298.   content: "\f025";
  299. }
  300. .fa-volume-off:before {
  301.   content: "\f026";
  302. }
  303. .fa-volume-down:before {
  304.   content: "\f027";
  305. }
  306. .fa-volume-up:before {
  307.   content: "\f028";
  308. }
  309. .fa-qrcode:before {
  310.   content: "\f029";
  311. }
  312. .fa-barcode:before {
  313.   content: "\f02a";
  314. }
  315. .fa-tag:before {
  316.   content: "\f02b";
  317. }
  318. .fa-tags:before {
  319.   content: "\f02c";
  320. }
  321. .fa-book:before {
  322.   content: "\f02d";
  323. }
  324. .fa-bookmark:before {
  325.   content: "\f02e";
  326. }
  327. .fa-print:before {
  328.   content: "\f02f";
  329. }
  330. .fa-camera:before {
  331.   content: "\f030";
  332. }
  333. .fa-font:before {
  334.   content: "\f031";
  335. }
  336. .fa-bold:before {
  337.   content: "\f032";
  338. }
  339. .fa-italic:before {
  340.   content: "\f033";
  341. }
  342. .fa-text-height:before {
  343.   content: "\f034";
  344. }
  345. .fa-text-width:before {
  346.   content: "\f035";
  347. }
  348. .fa-align-left:before {
  349.   content: "\f036";
  350. }
  351. .fa-align-center:before {
  352.   content: "\f037";
  353. }
  354. .fa-align-right:before {
  355.   content: "\f038";
  356. }
  357. .fa-align-justify:before {
  358.   content: "\f039";
  359. }
  360. .fa-list:before {
  361.   content: "\f03a";
  362. }
  363. .fa-dedent:before,
  364. .fa-outdent:before {
  365.   content: "\f03b";
  366. }
  367. .fa-indent:before {
  368.   content: "\f03c";
  369. }
  370. .fa-video-camera:before {
  371.   content: "\f03d";
  372. }
  373. .fa-picture-o:before {
  374.   content: "\f03e";
  375. }
  376. .fa-pencil:before {
  377.   content: "\f040";
  378. }
  379. .fa-map-marker:before {
  380.   content: "\f041";
  381. }
  382. .fa-adjust:before {
  383.   content: "\f042";
  384. }
  385. .fa-tint:before {
  386.   content: "\f043";
  387. }
  388. .fa-edit:before,
  389. .fa-pencil-square-o:before {
  390.   content: "\f044";
  391. }
  392. .fa-share-square-o:before {
  393.   content: "\f045";
  394. }
  395. .fa-check-square-o:before {
  396.   content: "\f046";
  397. }
  398. .fa-arrows:before {
  399.   content: "\f047";
  400. }
  401. .fa-step-backward:before {
  402.   content: "\f048";
  403. }
  404. .fa-fast-backward:before {
  405.   content: "\f049";
  406. }
  407. .fa-backward:before {
  408.   content: "\f04a";
  409. }
  410. .fa-play:before {
  411.   content: "\f04b";
  412. }
  413. .fa-pause:before {
  414.   content: "\f04c";
  415. }
  416. .fa-stop:before {
  417.   content: "\f04d";
  418. }
  419. .fa-forward:before {
  420.   content: "\f04e";
  421. }
  422. .fa-fast-forward:before {
  423.   content: "\f050";
  424. }
  425. .fa-step-forward:before {
  426.   content: "\f051";
  427. }
  428. .fa-eject:before {
  429.   content: "\f052";
  430. }
  431. .fa-chevron-left:before {
  432.   content: "\f053";
  433. }
  434. .fa-chevron-right:before {
  435.   content: "\f054";
  436. }
  437. .fa-plus-circle:before {
  438.   content: "\f055";
  439. }
  440. .fa-minus-circle:before {
  441.   content: "\f056";
  442. }
  443. .fa-times-circle:before {
  444.   content: "\f057";
  445. }
  446. .fa-check-circle:before {
  447.   content: "\f058";
  448. }
  449. .fa-question-circle:before {
  450.   content: "\f059";
  451. }
  452. .fa-info-circle:before {
  453.   content: "\f05a";
  454. }
  455. .fa-crosshairs:before {
  456.   content: "\f05b";
  457. }
  458. .fa-times-circle-o:before {
  459.   content: "\f05c";
  460. }
  461. .fa-check-circle-o:before {
  462.   content: "\f05d";
  463. }
  464. .fa-ban:before {
  465.   content: "\f05e";
  466. }
  467. .fa-arrow-left:before {
  468.   content: "\f060";
  469. }
  470. .fa-arrow-right:before {
  471.   content: "\f061";
  472. }
  473. .fa-arrow-up:before {
  474.   content: "\f062";
  475. }
  476. .fa-arrow-down:before {
  477.   content: "\f063";
  478. }
  479. .fa-mail-forward:before,
  480. .fa-share:before {
  481.   content: "\f064";
  482. }
  483. .fa-expand:before {
  484.   content: "\f065";
  485. }
  486. .fa-compress:before {
  487.   content: "\f066";
  488. }
  489. .fa-plus:before {
  490.   content: "\f067";
  491. }
  492. .fa-minus:before {
  493.   content: "\f068";
  494. }
  495. .fa-asterisk:before {
  496.   content: "\f069";
  497. }
  498. .fa-exclamation-circle:before {
  499.   content: "\f06a";
  500. }
  501. .fa-gift:before {
  502.   content: "\f06b";
  503. }
  504. .fa-leaf:before {
  505.   content: "\f06c";
  506. }
  507. .fa-fire:before {
  508.   content: "\f06d";
  509. }
  510. .fa-eye:before {
  511.   content: "\f06e";
  512. }
  513. .fa-eye-slash:before {
  514.   content: "\f070";
  515. }
  516. .fa-warning:before,
  517. .fa-exclamation-triangle:before {
  518.   content: "\f071";
  519. }
  520. .fa-plane:before {
  521.   content: "\f072";
  522. }
  523. .fa-calendar:before {
  524.   content: "\f073";
  525. }
  526. .fa-random:before {
  527.   content: "\f074";
  528. }
  529. .fa-comment:before {
  530.   content: "\f075";
  531. }
  532. .fa-magnet:before {
  533.   content: "\f076";
  534. }
  535. .fa-chevron-up:before {
  536.   content: "\f077";
  537. }
  538. .fa-chevron-down:before {
  539.   content: "\f078";
  540. }
  541. .fa-retweet:before {
  542.   content: "\f079";
  543. }
  544. .fa-shopping-cart:before {
  545.   content: "\f07a";
  546. }
  547. .fa-folder:before {
  548.   content: "\f07b";
  549. }
  550. .fa-folder-open:before {
  551.   content: "\f07c";
  552. }
  553. .fa-arrows-v:before {
  554.   content: "\f07d";
  555. }
  556. .fa-arrows-h:before {
  557.   content: "\f07e";
  558. }
  559. .fa-bar-chart-o:before {
  560.   content: "\f080";
  561. }
  562. .fa-twitter-square:before {
  563.   content: "\f081";
  564. }
  565. .fa-facebook-square:before {
  566.   content: "\f082";
  567. }
  568. .fa-camera-retro:before {
  569.   content: "\f083";
  570. }
  571. .fa-key:before {
  572.   content: "\f084";
  573. }
  574. .fa-gears:before,
  575. .fa-cogs:before {
  576.   content: "\f085";
  577. }
  578. .fa-comments:before {
  579.   content: "\f086";
  580. }
  581. .fa-thumbs-o-up:before {
  582.   content: "\f087";
  583. }
  584. .fa-thumbs-o-down:before {
  585.   content: "\f088";
  586. }
  587. .fa-star-half:before {
  588.   content: "\f089";
  589. }
  590. .fa-heart-o:before {
  591.   content: "\f08a";
  592. }
  593. .fa-sign-out:before {
  594.   content: "\f08b";
  595. }
  596. .fa-linkedin-square:before {
  597.   content: "\f08c";
  598. }
  599. .fa-thumb-tack:before {
  600.   content: "\f08d";
  601. }
  602. .fa-external-link:before {
  603.   content: "\f08e";
  604. }
  605. .fa-sign-in:before {
  606.   content: "\f090";
  607. }
  608. .fa-trophy:before {
  609.   content: "\f091";
  610. }
  611. .fa-github-square:before {
  612.   content: "\f092";
  613. }
  614. .fa-upload:before {
  615.   content: "\f093";
  616. }
  617. .fa-lemon-o:before {
  618.   content: "\f094";
  619. }
  620. .fa-phone:before {
  621.   content: "\f095";
  622. }
  623. .fa-square-o:before {
  624.   content: "\f096";
  625. }
  626. .fa-bookmark-o:before {
  627.   content: "\f097";
  628. }
  629. .fa-phone-square:before {
  630.   content: "\f098";
  631. }
  632. .fa-twitter:before {
  633.   content: "\f099";
  634. }
  635. .fa-facebook:before {
  636.   content: "\f09a";
  637. }
  638. .fa-github:before {
  639.   content: "\f09b";
  640. }
  641. .fa-unlock:before {
  642.   content: "\f09c";
  643. }
  644. .fa-credit-card:before {
  645.   content: "\f09d";
  646. }
  647. .fa-rss:before {
  648.   content: "\f09e";
  649. }
  650. .fa-hdd-o:before {
  651.   content: "\f0a0";
  652. }
  653. .fa-bullhorn:before {
  654.   content: "\f0a1";
  655. }
  656. .fa-bell:before {
  657.   content: "\f0f3";
  658. }
  659. .fa-certificate:before {
  660.   content: "\f0a3";
  661. }
  662. .fa-hand-o-right:before {
  663.   content: "\f0a4";
  664. }
  665. .fa-hand-o-left:before {
  666.   content: "\f0a5";
  667. }
  668. .fa-hand-o-up:before {
  669.   content: "\f0a6";
  670. }
  671. .fa-hand-o-down:before {
  672.   content: "\f0a7";
  673. }
  674. .fa-arrow-circle-left:before {
  675.   content: "\f0a8";
  676. }
  677. .fa-arrow-circle-right:before {
  678.   content: "\f0a9";
  679. }
  680. .fa-arrow-circle-up:before {
  681.   content: "\f0aa";
  682. }
  683. .fa-arrow-circle-down:before {
  684.   content: "\f0ab";
  685. }
  686. .fa-globe:before {
  687.   content: "\f0ac";
  688. }
  689. .fa-wrench:before {
  690.   content: "\f0ad";
  691. }
  692. .fa-tasks:before {
  693.   content: "\f0ae";
  694. }
  695. .fa-filter:before {
  696.   content: "\f0b0";
  697. }
  698. .fa-briefcase:before {
  699.   content: "\f0b1";
  700. }
  701. .fa-arrows-alt:before {
  702.   content: "\f0b2";
  703. }
  704. .fa-group:before,
  705. .fa-users:before {
  706.   content: "\f0c0";
  707. }
  708. .fa-chain:before,
  709. .fa-link:before {
  710.   content: "\f0c1";
  711. }
  712. .fa-cloud:before {
  713.   content: "\f0c2";
  714. }
  715. .fa-flask:before {
  716.   content: "\f0c3";
  717. }
  718. .fa-cut:before,
  719. .fa-scissors:before {
  720.   content: "\f0c4";
  721. }
  722. .fa-copy:before,
  723. .fa-files-o:before {
  724.   content: "\f0c5";
  725. }
  726. .fa-paperclip:before {
  727.   content: "\f0c6";
  728. }
  729. .fa-save:before,
  730. .fa-floppy-o:before {
  731.   content: "\f0c7";
  732. }
  733. .fa-square:before {
  734.   content: "\f0c8";
  735. }
  736. .fa-bars:before {
  737.   content: "\f0c9";
  738. }
  739. .fa-list-ul:before {
  740.   content: "\f0ca";
  741. }
  742. .fa-list-ol:before {
  743.   content: "\f0cb";
  744. }
  745. .fa-strikethrough:before {
  746.   content: "\f0cc";
  747. }
  748. .fa-underline:before {
  749.   content: "\f0cd";
  750. }
  751. .fa-table:before {
  752.   content: "\f0ce";
  753. }
  754. .fa-magic:before {
  755.   content: "\f0d0";
  756. }
  757. .fa-truck:before {
  758.   content: "\f0d1";
  759. }
  760. .fa-pinterest:before {
  761.   content: "\f0d2";
  762. }
  763. .fa-pinterest-square:before {
  764.   content: "\f0d3";
  765. }
  766. .fa-google-plus-square:before {
  767.   content: "\f0d4";
  768. }
  769. .fa-google-plus:before {
  770.   content: "\f0d5";
  771. }
  772. .fa-money:before {
  773.   content: "\f0d6";
  774. }
  775. .fa-caret-down:before {
  776.   content: "\f0d7";
  777. }
  778. .fa-caret-up:before {
  779.   content: "\f0d8";
  780. }
  781. .fa-caret-left:before {
  782.   content: "\f0d9";
  783. }
  784. .fa-caret-right:before {
  785.   content: "\f0da";
  786. }
  787. .fa-columns:before {
  788.   content: "\f0db";
  789. }
  790. .fa-unsorted:before,
  791. .fa-sort:before {
  792.   content: "\f0dc";
  793. }
  794. .fa-sort-down:before,
  795. .fa-sort-asc:before {
  796.   content: "\f0dd";
  797. }
  798. .fa-sort-up:before,
  799. .fa-sort-desc:before {
  800.   content: "\f0de";
  801. }
  802. .fa-envelope:before {
  803.   content: "\f0e0";
  804. }
  805. .fa-linkedin:before {
  806.   content: "\f0e1";
  807. }
  808. .fa-rotate-left:before,
  809. .fa-undo:before {
  810.   content: "\f0e2";
  811. }
  812. .fa-legal:before,
  813. .fa-gavel:before {
  814.   content: "\f0e3";
  815. }
  816. .fa-dashboard:before,
  817. .fa-tachometer:before {
  818.   content: "\f0e4";
  819. }
  820. .fa-comment-o:before {
  821.   content: "\f0e5";
  822. }
  823. .fa-comments-o:before {
  824.   content: "\f0e6";
  825. }
  826. .fa-flash:before,
  827. .fa-bolt:before {
  828.   content: "\f0e7";
  829. }
  830. .fa-sitemap:before {
  831.   content: "\f0e8";
  832. }
  833. .fa-umbrella:before {
  834.   content: "\f0e9";
  835. }
  836. .fa-paste:before,
  837. .fa-clipboard:before {
  838.   content: "\f0ea";
  839. }
  840. .fa-lightbulb-o:before {
  841.   content: "\f0eb";
  842. }
  843. .fa-exchange:before {
  844.   content: "\f0ec";
  845. }
  846. .fa-cloud-download:before {
  847.   content: "\f0ed";
  848. }
  849. .fa-cloud-upload:before {
  850.   content: "\f0ee";
  851. }
  852. .fa-user-md:before {
  853.   content: "\f0f0";
  854. }
  855. .fa-stethoscope:before {
  856.   content: "\f0f1";
  857. }
  858. .fa-suitcase:before {
  859.   content: "\f0f2";
  860. }
  861. .fa-bell-o:before {
  862.   content: "\f0a2";
  863. }
  864. .fa-coffee:before {
  865.   content: "\f0f4";
  866. }
  867. .fa-cutlery:before {
  868.   content: "\f0f5";
  869. }
  870. .fa-file-text-o:before {
  871.   content: "\f0f6";
  872. }
  873. .fa-building-o:before {
  874.   content: "\f0f7";
  875. }
  876. .fa-hospital-o:before {
  877.   content: "\f0f8";
  878. }
  879. .fa-ambulance:before {
  880.   content: "\f0f9";
  881. }
  882. .fa-medkit:before {
  883.   content: "\f0fa";
  884. }
  885. .fa-fighter-jet:before {
  886.   content: "\f0fb";
  887. }
  888. .fa-beer:before {
  889.   content: "\f0fc";
  890. }
  891. .fa-h-square:before {
  892.   content: "\f0fd";
  893. }
  894. .fa-plus-square:before {
  895.   content: "\f0fe";
  896. }
  897. .fa-angle-double-left:before {
  898.   content: "\f100";
  899. }
  900. .fa-angle-double-right:before {
  901.   content: "\f101";
  902. }
  903. .fa-angle-double-up:before {
  904.   content: "\f102";
  905. }
  906. .fa-angle-double-down:before {
  907.   content: "\f103";
  908. }
  909. .fa-angle-left:before {
  910.   content: "\f104";
  911. }
  912. .fa-angle-right:before {
  913.   content: "\f105";
  914. }
  915. .fa-angle-up:before {
  916.   content: "\f106";
  917. }
  918. .fa-angle-down:before {
  919.   content: "\f107";
  920. }
  921. .fa-desktop:before {
  922.   content: "\f108";
  923. }
  924. .fa-laptop:before {
  925.   content: "\f109";
  926. }
  927. .fa-tablet:before {
  928.   content: "\f10a";
  929. }
  930. .fa-mobile-phone:before,
  931. .fa-mobile:before {
  932.   content: "\f10b";
  933. }
  934. .fa-circle-o:before {
  935.   content: "\f10c";
  936. }
  937. .fa-quote-left:before {
  938.   content: "\f10d";
  939. }
  940. .fa-quote-right:before {
  941.   content: "\f10e";
  942. }
  943. .fa-spinner:before {
  944.   content: "\f110";
  945. }
  946. .fa-circle:before {
  947.   content: "\f111";
  948. }
  949. .fa-mail-reply:before,
  950. .fa-reply:before {
  951.   content: "\f112";
  952. }
  953. .fa-github-alt:before {
  954.   content: "\f113";
  955. }
  956. .fa-folder-o:before {
  957.   content: "\f114";
  958. }
  959. .fa-folder-open-o:before {
  960.   content: "\f115";
  961. }
  962. .fa-smile-o:before {
  963.   content: "\f118";
  964. }
  965. .fa-frown-o:before {
  966.   content: "\f119";
  967. }
  968. .fa-meh-o:before {
  969.   content: "\f11a";
  970. }
  971. .fa-gamepad:before {
  972.   content: "\f11b";
  973. }
  974. .fa-keyboard-o:before {
  975.   content: "\f11c";
  976. }
  977. .fa-flag-o:before {
  978.   content: "\f11d";
  979. }
  980. .fa-flag-checkered:before {
  981.   content: "\f11e";
  982. }
  983. .fa-terminal:before {
  984.   content: "\f120";
  985. }
  986. .fa-code:before {
  987.   content: "\f121";
  988. }
  989. .fa-reply-all:before {
  990.   content: "\f122";
  991. }
  992. .fa-mail-reply-all:before {
  993.   content: "\f122";
  994. }
  995. .fa-star-half-empty:before,
  996. .fa-star-half-full:before,
  997. .fa-star-half-o:before {
  998.   content: "\f123";
  999. }
  1000. .fa-location-arrow:before {
  1001.   content: "\f124";
  1002. }
  1003. .fa-crop:before {
  1004.   content: "\f125";
  1005. }
  1006. .fa-code-fork:before {
  1007.   content: "\f126";
  1008. }
  1009. .fa-unlink:before,
  1010. .fa-chain-broken:before {
  1011.   content: "\f127";
  1012. }
  1013. .fa-question:before {
  1014.   content: "\f128";
  1015. }
  1016. .fa-info:before {
  1017.   content: "\f129";
  1018. }
  1019. .fa-exclamation:before {
  1020.   content: "\f12a";
  1021. }
  1022. .fa-superscript:before {
  1023.   content: "\f12b";
  1024. }
  1025. .fa-subscript:before {
  1026.   content: "\f12c";
  1027. }
  1028. .fa-eraser:before {
  1029.   content: "\f12d";
  1030. }
  1031. .fa-puzzle-piece:before {
  1032.   content: "\f12e";
  1033. }
  1034. .fa-microphone:before {
  1035.   content: "\f130";
  1036. }
  1037. .fa-microphone-slash:before {
  1038.   content: "\f131";
  1039. }
  1040. .fa-shield:before {
  1041.   content: "\f132";
  1042. }
  1043. .fa-calendar-o:before {
  1044.   content: "\f133";
  1045. }
  1046. .fa-fire-extinguisher:before {
  1047.   content: "\f134";
  1048. }
  1049. .fa-rocket:before {
  1050.   content: "\f135";
  1051. }
  1052. .fa-maxcdn:before {
  1053.   content: "\f136";
  1054. }
  1055. .fa-chevron-circle-left:before {
  1056.   content: "\f137";
  1057. }
  1058. .fa-chevron-circle-right:before {
  1059.   content: "\f138";
  1060. }
  1061. .fa-chevron-circle-up:before {
  1062.   content: "\f139";
  1063. }
  1064. .fa-chevron-circle-down:before {
  1065.   content: "\f13a";
  1066. }
  1067. .fa-html5:before {
  1068.   content: "\f13b";
  1069. }
  1070. .fa-css3:before {
  1071.   content: "\f13c";
  1072. }
  1073. .fa-anchor:before {
  1074.   content: "\f13d";
  1075. }
  1076. .fa-unlock-alt:before {
  1077.   content: "\f13e";
  1078. }
  1079. .fa-bullseye:before {
  1080.   content: "\f140";
  1081. }
  1082. .fa-ellipsis-h:before {
  1083.   content: "\f141";
  1084. }
  1085. .fa-ellipsis-v:before {
  1086.   content: "\f142";
  1087. }
  1088. .fa-rss-square:before {
  1089.   content: "\f143";
  1090. }
  1091. .fa-play-circle:before {
  1092.   content: "\f144";
  1093. }
  1094. .fa-ticket:before {
  1095.   content: "\f145";
  1096. }
  1097. .fa-minus-square:before {
  1098.   content: "\f146";
  1099. }
  1100. .fa-minus-square-o:before {
  1101.   content: "\f147";
  1102. }
  1103. .fa-level-up:before {
  1104.   content: "\f148";
  1105. }
  1106. .fa-level-down:before {
  1107.   content: "\f149";
  1108. }
  1109. .fa-check-square:before {
  1110.   content: "\f14a";
  1111. }
  1112. .fa-pencil-square:before {
  1113.   content: "\f14b";
  1114. }
  1115. .fa-external-link-square:before {
  1116.   content: "\f14c";
  1117. }
  1118. .fa-share-square:before {
  1119.   content: "\f14d";
  1120. }
  1121. .fa-compass:before {
  1122.   content: "\f14e";
  1123. }
  1124. .fa-toggle-down:before,
  1125. .fa-caret-square-o-down:before {
  1126.   content: "\f150";
  1127. }
  1128. .fa-toggle-up:before,
  1129. .fa-caret-square-o-up:before {
  1130.   content: "\f151";
  1131. }
  1132. .fa-toggle-right:before,
  1133. .fa-caret-square-o-right:before {
  1134.   content: "\f152";
  1135. }
  1136. .fa-euro:before,
  1137. .fa-eur:before {
  1138.   content: "\f153";
  1139. }
  1140. .fa-gbp:before {
  1141.   content: "\f154";
  1142. }
  1143. .fa-dollar:before,
  1144. .fa-usd:before {
  1145.   content: "\f155";
  1146. }
  1147. .fa-rupee:before,
  1148. .fa-inr:before {
  1149.   content: "\f156";
  1150. }
  1151. .fa-cny:before,
  1152. .fa-rmb:before,
  1153. .fa-yen:before,
  1154. .fa-jpy:before {
  1155.   content: "\f157";
  1156. }
  1157. .fa-ruble:before,
  1158. .fa-rouble:before,
  1159. .fa-rub:before {
  1160.   content: "\f158";
  1161. }
  1162. .fa-won:before,
  1163. .fa-krw:before {
  1164.   content: "\f159";
  1165. }
  1166. .fa-bitcoin:before,
  1167. .fa-btc:before {
  1168.   content: "\f15a";
  1169. }
  1170. .fa-file:before {
  1171.   content: "\f15b";
  1172. }
  1173. .fa-file-text:before {
  1174.   content: "\f15c";
  1175. }
  1176. .fa-sort-alpha-asc:before {
  1177.   content: "\f15d";
  1178. }
  1179. .fa-sort-alpha-desc:before {
  1180.   content: "\f15e";
  1181. }
  1182. .fa-sort-amount-asc:before {
  1183.   content: "\f160";
  1184. }
  1185. .fa-sort-amount-desc:before {
  1186.   content: "\f161";
  1187. }
  1188. .fa-sort-numeric-asc:before {
  1189.   content: "\f162";
  1190. }
  1191. .fa-sort-numeric-desc:before {
  1192.   content: "\f163";
  1193. }
  1194. .fa-thumbs-up:before {
  1195.   content: "\f164";
  1196. }
  1197. .fa-thumbs-down:before {
  1198.   content: "\f165";
  1199. }
  1200. .fa-youtube-square:before {
  1201.   content: "\f166";
  1202. }
  1203. .fa-youtube:before {
  1204.   content: "\f167";
  1205. }
  1206. .fa-xing:before {
  1207.   content: "\f168";
  1208. }
  1209. .fa-xing-square:before {
  1210.   content: "\f169";
  1211. }
  1212. .fa-youtube-play:before {
  1213.   content: "\f16a";
  1214. }
  1215. .fa-dropbox:before {
  1216.   content: "\f16b";
  1217. }
  1218. .fa-stack-overflow:before {
  1219.   content: "\f16c";
  1220. }
  1221. .fa-instagram:before {
  1222.   content: "\f16d";
  1223. }
  1224. .fa-flickr:before {
  1225.   content: "\f16e";
  1226. }
  1227. .fa-adn:before {
  1228.   content: "\f170";
  1229. }
  1230. .fa-bitbucket:before {
  1231.   content: "\f171";
  1232. }
  1233. .fa-bitbucket-square:before {
  1234.   content: "\f172";
  1235. }
  1236. .fa-tumblr:before {
  1237.   content: "\f173";
  1238. }
  1239. .fa-tumblr-square:before {
  1240.   content: "\f174";
  1241. }
  1242. .fa-long-arrow-down:before {
  1243.   content: "\f175";
  1244. }
  1245. .fa-long-arrow-up:before {
  1246.   content: "\f176";
  1247. }
  1248. .fa-long-arrow-left:before {
  1249.   content: "\f177";
  1250. }
  1251. .fa-long-arrow-right:before {
  1252.   content: "\f178";
  1253. }
  1254. .fa-apple:before {
  1255.   content: "\f179";
  1256. }
  1257. .fa-windows:before {
  1258.   content: "\f17a";
  1259. }
  1260. .fa-android:before {
  1261.   content: "\f17b";
  1262. }
  1263. .fa-linux:before {
  1264.   content: "\f17c";
  1265. }
  1266. .fa-dribbble:before {
  1267.   content: "\f17d";
  1268. }
  1269. .fa-skype:before {
  1270.   content: "\f17e";
  1271. }
  1272. .fa-foursquare:before {
  1273.   content: "\f180";
  1274. }
  1275. .fa-trello:before {
  1276.   content: "\f181";
  1277. }
  1278. .fa-female:before {
  1279.   content: "\f182";
  1280. }
  1281. .fa-male:before {
  1282.   content: "\f183";
  1283. }
  1284. .fa-gittip:before {
  1285.   content: "\f184";
  1286. }
  1287. .fa-sun-o:before {
  1288.   content: "\f185";
  1289. }
  1290. .fa-moon-o:before {
  1291.   content: "\f186";
  1292. }
  1293. .fa-archive:before {
  1294.   content: "\f187";
  1295. }
  1296. .fa-bug:before {
  1297.   content: "\f188";
  1298. }
  1299. .fa-vk:before {
  1300.   content: "\f189";
  1301. }
  1302. .fa-weibo:before {
  1303.   content: "\f18a";
  1304. }
  1305. .fa-renren:before {
  1306.   content: "\f18b";
  1307. }
  1308. .fa-pagelines:before {
  1309.   content: "\f18c";
  1310. }
  1311. .fa-stack-exchange:before {
  1312.   content: "\f18d";
  1313. }
  1314. .fa-arrow-circle-o-right:before {
  1315.   content: "\f18e";
  1316. }
  1317. .fa-arrow-circle-o-left:before {
  1318.   content: "\f190";
  1319. }
  1320. .fa-toggle-left:before,
  1321. .fa-caret-square-o-left:before {
  1322.   content: "\f191";
  1323. }
  1324. .fa-dot-circle-o:before {
  1325.   content: "\f192";
  1326. }
  1327. .fa-wheelchair:before {
  1328.   content: "\f193";
  1329. }
  1330. .fa-vimeo-square:before {
  1331.   content: "\f194";
  1332. }
  1333. .fa-turkish-lira:before,
  1334. .fa-try:before {
  1335.   content: "\f195";
  1336. }
  1337. .fa-plus-square-o:before {
  1338.   content: "\f196";
  1339. }
  1340. /*! gridster.js - v0.1.0 - 2012-08-14
  1341. * http://gridster.net/
  1342. * Copyright (c) 2012 ducksboard; Licensed MIT */
  1343.  
  1344.  
  1345. .gridster {
  1346.     position:relative;
  1347. }
  1348.  
  1349. .gridster > * {
  1350.     margin: 0 auto;
  1351.     -webkit-transition: height .4s;
  1352.     -moz-transition: height .4s;
  1353.     -o-transition: height .4s;
  1354.     -ms-transition: height .4s;
  1355.     transition: height .4s;
  1356. }
  1357.  
  1358. .gridster .gs_w{
  1359.     z-index: 2;
  1360.     position: absolute;
  1361. }
  1362.  
  1363. .ready .gs_w:not(.preview-holder) {
  1364.     -webkit-transition: opacity .3s, left .3s, top .3s;
  1365.     -moz-transition: opacity .3s, left .3s, top .3s;
  1366.     -o-transition: opacity .3s, left .3s, top .3s;
  1367.     transition: opacity .3s, left .3s, top .3s;
  1368. }
  1369.  
  1370. .gridster .preview-holder {
  1371.     z-index: 1;
  1372.     position: absolute;
  1373.     background-color: #fff;
  1374.     border-color: #fff;
  1375.     opacity: 0.3;
  1376. }
  1377.  
  1378. .gridster .player-revert {
  1379.     z-index: 10!important;
  1380.     -webkit-transition: left .3s, top .3s!important;
  1381.     -moz-transition: left .3s, top .3s!important;
  1382.     -o-transition: left .3s, top .3s!important;
  1383.     transition:  left .3s, top .3s!important;
  1384. }
  1385.  
  1386. .gridster .dragging {
  1387.     z-index: 10!important;
  1388.     -webkit-transition: all 0s !important;
  1389.     -moz-transition: all 0s !important;
  1390.     -o-transition: all 0s !important;
  1391.     transition: all 0s !important;
  1392. }
  1393.  
  1394. /* Uncomment this if you set helper : "clone" in draggable options */
  1395. /*.gridster .player {
  1396.   opacity:0;
  1397. }*/
  1398. .widget-text {
  1399.   background-color: #749396; }
  1400.  
  1401. .container {
  1402.   height: 100%;
  1403.   padding-left: 50px;
  1404.   padding-right: 50px;
  1405.   padding-top: 10px;
  1406.   padding-bottom: 20px; }
  1407.  
  1408. .left {
  1409.   float: left;
  1410.   text-align: left;
  1411.   font-size: 30px; }
  1412.  
  1413. .left p {
  1414.   line-height: 40px; }
  1415.  
  1416. p.number {
  1417.   margin-bottom: 15px; }
  1418.  
  1419. .right {
  1420.   float: right; }
  1421.  
  1422. .clear {
  1423.   clear: both; }
  1424.  
  1425. .auction-indicator {
  1426.   width: 100%;
  1427.   text-align: center;
  1428.   margin-bottom: 20px; }
  1429.  
  1430. .auction-title {
  1431.   width: 66%;
  1432.   text-align: right;
  1433.   font-size: 50px; }
  1434.  
  1435. .slider span {
  1436.   margin-left: 5px;
  1437.   display: inline-block;
  1438.   width: 20px;
  1439.   height: 20px;
  1440.   background: #FFFFFF;
  1441.   border-radius: 10px; }
  1442.  
  1443. .slider span.active {
  1444.   background: rgba(255, 255, 255, 0.5); }
  1445. .widget-clock {
  1446.   background-color: #dc5945; }
  1447. .widget-comments {
  1448.   background-color: #eb9c3c; }
  1449.   .widget-comments .title {
  1450.     color: rgba(255, 255, 255, 0.7);
  1451.     margin-bottom: 15px; }
  1452.   .widget-comments .name {
  1453.     padding-left: 5px; }
  1454.   .widget-comments .comment-container {
  1455.     display: none; }
  1456.   .widget-comments .more-info {
  1457.     color: rgba(255, 255, 255, 0.7); }
  1458. .widget-graph {
  1459.   background-color: #dc5945;
  1460.   position: relative; }
  1461.   .widget-graph svg {
  1462.     position: absolute;
  1463.     opacity: 0.4;
  1464.     fill-opacity: 0.4;
  1465.     left: 0px;
  1466.     top: 0px; }
  1467.   .widget-graph .title, .widget-graph .value {
  1468.     position: relative;
  1469.     z-index: 99; }
  1470.   .widget-graph .title {
  1471.     color: rgba(255, 255, 255, 0.7); }
  1472.   .widget-graph .more-info {
  1473.     color: rgba(255, 255, 255, 0.3);
  1474.     font-weight: 600;
  1475.     font-size: 20px;
  1476.     margin-top: 0; }
  1477.   .widget-graph .x_tick {
  1478.     position: absolute;
  1479.     bottom: 0; }
  1480.     .widget-graph .x_tick .title {
  1481.       font-size: 20px;
  1482.       color: rgba(0, 0, 0, 0.4);
  1483.       opacity: 0.5;
  1484.       padding-bottom: 3px; }
  1485.   .widget-graph .y_ticks {
  1486.     font-size: 20px;
  1487.     fill: rgba(0, 0, 0, 0.4);
  1488.     fill-opacity: 1; }
  1489.   .widget-graph .domain {
  1490.     display: none; }
  1491. .widget-iframe {
  1492.   padding: 3px 0px 0px 0px !important; }
  1493.   .widget-iframe iframe {
  1494.     width: 100%;
  1495.     height: 100%; }
  1496. .widget-image {
  1497.   background-color: #4b4b4b; }
  1498. .widget-list {
  1499.   background-color: #12b0c5;
  1500.   vertical-align: top; }
  1501.   .widget-list .title {
  1502.     color: rgba(255, 255, 255, 0.7); }
  1503.   .widget-list ol, .widget-list ul {
  1504.     margin: 0 15px;
  1505.     text-align: left;
  1506.     color: rgba(255, 255, 255, 0.7); }
  1507.   .widget-list ol {
  1508.     list-style-position: inside; }
  1509.   .widget-list li {
  1510.     margin-bottom: 5px; }
  1511.   .widget-list .list-nostyle {
  1512.     list-style: none; }
  1513.   .widget-list .label {
  1514.     color: rgba(255, 255, 255, 0.7); }
  1515.   .widget-list .value {
  1516.     float: right;
  1517.     margin-left: 12px;
  1518.     font-weight: 600;
  1519.     color: white; }
  1520.   .widget-list .updated-at {
  1521.     color: rgba(0, 0, 0, 0.3); }
  1522.   .widget-list .more-info {
  1523.     color: rgba(255, 255, 255, 0.7); }
  1524. .widget-meter {
  1525.   background-color: #749396; }
  1526.   .widget-meter input.meter {
  1527.     background-color: rgba(255, 255, 255, 0.5);
  1528.     color: #fff; }
  1529.   .widget-meter .title {
  1530.     color: white; }
  1531.   .widget-meter .more-info {
  1532.     color: white; }
  1533.   .widget-meter .updated-at {
  1534.     color: rgba(0, 0, 0, 0.3); }
  1535. .widget-number {
  1536.   background-color: #47bbb3; }
  1537.   .widget-number .title {
  1538.     color: white; }
  1539.   .widget-number .value {
  1540.     color: white;
  1541.     font-size: 90px; }
  1542.   .widget-number .change-rate {
  1543.     font-weight: 500;
  1544.     font-size: 30px;
  1545.     color: white; }
  1546.   .widget-number .more-info {
  1547.     color: white; }
  1548.   .widget-number .updated-at {
  1549.     color: rgba(0, 0, 0, 0.3); }
  1550.   .widget-number h2.value {
  1551.     margin-top: 55px; }
  1552.   .widget-number h1.title {
  1553.     margin-top: 40px; }
  1554. .widget-text {
  1555.   background-color: #ec663c; }
  1556.   .widget-text .title {
  1557.     color: rgba(255, 255, 255, 0.7); }
  1558.   .widget-text .more-info {
  1559.     color: rgba(255, 255, 255, 0.7); }
  1560.   .widget-text .updated-at {
  1561.     color: rgba(255, 255, 255, 0.7); }
  1562.   .widget-text.large h3 {
  1563.     font-size: 65px; }
  1564. /*
  1565.  
  1566.  
  1567. */
  1568. @-webkit-keyframes status-warning-background {
  1569.   0% {
  1570.     background-color: #e82711; }
  1571.  
  1572.   50% {
  1573.     background-color: #9b2d23; }
  1574.  
  1575.   100% {
  1576.     background-color: #e82711; } }
  1577. @-webkit-keyframes status-danger-background {
  1578.   0% {
  1579.     background-color: #eeae32; }
  1580.  
  1581.   50% {
  1582.     background-color: #ff9618; }
  1583.  
  1584.   100% {
  1585.     background-color: #eeae32; } }
  1586. html {
  1587.   font-size: 100%;
  1588.   -webkit-text-size-adjust: 100%;
  1589.   -ms-text-size-adjust: 100%; }
  1590.  
  1591. body {
  1592.   margin: 0;
  1593.   background-color: #f1f1f1;
  1594.   font-size: 20px;
  1595.   color: white;
  1596.   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  1597.   font-weight: bold; }
  1598.  
  1599. b, strong {
  1600.   font-weight: bold; }
  1601.  
  1602. a {
  1603.   text-decoration: none;
  1604.   color: inherit; }
  1605.  
  1606. img {
  1607.   border: 0;
  1608.   -ms-interpolation-mode: bicubic;
  1609.   vertical-align: middle; }
  1610.  
  1611. img, object {
  1612.   max-width: 100%; }
  1613.  
  1614. iframe {
  1615.   max-width: 100%; }
  1616.  
  1617. table {
  1618.   border-collapse: collapse;
  1619.   border-spacing: 0;
  1620.   width: 100%; }
  1621.  
  1622. td {
  1623.   vertical-align: middle; }
  1624.  
  1625. ul, ol {
  1626.   padding: 0;
  1627.   margin: 0; }
  1628.  
  1629. h1, h2, h3, h4, h5, p {
  1630.   padding: 0;
  1631.   margin: 0; }
  1632.  
  1633. h1 {
  1634.   margin-bottom: 12px;
  1635.   text-align: center;
  1636.   font-size: 30px;
  1637.   font-weight: bold; }
  1638.  
  1639. h2 {
  1640.   text-transform: uppercase;
  1641.   font-size: 76px;
  1642.   font-weight: 700;
  1643.   color: white; }
  1644.  
  1645. h3 {
  1646.   font-size: 25px;
  1647.   font-weight: 600;
  1648.   color: white; }
  1649.  
  1650. .gridster {
  1651.   margin: 0px auto; }
  1652.  
  1653. .icon-background {
  1654.   width: 100% !important;
  1655.   height: 100%;
  1656.   position: absolute;
  1657.   left: 0;
  1658.   top: 0;
  1659.   opacity: 0.1;
  1660.   font-size: 275px;
  1661.   text-align: center;
  1662.   margin-top: 82px; }
  1663.  
  1664. .list-nostyle {
  1665.   list-style: none; }
  1666.  
  1667. .gridster ul {
  1668.   list-style: none; }
  1669.  
  1670. .gs_w {
  1671.   width: 100%;
  1672.   display: table;
  1673.   cursor: pointer; }
  1674.  
  1675. .widget {
  1676.   padding: 25px 12px;
  1677.   text-align: center;
  1678.   width: 100%;
  1679.   display: table-cell;
  1680.   vertical-align: middle; }
  1681.  
  1682. .widget.status-warning {
  1683.   background-color: #e82711;
  1684.   -webkit-animation: status-warning-background 2s ease infinite;
  1685.   -moz-animation: status-warning-background 2s ease infinite;
  1686.   -ms-animation: status-warning-background 2s ease infinite; }
  1687.   .widget.status-warning .icon-warning-sign {
  1688.     display: inline-block; }
  1689.   .widget.status-warning .title, .widget.status-warning .more-info {
  1690.     color: white; }
  1691.  
  1692. .widget.status-danger {
  1693.   color: white;
  1694.   background-color: #eeae32;
  1695.   -webkit-animation: status-danger-background 2s ease infinite;
  1696.   -moz-animation: status-danger-background 2s ease infinite;
  1697.   -ms-animation: status-danger-background 2s ease infinite; }
  1698.   .widget.status-danger .icon-warning-sign {
  1699.     display: inline-block; }
  1700.   .widget.status-danger .title, .widget.status-danger .more-info {
  1701.     color: white; }
  1702.  
  1703. .more-info {
  1704.   font-size: 15px;
  1705.   position: absolute;
  1706.   bottom: 32px;
  1707.   left: 0;
  1708.   right: 0; }
  1709.  
  1710. .updated-at {
  1711.   display: none;
  1712.   font-size: 15px;
  1713.   position: absolute;
  1714.   bottom: 12px;
  1715.   left: 0;
  1716.   right: 0; }
  1717.  
  1718. #save-gridster {
  1719.   display: none;
  1720.   position: fixed;
  1721.   top: 0;
  1722.   margin: 0px auto;
  1723.   left: 50%;
  1724.   z-index: 1000;
  1725.   background: black;
  1726.   width: 190px;
  1727.   text-align: center;
  1728.   border: 1px solid white;
  1729.   border-top: 0px;
  1730.   margin-left: -95px;
  1731.   padding: 15px; }
  1732.  
  1733. #save-gridster:hover {
  1734.   padding-top: 25px; }
  1735.  
  1736. #saving-instructions {
  1737.   display: none;
  1738.   padding: 10px;
  1739.   width: 500px;
  1740.   height: 122px;
  1741.   z-index: 1000;
  1742.   background: white;
  1743.   top: 100px;
  1744.   color: black;
  1745.   font-size: 15px;
  1746.   padding-bottom: 4px; }
  1747.   #saving-instructions textarea {
  1748.     white-space: nowrap;
  1749.     width: 494px;
  1750.     height: 80px; }
  1751.  
  1752. #lean_overlay {
  1753.   position: fixed;
  1754.   z-index: 100;
  1755.   top: 0px;
  1756.   left: 0px;
  1757.   height: 100%;
  1758.   width: 100%;
  1759.   background: #000;
  1760.   display: none; }
  1761.  
  1762. #container {
  1763.   padding-top: 5px; }
  1764.  
  1765. .clearfix:before, .clearfix:after {
  1766.   content: "\0020";
  1767.   display: block;
  1768.   height: 0;
  1769.   overflow: hidden; }
  1770.  
  1771. .clearfix:after {
  1772.   clear: both; }
  1773.  
  1774. .clearfix {
  1775.   zoom: 1; }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement