صفحهٔ اصلی گشت‌و‌گذار راهنما
ورود
pwa
/
Lungo.js
mirrorاز https://github.com/tapquo/Lungo.js.git
2
0
انشعاب 0
پرونده‌ها مشکلات 0 ویکی
درخت: 92104a29f0
شاخه‌ها تگ‌ها
Lungo.js
/
example
/
components
/
lungo
/
lungo.css

lungo.css 38 KB
تاريخچه خام

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330 
  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,html{height:100%;width:100%;margin:0;padding:0;overflow:hidden}
    13. 

  13. aside,section{display:-webkit-box;display:-moz-box;display:-ms-box;display:-o-box;display:box;-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-box-orient:vertical;-o-box-orient:vertical;box-orient:vertical;height:inherit;}
    14. 

  14. aside > header,section > header,aside > footer,section > footer{-webkit-box-flex:0;-moz-box-flex:0;-ms-box-flex:0;-o-box-flex:0;box-flex:0;z-index:3;position:relative}
    15. 

  15. aside > header,section > header{-webkit-box-ordinal-group:1;-moz-box-ordinal-group:1;-ms-box-ordinal-group:1;-o-box-ordinal-group:1;box-ordinal-group:1}
    16. 

  16. aside > article,section > article{-webkit-box-flex:1;-moz-box-flex:1;-ms-box-flex:1;-o-box-flex:1;box-flex:1;-webkit-box-ordinal-group:2;-moz-box-ordinal-group:2;-ms-box-ordinal-group:2;-o-box-ordinal-group:2;box-ordinal-group:2;z-index:0}
    17. 

  17. aside > footer,section > footer{-webkit-box-ordinal-group:3;-moz-box-ordinal-group:3;-ms-box-ordinal-group:3;-o-box-ordinal-group:3;box-ordinal-group:3}
    18. 

  18. section{z-index:3;width:inherit;}
    19. 

  19. section:not(.show){z-index:2}
    20. 

  20. aside{min-width:264px;display:none;z-index:-1;}
    21. 

  21. aside.active{display:-webkit-box;display:-moz-box;display:-ms-box;display:-o-box;display:box}
    22. 

  22. aside.show{z-index:1}
    23. 

  23. aside.right{right:0}
    24. 

  24. header,footer{height:44px;line-height:44px;}
    25. 

  25. header > nav,footer > nav{-webkit-box-flex:0;-moz-box-flex:0;-ms-box-flex:0;-o-box-flex:0;box-flex:0}
    26. 

  26. header > .title,footer > .title{z-index:-1;margin:0 4px;float:left;font-size:1.44em;-webkit-box-flex:1;-moz-box-flex:1;-ms-box-flex:1;-o-box-flex:1;box-flex:1;}
    27. 

  27. header > .title.centered,footer > .title.centered{position:absolute;left:32px;right:32px;text-align:center;display:inline-block}
    28. 

  28. header > img.title,footer > img.title{height:26px;margin:9px auto}
    29. 

  29. article{visibility:hidden;display:none;}
    30. 

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

  31. .show > article.active.pull,.hide > article.active.pull,.hiding > article.active.pull{-webkit-transition-property:transform;-moz-transition-property:transform;-ms-transition-property:transform;-o-transition-property:transform;transition-property:transform;-webkit-transition-duration:400ms;-moz-transition-duration:400ms;-ms-transition-duration:400ms;-o-transition-duration:400ms;transition-duration:400ms}
    32. 

  32. 

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

  34. .row:before,.rows:before,.row:after,.rows:after{content:"";display:table}
    35. 

  35. .row:after,.rows:after{clear:both}
    36. 

  36. .row.one,.rows.one{height:10%}
    37. 

  37. .row.two,.rows.two{height:20%}
    38. 

  38. .row.three,.rows.three{height:30%}
    39. 

  39. .row.four,.rows.four{height:40%}
    40. 

  40. .row.five,.rows.five{height:50%}
    41. 

  41. .row.six,.rows.six{height:60%}
    42. 

  42. .row.seven,.rows.seven{height:70%}
    43. 

  43. .row.eight,.rows.eight{height:80%}
    44. 

  44. .row.nine,.rows.nine{height:90%}
    45. 

  45. .row.ten,.rows.ten{height:100%}
    46. 

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

  47. .column.centered,.columns.centered{float:none;margin:0 auto}
    48. 

  48. .column.one,.columns.one{width:10%}
    49. 

  49. .column.two,.columns.two{width:20%}
    50. 

  50. .column.three,.columns.three{width:30%}
    51. 

  51. .column.four,.columns.four{width:40%}
    52. 

  52. .column.five,.columns.five{width:50%}
    53. 

  53. .column.six,.columns.six{width:60%}
    54. 

  54. .column.seven,.columns.seven{width:70%}
    55. 

  55. .column.eight,.columns.eight{width:80%}
    56. 

  56. .column.nine,.columns.nine{width:90%}
    57. 

  57. .column.ten,.columns.ten{width:100%}
    58. 

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

  59. [class*="column"] + [class*="column"].end{float:left}
    60. 

  60. 

  61. .list li{list-style-type:none;padding:14px 0 13px 0;position:relative;}
    62. 

  62. .list li,.list li a,.list li small,.list li .right{font-weight:300}
    63. 

  63. .list li.arrow::after{position:absolute;right:14px;top:45%;width:6px;height:6px;content:'';border-right:3px solid;border-top:3px solid;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
    64. 

  64. .list li a{display:block;text-decoration:none}
    65. 

  65. .list li img,.list li .icon{float:left;line-height:1em;text-align:center}
    66. 

  66. .list li:not(.thumb) img,.list li:not(.thumb) .icon{margin-left:11.2px;width:34px;height:34px;font-size:2.6em}
    67. 

  67. .list li.thumb img,.list li.thumb .icon{margin-top:-14px;height:61px;width:61px;font-size:3.6em;line-height:1.3em}
    68. 

  68. .list li.anchor{padding:5.6px 11.2px;line-height:1em;}
    69. 

  69. .list li.anchor .tag{display:none}
    70. 

  70. .list li strong,.list li small{padding-left:11.2px}
    71. 

  71. .list li .right{margin-right:11.2px}
    72. 

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

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

  74. .list li small + .right{margin-left:0;margin-top:-12px}
    75. 

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

  76. .list .loading .right{font-size:1em}
    77. 

  77. .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}
    78. 

  78. .list.indented li{margin-bottom:10px}
    79. 

  79. 

  80. nav.groupbar,footer nav{display:-webkit-box;display:-moz-box;display:-ms-box;display:-o-box;display:box;-webkit-box-pack:justify;-moz-box-pack:justify;-ms-box-pack:justify;-o-box-pack:justify;box-pack:justify;width:100%;}
    81. 

  81. nav.groupbar > a,footer nav > a{-webkit-box-flex:1;-moz-box-flex:1;-ms-box-flex:1;-o-box-flex:1;box-flex:1;text-decoration:none}
    82. 

  82. header nav a{padding:0 11px !important;float:left}
    83. 

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

  84. 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}
    85. 

  85. header nav.right a.button,header nav .right button{margin-right:6px}
    86. 

  86. header nav:not(.right) a.button,header nav :not(.right) button{margin-left:6px}
    87. 

  87. header nav a:not(.button){height:44px;}
    88. 

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

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

  90. header nav abbr{font-size:.9em;font-weight:700}
    91. 

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

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

  93. header nav .loading + .icon{display:none}
    94. 

  94. nav.groupbar{height:32px;width:100%;z-index:2;line-height:32px;}
    95. 

  95. nav.groupbar > a{padding:0;margin:0;height:32px !important;display:block;text-align:center;}
    96. 

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

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

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

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

  100. footer nav .tag{top:-42px;left:4px;}
    101. 

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

  102. footer nav abbr{display:none}
    103. 

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

  104. footer nav.with-labels .icon{line-height:36px}
    105. 

  105. 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}
    106. 

  106. nav[data-control=menu]{position:absolute;left:0;top:44px;visibility:hidden;z-index:2;width:inherit;font-size:1.2em;text-align:center;-webkit-transform:translateY(-120%);-moz-transform:translateY(-120%);-ms-transform:translateY(-120%);-o-transform:translateY(-120%);transform:translateY(-120%);-webkit-transition-property:transform;-moz-transition-property:transform;-ms-transition-property:transform;-o-transition-property:transform;transition-property:transform;-webkit-transition-duration:400ms;-moz-transition-duration:400ms;-ms-transition-duration:400ms;-o-transition-duration:400ms;transition-duration:400ms;-webkit-transition-timing-function:easeOutSine;-moz-transition-timing-function:easeOutSine;-ms-transition-timing-function:easeOutSine;-o-transition-timing-function:easeOutSine;transition-timing-function:easeOutSine;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;}
    107. 

  107. nav[data-control=menu].show{visibility:visible;-webkit-transform:translateY(0%);-moz-transform:translateY(0%);-ms-transform:translateY(0%);-o-transform:translateY(0%);transform:translateY(0%)}
    108. 

  108. nav[data-control=menu] > a{display:block;position:relative;padding:14px 10px;-webkit-text-shadow:0 1px 0 #111;-moz-text-shadow:0 1px 0 #111;-ms-text-shadow:0 1px 0 #111;-o-text-shadow:0 1px 0 #111;text-shadow:0 1px 0 #111;}
    109. 

  109. nav[data-control=menu] > a:active{border-color:transparent}
    110. 

  110. nav[data-control=menu] > a > .icon{position:absolute;left:.5em;font-size:1.5em}
    111. 

  111. 

  112. .overthrow-enabled .overthrow{overflow:auto;-webkit-overflow-scrolling:touch}
    113. 

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

  114. .scroll.horizontal{overflow-x:scroll;overflow-y:hidden;white-space:nowrap}
    115. 

  115. .scroll > *{-webkit-transform:translate3d(0,0,0)}
    116. 

  116. :not(.icon).left{float:left}
    117. 

  117. :not(.icon).right{float:right}
    118. 

  118. .hidden{display:none}
    119. 

  119. .indented > *{margin:10px}
    120. 

  120. .margined{margin:3%}
    121. 

  121. .wrapper{padding:8px 8px}
    122. 

  122. .icon.small{font-size:1.3em}
    123. 

  123. .framed{border:2px solid #fff}
    124. 

  124. .round{-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px}
    125. 

  125. .block{display:block}
    126. 

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

  127. .margin.bottom{margin-bottom:5px}
    128. 

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

  129. .text.thin{font-weight:300}
    130. 

  130. .text.normal{font-weight:400}
    131. 

  131. .text.bold{font-weight:600}
    132. 

  132. .text.extra-bold{font-weight:700}
    133. 

  133. .text.italic{font-style:italic}
    134. 

  134. .text.underline{text-decoration:underline}
    135. 

  135. .text.line-through{text-decoration:line-through}
    136. 

  136. .text.align_left{text-align:left}
    137. 

  137. .text.align_right{text-align:right}
    138. 

  138. .text.align_center{text-align:center}
    139. 

  139. .text.align_justify{text-align:justify}
    140. 

  140. .text.tiny{font-size:.8em}
    141. 

  141. .text.small{font-size:.9em}
    142. 

  142. .text.big{font-size:1.2em}
    143. 

  143. .text.opacity{opacity:.5}
    144. 

  144. 

  145. .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;}
    146. 

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

  147. .button .icon,button .icon{font-size:1.2em}
    148. 

  148. .button.anchor,button.anchor{display:block;width:100%;position:relative;}
    149. 

  149. .button.anchor .icon,button.anchor .icon{position:absolute;left:8px}
    150. 

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

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

  152. 

  153. form label,.form label{font-size:1.1em}
    154. 

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

  155. 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;-ms-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear;font-family:inherit;-webkit-appearance:none;-webkit-user-select:text;-webkit-font-smoothing:antialiased;}
    156. 

  156. 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}
    157. 

  157. form textarea,.form textarea{min-height:64px}
    158. 

  158. form fieldset,.form fieldset{padding:8px 8px 0 8px;}
    159. 

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

  160. form fieldset label + input,.form fieldset label + input{width:80% !important}
    161. 

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

  162. 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;-ms-box-shadow:none;-o-box-shadow:none;box-shadow:none;border:none;padding:0;}
    163. 

  163. 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}
    164. 

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

  165. 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}
    166. 

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

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

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

  169. 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;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px;}
    170. 

  170. 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}
    171. 

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

  172. 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}
    173. 

  173. 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;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px;z-index:9;top:8.5px;left:8.5px}
    174. 

  174. form .progress,.form .progress{width:100%;}
    175. 

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

  176. form .progress .bar .value,.form .progress .bar .value{display:block;height:inherit;width:0%;-webkit-transition:width 400ms easeOutSine;-moz-transition:width 400ms easeOutSine;-ms-transition:width 400ms easeOutSine;-o-transition:width 400ms easeOutSine;transition:width 400ms easeOutSine}
    177. 

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

  178. }
    179. 

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

  180. .loading.disable{-webkit-animation:none;-moz-animation:none;display:none}
    181. 

  181. .loading > span{left:50%;margin-left:-.05em;}
    182. 

  182. .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;-ms-transform-origin:.05em .5em;-o-transform-origin:.05em .5em;transform-origin:.05em .5em;-webkit-border-radius:.1em;-moz-border-radius:.1em;-ms-border-radius:.1em;-o-border-radius:.1em;border-radius:.1em}
    183. 

  183. .loading > span::before,.loading > span::after{content:" "}
    184. 

  184. .loading > span.top{-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}
    185. 

  185. .loading > span.right{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}
    186. 

  186. .loading > span.bottom{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}
    187. 

  187. .loading > span.left{-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg)}
    188. 

  188. .loading > span::before{-webkit-transform:rotate(30deg);-moz-transform:rotate(30deg);-ms-transform:rotate(30deg);-o-transform:rotate(30deg);transform:rotate(30deg)}
    189. 

  189. .loading > span::after{-webkit-transform:rotate(-30deg);-moz-transform:rotate(-30deg);-ms-transform:rotate(-30deg);-o-transform:rotate(-30deg);transform:rotate(-30deg)}
    190. 

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  215. @-webkit-keyframes rotatingLoader{0%{-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}
    216. 

  216. 8.32%{-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}
    217. 

  217. 8.33%{-webkit-transform:rotate(30deg);-moz-transform:rotate(30deg);-ms-transform:rotate(30deg);-o-transform:rotate(30deg);transform:rotate(30deg)}
    218. 

  218. 16.65%{-webkit-transform:rotate(30deg);-moz-transform:rotate(30deg);-ms-transform:rotate(30deg);-o-transform:rotate(30deg);transform:rotate(30deg)}
    219. 

  219. 16.66%{-webkit-transform:rotate(60deg);-moz-transform:rotate(60deg);-ms-transform:rotate(60deg);-o-transform:rotate(60deg);transform:rotate(60deg)}
    220. 

  220. 24.99%{-webkit-transform:rotate(60deg);-moz-transform:rotate(60deg);-ms-transform:rotate(60deg);-o-transform:rotate(60deg);transform:rotate(60deg)}
    221. 

  221. 25%{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}
    222. 

  222. 33.32%{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}
    223. 

  223. 33.33%{-webkit-transform:rotate(120deg);-moz-transform:rotate(120deg);-ms-transform:rotate(120deg);-o-transform:rotate(120deg);transform:rotate(120deg)}
    224. 

  224. 41.65%{-webkit-transform:rotate(120deg);-moz-transform:rotate(120deg);-ms-transform:rotate(120deg);-o-transform:rotate(120deg);transform:rotate(120deg)}
    225. 

  225. 41.66%{-webkit-transform:rotate(150deg);-moz-transform:rotate(150deg);-ms-transform:rotate(150deg);-o-transform:rotate(150deg);transform:rotate(150deg)}
    226. 

  226. 49.99%{-webkit-transform:rotate(150deg);-moz-transform:rotate(150deg);-ms-transform:rotate(150deg);-o-transform:rotate(150deg);transform:rotate(150deg)}
    227. 

  227. 50%{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}
    228. 

  228. 58.32%{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}
    229. 

  229. 58.33%{-webkit-transform:rotate(210deg);-moz-transform:rotate(210deg);-ms-transform:rotate(210deg);-o-transform:rotate(210deg);transform:rotate(210deg)}
    230. 

  230. 66.65%{-webkit-transform:rotate(210deg);-moz-transform:rotate(210deg);-ms-transform:rotate(210deg);-o-transform:rotate(210deg);transform:rotate(210deg)}
    231. 

  231. 66.66%{-webkit-transform:rotate(240deg);-moz-transform:rotate(240deg);-ms-transform:rotate(240deg);-o-transform:rotate(240deg);transform:rotate(240deg)}
    232. 

  232. 74.99%{-webkit-transform:rotate(240deg);-moz-transform:rotate(240deg);-ms-transform:rotate(240deg);-o-transform:rotate(240deg);transform:rotate(240deg)}
    233. 

  233. 75%{-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg)}
    234. 

  234. 83.32%{-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg)}
    235. 

  235. 83.33%{-webkit-transform:rotate(300deg);-moz-transform:rotate(300deg);-ms-transform:rotate(300deg);-o-transform:rotate(300deg);transform:rotate(300deg)}
    236. 

  236. 91.65%{-webkit-transform:rotate(300deg);-moz-transform:rotate(300deg);-ms-transform:rotate(300deg);-o-transform:rotate(300deg);transform:rotate(300deg)}
    237. 

  237. 91.66%{-webkit-transform:rotate(330deg);-moz-transform:rotate(330deg);-ms-transform:rotate(330deg);-o-transform:rotate(330deg);transform:rotate(330deg)}
    238. 

  238. 100%{-webkit-transform:rotate(330deg);-moz-transform:rotate(330deg);-ms-transform:rotate(330deg);-o-transform:rotate(330deg);transform:rotate(330deg)}
    239. 

  239. }@-moz-keyframes rotatingLoader{0%{-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}
    240. 

  240. 8.32%{-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}
    241. 

  241. 8.33%{-webkit-transform:rotate(30deg);-moz-transform:rotate(30deg);-ms-transform:rotate(30deg);-o-transform:rotate(30deg);transform:rotate(30deg)}
    242. 

  242. 16.65%{-webkit-transform:rotate(30deg);-moz-transform:rotate(30deg);-ms-transform:rotate(30deg);-o-transform:rotate(30deg);transform:rotate(30deg)}
    243. 

  243. 16.66%{-webkit-transform:rotate(60deg);-moz-transform:rotate(60deg);-ms-transform:rotate(60deg);-o-transform:rotate(60deg);transform:rotate(60deg)}
    244. 

  244. 24.99%{-webkit-transform:rotate(60deg);-moz-transform:rotate(60deg);-ms-transform:rotate(60deg);-o-transform:rotate(60deg);transform:rotate(60deg)}
    245. 

  245. 25%{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}
    246. 

  246. 33.32%{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}
    247. 

  247. 33.33%{-webkit-transform:rotate(120deg);-moz-transform:rotate(120deg);-ms-transform:rotate(120deg);-o-transform:rotate(120deg);transform:rotate(120deg)}
    248. 

  248. 41.65%{-webkit-transform:rotate(120deg);-moz-transform:rotate(120deg);-ms-transform:rotate(120deg);-o-transform:rotate(120deg);transform:rotate(120deg)}
    249. 

  249. 41.66%{-webkit-transform:rotate(150deg);-moz-transform:rotate(150deg);-ms-transform:rotate(150deg);-o-transform:rotate(150deg);transform:rotate(150deg)}
    250. 

  250. 49.99%{-webkit-transform:rotate(150deg);-moz-transform:rotate(150deg);-ms-transform:rotate(150deg);-o-transform:rotate(150deg);transform:rotate(150deg)}
    251. 

  251. 50%{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}
    252. 

  252. 58.32%{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}
    253. 

  253. 58.33%{-webkit-transform:rotate(210deg);-moz-transform:rotate(210deg);-ms-transform:rotate(210deg);-o-transform:rotate(210deg);transform:rotate(210deg)}
    254. 

  254. 66.65%{-webkit-transform:rotate(210deg);-moz-transform:rotate(210deg);-ms-transform:rotate(210deg);-o-transform:rotate(210deg);transform:rotate(210deg)}
    255. 

  255. 66.66%{-webkit-transform:rotate(240deg);-moz-transform:rotate(240deg);-ms-transform:rotate(240deg);-o-transform:rotate(240deg);transform:rotate(240deg)}
    256. 

  256. 74.99%{-webkit-transform:rotate(240deg);-moz-transform:rotate(240deg);-ms-transform:rotate(240deg);-o-transform:rotate(240deg);transform:rotate(240deg)}
    257. 

  257. 75%{-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg)}
    258. 

  258. 83.32%{-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg)}
    259. 

  259. 83.33%{-webkit-transform:rotate(300deg);-moz-transform:rotate(300deg);-ms-transform:rotate(300deg);-o-transform:rotate(300deg);transform:rotate(300deg)}
    260. 

  260. 91.65%{-webkit-transform:rotate(300deg);-moz-transform:rotate(300deg);-ms-transform:rotate(300deg);-o-transform:rotate(300deg);transform:rotate(300deg)}
    261. 

  261. 91.66%{-webkit-transform:rotate(330deg);-moz-transform:rotate(330deg);-ms-transform:rotate(330deg);-o-transform:rotate(330deg);transform:rotate(330deg)}
    262. 

  262. 100%{-webkit-transform:rotate(330deg);-moz-transform:rotate(330deg);-ms-transform:rotate(330deg);-o-transform:rotate(330deg);transform:rotate(330deg)}
    263. 

  263. }
    264. 

  264. .notification{position:absolute;top:0;left:0;width:100%;height:100%;z-index:3;display:none;}
    265. 

  265. .notification .window{position:relative;opacity:0;-webkit-transition:all 400ms;-moz-transition:all 400ms;-ms-transition:all 400ms;-o-transition:all 400ms;transition:all 400ms;text-align:center;}
    266. 

  266. .notification .window.show{opacity:1;-webkit-transition-delay:400ms;-moz-transition-delay:400ms;-ms-transition-delay:400ms;-o-transition-delay:400ms;transition-delay:400ms}
    267. 

  267. .notification .window strong,.notification .window small{display:block}
    268. 

  268. .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);-ms-transform:scale(.2);-o-transform:scale(.2);transform:scale(.2);}
    269. 

  269. .notification .window.growl.show{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
    270. 

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

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

  272. .notification .window.growl small{display:none}
    273. 

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

  274. .notification .window:not(.growl).show{-webkit-transform:translateY(0%);-moz-transform:translateY(0%);-ms-transform:translateY(0%);-o-transform:translateY(0%);transform:translateY(0%)}
    275. 

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

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

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

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

  279. .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;-ms-border-radius:14px;-o-border-radius:14px;border-radius:14px}
    280. 

  280. 

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

  282. 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;-ms-transition:all 300ms;-o-transition:all 300ms;transition:all 300ms}
    283. 

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

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

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

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

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

  288. 

  289. .splash{text-align:center;}
    290. 

  290. .splash > form{margin:24px 32px}
    291. 

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

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

  293. .splash .button{margin-top:10px}
    294. 

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

  295. 

  296. @media only screen and (max-width: 767px){body[data-position="absolute"] > section{position:absolute}
    297. 

  297. body[data-position="fixed"] > section{position:fixed}
    298. 

  298. aside{position:absolute}
    299. 

  299. section.aside:not(.small){-webkit-transform:translateX(264px);-moz-transform:translateX(264px);-ms-transform:translateX(264px);-o-transform:translateX(264px);transform:translateX(264px)}
    300. 

  300. section.aside.small{-webkit-transform:translateX(64px);-moz-transform:translateX(64px);-ms-transform:translateX(64px);-o-transform:translateX(64px);transform:translateX(64px)}
    301. 

  301. section.aside.right{-webkit-transform:translateX(-264px);-moz-transform:translateX(-264px);-ms-transform:translateX(-264px);-o-transform:translateX(-264px);transform:translateX(-264px);}
    302. 

  302. section.aside.right.small{-webkit-transform:translateX(-64px);-moz-transform:translateX(-64px);-ms-transform:translateX(-64px);-o-transform:translateX(-64px);transform:translateX(-64px)}
    303. 

  303. section[data-transition]{display:-webkit-box;display:-moz-box;display:-ms-box;display:-o-box;display:box;-webkit-transition-property:opacity,z-index,transform;-moz-transition-property:opacity,z-index,transform;-ms-transition-property:opacity,z-index,transform;-o-transition-property:opacity,z-index,transform;transition-property:opacity,z-index,transform;-webkit-transition-duration:400ms;-moz-transition-duration:400ms;-ms-transition-duration:400ms;-o-transition-duration:400ms;transition-duration:400ms;-webkit-transition-timing-function:easeOutSine;-moz-transition-timing-function:easeOutSine;-ms-transition-timing-function:easeOutSine;-o-transition-timing-function:easeOutSine;transition-timing-function:easeOutSine;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden}
    304. 

  304. section[data-transition="pop"]{opacity:0;-webkit-transform:scale(1.15);-moz-transform:scale(1.15);-ms-transform:scale(1.15);-o-transform:scale(1.15);transform:scale(1.15);}
    305. 

  305. section[data-transition="pop"].show{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:1}
    306. 

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

  307. section[data-transition="slide"]{-webkit-transform:translateX(100%);-moz-transform:translateX(100%);-ms-transform:translateX(100%);-o-transform:translateX(100%);transform:translateX(100%);visibility:visible;}
    308. 

  308. section[data-transition="slide"].show{-webkit-transform:translateX(0%);-moz-transform:translateX(0%);-ms-transform:translateX(0%);-o-transform:translateX(0%);transform:translateX(0%)}
    309. 

  309. section[data-transition="slide"].hide{-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);-ms-transform:translateX(-100%);-o-transform:translateX(-100%);transform:translateX(-100%)}
    310. 

  310. section[data-transition="cover"]{-webkit-transform:translateY(110%);-moz-transform:translateY(110%);-ms-transform:translateY(110%);-o-transform:translateY(110%);transform:translateY(110%);}
    311. 

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

  312. section[data-transition="cover"].hide{display:block}
    313. 

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

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

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

  316. }
    317. 

  317. @media only screen and (min-width: 768px){body{display:-webkit-box;display:-moz-box;display:-ms-box;display:-o-box;display:box;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-ms-box-orient:horizontal;-o-box-orient:horizontal;box-orient:horizontal;overflow:hidden}
    318. 

  318. aside{width:15%;-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);-ms-transform:translateX(-100%);-o-transform:translateX(-100%);transform:translateX(-100%);-webkit-transition-property:transform;-moz-transition-property:transform;-ms-transition-property:transform;-o-transition-property:transform;transition-property:transform;-webkit-transition-duration:400ms;-moz-transition-duration:400ms;-ms-transition-duration:400ms;-o-transition-duration:400ms;transition-duration:400ms;}
    319. 

  319. aside.show{-webkit-transform:translateX(0%);-moz-transform:translateX(0%);-ms-transform:translateX(0%);-o-transform:translateX(0%);transform:translateX(0%)}
    320. 

  320. section{display:none;opacity:0;-webkit-box-ordinal-group:2;-moz-box-ordinal-group:2;-ms-box-ordinal-group:2;-o-box-ordinal-group:2;box-ordinal-group:2;-webkit-transform:translateX(100%);-moz-transform:translateX(100%);-ms-transform:translateX(100%);-o-transform:translateX(100%);transform:translateX(100%);}
    321. 

  321. section.show{-webkit-animation:showing 400ms;-moz-animation:showing 400ms;-ms-animation:showing 400ms;-o-animation:showing 400ms;animation:showing 400ms;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;-ms-animation-fill-mode:forwards;-o-animation-fill-mode:forwards;animation-fill-mode:forwards;display:-webkit-box;display:-moz-box;display:-ms-box;display:-o-box;display:box}
    322. 

  322. section.hide{-webkit-animation:hiding 400ms;-moz-animation:hiding 400ms;-ms-animation:hiding 400ms;-o-animation:hiding 400ms;animation:hiding 400ms}
    323. 

  323. section:not([data-children]){-webkit-box-flex:1;-moz-box-flex:1;-ms-box-flex:1;-o-box-flex:1;box-flex:1}
    324. 

  324. section[data-children]{width:25%}
    325. 

  325. section [data-view-aside]{display:none !important}
    326. 

  326. }@-webkit-keyframes showing{0%{-webkit-transform:translateX(100%);-moz-transform:translateX(100%);-ms-transform:translateX(100%);-o-transform:translateX(100%);transform:translateX(100%)}
    327. 

  327. 100%{opacity:1;-webkit-transform:translateX(0%);-moz-transform:translateX(0%);-ms-transform:translateX(0%);-o-transform:translateX(0%);transform:translateX(0%)}
    328. 

  328. }@-webkit-keyframes hiding{0%{opacity:1;-webkit-transform:translateX(0%);-moz-transform:translateX(0%);-ms-transform:translateX(0%);-o-transform:translateX(0%);transform:translateX(0%)}
    329. 

  329. 100%{opacity:0;-webkit-transform:translateX(100%);-moz-transform:translateX(100%);-ms-transform:translateX(100%);-o-transform:translateX(100%);transform:translateX(100%)}
    330. 

  330. }
    331.