Domů Procházet Nápověda
Přihlásit se
pwa
/
Lungo2.0.js
zrcadlo https://github.com/xabstract/Lungo2.0.js.git
2
0
Rozštěpit 0
Soubory Úkoly 0 Wiki
Strom: 3222ee8ba2
Větve Značky
Lungo2.0.js
/
example
/
components
/
lungo
/
lungo.css

lungo.css 28 KB
Historie Surový

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311 
  1. a,abbr,address,article,aside,audio,b,blockquote,body,caption,cite,code,dd,del,dfn,dialog,div,dl,dt,em,fieldset,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{border:0;margin:0;outline:0;padding:0;font-size:100%;font-weight:normal}
    2. 

  2. article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}
    3. 

  3. audio,canvas,video display: inline-block *display: inline *zoom: 1,audio:not([controls]) display: none,[hidden] display: none,html{height:100%;font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
    4. 

  4. body{margin:0;padding:0;width:100%;height:100%;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-box-orient:vertical;-webkit-box-align:stretch;-webkit-tap-highlight-color:rgba(0,0,0,0);display:-webkit-box;}
    5. 

  5. body *{box-sizing:border-box;margin:0;padding:0;-webkit-user-select:none;-webkit-tap-highlight-color:rgba(255,255,255,0)}
    6. 

  6. a{text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
    7. 

  7. a:hover{opacity:1}
    8. 

  8. img{border:0;-ms-interpolation-mode:bicubic;vertical-align:middle;font-size:0}
    9. 

  9. table{border-collapse:collapse;border-spacing:0}
    10. 

  10. th,td,caption{vertical-align:top;text-align:left}
    11. 

  11. 

  12. body[data-position="absolute"] > section{position:absolute}
    13. 

  13. body[data-position="fixed"] > section{position:fixed}
    14. 

  14. body [data-transition]{display:block !important;-webkit-transition-property:opacity z-index transform;-moz-transition-property:opacity z-index transform;transition-property:opacity z-index transform;-webkit-transition-duration:350ms;-moz-transition-duration:350ms;transition-duration:350ms;-webkit-transition-timing-function:easeOutSine;-moz-transition-timing-function:easeOutSine;transition-timing-function:easeOutSine;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}
    15. 

  15. section{top:0;left:0;width:100%;height:100%;z-index:1;display:none;}
    16. 

  16. section.show{z-index:2;display:block}
    17. 

  17. section[data-transition="pop"]{opacity:0;-webkit-transform:scale(1.15);-moz-transform:scale(1.15);transform:scale(1.15);}
    18. 

  18. section[data-transition="pop"].show{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1);opacity:1}
    19. 

  19. section[data-transition="pop"].hide{-webkit-transform:scale(.9);-moz-transform:scale(.9);transform:scale(.9);opacity:0}
    20. 

  20. section[data-transition="slide"]{-webkit-transform:translateX(100%);-moz-transform:translateX(100%);transform:translateX(100%);visibility:visible !important;}
    21. 

  21. section[data-transition="slide"].show{-webkit-transform:translateX(0%);-moz-transform:translateX(0%);transform:translateX(0%)}
    22. 

  22. section[data-transition="slide"].hide{-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);transform:translateX(-100%)}
    23. 

  23. section[data-transition="cover"]{-webkit-transform:translateY(110%);-moz-transform:translateY(110%);transform:translateY(110%);}
    24. 

  24. section[data-transition="cover"].show,section[data-transition="cover"].hide{-webkit-transform:translateY(0%);-moz-transform:translateY(0%);transform:translateY(0%)}
    25. 

  25. section[data-transition="fade"]{opacity:0;}
    26. 

  26. section[data-transition="fade"]:first-child,section[data-transition="fade"].show{opacity:1}
    27. 

  27. section[data-transition="fade"]:hide{opacity:0}
    28. 

  28. header,footer{position:absolute;left:0;width:100%;display:block;z-index:1}
    29. 

  29. header{top:0;height:44px;line-height:44px;}
    30. 

  30. header .title{margin-left:4px;float:left;z-index:-1;font-size:1.44em;}
    31. 

  31. header .title.centered{position:absolute;left:32px;right:32px;text-align:center;display:inline-block}
    32. 

  32. header img.title{height:26px;margin:9px auto}
    33. 

  33. footer{bottom:0;height:44px}
    34. 

  34. 

  35. article{position:absolute;top:0;bottom:0;width:inherit;height:auto;visibility:hidden;display:none;z-index:0;}
    36. 

  36. .show > article.active,.hide > article.active,.hiding > article.active{visibility:visible;display:block;z-index:1;}
    37. 

  37. .show > article.active.pull,.hide > article.active.pull,.hiding > article.active.pull{-webkit-transition-property:transform;-moz-transition-property:transform;transition-property:transform;-webkit-transition-duration:350ms;-moz-transition-duration:350ms;transition-duration:350ms}
    38. 

  38. header:not(.extended) ~ article{top:44px}
    39. 

  39. header.extended ~ article{top:74px}
    40. 

  40. footer ~ article{bottom:44px}
    41. 

  41. @media handheld, only screen and (min-width: 768px){article.aside{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
    42. 

  42. }
    43. 

  43. section.aside:not(.small){-webkit-transform:translateX(264px);-moz-transform:translateX(264px);transform:translateX(264px)}
    44. 

  44. section.aside.small{-webkit-transform:translateX(64px);-moz-transform:translateX(64px);transform:translateX(64px)}
    45. 

  45. section.aside.right{-webkit-transform:translateX(-264px);-moz-transform:translateX(-264px);transform:translateX(-264px);}
    46. 

  46. section.aside.right.small{-webkit-transform:translateX(-64px);-moz-transform:translateX(-64px);transform:translateX(-64px)}
    47. 

  47. aside{position:absolute;top:0;bottom:0;height:inherit;width:264px;display:none;z-index:-1;}
    48. 

  48. aside.right{right:0}
    49. 

  49. aside.show{z-index:0;display:block}
    50. 

  50. aside header,aside footer{position:relative;left:none;height:44px}
    51. 

  51. aside footer{position:absolute;bottom:0}
    52. 

  52. aside.small{width:64px;}
    53. 

  53. aside.small nav{width:64px;text-align:center;}
    54. 

  54. aside.small nav a{display:block;padding:0;width:64px;height:64px;}
    55. 

  55. aside.small nav a .icon{position:absolute;width:inherit;font-size:48px;line-height:56px}
    56. 

  56. aside.small nav a .tag{position:relative;top:-64px;right:-18.823529411764707px}
    57. 

  57. aside.small nav a:first-child{margin-top:8px}
    58. 

  58. 

  59. .row,.rows{width:100%;margin:0 auto;*zoom:1;}
    60. 

  60. .row:before,.rows:before,.row:after,.rows:after{content:"";display:table}
    61. 

  61. .row:after,.rows:after{clear:both}
    62. 

  62. .row.one,.rows.one{height:10%}
    63. 

  63. .row.two,.rows.two{height:20%}
    64. 

  64. .row.three,.rows.three{height:30%}
    65. 

  65. .row.four,.rows.four{height:40%}
    66. 

  66. .row.five,.rows.five{height:50%}
    67. 

  67. .row.six,.rows.six{height:60%}
    68. 

  68. .row.seven,.rows.seven{height:70%}
    69. 

  69. .row.eight,.rows.eight{height:80%}
    70. 

  70. .row.nine,.rows.nine{height:90%}
    71. 

  71. .row.ten,.rows.ten{height:100%}
    72. 

  72. .column,.columns{float:left;position:relative;display:block;height:100%;}
    73. 

  73. .column.centered,.columns.centered{float:none;margin:0 auto}
    74. 

  74. .column.one,.columns.one{width:10%}
    75. 

  75. .column.two,.columns.two{width:20%}
    76. 

  76. .column.three,.columns.three{width:30%}
    77. 

  77. .column.four,.columns.four{width:40%}
    78. 

  78. .column.five,.columns.five{width:50%}
    79. 

  79. .column.six,.columns.six{width:60%}
    80. 

  80. .column.seven,.columns.seven{width:70%}
    81. 

  81. .column.eight,.columns.eight{width:80%}
    82. 

  82. .column.nine,.columns.nine{width:90%}
    83. 

  83. .column.ten,.columns.ten{width:100%}
    84. 

  84. [class*="column"] + [class*="column"]:last-child{float:right}
    85. 

  85. [class*="column"] + [class*="column"].end{float:left}
    86. 

  86. 

  87. .list li{list-style-type:none;padding:10px;position:relative;}
    88. 

  88. .list li,.list li a,.list li small,.list li .right{font-weight:300}
    89. 

  89. .list li.arrow::after{position:absolute;right:8px;top:40%;width:6px;height:6px;content:'';border-right:3px solid #d0d0d8;border-top:3px solid #d0d0d8;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg)}
    90. 

  90. .list li a{display:block}
    91. 

  91. .list li > .icon,.list li > img{float:left;width:32px;height:32px;margin-right:8px;font-size:2.6em;line-height:1em;text-align:center}
    92. 

  92. .list li.thumb img,.list li.thumb .icon{margin:-10px 10px -10px -10px;height:53px !important;width:53px !important;font-size:3.6em}
    93. 

  93. .list li.anchor{padding:2px 10px;}
    94. 

  94. .list li.anchor .tag{display:none}
    95. 

  95. .list li strong{position:relative;font-size:1.2em;font-weight:400}
    96. 

  96. .list li small{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
    97. 

  97. .list li small + .right{margin-top:-12px}
    98. 

  98. .list li small,.list li.anchor,.list li .right:not(.tag){font-size:.9em}
    99. 

  99. .list .loading .right{font-size:1em}
    100. 

  100. .list .right .icon,.list small .icon{height:13px !important;width:13px !important;margin-right:1px !important;font-size:1.2em !important;line-height:1.1em}
    101. 

  101. .list.indented li{margin-bottom:10px}
    102. 

  102. 

  103. nav.groupbar,footer nav{display:-webkit-box;display:-moz-box;display:box;-webkit-box-pack:justify;-moz-box-pack:justify;box-pack:justify;width:100%;}
    104. 

  104. nav.groupbar > a,footer nav > a{-webkit-box-flex:1;-moz-box-flex:1;box-flex:1}
    105. 

  105. header nav a{padding:0 11px !important;z-index:1000;float:left}
    106. 

  106. header nav .button,header nav button{margin:6px 2px 0 2px;line-height:31px !important;}
    107. 

  107. header nav .button > .icon,header nav button > .icon{font-size:1.5em;position:relative;top:3px;height:20px;width:20px;line-height:20px;display:inline-block}
    108. 

  108. header nav.right a.button:last-child{margin-right:6px}
    109. 

  109. header nav:not(.right) a.button:first-child{margin-left:6px}
    110. 

  110. header nav a:not(.button){height:44px;}
    111. 

  111. header nav a:not(.button) > .icon{font-size:1.8em}
    112. 

  112. header nav .tag{position:relative;top:-12px;left:-12px;margin-right:-20px}
    113. 

  113. header nav abbr{font-size:.9em;font-weight:700}
    114. 

  114. header nav .icon ~ abbr{margin-left:4px;float:right}
    115. 

  115. header nav .loading{margin-top:.5em;font-size:1.6em;}
    116. 

  116. header nav .loading + .icon{display:none}
    117. 

  117. nav.groupbar{position:relative;top:44px;height:30px;width:100%;z-index:2;line-height:30px;}
    118. 

  118. nav.groupbar > a{padding:0;margin:0;height:30px !important;display:block;text-align:center;}
    119. 

  119. nav.groupbar > a .icon{font-size:1em;margin-right:2px}
    120. 

  120. nav.groupbar > a .tag{position:relative;top:-1px;left:2px}
    121. 

  121. footer nav a{text-align:center;display:block;padding:0;height:44px}
    122. 

  122. footer nav .icon{font-size:2em !important;line-height:44px;width:32px;display:inline-block}
    123. 

  123. footer nav .tag{top:-42px;left:4px;}
    124. 

  124. footer nav .tag .loading{top:0;font-size:1.4em}
    125. 

  125. footer nav abbr{display:none}
    126. 

  126. footer nav .tag{position:relative;top:-12px;left:-12px;margin-right:-20px}
    127. 

  127. footer nav.with-labels .icon{line-height:36px}
    128. 

  128. footer nav.with-labels abbr{display:block !important;margin-top:-8px;z-index:1;font-size:11px;line-height:14px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
    129. 

  129. 

  130. .overthrow-enabled .overthrow{overflow:auto;-webkit-overflow-scrolling:touch}
    131. 

  131. .scroll{overflow-x:hidden;overflow-y:scroll;-webkit-overflow-scrolling:touch;-webkit-box-flex:1;}
    132. 

  132. .scroll.horizontal{overflow-x:scroll;overflow-y:hidden;white-space:nowrap}
    133. 

  133. .scroll > *{-webkit-transform:translate3d(0,0,0)}
    134. 

  134. :not(.icon).left{float:left}
    135. 

  135. :not(.icon).right{float:right}
    136. 

  136. .hidden{display:none}
    137. 

  137. .indented > *{margin:10px}
    138. 

  138. .margined{margin:3%}
    139. 

  139. .wrapper{padding:8px 8px}
    140. 

  140. .icon.small{font-size:1.3em}
    141. 

  141. .framed{border:2px solid #fff}
    142. 

  142. .round{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}
    143. 

  143. .block{display:block}
    144. 

  144. .tag{display:inline-block;padding:0 3px;font-size:11px !important;line-height:1.25em;height:1.35em;text-align:center}
    145. 

  145. .margin.bottom{margin-bottom:5px}
    146. 

  146. [data-control=carousel]{overflow:hidden;list-style:none;margin:0}
    147. 

  147. .text.thin{font-weight:300}
    148. 

  148. .text.normal{font-weight:400}
    149. 

  149. .text.bold{font-weight:600}
    150. 

  150. .text.extra-bold{font-weight:700}
    151. 

  151. .text.italic{font-style:italic}
    152. 

  152. .text.underline{text-decoration:underline}
    153. 

  153. .text.line-through{text-decoration:line-through}
    154. 

  154. .text.align_left{text-align:left}
    155. 

  155. .text.align_right{text-align:right}
    156. 

  156. .text.align_center{text-align:center}
    157. 

  157. .text.align_justify{text-align:justify}
    158. 

  158. .text.small{font-size:.9em}
    159. 

  159. .text.big{font-size:1.2em}
    160. 

  160. .text.opacity{opacity:.5}
    161. 

  161. 

  162. .button,button{display:inline-block;padding:10px 16px;border:none;cursor:pointer;color:#fff !important;font-family:inherit;font-size:1.05em;font-weight:600;text-align:center;text-decoration:none;outline:none;}
    163. 

  163. .button:disabled,button:disabled,.button.disabled,button.disabled{background:rgba(255,255,255,0.2);color:#999 !important}
    164. 

  164. .button .icon,button .icon{font-size:1.2em}
    165. 

  165. .button.anchor,button.anchor{width:100%;position:relative;}
    166. 

  166. .button.anchor .icon,button.anchor .icon{position:absolute;left:8px}
    167. 

  167. .button.large,button.large{height:52px;padding:0 24px;font-size:1.4em;line-height:52px}
    168. 

  168. .button.small,button.small{height:30px;padding:0 8px;font-size:.9em;line-height:28px}
    169. 

  169. 

  170. form label,.form label{font-size:1.1em}
    171. 

  171. form input,.form input,form textarea,.form textarea,form select,.form select,form .progress,.form .progress{margin-bottom:8px;font-size:1.2em}
    172. 

  172. form input[type="text"],.form input[type="text"],form input[type="password"],.form input[type="password"],form input[type="date"],.form input[type="date"],form input[type="datetime"],.form input[type="datetime"],form input[type="email"],.form input[type="email"],form input[type="number"],.form input[type="number"],form input[type="search"],.form input[type="search"],form input[type="tel"],.form input[type="tel"],form input[type="time"],.form input[type="time"],form input[type="url"],.form input[type="url"],form select,.form select,form textarea,.form textarea{display:block;width:100%;padding:0 6px;height:30px;-webkit-transition:all .15s linear;-moz-transition:all .15s linear;transition:all .15s linear;font-family:inherit;-webkit-appearance:none;-webkit-user-select:text;-webkit-font-smoothing:antialiased;}
    173. 

  173. form input[type="text"]:focus,.form input[type="text"]:focus,form input[type="password"]:focus,.form input[type="password"]:focus,form input[type="date"]:focus,.form input[type="date"]:focus,form input[type="datetime"]:focus,.form input[type="datetime"]:focus,form input[type="email"]:focus,.form input[type="email"]:focus,form input[type="number"]:focus,.form input[type="number"]:focus,form input[type="search"]:focus,.form input[type="search"]:focus,form input[type="tel"]:focus,.form input[type="tel"]:focus,form input[type="time"]:focus,.form input[type="time"]:focus,form input[type="url"]:focus,.form input[type="url"]:focus,form select:focus,.form select:focus,form textarea:focus,.form textarea:focus{outline:none !important}
    174. 

  174. form textarea,.form textarea{min-height:64px}
    175. 

  175. form fieldset,.form fieldset{padding:8px 8px 0 8px;}
    176. 

  176. form fieldset label,.form fieldset label{display:inline-block;float:left;width:20%;line-height:30px}
    177. 

  177. form fieldset label + input,.form fieldset label + input{width:80% !important}
    178. 

  178. form fieldset .icon,.form fieldset .icon{position:absolute;font-size:1.2em;line-height:30px;right:8px}
    179. 

  179. form fieldset input[type="text"],.form fieldset input[type="text"],form fieldset input[type="password"],.form fieldset input[type="password"],form fieldset input[type="date"],.form fieldset input[type="date"],form fieldset input[type="datetime"],.form fieldset input[type="datetime"],form fieldset input[type="email"],.form fieldset input[type="email"],form fieldset input[type="number"],.form fieldset input[type="number"],form fieldset input[type="search"],.form fieldset input[type="search"],form fieldset input[type="tel"],.form fieldset input[type="tel"],form fieldset input[type="time"],.form fieldset input[type="time"],form fieldset input[type="url"],.form fieldset input[type="url"],form fieldset textarea,.form fieldset textarea{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;border:none;padding:0;}
    180. 

  180. form fieldset input[type="text"],.form fieldset input[type="text"],form fieldset input[type="password"],.form fieldset input[type="password"],form fieldset input[type="date"],.form fieldset input[type="date"],form fieldset input[type="datetime"],.form fieldset input[type="datetime"],form fieldset input[type="email"],.form fieldset input[type="email"],form fieldset input[type="number"],.form fieldset input[type="number"],form fieldset input[type="search"],.form fieldset input[type="search"],form fieldset input[type="tel"],.form fieldset input[type="tel"],form fieldset input[type="time"],.form fieldset input[type="time"],form fieldset input[type="url"],.form fieldset input[type="url"],form fieldset textarea,.form fieldset textarea,form fieldset input[type="text"]:focus,.form fieldset input[type="text"]:focus,form fieldset input[type="password"]:focus,.form fieldset input[type="password"]:focus,form fieldset input[type="date"]:focus,.form fieldset input[type="date"]:focus,form fieldset input[type="datetime"]:focus,.form fieldset input[type="datetime"]:focus,form fieldset input[type="email"]:focus,.form fieldset input[type="email"]:focus,form fieldset input[type="number"]:focus,.form fieldset input[type="number"]:focus,form fieldset input[type="search"]:focus,.form fieldset input[type="search"]:focus,form fieldset input[type="tel"]:focus,.form fieldset input[type="tel"]:focus,form fieldset input[type="time"]:focus,.form fieldset input[type="time"]:focus,form fieldset input[type="url"]:focus,.form fieldset input[type="url"]:focus,form fieldset textarea:focus,.form fieldset textarea:focus{background:none}
    181. 

  181. form label.select,.form label.select{position:relative;display:inline-block;width:100%;font-size:inherit;line-height:inherit}
    182. 

  182. form .select:after,.form .select:after{position:absolute;top:0;right:0;height:30px;width:30px;content:"▼";pointer-events:none;text-align:center;line-height:32px}
    183. 

  183. form input[type=range],.form input[type=range]{-webkit-appearance:none;outline:none;}
    184. 

  184. form input[type=range]:not(.checkbox),.form input[type=range]:not(.checkbox){height:15px;width:100%;padding:0;margin-top:2px;border:0;}
    185. 

  185. form input[type=range]:not(.checkbox)::-webkit-slider-thumb,.form input[type=range]:not(.checkbox)::-webkit-slider-thumb{top:-1px}
    186. 

  186. form input[type=range].checkbox,.form input[type=range].checkbox{width:64px;height:30px;line-height:30px;padding:0 1px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;}
    187. 

  187. form input[type=range].checkbox:after,.form input[type=range].checkbox:after{top:-28px;position:relative;content:"OFF";float:right;padding:0 8px;font-weight:700;font-size:12px;line-height:28px}
    188. 

  188. form input[type=range].checkbox.active:after,.form input[type=range].checkbox.active:after{float:left;content:"ON"}
    189. 

  189. form input[type=range]::-webkit-slider-thumb,.form input[type=range]::-webkit-slider-thumb{position:relative;width:24px;height:24px;margin:2px;-webkit-appearance:none}
    190. 

  190. form input[type=range]::-webkit-slider-thumb::after,.form input[type=range]::-webkit-slider-thumb::after{width:6px;height:6px;display:block;content:"";position:relative;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;z-index:9;top:8.5px;left:8.5px}
    191. 

  191. form .progress,.form .progress{width:100%;}
    192. 

  192. form .progress .bar,.form .progress .bar{height:15px;line-height:15px;display:block;}
    193. 

  193. form .progress .bar .value,.form .progress .bar .value{display:block;height:inherit;width:0%;-webkit-transition:width 350ms easeOutSine;-moz-transition:width 350ms easeOutSine;transition:width 350ms easeOutSine}
    194. 

  194. @media screen and (-webkit-min-device-pixel-ratio:0){.custom-select select{padding-right:30px}
    195. 

  195. }
    196. 

  196. .loading{position:relative;left:50%;height:1em;width:1em;margin-left:-.5em;-webkit-transform-origin:.5em .5em;-moz-transform-origin:.5em .5em;transform-origin:.5em .5em;font-size:48px;}
    197. 

  197. .loading.disable{-webkit-animation:none;-moz-animation:none;display:none}
    198. 

  198. .loading > span{left:50%;margin-left:-.05em;}
    199. 

  199. .loading > span,.loading > span::before,.loading > span::after{display:block;position:absolute;width:.1em;height:.25em;top:0;-webkit-transform-origin:.05em .5em;-moz-transform-origin:.05em .5em;transform-origin:.05em .5em;-webkit-border-radius:.1em;-moz-border-radius:.1em;border-radius:.1em}
    200. 

  200. .loading > span::before,.loading > span::after{content:" "}
    201. 

  201. .loading > span.top{-webkit-transform:rotate(0);-moz-transform:rotate(0);transform:rotate(0)}
    202. 

  202. .loading > span.right{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);transform:rotate(90deg)}
    203. 

  203. .loading > span.bottom{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);transform:rotate(180deg)}
    204. 

  204. .loading > span.left{-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);transform:rotate(270deg)}
    205. 

  205. .loading > span::before{-webkit-transform:rotate(30deg);-moz-transform:rotate(30deg);transform:rotate(30deg)}
    206. 

  206. .loading > span::after{-webkit-transform:rotate(-30deg);-moz-transform:rotate(-30deg);transform:rotate(-30deg)}
    207. 

  207. .loading > span.top{background-color:rgba(0,0,0,0.99)}
    208. 

  208. .loading > span.top::after{background-color:rgba(0,0,0,0.9)}
    209. 

  209. .loading > span.left::before{background-color:rgba(0,0,0,0.8)}
    210. 

  210. .loading > span.left{background-color:rgba(0,0,0,0.7)}
    211. 

  211. .loading > span.left::after{background-color:rgba(0,0,0,0.6)}
    212. 

  212. .loading > span.bottom::before{background-color:rgba(0,0,0,0.5)}
    213. 

  213. .loading > span.bottom{background-color:rgba(0,0,0,0.4)}
    214. 

  214. .loading > span.bottom::after{background-color:rgba(0,0,0,0.35)}
    215. 

  215. .loading > span.right::before{background-color:rgba(0,0,0,0.3)}
    216. 

  216. .loading > span.right{background-color:rgba(0,0,0,0.25)}
    217. 

  217. .loading > span.right::after{background-color:rgba(0,0,0,0.2)}
    218. 

  218. .loading > span.top::before{background-color:rgba(0,0,0,0.15)}
    219. 

  219. .loading.white > span.top{background-color:rgba(255,255,255,0.99)}
    220. 

  220. .loading.white > span.top::after{background-color:rgba(255,255,255,0.9)}
    221. 

  221. .loading.white > span.left::before{background-color:rgba(255,255,255,0.8)}
    222. 

  222. .loading.white > span.left{background-color:rgba(255,255,255,0.7)}
    223. 

  223. .loading.white > span.left::after{background-color:rgba(255,255,255,0.6)}
    224. 

  224. .loading.white > span.bottom::before{background-color:rgba(255,255,255,0.5)}
    225. 

  225. .loading.white > span.bottom{background-color:rgba(255,255,255,0.4)}
    226. 

  226. .loading.white > span.bottom::after{background-color:rgba(255,255,255,0.35)}
    227. 

  227. .loading.white > span.right::before{background-color:rgba(255,255,255,0.3)}
    228. 

  228. .loading.white > span.right{background-color:rgba(255,255,255,0.25)}
    229. 

  229. .loading.white > span.right::after{background-color:rgba(255,255,255,0.2)}
    230. 

  230. .loading.white > span.top::before{background-color:rgba(255,255,255,0.15)}
    231. 

  231. section.show .loading,section.active .loading,.notification .loading{-webkit-animation:rotatingLoader .5s infinite linear;moz-animation:rotatingLoader .5s infinite linear}
    232. 

  232. @-webkit-keyframes rotatingLoader{0%{-webkit-transform:rotate(0);-moz-transform:rotate(0);transform:rotate(0)}
    233. 

  233. 8.32%{-webkit-transform:rotate(0);-moz-transform:rotate(0);transform:rotate(0)}
    234. 

  234. 8.33%{-webkit-transform:rotate(30deg);-moz-transform:rotate(30deg);transform:rotate(30deg)}
    235. 

  235. 16.65%{-webkit-transform:rotate(30deg);-moz-transform:rotate(30deg);transform:rotate(30deg)}
    236. 

  236. 16.66%{-webkit-transform:rotate(60deg);-moz-transform:rotate(60deg);transform:rotate(60deg)}
    237. 

  237. 24.99%{-webkit-transform:rotate(60deg);-moz-transform:rotate(60deg);transform:rotate(60deg)}
    238. 

  238. 25%{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);transform:rotate(90deg)}
    239. 

  239. 33.32%{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);transform:rotate(90deg)}
    240. 

  240. 33.33%{-webkit-transform:rotate(120deg);-moz-transform:rotate(120deg);transform:rotate(120deg)}
    241. 

  241. 41.65%{-webkit-transform:rotate(120deg);-moz-transform:rotate(120deg);transform:rotate(120deg)}
    242. 

  242. 41.66%{-webkit-transform:rotate(150deg);-moz-transform:rotate(150deg);transform:rotate(150deg)}
    243. 

  243. 49.99%{-webkit-transform:rotate(150deg);-moz-transform:rotate(150deg);transform:rotate(150deg)}
    244. 

  244. 50%{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);transform:rotate(180deg)}
    245. 

  245. 58.32%{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);transform:rotate(180deg)}
    246. 

  246. 58.33%{-webkit-transform:rotate(210deg);-moz-transform:rotate(210deg);transform:rotate(210deg)}
    247. 

  247. 66.65%{-webkit-transform:rotate(210deg);-moz-transform:rotate(210deg);transform:rotate(210deg)}
    248. 

  248. 66.66%{-webkit-transform:rotate(240deg);-moz-transform:rotate(240deg);transform:rotate(240deg)}
    249. 

  249. 74.99%{-webkit-transform:rotate(240deg);-moz-transform:rotate(240deg);transform:rotate(240deg)}
    250. 

  250. 75%{-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);transform:rotate(270deg)}
    251. 

  251. 83.32%{-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);transform:rotate(270deg)}
    252. 

  252. 83.33%{-webkit-transform:rotate(300deg);-moz-transform:rotate(300deg);transform:rotate(300deg)}
    253. 

  253. 91.65%{-webkit-transform:rotate(300deg);-moz-transform:rotate(300deg);transform:rotate(300deg)}
    254. 

  254. 91.66%{-webkit-transform:rotate(330deg);-moz-transform:rotate(330deg);transform:rotate(330deg)}
    255. 

  255. 100%{-webkit-transform:rotate(330deg);-moz-transform:rotate(330deg);transform:rotate(330deg)}
    256. 

  256. }@-moz-keyframes rotatingLoader{0%{-webkit-transform:rotate(0);-moz-transform:rotate(0);transform:rotate(0)}
    257. 

  257. 8.32%{-webkit-transform:rotate(0);-moz-transform:rotate(0);transform:rotate(0)}
    258. 

  258. 8.33%{-webkit-transform:rotate(30deg);-moz-transform:rotate(30deg);transform:rotate(30deg)}
    259. 

  259. 16.65%{-webkit-transform:rotate(30deg);-moz-transform:rotate(30deg);transform:rotate(30deg)}
    260. 

  260. 16.66%{-webkit-transform:rotate(60deg);-moz-transform:rotate(60deg);transform:rotate(60deg)}
    261. 

  261. 24.99%{-webkit-transform:rotate(60deg);-moz-transform:rotate(60deg);transform:rotate(60deg)}
    262. 

  262. 25%{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);transform:rotate(90deg)}
    263. 

  263. 33.32%{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);transform:rotate(90deg)}
    264. 

  264. 33.33%{-webkit-transform:rotate(120deg);-moz-transform:rotate(120deg);transform:rotate(120deg)}
    265. 

  265. 41.65%{-webkit-transform:rotate(120deg);-moz-transform:rotate(120deg);transform:rotate(120deg)}
    266. 

  266. 41.66%{-webkit-transform:rotate(150deg);-moz-transform:rotate(150deg);transform:rotate(150deg)}
    267. 

  267. 49.99%{-webkit-transform:rotate(150deg);-moz-transform:rotate(150deg);transform:rotate(150deg)}
    268. 

  268. 50%{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);transform:rotate(180deg)}
    269. 

  269. 58.32%{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);transform:rotate(180deg)}
    270. 

  270. 58.33%{-webkit-transform:rotate(210deg);-moz-transform:rotate(210deg);transform:rotate(210deg)}
    271. 

  271. 66.65%{-webkit-transform:rotate(210deg);-moz-transform:rotate(210deg);transform:rotate(210deg)}
    272. 

  272. 66.66%{-webkit-transform:rotate(240deg);-moz-transform:rotate(240deg);transform:rotate(240deg)}
    273. 

  273. 74.99%{-webkit-transform:rotate(240deg);-moz-transform:rotate(240deg);transform:rotate(240deg)}
    274. 

  274. 75%{-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);transform:rotate(270deg)}
    275. 

  275. 83.32%{-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);transform:rotate(270deg)}
    276. 

  276. 83.33%{-webkit-transform:rotate(300deg);-moz-transform:rotate(300deg);transform:rotate(300deg)}
    277. 

  277. 91.65%{-webkit-transform:rotate(300deg);-moz-transform:rotate(300deg);transform:rotate(300deg)}
    278. 

  278. 91.66%{-webkit-transform:rotate(330deg);-moz-transform:rotate(330deg);transform:rotate(330deg)}
    279. 

  279. 100%{-webkit-transform:rotate(330deg);-moz-transform:rotate(330deg);transform:rotate(330deg)}
    280. 

  280. }
    281. 

  281. .notification{position:absolute;top:0;width:100%;height:100%;z-index:3;display:none;background-color:rgba(0,0,0,0.75);}
    282. 

  282. .notification .window{position:relative;opacity:0;-webkit-transition:all 350ms;-moz-transition:all 350ms;transition:all 350ms;text-align:center;}
    283. 

  283. .notification .window.show{opacity:1;-webkit-transition-delay:350ms;-moz-transition-delay:350ms;transition-delay:350ms}
    284. 

  284. .notification .window strong,.notification .window small{display:block}
    285. 

  285. .notification .window.growl{left:50%;top:50%;width:104px;margin:-52px auto auto -52px;padding:24px 8px;-webkit-transform:scale(.2);-moz-transform:scale(.2);transform:scale(.2);}
    286. 

  286. .notification .window.growl.show{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}
    287. 

  287. .notification .window.growl > .icon{font-size:3.6em;line-height:1em;}
    288. 

  288. .notification .window.growl > .icon ~ strong{margin-bottom:-12px}
    289. 

  289. .notification .window.growl small{display:none}
    290. 

  290. .notification .window:not(.growl){width:280px;left:0;top:0;margin:22px auto 0;-webkit-transform:translateY(100%);-moz-transform:translateY(100%);transform:translateY(100%);}
    291. 

  291. .notification .window:not(.growl).show{-webkit-transform:translateY(0%);-moz-transform:translateY(0%);transform:translateY(0%)}
    292. 

  292. .notification .window:not(.growl):not(.html){padding-top:24px;}
    293. 

  293. .notification .window:not(.growl):not(.html) > .icon{font-size:4em;line-height:1em}
    294. 

  294. .notification .window:not(.growl):not(.html) > strong{font-size:1.2em}
    295. 

  295. .notification .window:not(.growl):not(.html) > strong,.notification .window:not(.growl):not(.html) small{padding:0 16px 16px 16px}
    296. 

  296. .notification .window:not(.growl).html .close{position:absolute;top:-14px;right:-14px;font-size:14px;line-height:24px;font-weight:normal;width:24px;height:24px;-webkit-border-radius:14px;-moz-border-radius:14px;border-radius:14px}
    297. 

  297. 

  298. section.show > [data-control="pull"]{position:absolute;z-index:-1;top:44px;width:100%;height:80px;padding:10px 0;text-align:center;}
    299. 

  299. section.show > [data-control="pull"] > .icon{display:inline-block;width:48px;height:48px;font-size:44px;line-height:48px;-webkit-transition:all 300ms;-moz-transition:all 300ms;transition:all 300ms}
    300. 

  300. section.show > [data-control="pull"] > .loading{display:none;left:0%}
    301. 

  301. section.show > [data-control="pull"] > strong{position:relative;top:-16px;margin-left:4px;font-size:1.1em}
    302. 

  302. section.show > [data-control="pull"].rotate > .icon{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);transform:rotate(180deg)}
    303. 

  303. section.show > [data-control="pull"].refresh > .icon{display:none}
    304. 

  304. section.show > [data-control="pull"].refresh > .loading{display:inline-block}
    305. 

  305. 

  306. .splash{text-align:center;}
    307. 

  307. .splash > form{margin:24px 32px}
    308. 

  308. .splash img{max-width:206px;margin:20% auto 0%}
    309. 

  309. .splash h1{margin-top:20%;font-size:2.2em;font-weight:bold}
    310. 

  310. .splash .button{margin-top:10px}
    311. 

  311. .splash .copyright{position:absolute;width:100%;bottom:8px;left:0;font-size:.8em;font-style:normal;padding:0}
    312.