pastebin

Paste Search Dynamic
Recent pastes
/app.min.css
  1. #alacarte [data-role=content] {
  2.   padding: 3rem 1rem 1rem 1rem;
  3.   text-align: left;
  4.   font-size: .9rem;
  5. }
  6.  
  7. #alacarte [data-role=content] .title {
  8.   color: #36b5b6;
  9.   margin: 1rem 0 0.5rem 0;
  10.   vertical-align: middle;
  11.   font-size: 1rem;
  12. }
  13.  
  14. #alacarte .image-a-la-une {
  15.   width: 100%;
  16.   height: 136px;
  17.   background-size: cover;
  18.   background-repeat: no-repeat;
  19.   margin: 1rem 0 1.5rem 0;
  20.   background-color: rgba(102,102,102,0.5);
  21. }
  22.  
  23. #alacarte .list .list-item-wrapper {
  24.   font-size: .8rem;
  25.   overflow: hidden;
  26.   position: relative;
  27.   border-top: 1px solid rgba(54,181,182,0.2);
  28. }
  29.  
  30. #alacarte .list .name,
  31. #alacarte .list .price {
  32.   height: 100%;
  33. }
  34.  
  35. #alacarte .list .name {
  36.   width: 80%;
  37.   margin: 0.5rem 0;
  38. }
  39.  
  40. #alacarte .list .price {
  41.   float: right;
  42. }
  43.  
  44. #bar {
  45.   text-align: center;
  46. }
  47.  
  48. #bar [data-role=header] .title span {
  49.   vertical-align: middle;
  50. }
  51.  
  52. #bar [data-role=header] .title [class*=icon] {
  53.   margin-right: 0.5rem;
  54.   font-size: 1.6rem;
  55. }
  56.  
  57. #bar [data-role=content] {
  58.   padding: 3rem 1rem 1rem 1rem;
  59.   text-align: left;
  60.   font-size: .9rem;
  61. }
  62.  
  63. #bar .image-a-la-une {
  64.   width: 100%;
  65.   height: 136px;
  66.   background-size: cover;
  67.   background-repeat: no-repeat;
  68.   margin: 1rem 0 1.5rem 0;
  69.   background-color: rgba(102,102,102,0.5);
  70. }
  71.  
  72. #bar [data-role=content] .title {
  73.   color: #36b5b6;
  74.   margin: 1rem 0 0.5rem 0;
  75.   vertical-align: middle;
  76.   font-size: 1rem;
  77. }
  78.  
  79. #bar [data-role=content] .title span {
  80.   padding-right: .3rem;
  81.   font-size: 1.1rem;
  82.   vertical-align: middle;
  83. }
  84.  
  85. #bar [data-role=content] .title span:before {
  86.   position: relative;
  87.   top: -2px;
  88. }
  89.  
  90. #bar #bar-description {
  91.   padding: 0.5rem 0;
  92. }
  93.  
  94. #detailevent [data-role=header] .title {
  95.   margin-left: 0.5rem;
  96. }
  97.  
  98. #detailevent [data-role=content] {
  99.   padding-right: 1rem;
  100.   padding-bottom: 1rem;
  101.   padding-left: 1rem;
  102. }
  103.  
  104. #detailevent [data-role=content] img {
  105.   margin-top: 0.5rem;
  106.   margin-bottom: 0.5rem;
  107.   background-size: cover;
  108.   background-color: rgba(102,102,102,0.5);
  109. }
  110.  
  111. #detailevent [data-role=content] a {
  112.   text-decoration: underline;
  113. }
  114.  
  115. #detailevent [data-role=content] .meta {
  116.   margin: 0.5rem 0;
  117.   font-size: 1rem;
  118.   color: #36b5b6;
  119.   display: -webkit-box;
  120.   display: -webkit-flex;
  121.   display: flex;
  122. }
  123.  
  124. #detailevent [data-role=content] .meta * {
  125.   color: #36b5b6;
  126. }
  127.  
  128. #detailevent [data-role=content] .meta [class*=icon] {
  129.   position: relative;
  130.   top: 2px;
  131.   margin-right: 0.5rem;
  132. }
  133.  
  134. #detailevent [data-role=content] .meta [class*=icon] ~ * {
  135.   -webkit-box-flex: 1;
  136.   -webkit-flex: 1;
  137.   flex: 1;
  138.   white-space: normal;
  139. }
  140.  
  141. #detailevent [data-role=content] .description {
  142.   margin-top: 0.5rem;
  143.   font-size: 1rem;
  144. }
  145.  
  146. #detailevent [data-role=content] .sharing {
  147.   text-align: center;
  148.   margin: 2rem 0 1rem 0;
  149. }
  150.  
  151. #detailgain [data-role=header] .title {
  152.   left: 2rem;
  153. }
  154.  
  155. #detailgain [data-role=content] .inner-content {
  156.   position: absolute;
  157.   padding-top: 3rem;
  158.   top: 0rem;
  159.   left: 1rem;
  160.   right: 1rem;
  161.   bottom: 8rem;
  162. }
  163.  
  164. #detailgain [data-role=content] img {
  165.   margin-top: 0.5rem;
  166.   background-size: cover;
  167.   background-color: rgba(102,102,102,0.5);
  168. }
  169.  
  170. #detailgain [data-role=content] .description {
  171.   font-size: .9rem;
  172. }
  173.  
  174. #detailgain [data-role=content] .expiration-date {
  175.   margin-bottom: 0.5rem;
  176. }
  177.  
  178. #detailgain [data-role=content] .expiration-date,
  179. #detailgain [data-role=content] .attribution {
  180.   color: #36b5b6;
  181.   font-size: .9rem;
  182. }
  183.  
  184. #detailgain [data-role=content] #check-code-wrapper {
  185.   z-index: 1;
  186.   opacity: 0;
  187.   padding: 1rem;
  188.   position: fixed;
  189.   bottom: 0;
  190.   left: 0;
  191.   right: 0;
  192.   text-align: center;
  193. }
  194.  
  195. #detailgain [data-role=content] hr {
  196.   position: relative;
  197.   border: 1px dashed #999;
  198.   top: -1rem;
  199.   margin-top: .5rem;
  200. }
  201.  
  202. #detailgain [data-role=content] #check-code-inner {
  203.   font-size: .8rem;
  204.   text-align: center;
  205.   padding: 0.5rem;
  206.   background-color: rgba(102,102,102,0.9);
  207. }
  208.  
  209. #detailgain [data-role=content] #check-code-inner .label {
  210.   margin-bottom: 0.5rem;
  211. }
  212.  
  213. #detailgain [data-role=content] #archive-button {
  214.   font-size: 2rem;
  215.   color: #FFF;
  216.   margin-top: 1rem;
  217. }
  218.  
  219. #detailgain [data-role=content] #archive-button:active {
  220.   color: #36b5b6;
  221. }
  222.  
  223. html.cssanimations #detailgain .rise-effect {
  224.   -webkit-animation: rise .8s forwards, fade-in .1s forwards;
  225.   animation: rise .8s forwards, fade-in .1s forwards;
  226. }
  227.  
  228. html.cssanimations #detailgain #check-code-wrapper-bait .rise-effect {
  229.   -webkit-animation: rise 0.1s forwards 0.8s;
  230.   animation: rise 0.1s forwards 0.8s;
  231. }
  232.  
  233. html.no-cssanimations #detailgain #check-code-wrapper {
  234.   opacity: 1;
  235. }
  236.  
  237. html[class*=ios-7] #detailgain [data-role=content] .inner-content {
  238.   padding-top: 4rem !important;
  239. }
  240.  
  241. #events {
  242.   font-size: .9rem;
  243. }
  244.  
  245. #events [data-role=content] {
  246.   padding-right: 1rem;
  247.   padding-bottom: 1rem;
  248.   padding-left: 1rem;
  249. }
  250.  
  251. #events [data-role=content] li {
  252.   opacity: 0;
  253.   width: 100%;
  254.   height: 136px;
  255.   position: relative;
  256.   margin-bottom: 1rem;
  257.   background-size: cover;
  258.   background-repeat: no-repeat;
  259.   background-color: rgba(102,102,102,0.5);
  260. }
  261.  
  262. #events [data-role=content] li a {
  263.   width: 100%;
  264.   height: 100%;
  265.   position: absolute;
  266.   background-image: url("../img/ICN-chevron-detail.png");
  267.   background-size: 12px 20px;
  268.   background-repeat: no-repeat;
  269.   background-position: 97% center;
  270. }
  271.  
  272. #events [data-role=content] li .description {
  273.   background-color: rgba(0,0,0,0.5);
  274.   position: absolute;
  275.   bottom: 0;
  276.   left: 0;
  277.   right: 0;
  278.   width: 100%;
  279.   font-weight: bold;
  280. }
  281.  
  282. #events [data-role=content] li .date {
  283.   padding: 0.2rem 0.5rem;
  284.   color: #36b5b6;
  285.   font-size: .9rem;
  286. }
  287.  
  288. #events [data-role=content] li .title {
  289.   padding: .2rem 1.4rem .5rem .5rem;
  290.   color: white;
  291.   font-size: 1rem;
  292. }
  293.  
  294. #events [data-role=content] li:active .title {
  295.   background-color: #36b5b6 !important;
  296. }
  297.  
  298. html.cssanimations #events.cssanimations li:nth-child(1),
  299. html.cssanimations #events.cssanimations li:nth-child(2),
  300. html.cssanimations #events.cssanimations li:nth-child(3),
  301. html.cssanimations #events.cssanimations li:nth-child(4) {
  302.   -webkit-animation: light-fall .8s forwards, fade-in .5s forwards;
  303.   animation: light-fall .8s forwards, fade-in .5s forwards;
  304. }
  305.  
  306. html.cssanimations #events.cssanimations li:nth-child(2) {
  307.   -webkit-animation-delay: .2s;
  308.   animation-delay: .2s;
  309. }
  310.  
  311. html.cssanimations #events.cssanimations li:nth-child(3) {
  312.   -webkit-animation-delay: .4s;
  313.   animation-delay: .4s;
  314. }
  315.  
  316. html.cssanimations #events.cssanimations li:nth-child(4) {
  317.   -webkit-animation-delay: .6s;
  318.   animation-delay: .6s;
  319. }
  320.  
  321. html.cssanimations #events.cssanimations li:nth-child(n+5) {
  322.   opacity: 1;
  323. }
  324.  
  325. html.no-cssanimations #events li,
  326. html.cssanimations #events.no-cssanimations li {
  327.   opacity: 1;
  328. }
  329.  
  330. #menus {
  331.   text-align: center;
  332. }
  333.  
  334. #menus [data-role=header] .title span {
  335.   vertical-align: middle;
  336. }
  337.  
  338. #menus [data-role=header] .title [class*=icon] {
  339.   margin-right: 0.5rem;
  340.   font-size: 1.6rem;
  341. }
  342.  
  343. #menus [data-role=content] {
  344.   padding: 3rem 1rem 1rem 1rem;
  345.   text-align: left;
  346.   font-size: .9rem;
  347. }
  348.  
  349. #menus .image-a-la-une {
  350.   width: 100%;
  351.   height: 136px;
  352.   background-size: cover;
  353.   background-repeat: no-repeat;
  354.   margin: 1rem 0 1.5rem 0;
  355.   background-color: rgba(102,102,102,0.5);
  356. }
  357.  
  358. #menus #menus-list li {
  359.   margin-bottom: 1rem;
  360. }
  361.  
  362. #menus #menus-list header {
  363.   display: -webkit-box;
  364.   display: -webkit-flex;
  365.   display: flex;
  366. }
  367.  
  368. #menus #menus-list .title {
  369.   -webkit-box-flex: 1;
  370.   -webkit-flex: 1;
  371.   flex: 1;
  372.   color: #36b5b6;
  373.   margin-bottom: 0.25rem;
  374. }
  375.  
  376. #menus #menus-list .description-wrapper {
  377.   font-size: .8rem;
  378.   overflow: hidden;
  379.   position: relative;
  380.   border-top: 1px solid rgba(54,181,182,0.3);
  381.   padding-top: 0.5rem;
  382. }
  383.  
  384. #menus #menus-list .description-wrapper p {
  385.   margin: 0rem;
  386.   padding: 0.2rem;
  387. }
  388.  
  389. #menus #menus-list .description-wrapper hr {
  390.   height: 0px;
  391.   border: 0px;
  392.   border-bottom: 1px solid rgba(255,255,255,0.5);
  393.   width: 50%;
  394.   position: relative;
  395.   margin: 1rem auto;
  396. }
  397.  
  398. #menus #menus-list .description,
  399. #menus #menus-list .price {
  400.   height: 100%;
  401. }
  402.  
  403. #menus #menus-list .description {
  404.   text-align: justify;
  405. }
  406.  
  407. @-webkit-keyframes rota {
  408.   to {
  409.     -webkit-transform: rotate(360deg);
  410.     transform: rotate(360deg);
  411.   }
  412. }
  413.  
  414. @keyframes rota {
  415.   to {
  416.     -webkit-transform: rotate(360deg);
  417.     transform: rotate(360deg);
  418.   }
  419. }
  420.  
  421. html.cssanimations .loading {
  422.   display: inline-block;
  423.   width: 1rem;
  424.   height: 1rem;
  425.   border: solid 2px;
  426.   border-color: #333 transparent;
  427.   border-radius: 50%;
  428.   -webkit-animation: rota 1s ease-in-out infinite;
  429.   animation: rota 1s ease-in-out infinite;
  430.   vertical-align: middle;
  431. }
  432.  
  433. html:not([class*=android]) .message-widget.error {
  434.   background-image: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,0.1) -60%,#cc3333 100%);
  435.   background-image: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,0.1) -60%, #cc3333 100%);
  436.   background-image: radial-gradient(center, ellipse cover, rgba(255,255,255,0.1) -60%,#cc3333 100%);
  437. }
  438.  
  439. html[class*=android] .message-widget.error {
  440.   background-color: rgba(204,51,51,0.8);
  441. }
  442.  
  443. .message-widget {
  444.   text-align: center;
  445.   padding: 2rem;
  446.   display: -webkit-box;
  447.   display: -webkit-flex;
  448.   display: flex;
  449.   -webkit-box-align: center;
  450.   -webkit-align-items: center;
  451.   align-items: center;
  452.   -webkit-box-pack: justify;
  453.   -webkit-justify-content: justify;
  454.   justify-content: justify;
  455. }
  456.  
  457. .message-widget.absolute-center,
  458. .message-widget.absolute-center.is-fixed {
  459.   z-index: 9999;
  460. }
  461.  
  462. .message-widget .message {
  463.   color: #EEE;
  464.   width: 100%;
  465.   margin: auto;
  466. }
  467.  
  468. html:not([class*=android]) .message-widget {
  469.   background-image: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,0.1) -60%,#111111 100%);
  470.   background-image: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,0.1) -60%, #111111 100%);
  471.   background-image: radial-gradient(center, ellipse cover, rgba(255,255,255,0.1) -60%,#111111 100%);
  472. }
  473.  
  474. html[class*=android] .message-widget {
  475.   background-color: rgba(17,17,17,0.8);
  476. }
  477.  
  478. .blur-grayscale.absolute-center,
  479. .blur-grayscale.absolute-center.is-fixed {
  480.   z-index: 9999;
  481. }
  482.  
  483. .social-icon {
  484.   display: inline-block;
  485.   border-radius: 50%;
  486.   border: none;
  487.   padding: 0.5rem;
  488.   margin: 0 1rem;
  489.   font-size: 1.3rem;
  490.   background-color: rgba(204,51,51,0.3);
  491.   border: 2px solid white;
  492.   color: white;
  493.   font-weight: bold;
  494. }
  495.  
  496. @font-face {
  497.   font-family: 'CenturyGothic';
  498.   src: url("../fonts/Century Gothic/centurygothic-webfont.eot");
  499.   src: url("../fonts/Century Gothic/centurygothic-webfont.eot?#iefix") format("embedded-opentype"),url("../fonts/Century Gothic/centurygothic-webfont.woff") format("woff"),url("../fonts/Century Gothic/centurygothic-webfont.ttf") format("truetype"),url("../fonts/Century Gothic/centurygothic-webfont.svg#century_gothicregular") format("svg");
  500.   font-weight: normal;
  501.   font-style: normal;
  502. }
  503.  
  504. @font-face {
  505.   font-family: 'Roboto';
  506.   font-style: normal;
  507.   font-weight: 300;
  508.   src: local("Roboto Light"),local("Roboto-Light"),url("../fonts/Roboto/Hgo13k-tfSpn0qi1SFdUfbO3LdcAZYWl9Si6vvxL-qU.woff") format("woff");
  509. }
  510.  
  511. @font-face {
  512.   font-family: 'Roboto';
  513.   font-style: normal;
  514.   font-weight: 400;
  515.   src: local("Roboto Regular"),local("Roboto-Regular"),url("../fonts/Roboto/CrYjSnGjrRCn0pd9VQsnFOvvDin1pK8aKteLpeZ5c0A.woff") format("woff");
  516. }
  517.  
  518. @font-face {
  519.   font-family: 'Roboto';
  520.   font-style: normal;
  521.   font-weight: 900;
  522.   src: local("Roboto Black"),local("Roboto-Black"),url("../fonts/Roboto/mnpfi9pxYH-Go5UiibESIrO3LdcAZYWl9Si6vvxL-qU.woff") format("woff");
  523. }
  524.  
  525. @font-face {
  526.   font-family: 'icomoon';
  527.   src: url("../fonts/icomoon/icomoon.eot?-9evukm");
  528.   src: url("../fonts/icomoon/icomoon.eot?#iefix-9evukm") format("embedded-opentype"),url("../fonts/icomoon/icomoon.woff?-9evukm") format("woff"),url("../fonts/icomoon/icomoon.ttf?-9evukm") format("truetype"),url("../fonts/icomoon/icomoon.svg?-9evukm#icomoon") format("svg");
  529.   font-weight: normal;
  530.   font-style: normal;
  531. }
  532.  
  533. [class^="icon-"],
  534. [class*=" icon-"] {
  535.   font-family: 'icomoon';
  536.   speak: none;
  537.   font-style: normal;
  538.   font-weight: normal;
  539.   font-variant: normal;
  540.   text-transform: none;
  541.   line-height: 1;
  542.   -webkit-font-smoothing: antialiased;
  543.   -moz-osx-font-smoothing: grayscale;
  544. }
  545.  
  546. .icon-share2:before {
  547.   content: "\e60a";
  548. }
  549.  
  550. .icon-bullhorn:before {
  551.   content: "\e60e";
  552. }
  553.  
  554. .icon-file:before {
  555.   content: "\e601";
  556. }
  557.  
  558. .icon-ticket:before {
  559.   content: "\e60d";
  560. }
  561.  
  562. .icon-phone:before {
  563.   content: "\e604";
  564. }
  565.  
  566. .icon-location:before {
  567.   content: "\e608";
  568. }
  569.  
  570. .icon-clock:before {
  571.   content: "\e607";
  572. }
  573.  
  574. .icon-calendar:before {
  575.   content: "\e60c";
  576. }
  577.  
  578. .icon-glass:before {
  579.   content: "\e609";
  580. }
  581.  
  582. .icon-remove:before {
  583.   content: "\e600";
  584. }
  585.  
  586. .icon-radio-checked:before {
  587.   content: "\e602";
  588. }
  589.  
  590. .icon-radio-unchecked:before {
  591.   content: "\e603";
  592. }
  593.  
  594. /*! jQuery Mobile v1.4.0 | Copyright 2010, 2013 jQuery Foundation, Inc. | jquery.org/license */
  595.  
  596. .ui-mobile,
  597. .ui-mobile body {
  598.   height: 99.9%;
  599. }
  600.  
  601. .ui-mobile fieldset,
  602. .ui-page {
  603.   padding: 0;
  604.   margin: 0;
  605. }
  606.  
  607. .ui-mobile a img,
  608. .ui-mobile fieldset {
  609.   border-width: 0;
  610. }
  611.  
  612. .ui-mobile fieldset {
  613.   min-width: 0;
  614. }
  615.  
  616. @-moz-document url-prefix()  {
  617.   .ui-mobile fieldset {
  618.     display: table-column;
  619.     vertical-align: middle;
  620.   }
  621. }
  622.  
  623. .ui-mobile-viewport {
  624.   margin: 0;
  625.   overflow-x: visible;
  626.   -webkit-text-size-adjust: 100%;
  627.   -ms-text-size-adjust: none;
  628.   -webkit-tap-highlight-color: transparent;
  629. }
  630.  
  631. body.ui-mobile-viewport,
  632. div.ui-mobile-viewport {
  633.   overflow-x: hidden;
  634. }
  635.  
  636. .ui-mobile [data-role=page],
  637. .ui-mobile [data-role=dialog],
  638. .ui-page {
  639.   top: 0;
  640.   left: 0;
  641.   width: 100%;
  642.   min-height: 100%;
  643.   position: absolute;
  644.   display: none;
  645.   border: 0;
  646. }
  647.  
  648. .ui-page {
  649.   outline: none;
  650. }
  651.  
  652. .ui-mobile .ui-page-active {
  653.   display: block;
  654.   overflow: visible;
  655.   overflow-x: hidden;
  656. }
  657.  
  658. @media screen and (orientation: portrait) {
  659.   .ui-mobile .ui-page {
  660.     min-height: 420px;
  661.   }
  662. }
  663.  
  664. @media screen and (orientation: landscape) {
  665.   .ui-mobile .ui-page {
  666.     min-height: 300px;
  667.   }
  668. }
  669.  
  670. .ui-mobile-rendering>* {
  671.   visibility: hidden;
  672. }
  673.  
  674. .ui-nojs {
  675.   position: absolute !important;
  676.   height: 1px;
  677.   width: 1px;
  678.   overflow: hidden;
  679.   clip: rect(1px, 1px, 1px, 1px);
  680. }
  681.  
  682. .ui-loading .ui-loader {
  683.   display: block;
  684. }
  685.  
  686. .ui-loader {
  687.   display: none;
  688.   z-index: 9999999;
  689.   position: fixed;
  690.   top: 50%;
  691.   left: 50%;
  692.   border: 0;
  693. }
  694.  
  695. .ui-loader-default {
  696.   background: none;
  697.   filter: Alpha(Opacity=18);
  698.   opacity: .18;
  699.   width: 2.875em;
  700.   height: 2.875em;
  701.   margin-left: -1.4375em;
  702.   margin-top: -1.4375em;
  703. }
  704.  
  705. .ui-loader-verbose {
  706.   width: 12.5em;
  707.   filter: Alpha(Opacity=88);
  708.   opacity: .88;
  709.   box-shadow: 0 1px 1px -1px #fff;
  710.   height: auto;
  711.   margin-left: -6.875em;
  712.   margin-top: -2.6875em;
  713.   padding: .625em;
  714. }
  715.  
  716. .ui-loader-default h1 {
  717.   font-size: 0;
  718.   width: 0;
  719.   height: 0;
  720.   overflow: hidden;
  721. }
  722.  
  723. .ui-loader-verbose h1 {
  724.   font-size: 1em;
  725.   margin: 0;
  726.   text-align: center;
  727. }
  728.  
  729. .ui-loader .ui-icon-loading {
  730.   background-color: #000;
  731.   display: block;
  732.   margin: 0;
  733.   width: 2.75em;
  734.   height: 2.75em;
  735.   padding: .0625em;
  736.   border-radius: 2.25em;
  737. }
  738.  
  739. .ui-loader-verbose .ui-icon-loading {
  740.   margin: 0 auto .625em;
  741.   filter: Alpha(Opacity=75);
  742.   opacity: .75;
  743. }
  744.  
  745. .ui-loader-textonly {
  746.   padding: .9375em;
  747.   margin-left: -7.1875em;
  748. }
  749.  
  750. .ui-loader-textonly .ui-icon-loading {
  751.   display: none;
  752. }
  753.  
  754. .ui-loader-fakefix {
  755.   position: absolute;
  756. }
  757.  
  758. .ui-bar,
  759. .ui-body {
  760.   position: relative;
  761.   padding: .4em 1em;
  762.   overflow: hidden;
  763.   display: block;
  764.   clear: both;
  765. }
  766.  
  767. .ui-bar h1,
  768. .ui-bar h2,
  769. .ui-bar h3,
  770. .ui-bar h4,
  771. .ui-bar h5,
  772. .ui-bar h6 {
  773.   margin: 0;
  774.   padding: 0;
  775.   font-size: 1em;
  776.   display: inline-block;
  777. }
  778.  
  779. .ui-header,
  780. .ui-footer {
  781.   border-width: 1px 0;
  782.   border-style: solid;
  783.   position: relative;
  784. }
  785.  
  786. .ui-header:empty,
  787. .ui-footer:empty {
  788.   min-height: 2.6875em;
  789. }
  790.  
  791. .ui-header .ui-title,
  792. .ui-footer .ui-title {
  793.   font-size: 1em;
  794.   min-height: 1.1em;
  795.   text-align: center;
  796.   display: block;
  797.   margin: 0 30%;
  798.   padding: .7em 0;
  799.   text-overflow: ellipsis;
  800.   overflow: hidden;
  801.   white-space: nowrap;
  802.   outline: 0 !important;
  803. }
  804.  
  805. .ui-footer .ui-title {
  806.   margin: 0 1em;
  807. }
  808.  
  809. .ui-content {
  810.   border-width: 0;
  811.   overflow: visible;
  812.   overflow-x: hidden;
  813.   padding: 1em;
  814. }
  815.  
  816. .ui-corner-all>.ui-header:first-child,
  817. .ui-corner-all>.ui-content:first-child,
  818. .ui-corner-all>.ui-footer:first-child {
  819.   border-top-left-radius: inherit;
  820.   border-top-right-radius: inherit;
  821. }
  822.  
  823. .ui-corner-all>.ui-header:last-child,
  824. .ui-corner-all>.ui-content:last-child,
  825. .ui-corner-all>.ui-footer:last-child {
  826.   border-bottom-left-radius: inherit;
  827.   border-bottom-right-radius: inherit;
  828. }
  829.  
  830. .ui-btn {
  831.   font-size: 16px;
  832.   margin: .5em 0;
  833.   padding: .7em 1em;
  834.   display: block;
  835.   position: relative;
  836.   text-align: center;
  837.   text-overflow: ellipsis;
  838.   overflow: hidden;
  839.   white-space: nowrap;
  840.   cursor: pointer;
  841.   -webkit-user-select: none;
  842.   user-select: none;
  843. }
  844.  
  845. .ui-btn-icon-notext {
  846.   padding: 0;
  847.   width: 1.75em;
  848.   height: 1.75em;
  849.   text-indent: -9999px;
  850.   white-space: nowrap !important;
  851. }
  852.  
  853. .ui-mini {
  854.   font-size: 12.5px;
  855. }
  856.  
  857. .ui-mini .ui-btn {
  858.   font-size: inherit;
  859. }
  860.  
  861. .ui-header .ui-btn,
  862. .ui-footer .ui-btn {
  863.   font-size: 12.5px;
  864.   display: inline-block;
  865.   vertical-align: middle;
  866. }
  867.  
  868. .ui-header .ui-btn-left,
  869. .ui-header .ui-btn-right {
  870.   font-size: 12.5px;
  871. }
  872.  
  873. .ui-mini.ui-btn-icon-notext,
  874. .ui-mini .ui-btn-icon-notext,
  875. .ui-header .ui-btn-icon-notext,
  876. .ui-footer .ui-btn-icon-notext {
  877.   font-size: 16px;
  878.   padding: 0;
  879. }
  880.  
  881. .ui-btn-inline {
  882.   display: inline-block;
  883.   vertical-align: middle;
  884.   margin-right: .625em;
  885. }
  886.  
  887. .ui-btn-icon-left {
  888.   padding-left: 2.5em;
  889. }
  890.  
  891. .ui-btn-icon-right {
  892.   padding-right: 2.5em;
  893. }
  894.  
  895. .ui-btn-icon-top {
  896.   padding-top: 2.5em;
  897. }
  898.  
  899. .ui-btn-icon-bottom {
  900.   padding-bottom: 2.5em;
  901. }
  902.  
  903. .ui-header .ui-btn-icon-top,
  904. .ui-footer .ui-btn-icon-top,
  905. .ui-header .ui-btn-icon-bottom,
  906. .ui-footer .ui-btn-icon-bottom {
  907.   padding-left: .3125em;
  908.   padding-right: .3125em;
  909. }
  910.  
  911. .ui-btn-icon-left:after,
  912. .ui-btn-icon-right:after,
  913. .ui-btn-icon-top:after,
  914. .ui-btn-icon-bottom:after,
  915. .ui-btn-icon-notext:after {
  916.   content: "";
  917.   position: absolute;
  918.   display: block;
  919.   width: 22px;
  920.   height: 22px;
  921. }
  922.  
  923. .ui-btn-icon-notext:after,
  924. .ui-btn-icon-left:after,
  925. .ui-btn-icon-right:after {
  926.   top: 50%;
  927.   margin-top: -11px;
  928. }
  929.  
  930. .ui-btn-icon-left:after {
  931.   left: .5625em;
  932. }
  933.  
  934. .ui-btn-icon-right:after {
  935.   right: .5625em;
  936. }
  937.  
  938. .ui-mini.ui-btn-icon-left:after,
  939. .ui-mini .ui-btn-icon-left:after,
  940. .ui-header .ui-btn-icon-left:after,
  941. .ui-footer .ui-btn-icon-left:after {
  942.   left: .37em;
  943. }
  944.  
  945. .ui-mini.ui-btn-icon-right:after,
  946. .ui-mini .ui-btn-icon-right:after,
  947. .ui-header .ui-btn-icon-right:after,
  948. .ui-footer .ui-btn-icon-right:after {
  949.   right: .37em;
  950. }
  951.  
  952. .ui-btn-icon-notext:after,
  953. .ui-btn-icon-top:after,
  954. .ui-btn-icon-bottom:after {
  955.   left: 50%;
  956.   margin-left: -11px;
  957. }
  958.  
  959. .ui-btn-icon-top:after {
  960.   top: .5625em;
  961. }
  962.  
  963. .ui-btn-icon-bottom:after {
  964.   top: auto;
  965.   bottom: .5625em;
  966. }
  967.  
  968. .ui-header .ui-btn-left,
  969. .ui-header .ui-btn-right,
  970. .ui-btn-left>[class*="ui-"],
  971. .ui-btn-right>[class*="ui-"] {
  972.   margin: 0;
  973. }
  974.  
  975. .ui-btn-left,
  976. .ui-btn-right {
  977.   position: absolute;
  978.   top: .24em;
  979. }
  980.  
  981. .ui-btn-left {
  982.   left: .4em;
  983. }
  984.  
  985. .ui-btn-right {
  986.   right: .4em;
  987. }
  988.  
  989. .ui-btn-icon-notext.ui-btn-left {
  990.   top: .3125em;
  991.   left: .3125em;
  992. }
  993.  
  994. .ui-btn-icon-notext.ui-btn-right {
  995.   top: .3125em;
  996.   right: .3125em;
  997. }
  998.  
  999. button.ui-btn,
  1000. .ui-controlgroup-controls button.ui-btn-icon-notext {
  1001.   box-sizing: border-box;
  1002.   -webkit-appearance: none;
  1003.   -moz-appearance: none;
  1004.   width: 100%;
  1005. }
  1006.  
  1007. button.ui-btn-inline {
  1008.   width: auto;
  1009. }
  1010.  
  1011. button.ui-btn::-moz-focus-inner {
  1012.   border: 0;
  1013. }
  1014.  
  1015. button.ui-btn-icon-notext,
  1016. .ui-controlgroup-horizontal .ui-controlgroup-controls button.ui-btn {
  1017.   box-sizing: content-box;
  1018.   width: 1.75em;
  1019. }
  1020.  
  1021. .ui-mobile label,
  1022. .ui-controlgroup-label {
  1023.   display: block;
  1024.   margin: 0 0 .4em;
  1025. }
  1026.  
  1027. .ui-hide-label>label,
  1028. .ui-hide-label .ui-controlgroup-label,
  1029. .ui-hide-label .ui-rangeslider label,
  1030. .ui-hidden-accessible {
  1031.   position: absolute !important;
  1032.   height: 1px;
  1033.   width: 1px;
  1034.   overflow: hidden;
  1035.   clip: rect(1px, 1px, 1px, 1px);
  1036. }
  1037.  
  1038. .ui-screen-hidden {
  1039.   display: none !important;
  1040. }
  1041.  
  1042. .ui-mobile-viewport-transitioning,
  1043. .ui-mobile-viewport-transitioning .ui-page {
  1044.   width: 100%;
  1045.   height: 100%;
  1046.   overflow: hidden;
  1047.   box-sizing: border-box;
  1048. }
  1049.  
  1050. .ui-page-pre-in {
  1051.   opacity: 0;
  1052. }
  1053.  
  1054. .in {
  1055.   -webkit-animation-timing-function: ease-out;
  1056.   -webkit-animation-duration: 350ms;
  1057.   animation-timing-function: ease-out;
  1058.   animation-duration: 350ms;
  1059. }
  1060.  
  1061. .out {
  1062.   -webkit-animation-timing-function: ease-in;
  1063.   -webkit-animation-duration: 225ms;
  1064.   animation-timing-function: ease-in;
  1065.   animation-duration: 225ms;
  1066. }
  1067.  
  1068. @-webkit-keyframes fadein {
  1069.   from {
  1070.     opacity: 0;
  1071.   }
  1072.  
  1073.   to {
  1074.     opacity: 1;
  1075.   }
  1076. }
  1077.  
  1078. @keyframes fadein {
  1079.   from {
  1080.     opacity: 0;
  1081.   }
  1082.  
  1083.   to {
  1084.     opacity: 1;
  1085.   }
  1086. }
  1087.  
  1088. @-webkit-keyframes fadeout {
  1089.   from {
  1090.     opacity: 1;
  1091.   }
  1092.  
  1093.   to {
  1094.     opacity: 0;
  1095.   }
  1096. }
  1097.  
  1098. @keyframes fadeout {
  1099.   from {
  1100.     opacity: 1;
  1101.   }
  1102.  
  1103.   to {
  1104.     opacity: 0;
  1105.   }
  1106. }
  1107.  
  1108. .fade.out {
  1109.   opacity: 0;
  1110.   -webkit-animation-duration: 125ms;
  1111.   -webkit-animation-name: fadeout;
  1112.   animation-duration: 125ms;
  1113.   animation-name: fadeout;
  1114. }
  1115.  
  1116. .fade.in {
  1117.   opacity: 1;
  1118.   -webkit-animation-duration: 225ms;
  1119.   -webkit-animation-name: fadein;
  1120.   animation-duration: 225ms;
  1121.   animation-name: fadein;
  1122. }
  1123.  
  1124. .ha {
  1125.   -webkit-transform: translateZ(0);
  1126.   transform: translateZ(0);
  1127. }
  1128.  
  1129. .pa {
  1130.   position: absolute;
  1131. }
  1132.  
  1133. .pr {
  1134.   position: relative;
  1135. }
  1136.  
  1137. .fr {
  1138.   float: right;
  1139. }
  1140.  
  1141. .fl {
  1142.   float: left;
  1143. }
  1144.  
  1145. .cb {
  1146.   clear: both;
  1147. }
  1148.  
  1149. .dib {
  1150.   display: inline-block;
  1151. }
  1152.  
  1153. .db {
  1154.   display: block;
  1155. }
  1156.  
  1157. .dn {
  1158.   display: none;
  1159. }
  1160.  
  1161. .ovhid {
  1162.   overflow: hidden;
  1163. }
  1164.  
  1165. .fullwidth {
  1166.   width: 100%;
  1167. }
  1168.  
  1169. .fullheight {
  1170.   height: 100%;
  1171. }
  1172.  
  1173. .fullscreen {
  1174.   position: fixed;
  1175.   top: 0;
  1176.   left: 0;
  1177.   bottom: 0;
  1178.   right: 0;
  1179. }
  1180.  
  1181. .vam {
  1182.   vertical-align: middle;
  1183. }
  1184.  
  1185. .tac {
  1186.   text-align: center;
  1187. }
  1188.  
  1189. .ellipsis {
  1190.   overflow: hidden;
  1191.   text-overflow: ellipsis;
  1192.   white-space: nowrap;
  1193. }
  1194.  
  1195. .hyphens {
  1196.   word-break: break-word;
  1197.   -webkit-hyphens: auto;
  1198.   hyphens: auto;
  1199.   hyphenate-character: "\2112";
  1200.   text-align: justify;
  1201. }
  1202.  
  1203. .absolute-center-container {
  1204.   position: relative;
  1205. }
  1206.  
  1207. .absolute-center {
  1208.   overflow: auto;
  1209.   margin: auto;
  1210.   position: absolute;
  1211.   top: 0;
  1212.   left: 0;
  1213.   bottom: 0;
  1214.   right: 0;
  1215. }
  1216.  
  1217. .absolute-center.is-fixed {
  1218.   position: fixed;
  1219.   z-index: 998;
  1220. }
  1221.  
  1222. .highlight {
  1223.   font-weight: bold;
  1224. }
  1225.  
  1226. .blur-grayscale {
  1227.   -webkit-filter: blur(2px) grayscale(100%);
  1228. }
  1229.  
  1230. .momentum-scrolling,
  1231. #detailgain [data-role=content] .inner-content,
  1232. [data-role=content],
  1233. #play #rules,
  1234. #restaurant .description {
  1235.   overflow-y: scroll;
  1236.   overflow-x: hidden;
  1237.   -webkit-overflow-scrolling: touch;
  1238. }
  1239.  
  1240. html * {
  1241.   font-family: "CenturyGothic", "Roboto", "Helvetica", "Arial";
  1242. }
  1243.  
  1244. .bg,
  1245. #detailgain [data-role=content] #check-code-wrapper {
  1246.   background-color: rgba(17,17,17,0.7);
  1247. }
  1248.  
  1249. a {
  1250.   color: #eee;
  1251. }
  1252.  
  1253. .green {
  1254.   color: #36b5b6;
  1255. }
  1256.  
  1257. .button:active,
  1258. [data-role=header] .header-button:active,
  1259. [data-role=header] .menu-button:active,
  1260. [data-role=header] .back-button:active,
  1261. [data-role=header] .forward-button:active,
  1262. [data-role=header] .maps-button:active,
  1263. [data-role=header] .settings-button:active,
  1264. [data-role=header] .gains-button-without-notification:active,
  1265. [data-role=header] .gains-button-with-notifications:active {
  1266.   color: #36b5b6 !important;
  1267. }
  1268.  
  1269. .contrast.white {
  1270.   text-shadow: 1px 1px #111;
  1271.   color: white;
  1272. }
  1273.  
  1274. .contrast.black {
  1275.   text-shadow: 1px 1px #EEE;
  1276.   color: black;
  1277. }
  1278.  
  1279. .no-data {
  1280.   height: 4rem;
  1281.   font-size: 1.4rem;
  1282.   padding: 1rem;
  1283.   background-color: rgba(0,0,0,0.3);
  1284.   box-sizing: content-box;
  1285.   display: -webkit-box;
  1286.   display: -webkit-flex;
  1287.   display: flex;
  1288.   -webkit-box-align: center;
  1289.   -webkit-align-items: center;
  1290.   align-items: center;
  1291.   -webkit-box-pack: center;
  1292.   -webkit-justify-content: center;
  1293.   justify-content: center;
  1294.   text-align: center;
  1295. }
  1296.  
  1297. .bg-fixed,
  1298. [data-role=page].fixed {
  1299.   background-size: cover;
  1300.   background-repeat: no-repeat;
  1301.   background-position: top;
  1302. }
  1303.  
  1304. @-webkit-keyframes fade-out {
  1305.   from {
  1306.     opacity: 1;
  1307.   }
  1308.  
  1309.   to {
  1310.     opacity: 0;
  1311.   }
  1312. }
  1313.  
  1314. @keyframes fade-out {
  1315.   from {
  1316.     opacity: 1;
  1317.   }
  1318.  
  1319.   to {
  1320.     opacity: 0;
  1321.   }
  1322. }
  1323.  
  1324. .no-animationfriendly .fade-out,
  1325. .no-cssanimations .fade-out {
  1326.   opacity: 0 !important;
  1327. }
  1328.  
  1329. .csstransforms3d.animationfriendly .fade-out,
  1330. .cssanimations .fade-out {
  1331.   -webkit-animation: fade-out .5s forwards;
  1332.   animation: fade-out .5s forwards;
  1333. }
  1334.  
  1335. @-webkit-keyframes fade-in {
  1336.   from {
  1337.     opacity: 0;
  1338.   }
  1339.  
  1340.   to {
  1341.     opacity: 1;
  1342.   }
  1343. }
  1344.  
  1345. @keyframes fade-in {
  1346.   from {
  1347.     opacity: 0;
  1348.   }
  1349.  
  1350.   to {
  1351.     opacity: 1;
  1352.   }
  1353. }
  1354.  
  1355. .no-animationfriendly .fade-in,
  1356. .no-cssanimations .fade-in {
  1357.   opacity: 1 !important;
  1358. }
  1359.  
  1360. .csstransforms3d.animationfriendly .fade-in,
  1361. .cssanimations .fade-in {
  1362.   -webkit-animation: fade-in .5s forwards;
  1363.   animation: fade-in .5s forwards;
  1364. }
  1365.  
  1366. @-webkit-keyframes squeeze {
  1367.   from {
  1368.     -webkit-transform: scale(1, 1);
  1369.     transform: scale(1, 1);
  1370.   }
  1371.  
  1372.   to {
  1373.     -webkit-transform: scale(1.1, 1);
  1374.     transform: scale(1.1, 1);
  1375.   }
  1376. }
  1377.  
  1378. @keyframes squeeze {
  1379.   from {
  1380.     -webkit-transform: scale(1, 1);
  1381.     transform: scale(1, 1);
  1382.   }
  1383.  
  1384.   to {
  1385.     -webkit-transform: scale(1.1, 1);
  1386.     transform: scale(1.1, 1);
  1387.   }
  1388. }
  1389.  
  1390. @-webkit-keyframes scale-bigger-to-normal {
  1391.   from {
  1392.     -webkit-transform: scale(1.2, 1.2);
  1393.     transform: scale(1.2, 1.2);
  1394.   }
  1395.  
  1396.   to {
  1397.     -webkit-transform: scale(1, 1);
  1398.     transform: scale(1, 1);
  1399.   }
  1400. }
  1401.  
  1402. @keyframes scale-bigger-to-normal {
  1403.   from {
  1404.     -webkit-transform: scale(1.2, 1.2);
  1405.     transform: scale(1.2, 1.2);
  1406.   }
  1407.  
  1408.   to {
  1409.     -webkit-transform: scale(1, 1);
  1410.     transform: scale(1, 1);
  1411.   }
  1412. }
  1413.  
  1414. @-webkit-keyframes scale-smaller-to-normal {
  1415.   from {
  1416.     -webkit-transform: scale(0.8, 0.8);
  1417.     transform: scale(0.8, 0.8);
  1418.   }
  1419.  
  1420.   to {
  1421.     -webkit-transform: scale(1, 1);
  1422.     transform: scale(1, 1);
  1423.   }
  1424. }
  1425.  
  1426. @keyframes scale-smaller-to-normal {
  1427.   from {
  1428.     -webkit-transform: scale(0.8, 0.8);
  1429.     transform: scale(0.8, 0.8);
  1430.   }
  1431.  
  1432.   to {
  1433.     -webkit-transform: scale(1, 1);
  1434.     transform: scale(1, 1);
  1435.   }
  1436. }
  1437.  
  1438. @-webkit-keyframes scale-normal-to-smaller {
  1439.   from {
  1440.     -webkit-transform: scale(1, 1);
  1441.     transform: scale(1, 1);
  1442.   }
  1443.  
  1444.   to {
  1445.     -webkit-transform: scale(0.8, 0.8);
  1446.     transform: scale(0.8, 0.8);
  1447.   }
  1448. }
  1449.  
  1450. @keyframes scale-normal-to-smaller {
  1451.   from {
  1452.     -webkit-transform: scale(1, 1);
  1453.     transform: scale(1, 1);
  1454.   }
  1455.  
  1456.   to {
  1457.     -webkit-transform: scale(0.8, 0.8);
  1458.     transform: scale(0.8, 0.8);
  1459.   }
  1460. }
  1461.  
  1462. @-webkit-keyframes scale-up {
  1463.   from {
  1464.     -webkit-transform: scale(0);
  1465.     transform: scale(0);
  1466.   }
  1467.  
  1468.   to {
  1469.     -webkit-transform: scale(1);
  1470.     transform: scale(1);
  1471.   }
  1472. }
  1473.  
  1474. @keyframes scale-up {
  1475.   from {
  1476.     -webkit-transform: scale(0);
  1477.     transform: scale(0);
  1478.   }
  1479.  
  1480.   to {
  1481.     -webkit-transform: scale(1);
  1482.     transform: scale(1);
  1483.   }
  1484. }
  1485.  
  1486. @-webkit-keyframes scale-down {
  1487.   from {
  1488.     -webkit-transform: scale(1);
  1489.     transform: scale(1);
  1490.   }
  1491.  
  1492.   to {
  1493.     -webkit-transform: scale(0);
  1494.     transform: scale(0);
  1495.   }
  1496. }
  1497.  
  1498. @keyframes scale-down {
  1499.   from {
  1500.     -webkit-transform: scale(1);
  1501.     transform: scale(1);
  1502.   }
  1503.  
  1504.   to {
  1505.     -webkit-transform: scale(0);
  1506.     transform: scale(0);
  1507.   }
  1508. }
  1509.  
  1510. @-webkit-keyframes glow {
  1511.   from {
  1512.     text-shadow: 0 0 0px white;
  1513.   }
  1514.  
  1515.   to {
  1516.     text-shadow: 0 0 10px white;
  1517.   }
  1518. }
  1519.  
  1520. @keyframes glow {
  1521.   from {
  1522.     text-shadow: 0 0 0px white;
  1523.   }
  1524.  
  1525.   to {
  1526.     text-shadow: 0 0 10px white;
  1527.   }
  1528. }
  1529.  
  1530. @-webkit-keyframes rise {
  1531.   from {
  1532.     -webkit-transform: translateY(100%);
  1533.     transform: translateY(100%);
  1534.   }
  1535.  
  1536.   to {
  1537.     -webkit-transform: translateY(0%);
  1538.     transform: translateY(0%);
  1539.   }
  1540. }
  1541.  
  1542. @keyframes rise {
  1543.   from {
  1544.     -webkit-transform: translateY(100%);
  1545.     transform: translateY(100%);
  1546.   }
  1547.  
  1548.   to {
  1549.     -webkit-transform: translateY(0%);
  1550.     transform: translateY(0%);
  1551.   }
  1552. }
  1553.  
  1554. @-webkit-keyframes fall {
  1555.   from {
  1556.     -webkit-transform: translateY(-100%);
  1557.     transform: translateY(-100%);
  1558.   }
  1559.  
  1560.   to {
  1561.     -webkit-transform: translateY(0%);
  1562.     transform: translateY(0%);
  1563.   }
  1564. }
  1565.  
  1566. @keyframes fall {
  1567.   from {
  1568.     -webkit-transform: translateY(-100%);
  1569.     transform: translateY(-100%);
  1570.   }
  1571.  
  1572.   to {
  1573.     -webkit-transform: translateY(0%);
  1574.     transform: translateY(0%);
  1575.   }
  1576. }
  1577.  
  1578. @-webkit-keyframes light-fall {
  1579.   from {
  1580.     -webkit-transform: translateY(-10px);
  1581.     transform: translateY(-10px);
  1582.   }
  1583.  
  1584.   to {
  1585.     -webkit-transform: translateY(0);
  1586.     transform: translateY(0);
  1587.   }
  1588. }
  1589.  
  1590. @keyframes light-fall {
  1591.   from {
  1592.     -webkit-transform: translateY(-10px);
  1593.     transform: translateY(-10px);
  1594.   }
  1595.  
  1596.   to {
  1597.     -webkit-transform: translateY(0);
  1598.     transform: translateY(0);
  1599.   }
  1600. }
  1601.  
  1602. @-webkit-keyframes translate-left-to-right {
  1603.   from {
  1604.     -webkit-transform: translateX(-100%);
  1605.     transform: translateX(-100%);
  1606.   }
  1607.  
  1608.   to {
  1609.     -webkit-transform: translateX(0);
  1610.     transform: translateX(0);
  1611.   }
  1612. }
  1613.  
  1614. @keyframes translate-left-to-right {
  1615.   from {
  1616.     -webkit-transform: translateX(-100%);
  1617.     transform: translateX(-100%);
  1618.   }
  1619.  
  1620.   to {
  1621.     -webkit-transform: translateX(0);
  1622.     transform: translateX(0);
  1623.   }
  1624. }
  1625.  
  1626. @-webkit-keyframes translate-right-to-left {
  1627.   from {
  1628.     -webkit-transform: translateX(100%);
  1629.     transform: translateX(100%);
  1630.   }
  1631.  
  1632.   to {
  1633.     -webkit-transform: translateX(0);
  1634.     transform: translateX(0);
  1635.   }
  1636. }
  1637.  
  1638. @keyframes translate-right-to-left {
  1639.   from {
  1640.     -webkit-transform: translateX(100%);
  1641.     transform: translateX(100%);
  1642.   }
  1643.  
  1644.   to {
  1645.     -webkit-transform: translateX(0);
  1646.     transform: translateX(0);
  1647.   }
  1648. }
  1649.  
  1650. body {
  1651.   color: #eee;
  1652.   background-color: #111;
  1653. }
  1654.  
  1655. [data-role=page].fixed {
  1656.   width: 100%;
  1657.   height: 100%;
  1658.   position: absolute;
  1659.   overflow: hidden;
  1660. }
  1661.  
  1662. [data-role=page].fixed [data-role=content] {
  1663.   overflow: hidden;
  1664.   position: absolute;
  1665. }
  1666.  
  1667. html[class*=ios-7] [data-role=header] {
  1668.   padding-top: 1rem;
  1669.   box-sizing: content-box;
  1670. }
  1671.  
  1672. [data-role=header] {
  1673.   position: fixed;
  1674.   top: 0;
  1675.   left: 0;
  1676.   right: 0;
  1677.   width: 100%;
  1678.   background-color: transparent;
  1679.   background-image: none;
  1680.   color: #eee;
  1681.   height: 3rem;
  1682.   z-index: 1000;
  1683. }
  1684.  
  1685. [data-role=header].scrolling {
  1686.   background-color: rgba(17,17,17,0.9);
  1687. }
  1688.  
  1689. [data-role=header] .title {
  1690.   text-align: center;
  1691.   font-size: 1.3rem;
  1692.   font-weight: 400;
  1693.   line-height: 3rem;
  1694.   color: #36b5b6;
  1695.   position: absolute;
  1696.   left: 2rem;
  1697.   right: 2rem;
  1698. }
  1699.  
  1700. [data-role=header] .header-button,
  1701. [data-role=header] .menu-button,
  1702. [data-role=header] .back-button,
  1703. [data-role=header] .forward-button,
  1704. [data-role=header] .maps-button,
  1705. [data-role=header] .settings-button,
  1706. [data-role=header] .gains-button-without-notification,
  1707. [data-role=header] .gains-button-with-notifications {
  1708.   font-size: 1.6em;
  1709.   padding: 0rem 1rem;
  1710.   margin: 0 .2rem;
  1711.   display: inline-block;
  1712.   line-height: 3rem;
  1713.   height: 100%;
  1714.   z-index: 1;
  1715.   position: relative;
  1716.   background-repeat: no-repeat;
  1717.   background-position: center;
  1718. }
  1719.  
  1720. [data-role=header] .header-button.left,
  1721. [data-role=header] .left.menu-button,
  1722. [data-role=header] .left.back-button,
  1723. [data-role=header] .left.forward-button,
  1724. [data-role=header] .left.maps-button,
  1725. [data-role=header] .left.settings-button,
  1726. [data-role=header] .left.gains-button-without-notification,
  1727. [data-role=header] .left.gains-button-with-notifications {
  1728.   float: left;
  1729. }
  1730.  
  1731. [data-role=header] .header-button.right,
  1732. [data-role=header] .right.menu-button,
  1733. [data-role=header] .right.back-button,
  1734. [data-role=header] .right.forward-button,
  1735. [data-role=header] .right.maps-button,
  1736. [data-role=header] .right.settings-button,
  1737. [data-role=header] .right.gains-button-without-notification,
  1738. [data-role=header] .right.gains-button-with-notifications {
  1739.   float: right;
  1740. }
  1741.  
  1742. [data-role=header] .back-button {
  1743.   background-image: url("../img/ICN-back.png");
  1744.   background-size: 12px 21px;
  1745.   width: 12px;
  1746. }
  1747.  
  1748. [data-role=header] .settings-button {
  1749.   background-image: url("../img/ICN-parametre.png");
  1750.   background-size: 27px 31px;
  1751.   width: 27px;
  1752. }
  1753.  
  1754. [data-role=header] .gains-button-without-notification {
  1755.   background-image: url("../img/ICN-gain.png");
  1756.   background-size: 21px 21px;
  1757.   width: 21px;
  1758. }
  1759.  
  1760. [data-role=header] .gains-button-with-notifications {
  1761.   background-image: url("../img/ICN-gain-notif.png");
  1762.   background-size: 27px 28px;
  1763.   width: 27px;
  1764.   position: relative;
  1765. }
  1766.  
  1767. [data-role=header] .gains-button-with-notifications .gains-icon {
  1768.   font-size: 8px;
  1769.   position: absolute;
  1770.   top: 7px;
  1771.   right: 6px;
  1772.   color: #FFF;
  1773. }
  1774.  
  1775. [data-role=header] .gains-button-with-notifications .gains-icon.two-digits {
  1776.   font-size: 8px;
  1777.   top: 7px;
  1778.   right: 3px;
  1779. }
  1780.  
  1781. html[class*=ios-7] [data-role=content] {
  1782.   padding-top: 4rem !important;
  1783. }
  1784.  
  1785. [data-role=content] {
  1786.   padding: 3rem 0 0 0;
  1787.   z-index: 998;
  1788.   width: 100%;
  1789.   height: 100%;
  1790. }
  1791.  
  1792. html:not([class*=android]) [data-role=content] {
  1793.   position: absolute;
  1794. }
  1795.  
  1796. html[class*=ios] #casinos>div[data-role=content]:first-child {
  1797.   padding-top: 0 !important;
  1798. }
  1799.  
  1800. #casinos {
  1801.   text-align: justify;
  1802.   width: 100%;
  1803.   height: 100%;
  1804. }
  1805.  
  1806. #casinos .intro {
  1807.   padding: 1rem;
  1808. }
  1809.  
  1810. #casinos .casinos-list {
  1811.   width: 100%;
  1812. }
  1813.  
  1814. #casinos .casino-item {
  1815.   text-align: left;
  1816.   display: table;
  1817.   width: 100%;
  1818.   text-align: center;
  1819.   padding: 1rem;
  1820.   border-bottom: 1px solid rgba(54,181,182,0.3);
  1821.   vertical-align: middle;
  1822.   font-variant: small-caps;
  1823.   font-size: 1.3rem;
  1824.   margin: auto;
  1825. }
  1826.  
  1827. #casinos .casino-item:first-child {
  1828.   border-top: 1px solid rgba(54,181,182,0.3);
  1829. }
  1830.  
  1831. #casinos .casino-item:active {
  1832.   background-color: rgba(54,181,182,0.5);
  1833. }
  1834.  
  1835. #gains {
  1836.   font-size: .9rem;
  1837. }
  1838.  
  1839. #gains .gains-nbr {
  1840.   margin-bottom: 1rem;
  1841.   text-align: justify;
  1842. }
  1843.  
  1844. #gains [data-role=content] {
  1845.   padding-right: 1rem;
  1846.   padding-bottom: 1rem;
  1847.   padding-left: 1rem;
  1848. }
  1849.  
  1850. #gains li {
  1851.   opacity: 0;
  1852.   width: 100%;
  1853.   height: 169px;
  1854.   position: relative;
  1855.   margin-bottom: 1rem;
  1856.   background-size: cover;
  1857.   background-repeat: no-repeat;
  1858.   background-color: rgba(102,102,102,0.5);
  1859. }
  1860.  
  1861. #gains li a {
  1862.   width: 100%;
  1863.   height: 100%;
  1864.   position: absolute;
  1865. }
  1866.  
  1867. #gains li .expiration-date {
  1868.   background-color: rgba(0,0,0,0.3);
  1869.   padding: 0.2rem 0.5rem;
  1870.   color: #eee;
  1871.   position: absolute;
  1872.   bottom: 2rem;
  1873.   text-align: right;
  1874.   width: 100%;
  1875.   right: 0;
  1876.   font-size: .9rem;
  1877. }
  1878.  
  1879. #gains li .title {
  1880.   padding: .5rem 1.4rem .5rem .5rem;
  1881.   color: white;
  1882.   background-image: url("../img/ICN-chevron-detail.png");
  1883.   background-size: 12px 20px;
  1884.   background-repeat: no-repeat;
  1885.   background-position: 97% center;
  1886.   position: absolute;
  1887.   bottom: 0;
  1888.   width: 100%;
  1889. }
  1890.  
  1891. #gains li:active .title {
  1892.   background-color: #36b5b6 !important;
  1893. }
  1894.  
  1895. html.cssanimations #gains.cssanimations li:nth-child(1),
  1896. html.cssanimations #gains.cssanimations li:nth-child(2),
  1897. html.cssanimations #gains.cssanimations li:nth-child(3),
  1898. html.cssanimations #gains.cssanimations li:nth-child(4) {
  1899.   -webkit-animation: light-fall .8s forwards, fade-in .5s forwards;
  1900.   animation: light-fall .8s forwards, fade-in .5s forwards;
  1901. }
  1902.  
  1903. html.cssanimations #gains.cssanimations li:nth-child(2) {
  1904.   -webkit-animation-delay: .2s;
  1905.   animation-delay: .2s;
  1906. }
  1907.  
  1908. html.cssanimations #gains.cssanimations li:nth-child(3) {
  1909.   -webkit-animation-delay: .4s;
  1910.   animation-delay: .4s;
  1911. }
  1912.  
  1913. html.cssanimations #gains.cssanimations li:nth-child(4) {
  1914.   -webkit-animation-delay: .6s;
  1915.   animation-delay: .6s;
  1916. }
  1917.  
  1918. html.cssanimations #gains.cssanimations li:nth-child(n+5) {
  1919.   opacity: 1;
  1920. }
  1921.  
  1922. html.no-cssanimations #gains li,
  1923. html.cssanimations #gains.no-cssanimations li {
  1924.   opacity: 1;
  1925. }
  1926.  
  1927. #home {
  1928.   text-align: center;
  1929. }
  1930.  
  1931. #home #logo {
  1932.   width: 150px;
  1933.   height: 79px;
  1934.   background-size: 150px 79px;
  1935.   background-repeat: no-repeat;
  1936.   display: inline-block;
  1937. }
  1938.  
  1939. #home nav {
  1940.   position: fixed;
  1941.   bottom: 0;
  1942.   width: 100%;
  1943. }
  1944.  
  1945. #home nav a {
  1946.   opacity: 0;
  1947. }
  1948.  
  1949. #home nav a.button,
  1950. #home nav [data-role=header] a.header-button,
  1951. [data-role=header] #home nav a.header-button,
  1952. #home nav [data-role=header] a.menu-button,
  1953. [data-role=header] #home nav a.menu-button,
  1954. #home nav [data-role=header] a.back-button,
  1955. [data-role=header] #home nav a.back-button,
  1956. #home nav [data-role=header] a.forward-button,
  1957. [data-role=header] #home nav a.forward-button,
  1958. #home nav [data-role=header] a.maps-button,
  1959. [data-role=header] #home nav a.maps-button,
  1960. #home nav [data-role=header] a.settings-button,
  1961. [data-role=header] #home nav a.settings-button,
  1962. #home nav [data-role=header] a.gains-button-without-notification,
  1963. [data-role=header] #home nav a.gains-button-without-notification,
  1964. #home nav [data-role=header] a.gains-button-with-notifications,
  1965. [data-role=header] #home nav a.gains-button-with-notifications {
  1966.   display: block;
  1967.   margin: .7rem;
  1968. }
  1969.  
  1970. html.cssanimations #home nav.translate-effect a:nth-child(1) {
  1971.   -webkit-animation: translate-right-to-left .5s forwards, fade-in .1s forwards;
  1972.   animation: translate-right-to-left .5s forwards, fade-in .1s forwards;
  1973. }
  1974.  
  1975. html.cssanimations #home nav.translate-effect a:nth-child(2) {
  1976.   -webkit-animation: translate-right-to-left .5s forwards, fade-in .1s forwards;
  1977.   animation: translate-right-to-left .5s forwards, fade-in .1s forwards;
  1978.   -webkit-animation-delay: .3s;
  1979.   animation-delay: .3s;
  1980. }
  1981.  
  1982. html.cssanimations #home nav.translate-effect a:nth-child(3) {
  1983.   -webkit-animation: translate-right-to-left .5s forwards, fade-in .1s forwards;
  1984.   animation: translate-right-to-left .5s forwards, fade-in .1s forwards;
  1985.   -webkit-animation-delay: .6s;
  1986.   animation-delay: .6s;
  1987. }
  1988.  
  1989. html.cssanimations #home nav.translate-effect a:nth-child(4) {
  1990.   -webkit-animation: translate-right-to-left .5s forwards, fade-in .1s forwards;
  1991.   animation: translate-right-to-left .5s forwards, fade-in .1s forwards;
  1992.   -webkit-animation-delay: .9s;
  1993.   animation-delay: .9s;
  1994. }
  1995.  
  1996. html.no-cssanimations #home nav a {
  1997.   opacity: 1;
  1998. }
  1999.  
  2000. #legalNotices [data-role=content] {
  2001.   font-size: .9rem;
  2002.   padding-left: 1rem;
  2003.   padding-right: 1rem;
  2004.   padding-bottom: 1rem;
  2005. }
  2006.  
  2007. #offline {
  2008.   text-align: center;
  2009.   background-image: url("../img/BG-accueil.jpg");
  2010.   background-repeat: no-repeat;
  2011.   background-size: cover;
  2012.   background-attachment: fixed;
  2013. }
  2014.  
  2015. #play {
  2016.   text-align: center;
  2017. }
  2018.  
  2019. #play .no-data {
  2020.   height: 2rem;
  2021. }
  2022.  
  2023. #play #play-zone {
  2024.   position: absolute;
  2025.   bottom: 0;
  2026.   padding: .5rem 1rem 1rem 1rem;
  2027.   background-color: rgba(0,0,0,0.5);
  2028.   font-weight: bold;
  2029.   width: 100%;
  2030. }
  2031.  
  2032. #play .you-win {
  2033.   position: absolute;
  2034.   bottom: 0;
  2035.   left: 0;
  2036.   right: 0;
  2037.   width: 280px;
  2038.   height: 169px;
  2039.   margin: auto;
  2040.   display: -webkit-box;
  2041.   display: -webkit-flex;
  2042.   display: flex;
  2043.   -webkit-box-align: center;
  2044.   -webkit-align-items: center;
  2045.   align-items: center;
  2046. }
  2047.  
  2048. #play .you-win div {
  2049.   -webkit-transform: rotate(-18deg);
  2050.   transform: rotate(-18deg);
  2051.   font-size: 1.5rem;
  2052.   font-weight: bold;
  2053.   background-color: rgba(0,0,0,0.2);
  2054.   width: 100%;
  2055.   padding: 1rem 0;
  2056. }
  2057.  
  2058. #play #rules {
  2059.   opacity: 0;
  2060.   margin-bottom: 1rem;
  2061.   text-align: left;
  2062.   font-size: 1rem;
  2063. }
  2064.  
  2065. #play .scratchgame-wrapper {
  2066.   opacity: 0;
  2067.   position: relative;
  2068. }
  2069.  
  2070. #play .scratchgame-wrapper>div {
  2071.   margin: auto;
  2072.   background-repeat: no-repeat;
  2073.   background-position: center;
  2074. }
  2075.  
  2076. #play .scratchgame-wrapper.is-temporary>div {
  2077.   background-color: rgba(255,255,255,0.8);
  2078. }
  2079.  
  2080. #play .participation-container {
  2081.   opacity: 0;
  2082.   width: 280px;
  2083.   height: 169px;
  2084.   position: relative;
  2085.   -webkit-perspective: 800px;
  2086.   perspective: 800px;
  2087.   margin: auto;
  2088.   text-align: center;
  2089. }
  2090.  
  2091. #play #participation-button {
  2092.   width: 100%;
  2093.   height: 100%;
  2094.   position: absolute;
  2095.   -webkit-transform-style: preserve-3d;
  2096.   transform-style: preserve-3d;
  2097. }
  2098.  
  2099. #play #participation-button>div {
  2100.   position: absolute;
  2101.   width: 100%;
  2102.   height: 100%;
  2103.   -webkit-backface-visibility: hidden;
  2104.   backface-visibility: hidden;
  2105.   display: -webkit-box;
  2106.   display: -webkit-flex;
  2107.   display: flex;
  2108.   -webkit-box-align: center;
  2109.   -webkit-align-items: center;
  2110.   align-items: center;
  2111.   -webkit-box-pack: center;
  2112.   -webkit-justify-content: center;
  2113.   justify-content: center;
  2114.   -webkit-box-orient: vertical;
  2115.   -webkit-box-direction: normal;
  2116.   -webkit-flex-direction: column;
  2117.   flex-direction: column;
  2118. }
  2119.  
  2120. #play #participation-button .front {
  2121.   background-color: rgba(51,51,51,0.6);
  2122.   font-size: 3rem;
  2123.   color: #eee;
  2124. }
  2125.  
  2126. #play #participation-button .back {
  2127.   background-color: rgba(238,238,238,0.6);
  2128.   -webkit-transform: rotateY(180deg);
  2129.   transform: rotateY(180deg);
  2130. }
  2131.  
  2132. #play #participation-button .back div:nth-child(1) {
  2133.   font-size: 3rem;
  2134.   color: #333;
  2135.   position: absolute;
  2136.   top: 1rem;
  2137.   left: 1rem;
  2138.   right: 1rem;
  2139. }
  2140.  
  2141. #play #participation-button .back div:nth-child(n+2) {
  2142.   margin-top: 1rem;
  2143.   color: #eee;
  2144.   padding: 0 1rem;
  2145.   position: absolute;
  2146.   bottom: 2rem;
  2147.   text-align: center;
  2148.   width: 100%;
  2149. }
  2150.  
  2151. #play #participation-button .back div.recorded,
  2152. #play #participation-button .back div.error {
  2153.   opacity: 0;
  2154. }
  2155.  
  2156. #play #participation-button .back div.error {
  2157.   color: #c33;
  2158. }
  2159.  
  2160. #play #participation-button .back .loading {
  2161.   margin-left: 0.5rem;
  2162. }
  2163.  
  2164. #play #participation-button.flipped {
  2165.   -webkit-transform: rotateY(-180deg);
  2166.   transform: rotateY(-180deg);
  2167. }
  2168.  
  2169. html.cssanimations #participation-button {
  2170.   -webkit-transition: -webkit-transform 1s;
  2171.   transition: transform 1s;
  2172. }
  2173.  
  2174. html.cssanimations #play #play-zone.anim #rules,
  2175. html.cssanimations #play #play-zone.anim .participation-container,
  2176. html.cssanimations #play #play-zone.anim .scratchgame-wrapper {
  2177.   -webkit-animation: fade-in .5s forwards;
  2178.   animation: fade-in .5s forwards;
  2179.   -webkit-animation-delay: .25s;
  2180.   animation-delay: .25s;
  2181. }
  2182.  
  2183. html.no-cssanimations #play #play-zone.anim #rules,
  2184. html.no-cssanimations #play #play-zone.anim .participation-container,
  2185. html.no-cssanimations #play #play-zone.anim .scratchgame-wrapper {
  2186.   opacity: 1;
  2187. }
  2188.  
  2189. @-webkit-keyframes heyYou {
  2190.   from {
  2191.     -webkit-transform: scale(1);
  2192.     transform: scale(1);
  2193.   }
  2194.  
  2195.   to {
  2196.     -webkit-transform: scale(1.5);
  2197.     transform: scale(1.5);
  2198.   }
  2199. }
  2200.  
  2201. @keyframes heyYou {
  2202.   from {
  2203.     -webkit-transform: scale(1);
  2204.     transform: scale(1);
  2205.   }
  2206.  
  2207.   to {
  2208.     -webkit-transform: scale(1.5);
  2209.     transform: scale(1.5);
  2210.   }
  2211. }
  2212.  
  2213. @-webkit-keyframes youWin {
  2214.   from {
  2215.     -webkit-transform: scale(1.4);
  2216.     transform: scale(1.4);
  2217.     opacity: 0;
  2218.   }
  2219.  
  2220.   to {
  2221.     -webkit-transform: scale(1);
  2222.     transform: scale(1);
  2223.     opacity: 1;
  2224.   }
  2225. }
  2226.  
  2227. @keyframes youWin {
  2228.   from {
  2229.     -webkit-transform: scale(1.4);
  2230.     transform: scale(1.4);
  2231.     opacity: 0;
  2232.   }
  2233.  
  2234.   to {
  2235.     -webkit-transform: scale(1);
  2236.     transform: scale(1);
  2237.     opacity: 1;
  2238.   }
  2239. }
  2240.  
  2241. html.cssanimations .hey-you {
  2242.   -webkit-animation: heyYou .6s;
  2243.   animation: heyYou .6s;
  2244.   -webkit-animation-direction: alternate;
  2245.   animation-direction: alternate;
  2246.   -webkit-animation-iteration-count: 10;
  2247.   animation-iteration-count: 10;
  2248. }
  2249.  
  2250. html.cssanimations .you-win {
  2251.   -webkit-animation: youWin .4s;
  2252.   animation: youWin .4s;
  2253. }
  2254.  
  2255. html.no-cssanimations .you-win {
  2256.   opacity: 1;
  2257. }
  2258.  
  2259. .shadow-light {
  2260.   -webkit-transition: text-shadow 1s;
  2261.   transition: text-shadow 1s;
  2262.   text-shadow: 0 0 20px white;
  2263. }
  2264.  
  2265. #register .button:active,
  2266. #register [data-role=header] .header-button:active,
  2267. [data-role=header] #register .header-button:active,
  2268. #register [data-role=header] .menu-button:active,
  2269. [data-role=header] #register .menu-button:active,
  2270. #register [data-role=header] .back-button:active,
  2271. [data-role=header] #register .back-button:active,
  2272. #register [data-role=header] .forward-button:active,
  2273. [data-role=header] #register .forward-button:active,
  2274. #register [data-role=header] .maps-button:active,
  2275. [data-role=header] #register .maps-button:active,
  2276. #register [data-role=header] .settings-button:active,
  2277. [data-role=header] #register .settings-button:active,
  2278. #register [data-role=header] .gains-button-without-notification:active,
  2279. [data-role=header] #register .gains-button-without-notification:active,
  2280. #register [data-role=header] .gains-button-with-notifications:active,
  2281. [data-role=header] #register .gains-button-with-notifications:active {
  2282.   background-color: #eee !important;
  2283.   color: #36b5b6 !important;
  2284. }
  2285.  
  2286. #register [data-role=content] {
  2287.   position: relative;
  2288. }
  2289.  
  2290. #register #register-form {
  2291.   padding: 1rem;
  2292.   padding-top: 0;
  2293.   width: 100%;
  2294. }
  2295.  
  2296. #register #register-form .dibvm * {
  2297.   display: inline-block;
  2298.   vertical-align: middle;
  2299.   font-size: 1.2rem;
  2300.   text-align: center;
  2301. }
  2302.  
  2303. #register #register-form .dibvm *:nth-child(n+2) {
  2304.   width: auto !important;
  2305. }
  2306.  
  2307. #register #register-form .form-line {
  2308.   margin: 1rem 0;
  2309.   text-align: center;
  2310. }
  2311.  
  2312. #register #register-form .form-line * {
  2313.   height: 3rem;
  2314.   font-size: 1.2rem;
  2315.   padding: 0.5rem;
  2316. }
  2317.  
  2318. #register #register-form .form-line:first-child label {
  2319.   padding-right: 1rem;
  2320. }
  2321.  
  2322. #register #register-form .form-line:first-child label:before {
  2323.   font-family: 'icomoon';
  2324.   font-size: 1.2rem;
  2325.   margin-right: 1rem;
  2326.   color: #36b5b6;
  2327.   content: "\e603";
  2328.   vertical-align: middle;
  2329.   line-height: 1rem;
  2330. }
  2331.  
  2332. #register #register-form .form-line:first-child input[type=radio] {
  2333.   display: none;
  2334. }
  2335.  
  2336. #register #register-form .form-line:first-child input[type=radio]:checked+label:before {
  2337.   color: #36b5b6;
  2338.   content: "\e602";
  2339. }
  2340.  
  2341. #register #register-form .form-line:nth-child(n+2) input {
  2342.   width: 100%;
  2343.   color: #36b5b6;
  2344.   font-weight: bold;
  2345.   border-radius: none;
  2346.   font-size: .9rem;
  2347.   text-align: center;
  2348. }
  2349.  
  2350. #register #register-form .form-line:last-child {
  2351.   margin-top: 2rem;
  2352.   background-color: #36b5b6;
  2353. }
  2354.  
  2355. #register #register-form .form-line:last-child span {
  2356.   font-size: 2rem;
  2357. }
  2358.  
  2359. #register #register-form .form-line:last-child #submit-input {
  2360.   color: #eee;
  2361.   -webkit-appearance: none;
  2362.   background: none;
  2363.   border: none;
  2364.   outline: none;
  2365.   font-size: 1.6rem;
  2366.   font-variant: small-caps;
  2367. }
  2368.  
  2369. .ui-mobile label,
  2370. .ui-controlgroup-label {
  2371.   margin: 0;
  2372. }
  2373.  
  2374. @-webkit-keyframes mandatory-input {
  2375.   from {
  2376.     box-shadow: 0 0 0 red;
  2377.   }
  2378.  
  2379.   to {
  2380.     box-shadow: 0 0 30px red;
  2381.   }
  2382. }
  2383.  
  2384. @keyframes mandatory-input {
  2385.   from {
  2386.     box-shadow: 0 0 0 red;
  2387.   }
  2388.  
  2389.   to {
  2390.     box-shadow: 0 0 30px red;
  2391.   }
  2392. }
  2393.  
  2394. @-webkit-keyframes mandatory-label {
  2395.   from {
  2396.     color: #36b5b6;
  2397.   }
  2398.  
  2399.   to {
  2400.     color: red;
  2401.   }
  2402. }
  2403.  
  2404. @keyframes mandatory-label {
  2405.   from {
  2406.     color: #36b5b6;
  2407.   }
  2408.  
  2409.   to {
  2410.     color: red;
  2411.   }
  2412. }
  2413.  
  2414. .cssanimations #register input.mandatory {
  2415.   -webkit-animation: mandatory-input .5s forwards;
  2416.   animation: mandatory-input .5s forwards;
  2417. }
  2418.  
  2419. .no-cssanimations #register input.mandatory {
  2420.   box-shadow: 0 0 30px red;
  2421. }
  2422.  
  2423. .cssanimations #register label.mandatory:before {
  2424.   -webkit-animation: mandatory-label .8s forwards;
  2425.   animation: mandatory-label .8s forwards;
  2426. }
  2427.  
  2428. html[class*=ios-6] #register label.mandatory,
  2429. html[class*=android] #register label.mandatory,
  2430. .no-cssanimations #register label.mandatory:before {
  2431.   color: red;
  2432. }
  2433.  
  2434. #responsibleGame [data-role=content] {
  2435.   padding-left: 1rem;
  2436.   padding-right: 1rem;
  2437.   padding-bottom: 1rem;
  2438. }
  2439.  
  2440. #responsibleGame ol {
  2441.   counter-reset: li;
  2442.   margin-top: 1rem;
  2443. }
  2444.  
  2445. #responsibleGame li {
  2446.   position: relative;
  2447.   margin: 0 0 2rem 2rem;
  2448.   padding: 0.25rem 0.5rem;
  2449.   list-style: none;
  2450.   border-top: 2px solid rgba(54,181,182,0.5);
  2451. }
  2452.  
  2453. #responsibleGame li:before {
  2454.   content: counter(li);
  2455.   counter-increment: li;
  2456.   position: absolute;
  2457.   top: -2px;
  2458.   left: -2rem;
  2459.   box-sizing: border-box;
  2460.   width: 2rem;
  2461.   margin-right: 0.5rem;
  2462.   padding: 0.25rem;
  2463.   border-top: 2px solid #36b5b6;
  2464.   background: #36b5b6;
  2465.   text-align: center;
  2466. }
  2467.  
  2468. #restaurant nav {
  2469.   position: absolute;
  2470.   bottom: 0;
  2471.   left: 0;
  2472.   right: 0;
  2473.   text-align: center;
  2474.   background-color: rgba(0,0,0,0.5);
  2475. }
  2476.  
  2477. #restaurant nav a {
  2478.   opacity: 0;
  2479. }
  2480.  
  2481. #restaurant nav a.button,
  2482. #restaurant nav [data-role=header] a.header-button,
  2483. [data-role=header] #restaurant nav a.header-button,
  2484. #restaurant nav [data-role=header] a.menu-button,
  2485. [data-role=header] #restaurant nav a.menu-button,
  2486. #restaurant nav [data-role=header] a.back-button,
  2487. [data-role=header] #restaurant nav a.back-button,
  2488. #restaurant nav [data-role=header] a.forward-button,
  2489. [data-role=header] #restaurant nav a.forward-button,
  2490. #restaurant nav [data-role=header] a.maps-button,
  2491. [data-role=header] #restaurant nav a.maps-button,
  2492. #restaurant nav [data-role=header] a.settings-button,
  2493. [data-role=header] #restaurant nav a.settings-button,
  2494. #restaurant nav [data-role=header] a.gains-button-without-notification,
  2495. [data-role=header] #restaurant nav a.gains-button-without-notification,
  2496. #restaurant nav [data-role=header] a.gains-button-with-notifications,
  2497. [data-role=header] #restaurant nav a.gains-button-with-notifications {
  2498.   display: block;
  2499.   margin: .7rem 0;
  2500. }
  2501.  
  2502. #restaurant .description-wrapper {
  2503.   position: absolute;
  2504.   top: 3rem;
  2505.   bottom: 16rem;
  2506.   left: 0;
  2507.   right: 0;
  2508.   overflow: scroll;
  2509. }
  2510.  
  2511. #restaurant .description {
  2512.   background-color: rgba(0,0,0,0.5);
  2513.   overflow: scroll;
  2514.   position: absolute;
  2515.   bottom: 0;
  2516.   left: 0;
  2517.   right: 0;
  2518.   padding: 0 1rem;
  2519.   font-weight: bold;
  2520. }
  2521.  
  2522. #restaurant .phone {
  2523.   bottom: 14rem;
  2524.   background-color: rgba(0,0,0,0.5);
  2525.   position: absolute;
  2526.   height: 2rem;
  2527.   line-height: 2rem;
  2528.   left: 0;
  2529.   right: 0;
  2530.   padding: 0 1rem;
  2531.   font-weight: bold;
  2532. }
  2533.  
  2534. #restaurant .phone .icon-phone {
  2535.   color: #36b5b6;
  2536.   margin-right: 0.5rem;
  2537. }
  2538.  
  2539. html[class*=ios-7] #restaurant .description-wrapper {
  2540.   top: 4rem !important;
  2541. }
  2542.  
  2543. html.cssanimations #restaurant nav.translate-effect a:nth-child(1) {
  2544.   -webkit-animation: translate-right-to-left .5s forwards, fade-in .1s forwards;
  2545.   animation: translate-right-to-left .5s forwards, fade-in .1s forwards;
  2546. }
  2547.  
  2548. html.cssanimations #restaurant nav.translate-effect a:nth-child(2) {
  2549.   -webkit-animation: translate-right-to-left .5s forwards, fade-in .1s forwards;
  2550.   animation: translate-right-to-left .5s forwards, fade-in .1s forwards;
  2551.   -webkit-animation-delay: .3s;
  2552.   animation-delay: .3s;
  2553. }
  2554.  
  2555. html.cssanimations #restaurant nav.translate-effect a:nth-child(3) {
  2556.   -webkit-animation: translate-right-to-left .5s forwards, fade-in .1s forwards;
  2557.   animation: translate-right-to-left .5s forwards, fade-in .1s forwards;
  2558.   -webkit-animation-delay: .6s;
  2559.   animation-delay: .6s;
  2560. }
  2561.  
  2562. html.cssanimations #restaurant nav.translate-effect a:nth-child(4) {
  2563.   -webkit-animation: translate-right-to-left .5s forwards, fade-in .1s forwards;
  2564.   animation: translate-right-to-left .5s forwards, fade-in .1s forwards;
  2565.   -webkit-animation-delay: .9s;
  2566.   animation-delay: .9s;
  2567. }
  2568.  
  2569. html.no-cssanimations #restaurant nav a {
  2570.   opacity: 1;
  2571. }
  2572.  
  2573. #settings {
  2574.   background-color: rgba(17,17,17,0.8);
  2575. }
  2576.  
  2577. #settings .setting-item {
  2578.   padding: 0.5rem;
  2579. }
  2580.  
  2581. #settings li {
  2582.   width: 100%;
  2583.   border-bottom: 1px solid rgba(54,181,182,0.3);
  2584. }
  2585.  
  2586. #settings li .settings-item {
  2587.   margin: auto;
  2588.   padding: 1.5rem;
  2589.   width: 100%;
  2590.   text-align: center;
  2591.   display: block;
  2592. }
  2593.  
  2594. #settings li:first-child {
  2595.   border-top: 1px solid rgba(54,181,182,0.3);
  2596. }
  2597.  
  2598. #settings li:active {
  2599.   background-color: rgba(54,181,182,0.5);
  2600. }
  2601.  
  2602. body {
  2603.   min-height: 100%;
  2604. }
  2605.  
  2606. p {
  2607.   padding: 0.5rem 0;
  2608. }
  2609.  
  2610. li {
  2611.   list-style: none;
  2612. }
  2613.  
  2614. a {
  2615.   text-decoration: none;
  2616. }
  2617.  
  2618. input,
  2619. textarea {
  2620.   -webkit-user-select: text;
  2621.   user-select: text;
  2622. }
  2623.  
  2624. * {
  2625.   box-sizing: border-box;
  2626.   margin: 0;
  2627.   padding: 0;
  2628.   -webkit-user-select: none;
  2629.   user-select: none;
  2630. }
Parsed in 0.498 seconds