├── README.md ├── css ├── framework7.ios.colors.css ├── framework7.ios.colors.min.css ├── framework7.ios.css ├── framework7.ios.min.css └── my-app.css ├── img ├── i-f7-ios.png ├── i-form-calendar-ios.svg ├── i-form-comment-ios.svg ├── i-form-email-ios.svg ├── i-form-gender-ios.svg ├── i-form-name-ios.svg ├── i-form-password-ios.svg ├── i-form-settings-ios.svg ├── i-form-tel-ios.svg ├── i-form-toggle-ios.svg └── i-form-url-ios.svg ├── index.html └── js ├── framework7.js ├── framework7.js.map ├── framework7.min.js ├── framework7.min.js.map └── my-app.js /README.md: -------------------------------------------------------------------------------- 1 | UrbanDictionary API Demo 2 | =================== 3 | 4 | Simple Webapp based on the awesome Framework7 (http://www.idangero.us/framework7) to show Random Definitions from UrbanDictionary using $.getJSON and their 'hidden' API. 5 | 6 | Pull to get new Definitions! 7 | 8 | 9 | Screenshot 10 | =================== 11 | ![Pull to Refresh](https://dl.dropboxusercontent.com/u/31870855/Forum/UrbanDicAPI2.png) 12 | 13 | License 14 | ======= 15 | "THE PIZZA-WARE LICENSE" (Revision 42): 16 | You can do whatever you want with this stuff. 17 | If we meet some day, and you think this stuff is worth it, you can buy me a Pizza in return. 18 | -------------------------------------------------------------------------------- /css/framework7.ios.colors.css: -------------------------------------------------------------------------------- 1 | /** 2 | * Framework7 1.2.0 3 | * Full Featured Mobile HTML Framework For Building iOS & Android Apps 4 | * 5 | * iOS Theme 6 | * 7 | * http://www.idangero.us/framework7 8 | * 9 | * Copyright 2015, Vladimir Kharlampidi 10 | * The iDangero.us 11 | * http://www.idangero.us/ 12 | * 13 | * Licensed under MIT 14 | * 15 | * Released on: July 18, 2015 16 | */ 17 | /*========================== 18 | Framework7 Color Themes 19 | ==========================*/ 20 | .color-gray { 21 | color: #8e8e93; 22 | } 23 | .list-block .item-link.list-button.color-gray, 24 | .tabbar a.active.color-gray, 25 | a.color-gray { 26 | color: #8e8e93; 27 | } 28 | .label-switch input[type="checkbox"]:checked + .checkbox.color-gray, 29 | .label-switch.color-gray input[type="checkbox"]:checked + .checkbox { 30 | background-color: #8e8e93; 31 | } 32 | .color-gray.button:not(.button-fill), 33 | .color-gray.buttons-row .button, 34 | .theme-gray .button:not(.button-fill) { 35 | border-color: #8e8e93; 36 | } 37 | html:not(.watch-active-state) .color-gray.button:not(.button-fill):active, 38 | html:not(.watch-active-state) .color-gray.buttons-row .button:active, 39 | html:not(.watch-active-state) .theme-gray .button:not(.button-fill):active, 40 | .color-gray.button:not(.button-fill).active-state, 41 | .color-gray.buttons-row .button.active-state, 42 | .theme-gray .button:not(.button-fill).active-state { 43 | background-color: rgba(142, 142, 147, 0.15); 44 | } 45 | .color-gray.button:not(.button-fill).active, 46 | .color-gray.buttons-row .button.active, 47 | .theme-gray .button:not(.button-fill).active { 48 | background-color: #8e8e93; 49 | color: #fff; 50 | } 51 | .theme-gray .button.button-fill, 52 | .button.button-fill.color-gray { 53 | background: #8e8e93; 54 | color: #fff; 55 | } 56 | .color-gray i.icon, 57 | .theme-gray i.icon, 58 | i.icon.color-gray, 59 | i.icon.theme-gray { 60 | color: #8e8e93; 61 | } 62 | i.icon-next.color-gray, 63 | i.icon-next.theme-gray, 64 | .theme-gray i.icon-next { 65 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%238e8e93'%20d%3D'M1%2C1.6l11.8%2C5.8L1%2C13.4V1.6%20M0%2C0v15l15-7.6L0%2C0L0%2C0z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); 66 | } 67 | i.icon-prev.color-gray, 68 | i.icon-prev.theme-gray, 69 | .theme-gray i.icon-prev { 70 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%238e8e93'%20d%3D'M14%2C1.6v11.8L2.2%2C7.6L14%2C1.6%20M15%2C0L0%2C7.6L15%2C15V0L15%2C0z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); 71 | } 72 | i.icon-back.color-gray, 73 | i.icon-back.theme-gray, 74 | .theme-gray i.icon-back { 75 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M10%2C0l2%2C2l-8%2C8l8%2C8l-2%2C2L0%2C10L10%2C0z'%20fill%3D'%238e8e93'%2F%3E%3C%2Fsvg%3E"); 76 | } 77 | i.icon-forward.color-gray, 78 | i.icon-forward.theme-gray, 79 | .theme-gray i.icon-forward { 80 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M2%2C20l-2-2l8-8L0%2C2l2-2l10%2C10L2%2C20z'%20fill%3D'%238e8e93'%2F%3E%3C%2Fsvg%3E"); 81 | } 82 | i.icon-bars.color-gray, 83 | i.icon-bars.theme-gray, 84 | .theme-gray i.icon-bars { 85 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2021%2014'%3E%3Cpath%20fill%3D'%238e8e93'%20d%3D'M0%2C0h2v2H0V0z%20M4%2C0h17v1H4V0z%20M0%2C6h2v2H0V6z%20M4%2C6h17v1H4V6z%20M0%2C12h2v2H0V12z%20M4%2C12h17v1H4V12z'%2F%3E%3C%2Fsvg%3E"); 86 | } 87 | @media (-webkit-min-device-pixel-ratio: 2) { 88 | i.icon-bars.color-gray, 89 | i.icon-bars.theme-gray, 90 | .theme-gray i.icon-bars { 91 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2042%2026'%3E%3Cpath%20fill%3D'%238e8e93'%20d%3D'M0%2C0h4v4H0V0z%20M8%2C1h34v2H8V1z%20M0%2C11h4v4H0V11z%20M8%2C12h34v2H8V12z%20M0%2C22h4v4H0V22z%20M8%2C23h34v2H8V23z'%2F%3E%3C%2Fsvg%3E"); 92 | } 93 | } 94 | .theme-gray a, 95 | .theme-gray .item-link.list-button { 96 | color: #8e8e93; 97 | } 98 | .theme-gray .tabbar a, 99 | .tabbar.theme-gray a, 100 | .theme-gray .tabbar a i, 101 | .tabbar.theme-gray a i { 102 | color: inherit; 103 | } 104 | .theme-gray .tabbar a.active, 105 | .tabbar.theme-gray a.active, 106 | .theme-gray .tabbar a.active i, 107 | .tabbar.theme-gray a.active i { 108 | color: #8e8e93; 109 | } 110 | .theme-gray .range-slider input[type="range"]::-webkit-slider-thumb:before, 111 | .range-slider.theme-gray input[type="range"]::-webkit-slider-thumb:before { 112 | background-color: #8e8e93; 113 | } 114 | .theme-gray label.label-checkbox input[type="checkbox"]:checked + .item-media i.icon-form-checkbox, 115 | .theme-gray label.label-checkbox input[type="radio"]:checked + .item-media i.icon-form-checkbox { 116 | background-color: #8e8e93; 117 | } 118 | .theme-gray label.label-radio input[type="checkbox"]:checked ~ .item-inner, 119 | .theme-gray label.label-radio input[type="radio"]:checked ~ .item-inner { 120 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2013%2010'%3E%3Cpolygon%20fill%3D'%238e8e93'%20points%3D'11.6%2C0%204.4%2C7.2%201.4%2C4.2%200%2C5.6%204.4%2C10%204.4%2C10%204.4%2C10%2013%2C1.4%20'%2F%3E%3C%2Fsvg%3E"); 121 | } 122 | .theme-gray .picker-calendar-day.picker-calendar-day-selected span { 123 | background-color: #8e8e93 !important; 124 | } 125 | .swiper-pagination.color-gray .swiper-pagination-bullet-active, 126 | .theme-gray .swiper-pagination .swiper-pagination-bullet-active { 127 | background-color: #8e8e93; 128 | } 129 | .swiper-button-next.color-gray, 130 | .swiper-container-rtl .swiper-button-prev.color-gray, 131 | .theme-gray .swiper-button-next, 132 | .theme-gray .swiper-container-rtl .swiper-button-prev { 133 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%238e8e93'%2F%3E%3C%2Fsvg%3E"); 134 | } 135 | .swiper-button-prev.color-gray, 136 | .swiper-container-rtl .swiper-button-next.color-gray, 137 | .theme-gray .swiper-button-prev, 138 | .theme-gray .swiper-container-rtl .swiper-button-next { 139 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%238e8e93'%2F%3E%3C%2Fsvg%3E"); 140 | } 141 | .bg-gray, 142 | .button.button-fill.bg-gray, 143 | a.bg-gray, 144 | .list-block .swipeout-actions-left a.bg-gray, 145 | .list-block .swipeout-actions-right a.bg-gray { 146 | background-color: #8e8e93; 147 | } 148 | .border-gray { 149 | border-color: #8e8e93; 150 | } 151 | .list-block .border-gray.item-inner:after, 152 | .list-block ul.border-gray:after, 153 | .border-gray:after, 154 | .list-block .border-gray.item-inner:before, 155 | .list-block ul.border-gray:before, 156 | .border-gray:before { 157 | background-color: #8e8e93; 158 | } 159 | .color-white { 160 | color: #ffffff; 161 | } 162 | .list-block .item-link.list-button.color-white, 163 | .tabbar a.active.color-white, 164 | a.color-white { 165 | color: #ffffff; 166 | } 167 | .label-switch input[type="checkbox"]:checked + .checkbox.color-white, 168 | .label-switch.color-white input[type="checkbox"]:checked + .checkbox { 169 | background-color: #ffffff; 170 | } 171 | .color-white.button:not(.button-fill), 172 | .color-white.buttons-row .button, 173 | .theme-white .button:not(.button-fill) { 174 | border-color: #ffffff; 175 | } 176 | html:not(.watch-active-state) .color-white.button:not(.button-fill):active, 177 | html:not(.watch-active-state) .color-white.buttons-row .button:active, 178 | html:not(.watch-active-state) .theme-white .button:not(.button-fill):active, 179 | .color-white.button:not(.button-fill).active-state, 180 | .color-white.buttons-row .button.active-state, 181 | .theme-white .button:not(.button-fill).active-state { 182 | background-color: rgba(255, 255, 255, 0.15); 183 | } 184 | .color-white.button:not(.button-fill).active, 185 | .color-white.buttons-row .button.active, 186 | .theme-white .button:not(.button-fill).active { 187 | background-color: #ffffff; 188 | color: #fff; 189 | } 190 | .theme-white .button.button-fill, 191 | .button.button-fill.color-white { 192 | background: #ffffff; 193 | color: #fff; 194 | } 195 | .color-white i.icon, 196 | .theme-white i.icon, 197 | i.icon.color-white, 198 | i.icon.theme-white { 199 | color: #ffffff; 200 | } 201 | i.icon-next.color-white, 202 | i.icon-next.theme-white, 203 | .theme-white i.icon-next { 204 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%23ffffff'%20d%3D'M1%2C1.6l11.8%2C5.8L1%2C13.4V1.6%20M0%2C0v15l15-7.6L0%2C0L0%2C0z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); 205 | } 206 | i.icon-prev.color-white, 207 | i.icon-prev.theme-white, 208 | .theme-white i.icon-prev { 209 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%23ffffff'%20d%3D'M14%2C1.6v11.8L2.2%2C7.6L14%2C1.6%20M15%2C0L0%2C7.6L15%2C15V0L15%2C0z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); 210 | } 211 | i.icon-back.color-white, 212 | i.icon-back.theme-white, 213 | .theme-white i.icon-back { 214 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M10%2C0l2%2C2l-8%2C8l8%2C8l-2%2C2L0%2C10L10%2C0z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); 215 | } 216 | i.icon-forward.color-white, 217 | i.icon-forward.theme-white, 218 | .theme-white i.icon-forward { 219 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M2%2C20l-2-2l8-8L0%2C2l2-2l10%2C10L2%2C20z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); 220 | } 221 | i.icon-bars.color-white, 222 | i.icon-bars.theme-white, 223 | .theme-white i.icon-bars { 224 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2021%2014'%3E%3Cpath%20fill%3D'%23ffffff'%20d%3D'M0%2C0h2v2H0V0z%20M4%2C0h17v1H4V0z%20M0%2C6h2v2H0V6z%20M4%2C6h17v1H4V6z%20M0%2C12h2v2H0V12z%20M4%2C12h17v1H4V12z'%2F%3E%3C%2Fsvg%3E"); 225 | } 226 | @media (-webkit-min-device-pixel-ratio: 2) { 227 | i.icon-bars.color-white, 228 | i.icon-bars.theme-white, 229 | .theme-white i.icon-bars { 230 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2042%2026'%3E%3Cpath%20fill%3D'%23ffffff'%20d%3D'M0%2C0h4v4H0V0z%20M8%2C1h34v2H8V1z%20M0%2C11h4v4H0V11z%20M8%2C12h34v2H8V12z%20M0%2C22h4v4H0V22z%20M8%2C23h34v2H8V23z'%2F%3E%3C%2Fsvg%3E"); 231 | } 232 | } 233 | .theme-white a, 234 | .theme-white .item-link.list-button { 235 | color: #ffffff; 236 | } 237 | .theme-white .tabbar a, 238 | .tabbar.theme-white a, 239 | .theme-white .tabbar a i, 240 | .tabbar.theme-white a i { 241 | color: inherit; 242 | } 243 | .theme-white .tabbar a.active, 244 | .tabbar.theme-white a.active, 245 | .theme-white .tabbar a.active i, 246 | .tabbar.theme-white a.active i { 247 | color: #ffffff; 248 | } 249 | .theme-white .range-slider input[type="range"]::-webkit-slider-thumb:before, 250 | .range-slider.theme-white input[type="range"]::-webkit-slider-thumb:before { 251 | background-color: #ffffff; 252 | } 253 | .theme-white label.label-checkbox input[type="checkbox"]:checked + .item-media i.icon-form-checkbox, 254 | .theme-white label.label-checkbox input[type="radio"]:checked + .item-media i.icon-form-checkbox { 255 | background-color: #ffffff; 256 | } 257 | .theme-white label.label-radio input[type="checkbox"]:checked ~ .item-inner, 258 | .theme-white label.label-radio input[type="radio"]:checked ~ .item-inner { 259 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2013%2010'%3E%3Cpolygon%20fill%3D'%23ffffff'%20points%3D'11.6%2C0%204.4%2C7.2%201.4%2C4.2%200%2C5.6%204.4%2C10%204.4%2C10%204.4%2C10%2013%2C1.4%20'%2F%3E%3C%2Fsvg%3E"); 260 | } 261 | .theme-white .picker-calendar-day.picker-calendar-day-selected span { 262 | background-color: #ffffff !important; 263 | } 264 | .swiper-pagination.color-white .swiper-pagination-bullet-active, 265 | .theme-white .swiper-pagination .swiper-pagination-bullet-active { 266 | background-color: #ffffff; 267 | } 268 | .swiper-button-next.color-white, 269 | .swiper-container-rtl .swiper-button-prev.color-white, 270 | .theme-white .swiper-button-next, 271 | .theme-white .swiper-container-rtl .swiper-button-prev { 272 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); 273 | } 274 | .swiper-button-prev.color-white, 275 | .swiper-container-rtl .swiper-button-next.color-white, 276 | .theme-white .swiper-button-prev, 277 | .theme-white .swiper-container-rtl .swiper-button-next { 278 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); 279 | } 280 | .bg-white, 281 | .button.button-fill.bg-white, 282 | a.bg-white, 283 | .list-block .swipeout-actions-left a.bg-white, 284 | .list-block .swipeout-actions-right a.bg-white { 285 | background-color: #ffffff; 286 | } 287 | .border-white { 288 | border-color: #ffffff; 289 | } 290 | .list-block .border-white.item-inner:after, 291 | .list-block ul.border-white:after, 292 | .border-white:after, 293 | .list-block .border-white.item-inner:before, 294 | .list-block ul.border-white:before, 295 | .border-white:before { 296 | background-color: #ffffff; 297 | } 298 | .color-black { 299 | color: #000000; 300 | } 301 | .list-block .item-link.list-button.color-black, 302 | .tabbar a.active.color-black, 303 | a.color-black { 304 | color: #000000; 305 | } 306 | .label-switch input[type="checkbox"]:checked + .checkbox.color-black, 307 | .label-switch.color-black input[type="checkbox"]:checked + .checkbox { 308 | background-color: #000000; 309 | } 310 | .color-black.button:not(.button-fill), 311 | .color-black.buttons-row .button, 312 | .theme-black .button:not(.button-fill) { 313 | border-color: #000000; 314 | } 315 | html:not(.watch-active-state) .color-black.button:not(.button-fill):active, 316 | html:not(.watch-active-state) .color-black.buttons-row .button:active, 317 | html:not(.watch-active-state) .theme-black .button:not(.button-fill):active, 318 | .color-black.button:not(.button-fill).active-state, 319 | .color-black.buttons-row .button.active-state, 320 | .theme-black .button:not(.button-fill).active-state { 321 | background-color: rgba(0, 0, 0, 0.15); 322 | } 323 | .color-black.button:not(.button-fill).active, 324 | .color-black.buttons-row .button.active, 325 | .theme-black .button:not(.button-fill).active { 326 | background-color: #000000; 327 | color: #fff; 328 | } 329 | .theme-black .button.button-fill, 330 | .button.button-fill.color-black { 331 | background: #000000; 332 | color: #fff; 333 | } 334 | .color-black i.icon, 335 | .theme-black i.icon, 336 | i.icon.color-black, 337 | i.icon.theme-black { 338 | color: #000000; 339 | } 340 | i.icon-next.color-black, 341 | i.icon-next.theme-black, 342 | .theme-black i.icon-next { 343 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%23000000'%20d%3D'M1%2C1.6l11.8%2C5.8L1%2C13.4V1.6%20M0%2C0v15l15-7.6L0%2C0L0%2C0z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); 344 | } 345 | i.icon-prev.color-black, 346 | i.icon-prev.theme-black, 347 | .theme-black i.icon-prev { 348 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%23000000'%20d%3D'M14%2C1.6v11.8L2.2%2C7.6L14%2C1.6%20M15%2C0L0%2C7.6L15%2C15V0L15%2C0z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); 349 | } 350 | i.icon-back.color-black, 351 | i.icon-back.theme-black, 352 | .theme-black i.icon-back { 353 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M10%2C0l2%2C2l-8%2C8l8%2C8l-2%2C2L0%2C10L10%2C0z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); 354 | } 355 | i.icon-forward.color-black, 356 | i.icon-forward.theme-black, 357 | .theme-black i.icon-forward { 358 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M2%2C20l-2-2l8-8L0%2C2l2-2l10%2C10L2%2C20z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); 359 | } 360 | i.icon-bars.color-black, 361 | i.icon-bars.theme-black, 362 | .theme-black i.icon-bars { 363 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2021%2014'%3E%3Cpath%20fill%3D'%23000000'%20d%3D'M0%2C0h2v2H0V0z%20M4%2C0h17v1H4V0z%20M0%2C6h2v2H0V6z%20M4%2C6h17v1H4V6z%20M0%2C12h2v2H0V12z%20M4%2C12h17v1H4V12z'%2F%3E%3C%2Fsvg%3E"); 364 | } 365 | @media (-webkit-min-device-pixel-ratio: 2) { 366 | i.icon-bars.color-black, 367 | i.icon-bars.theme-black, 368 | .theme-black i.icon-bars { 369 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2042%2026'%3E%3Cpath%20fill%3D'%23000000'%20d%3D'M0%2C0h4v4H0V0z%20M8%2C1h34v2H8V1z%20M0%2C11h4v4H0V11z%20M8%2C12h34v2H8V12z%20M0%2C22h4v4H0V22z%20M8%2C23h34v2H8V23z'%2F%3E%3C%2Fsvg%3E"); 370 | } 371 | } 372 | .theme-black a, 373 | .theme-black .item-link.list-button { 374 | color: #000000; 375 | } 376 | .theme-black .tabbar a, 377 | .tabbar.theme-black a, 378 | .theme-black .tabbar a i, 379 | .tabbar.theme-black a i { 380 | color: inherit; 381 | } 382 | .theme-black .tabbar a.active, 383 | .tabbar.theme-black a.active, 384 | .theme-black .tabbar a.active i, 385 | .tabbar.theme-black a.active i { 386 | color: #000000; 387 | } 388 | .theme-black .range-slider input[type="range"]::-webkit-slider-thumb:before, 389 | .range-slider.theme-black input[type="range"]::-webkit-slider-thumb:before { 390 | background-color: #000000; 391 | } 392 | .theme-black label.label-checkbox input[type="checkbox"]:checked + .item-media i.icon-form-checkbox, 393 | .theme-black label.label-checkbox input[type="radio"]:checked + .item-media i.icon-form-checkbox { 394 | background-color: #000000; 395 | } 396 | .theme-black label.label-radio input[type="checkbox"]:checked ~ .item-inner, 397 | .theme-black label.label-radio input[type="radio"]:checked ~ .item-inner { 398 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2013%2010'%3E%3Cpolygon%20fill%3D'%23000000'%20points%3D'11.6%2C0%204.4%2C7.2%201.4%2C4.2%200%2C5.6%204.4%2C10%204.4%2C10%204.4%2C10%2013%2C1.4%20'%2F%3E%3C%2Fsvg%3E"); 399 | } 400 | .theme-black .picker-calendar-day.picker-calendar-day-selected span { 401 | background-color: #000000 !important; 402 | } 403 | .swiper-pagination.color-black .swiper-pagination-bullet-active, 404 | .theme-black .swiper-pagination .swiper-pagination-bullet-active { 405 | background-color: #000000; 406 | } 407 | .swiper-button-next.color-black, 408 | .swiper-container-rtl .swiper-button-prev.color-black, 409 | .theme-black .swiper-button-next, 410 | .theme-black .swiper-container-rtl .swiper-button-prev { 411 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); 412 | } 413 | .swiper-button-prev.color-black, 414 | .swiper-container-rtl .swiper-button-next.color-black, 415 | .theme-black .swiper-button-prev, 416 | .theme-black .swiper-container-rtl .swiper-button-next { 417 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); 418 | } 419 | .bg-black, 420 | .button.button-fill.bg-black, 421 | a.bg-black, 422 | .list-block .swipeout-actions-left a.bg-black, 423 | .list-block .swipeout-actions-right a.bg-black { 424 | background-color: #000000; 425 | } 426 | .border-black { 427 | border-color: #000000; 428 | } 429 | .list-block .border-black.item-inner:after, 430 | .list-block ul.border-black:after, 431 | .border-black:after, 432 | .list-block .border-black.item-inner:before, 433 | .list-block ul.border-black:before, 434 | .border-black:before { 435 | background-color: #000000; 436 | } 437 | .color-lightblue { 438 | color: #5ac8fa; 439 | } 440 | .list-block .item-link.list-button.color-lightblue, 441 | .tabbar a.active.color-lightblue, 442 | a.color-lightblue { 443 | color: #5ac8fa; 444 | } 445 | .label-switch input[type="checkbox"]:checked + .checkbox.color-lightblue, 446 | .label-switch.color-lightblue input[type="checkbox"]:checked + .checkbox { 447 | background-color: #5ac8fa; 448 | } 449 | .color-lightblue.button:not(.button-fill), 450 | .color-lightblue.buttons-row .button, 451 | .theme-lightblue .button:not(.button-fill) { 452 | border-color: #5ac8fa; 453 | } 454 | html:not(.watch-active-state) .color-lightblue.button:not(.button-fill):active, 455 | html:not(.watch-active-state) .color-lightblue.buttons-row .button:active, 456 | html:not(.watch-active-state) .theme-lightblue .button:not(.button-fill):active, 457 | .color-lightblue.button:not(.button-fill).active-state, 458 | .color-lightblue.buttons-row .button.active-state, 459 | .theme-lightblue .button:not(.button-fill).active-state { 460 | background-color: rgba(90, 200, 250, 0.15); 461 | } 462 | .color-lightblue.button:not(.button-fill).active, 463 | .color-lightblue.buttons-row .button.active, 464 | .theme-lightblue .button:not(.button-fill).active { 465 | background-color: #5ac8fa; 466 | color: #fff; 467 | } 468 | .theme-lightblue .button.button-fill, 469 | .button.button-fill.color-lightblue { 470 | background: #5ac8fa; 471 | color: #fff; 472 | } 473 | .color-lightblue i.icon, 474 | .theme-lightblue i.icon, 475 | i.icon.color-lightblue, 476 | i.icon.theme-lightblue { 477 | color: #5ac8fa; 478 | } 479 | i.icon-next.color-lightblue, 480 | i.icon-next.theme-lightblue, 481 | .theme-lightblue i.icon-next { 482 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%235ac8fa'%20d%3D'M1%2C1.6l11.8%2C5.8L1%2C13.4V1.6%20M0%2C0v15l15-7.6L0%2C0L0%2C0z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); 483 | } 484 | i.icon-prev.color-lightblue, 485 | i.icon-prev.theme-lightblue, 486 | .theme-lightblue i.icon-prev { 487 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%235ac8fa'%20d%3D'M14%2C1.6v11.8L2.2%2C7.6L14%2C1.6%20M15%2C0L0%2C7.6L15%2C15V0L15%2C0z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); 488 | } 489 | i.icon-back.color-lightblue, 490 | i.icon-back.theme-lightblue, 491 | .theme-lightblue i.icon-back { 492 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M10%2C0l2%2C2l-8%2C8l8%2C8l-2%2C2L0%2C10L10%2C0z'%20fill%3D'%235ac8fa'%2F%3E%3C%2Fsvg%3E"); 493 | } 494 | i.icon-forward.color-lightblue, 495 | i.icon-forward.theme-lightblue, 496 | .theme-lightblue i.icon-forward { 497 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M2%2C20l-2-2l8-8L0%2C2l2-2l10%2C10L2%2C20z'%20fill%3D'%235ac8fa'%2F%3E%3C%2Fsvg%3E"); 498 | } 499 | i.icon-bars.color-lightblue, 500 | i.icon-bars.theme-lightblue, 501 | .theme-lightblue i.icon-bars { 502 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2021%2014'%3E%3Cpath%20fill%3D'%235ac8fa'%20d%3D'M0%2C0h2v2H0V0z%20M4%2C0h17v1H4V0z%20M0%2C6h2v2H0V6z%20M4%2C6h17v1H4V6z%20M0%2C12h2v2H0V12z%20M4%2C12h17v1H4V12z'%2F%3E%3C%2Fsvg%3E"); 503 | } 504 | @media (-webkit-min-device-pixel-ratio: 2) { 505 | i.icon-bars.color-lightblue, 506 | i.icon-bars.theme-lightblue, 507 | .theme-lightblue i.icon-bars { 508 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2042%2026'%3E%3Cpath%20fill%3D'%235ac8fa'%20d%3D'M0%2C0h4v4H0V0z%20M8%2C1h34v2H8V1z%20M0%2C11h4v4H0V11z%20M8%2C12h34v2H8V12z%20M0%2C22h4v4H0V22z%20M8%2C23h34v2H8V23z'%2F%3E%3C%2Fsvg%3E"); 509 | } 510 | } 511 | .theme-lightblue a, 512 | .theme-lightblue .item-link.list-button { 513 | color: #5ac8fa; 514 | } 515 | .theme-lightblue .tabbar a, 516 | .tabbar.theme-lightblue a, 517 | .theme-lightblue .tabbar a i, 518 | .tabbar.theme-lightblue a i { 519 | color: inherit; 520 | } 521 | .theme-lightblue .tabbar a.active, 522 | .tabbar.theme-lightblue a.active, 523 | .theme-lightblue .tabbar a.active i, 524 | .tabbar.theme-lightblue a.active i { 525 | color: #5ac8fa; 526 | } 527 | .theme-lightblue .range-slider input[type="range"]::-webkit-slider-thumb:before, 528 | .range-slider.theme-lightblue input[type="range"]::-webkit-slider-thumb:before { 529 | background-color: #5ac8fa; 530 | } 531 | .theme-lightblue label.label-checkbox input[type="checkbox"]:checked + .item-media i.icon-form-checkbox, 532 | .theme-lightblue label.label-checkbox input[type="radio"]:checked + .item-media i.icon-form-checkbox { 533 | background-color: #5ac8fa; 534 | } 535 | .theme-lightblue label.label-radio input[type="checkbox"]:checked ~ .item-inner, 536 | .theme-lightblue label.label-radio input[type="radio"]:checked ~ .item-inner { 537 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2013%2010'%3E%3Cpolygon%20fill%3D'%235ac8fa'%20points%3D'11.6%2C0%204.4%2C7.2%201.4%2C4.2%200%2C5.6%204.4%2C10%204.4%2C10%204.4%2C10%2013%2C1.4%20'%2F%3E%3C%2Fsvg%3E"); 538 | } 539 | .theme-lightblue .picker-calendar-day.picker-calendar-day-selected span { 540 | background-color: #5ac8fa !important; 541 | } 542 | .swiper-pagination.color-lightblue .swiper-pagination-bullet-active, 543 | .theme-lightblue .swiper-pagination .swiper-pagination-bullet-active { 544 | background-color: #5ac8fa; 545 | } 546 | .swiper-button-next.color-lightblue, 547 | .swiper-container-rtl .swiper-button-prev.color-lightblue, 548 | .theme-lightblue .swiper-button-next, 549 | .theme-lightblue .swiper-container-rtl .swiper-button-prev { 550 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%235ac8fa'%2F%3E%3C%2Fsvg%3E"); 551 | } 552 | .swiper-button-prev.color-lightblue, 553 | .swiper-container-rtl .swiper-button-next.color-lightblue, 554 | .theme-lightblue .swiper-button-prev, 555 | .theme-lightblue .swiper-container-rtl .swiper-button-next { 556 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%235ac8fa'%2F%3E%3C%2Fsvg%3E"); 557 | } 558 | .bg-lightblue, 559 | .button.button-fill.bg-lightblue, 560 | a.bg-lightblue, 561 | .list-block .swipeout-actions-left a.bg-lightblue, 562 | .list-block .swipeout-actions-right a.bg-lightblue { 563 | background-color: #5ac8fa; 564 | } 565 | .border-lightblue { 566 | border-color: #5ac8fa; 567 | } 568 | .list-block .border-lightblue.item-inner:after, 569 | .list-block ul.border-lightblue:after, 570 | .border-lightblue:after, 571 | .list-block .border-lightblue.item-inner:before, 572 | .list-block ul.border-lightblue:before, 573 | .border-lightblue:before { 574 | background-color: #5ac8fa; 575 | } 576 | .color-yellow { 577 | color: #ffcc00; 578 | } 579 | .list-block .item-link.list-button.color-yellow, 580 | .tabbar a.active.color-yellow, 581 | a.color-yellow { 582 | color: #ffcc00; 583 | } 584 | .label-switch input[type="checkbox"]:checked + .checkbox.color-yellow, 585 | .label-switch.color-yellow input[type="checkbox"]:checked + .checkbox { 586 | background-color: #ffcc00; 587 | } 588 | .color-yellow.button:not(.button-fill), 589 | .color-yellow.buttons-row .button, 590 | .theme-yellow .button:not(.button-fill) { 591 | border-color: #ffcc00; 592 | } 593 | html:not(.watch-active-state) .color-yellow.button:not(.button-fill):active, 594 | html:not(.watch-active-state) .color-yellow.buttons-row .button:active, 595 | html:not(.watch-active-state) .theme-yellow .button:not(.button-fill):active, 596 | .color-yellow.button:not(.button-fill).active-state, 597 | .color-yellow.buttons-row .button.active-state, 598 | .theme-yellow .button:not(.button-fill).active-state { 599 | background-color: rgba(255, 204, 0, 0.15); 600 | } 601 | .color-yellow.button:not(.button-fill).active, 602 | .color-yellow.buttons-row .button.active, 603 | .theme-yellow .button:not(.button-fill).active { 604 | background-color: #ffcc00; 605 | color: #fff; 606 | } 607 | .theme-yellow .button.button-fill, 608 | .button.button-fill.color-yellow { 609 | background: #ffcc00; 610 | color: #fff; 611 | } 612 | .color-yellow i.icon, 613 | .theme-yellow i.icon, 614 | i.icon.color-yellow, 615 | i.icon.theme-yellow { 616 | color: #ffcc00; 617 | } 618 | i.icon-next.color-yellow, 619 | i.icon-next.theme-yellow, 620 | .theme-yellow i.icon-next { 621 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%23ffcc00'%20d%3D'M1%2C1.6l11.8%2C5.8L1%2C13.4V1.6%20M0%2C0v15l15-7.6L0%2C0L0%2C0z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); 622 | } 623 | i.icon-prev.color-yellow, 624 | i.icon-prev.theme-yellow, 625 | .theme-yellow i.icon-prev { 626 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%23ffcc00'%20d%3D'M14%2C1.6v11.8L2.2%2C7.6L14%2C1.6%20M15%2C0L0%2C7.6L15%2C15V0L15%2C0z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); 627 | } 628 | i.icon-back.color-yellow, 629 | i.icon-back.theme-yellow, 630 | .theme-yellow i.icon-back { 631 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M10%2C0l2%2C2l-8%2C8l8%2C8l-2%2C2L0%2C10L10%2C0z'%20fill%3D'%23ffcc00'%2F%3E%3C%2Fsvg%3E"); 632 | } 633 | i.icon-forward.color-yellow, 634 | i.icon-forward.theme-yellow, 635 | .theme-yellow i.icon-forward { 636 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M2%2C20l-2-2l8-8L0%2C2l2-2l10%2C10L2%2C20z'%20fill%3D'%23ffcc00'%2F%3E%3C%2Fsvg%3E"); 637 | } 638 | i.icon-bars.color-yellow, 639 | i.icon-bars.theme-yellow, 640 | .theme-yellow i.icon-bars { 641 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2021%2014'%3E%3Cpath%20fill%3D'%23ffcc00'%20d%3D'M0%2C0h2v2H0V0z%20M4%2C0h17v1H4V0z%20M0%2C6h2v2H0V6z%20M4%2C6h17v1H4V6z%20M0%2C12h2v2H0V12z%20M4%2C12h17v1H4V12z'%2F%3E%3C%2Fsvg%3E"); 642 | } 643 | @media (-webkit-min-device-pixel-ratio: 2) { 644 | i.icon-bars.color-yellow, 645 | i.icon-bars.theme-yellow, 646 | .theme-yellow i.icon-bars { 647 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2042%2026'%3E%3Cpath%20fill%3D'%23ffcc00'%20d%3D'M0%2C0h4v4H0V0z%20M8%2C1h34v2H8V1z%20M0%2C11h4v4H0V11z%20M8%2C12h34v2H8V12z%20M0%2C22h4v4H0V22z%20M8%2C23h34v2H8V23z'%2F%3E%3C%2Fsvg%3E"); 648 | } 649 | } 650 | .theme-yellow a, 651 | .theme-yellow .item-link.list-button { 652 | color: #ffcc00; 653 | } 654 | .theme-yellow .tabbar a, 655 | .tabbar.theme-yellow a, 656 | .theme-yellow .tabbar a i, 657 | .tabbar.theme-yellow a i { 658 | color: inherit; 659 | } 660 | .theme-yellow .tabbar a.active, 661 | .tabbar.theme-yellow a.active, 662 | .theme-yellow .tabbar a.active i, 663 | .tabbar.theme-yellow a.active i { 664 | color: #ffcc00; 665 | } 666 | .theme-yellow .range-slider input[type="range"]::-webkit-slider-thumb:before, 667 | .range-slider.theme-yellow input[type="range"]::-webkit-slider-thumb:before { 668 | background-color: #ffcc00; 669 | } 670 | .theme-yellow label.label-checkbox input[type="checkbox"]:checked + .item-media i.icon-form-checkbox, 671 | .theme-yellow label.label-checkbox input[type="radio"]:checked + .item-media i.icon-form-checkbox { 672 | background-color: #ffcc00; 673 | } 674 | .theme-yellow label.label-radio input[type="checkbox"]:checked ~ .item-inner, 675 | .theme-yellow label.label-radio input[type="radio"]:checked ~ .item-inner { 676 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2013%2010'%3E%3Cpolygon%20fill%3D'%23ffcc00'%20points%3D'11.6%2C0%204.4%2C7.2%201.4%2C4.2%200%2C5.6%204.4%2C10%204.4%2C10%204.4%2C10%2013%2C1.4%20'%2F%3E%3C%2Fsvg%3E"); 677 | } 678 | .theme-yellow .picker-calendar-day.picker-calendar-day-selected span { 679 | background-color: #ffcc00 !important; 680 | } 681 | .swiper-pagination.color-yellow .swiper-pagination-bullet-active, 682 | .theme-yellow .swiper-pagination .swiper-pagination-bullet-active { 683 | background-color: #ffcc00; 684 | } 685 | .swiper-button-next.color-yellow, 686 | .swiper-container-rtl .swiper-button-prev.color-yellow, 687 | .theme-yellow .swiper-button-next, 688 | .theme-yellow .swiper-container-rtl .swiper-button-prev { 689 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffcc00'%2F%3E%3C%2Fsvg%3E"); 690 | } 691 | .swiper-button-prev.color-yellow, 692 | .swiper-container-rtl .swiper-button-next.color-yellow, 693 | .theme-yellow .swiper-button-prev, 694 | .theme-yellow .swiper-container-rtl .swiper-button-next { 695 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffcc00'%2F%3E%3C%2Fsvg%3E"); 696 | } 697 | .bg-yellow, 698 | .button.button-fill.bg-yellow, 699 | a.bg-yellow, 700 | .list-block .swipeout-actions-left a.bg-yellow, 701 | .list-block .swipeout-actions-right a.bg-yellow { 702 | background-color: #ffcc00; 703 | } 704 | .border-yellow { 705 | border-color: #ffcc00; 706 | } 707 | .list-block .border-yellow.item-inner:after, 708 | .list-block ul.border-yellow:after, 709 | .border-yellow:after, 710 | .list-block .border-yellow.item-inner:before, 711 | .list-block ul.border-yellow:before, 712 | .border-yellow:before { 713 | background-color: #ffcc00; 714 | } 715 | .color-orange { 716 | color: #ff9500; 717 | } 718 | .list-block .item-link.list-button.color-orange, 719 | .tabbar a.active.color-orange, 720 | a.color-orange { 721 | color: #ff9500; 722 | } 723 | .label-switch input[type="checkbox"]:checked + .checkbox.color-orange, 724 | .label-switch.color-orange input[type="checkbox"]:checked + .checkbox { 725 | background-color: #ff9500; 726 | } 727 | .color-orange.button:not(.button-fill), 728 | .color-orange.buttons-row .button, 729 | .theme-orange .button:not(.button-fill) { 730 | border-color: #ff9500; 731 | } 732 | html:not(.watch-active-state) .color-orange.button:not(.button-fill):active, 733 | html:not(.watch-active-state) .color-orange.buttons-row .button:active, 734 | html:not(.watch-active-state) .theme-orange .button:not(.button-fill):active, 735 | .color-orange.button:not(.button-fill).active-state, 736 | .color-orange.buttons-row .button.active-state, 737 | .theme-orange .button:not(.button-fill).active-state { 738 | background-color: rgba(255, 149, 0, 0.15); 739 | } 740 | .color-orange.button:not(.button-fill).active, 741 | .color-orange.buttons-row .button.active, 742 | .theme-orange .button:not(.button-fill).active { 743 | background-color: #ff9500; 744 | color: #fff; 745 | } 746 | .theme-orange .button.button-fill, 747 | .button.button-fill.color-orange { 748 | background: #ff9500; 749 | color: #fff; 750 | } 751 | .color-orange i.icon, 752 | .theme-orange i.icon, 753 | i.icon.color-orange, 754 | i.icon.theme-orange { 755 | color: #ff9500; 756 | } 757 | i.icon-next.color-orange, 758 | i.icon-next.theme-orange, 759 | .theme-orange i.icon-next { 760 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%23ff9500'%20d%3D'M1%2C1.6l11.8%2C5.8L1%2C13.4V1.6%20M0%2C0v15l15-7.6L0%2C0L0%2C0z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); 761 | } 762 | i.icon-prev.color-orange, 763 | i.icon-prev.theme-orange, 764 | .theme-orange i.icon-prev { 765 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%23ff9500'%20d%3D'M14%2C1.6v11.8L2.2%2C7.6L14%2C1.6%20M15%2C0L0%2C7.6L15%2C15V0L15%2C0z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); 766 | } 767 | i.icon-back.color-orange, 768 | i.icon-back.theme-orange, 769 | .theme-orange i.icon-back { 770 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M10%2C0l2%2C2l-8%2C8l8%2C8l-2%2C2L0%2C10L10%2C0z'%20fill%3D'%23ff9500'%2F%3E%3C%2Fsvg%3E"); 771 | } 772 | i.icon-forward.color-orange, 773 | i.icon-forward.theme-orange, 774 | .theme-orange i.icon-forward { 775 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M2%2C20l-2-2l8-8L0%2C2l2-2l10%2C10L2%2C20z'%20fill%3D'%23ff9500'%2F%3E%3C%2Fsvg%3E"); 776 | } 777 | i.icon-bars.color-orange, 778 | i.icon-bars.theme-orange, 779 | .theme-orange i.icon-bars { 780 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2021%2014'%3E%3Cpath%20fill%3D'%23ff9500'%20d%3D'M0%2C0h2v2H0V0z%20M4%2C0h17v1H4V0z%20M0%2C6h2v2H0V6z%20M4%2C6h17v1H4V6z%20M0%2C12h2v2H0V12z%20M4%2C12h17v1H4V12z'%2F%3E%3C%2Fsvg%3E"); 781 | } 782 | @media (-webkit-min-device-pixel-ratio: 2) { 783 | i.icon-bars.color-orange, 784 | i.icon-bars.theme-orange, 785 | .theme-orange i.icon-bars { 786 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2042%2026'%3E%3Cpath%20fill%3D'%23ff9500'%20d%3D'M0%2C0h4v4H0V0z%20M8%2C1h34v2H8V1z%20M0%2C11h4v4H0V11z%20M8%2C12h34v2H8V12z%20M0%2C22h4v4H0V22z%20M8%2C23h34v2H8V23z'%2F%3E%3C%2Fsvg%3E"); 787 | } 788 | } 789 | .theme-orange a, 790 | .theme-orange .item-link.list-button { 791 | color: #ff9500; 792 | } 793 | .theme-orange .tabbar a, 794 | .tabbar.theme-orange a, 795 | .theme-orange .tabbar a i, 796 | .tabbar.theme-orange a i { 797 | color: inherit; 798 | } 799 | .theme-orange .tabbar a.active, 800 | .tabbar.theme-orange a.active, 801 | .theme-orange .tabbar a.active i, 802 | .tabbar.theme-orange a.active i { 803 | color: #ff9500; 804 | } 805 | .theme-orange .range-slider input[type="range"]::-webkit-slider-thumb:before, 806 | .range-slider.theme-orange input[type="range"]::-webkit-slider-thumb:before { 807 | background-color: #ff9500; 808 | } 809 | .theme-orange label.label-checkbox input[type="checkbox"]:checked + .item-media i.icon-form-checkbox, 810 | .theme-orange label.label-checkbox input[type="radio"]:checked + .item-media i.icon-form-checkbox { 811 | background-color: #ff9500; 812 | } 813 | .theme-orange label.label-radio input[type="checkbox"]:checked ~ .item-inner, 814 | .theme-orange label.label-radio input[type="radio"]:checked ~ .item-inner { 815 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2013%2010'%3E%3Cpolygon%20fill%3D'%23ff9500'%20points%3D'11.6%2C0%204.4%2C7.2%201.4%2C4.2%200%2C5.6%204.4%2C10%204.4%2C10%204.4%2C10%2013%2C1.4%20'%2F%3E%3C%2Fsvg%3E"); 816 | } 817 | .theme-orange .picker-calendar-day.picker-calendar-day-selected span { 818 | background-color: #ff9500 !important; 819 | } 820 | .swiper-pagination.color-orange .swiper-pagination-bullet-active, 821 | .theme-orange .swiper-pagination .swiper-pagination-bullet-active { 822 | background-color: #ff9500; 823 | } 824 | .swiper-button-next.color-orange, 825 | .swiper-container-rtl .swiper-button-prev.color-orange, 826 | .theme-orange .swiper-button-next, 827 | .theme-orange .swiper-container-rtl .swiper-button-prev { 828 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ff9500'%2F%3E%3C%2Fsvg%3E"); 829 | } 830 | .swiper-button-prev.color-orange, 831 | .swiper-container-rtl .swiper-button-next.color-orange, 832 | .theme-orange .swiper-button-prev, 833 | .theme-orange .swiper-container-rtl .swiper-button-next { 834 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ff9500'%2F%3E%3C%2Fsvg%3E"); 835 | } 836 | .bg-orange, 837 | .button.button-fill.bg-orange, 838 | a.bg-orange, 839 | .list-block .swipeout-actions-left a.bg-orange, 840 | .list-block .swipeout-actions-right a.bg-orange { 841 | background-color: #ff9500; 842 | } 843 | .border-orange { 844 | border-color: #ff9500; 845 | } 846 | .list-block .border-orange.item-inner:after, 847 | .list-block ul.border-orange:after, 848 | .border-orange:after, 849 | .list-block .border-orange.item-inner:before, 850 | .list-block ul.border-orange:before, 851 | .border-orange:before { 852 | background-color: #ff9500; 853 | } 854 | .color-pink { 855 | color: #ff2d55; 856 | } 857 | .list-block .item-link.list-button.color-pink, 858 | .tabbar a.active.color-pink, 859 | a.color-pink { 860 | color: #ff2d55; 861 | } 862 | .label-switch input[type="checkbox"]:checked + .checkbox.color-pink, 863 | .label-switch.color-pink input[type="checkbox"]:checked + .checkbox { 864 | background-color: #ff2d55; 865 | } 866 | .color-pink.button:not(.button-fill), 867 | .color-pink.buttons-row .button, 868 | .theme-pink .button:not(.button-fill) { 869 | border-color: #ff2d55; 870 | } 871 | html:not(.watch-active-state) .color-pink.button:not(.button-fill):active, 872 | html:not(.watch-active-state) .color-pink.buttons-row .button:active, 873 | html:not(.watch-active-state) .theme-pink .button:not(.button-fill):active, 874 | .color-pink.button:not(.button-fill).active-state, 875 | .color-pink.buttons-row .button.active-state, 876 | .theme-pink .button:not(.button-fill).active-state { 877 | background-color: rgba(255, 45, 85, 0.15); 878 | } 879 | .color-pink.button:not(.button-fill).active, 880 | .color-pink.buttons-row .button.active, 881 | .theme-pink .button:not(.button-fill).active { 882 | background-color: #ff2d55; 883 | color: #fff; 884 | } 885 | .theme-pink .button.button-fill, 886 | .button.button-fill.color-pink { 887 | background: #ff2d55; 888 | color: #fff; 889 | } 890 | .color-pink i.icon, 891 | .theme-pink i.icon, 892 | i.icon.color-pink, 893 | i.icon.theme-pink { 894 | color: #ff2d55; 895 | } 896 | i.icon-next.color-pink, 897 | i.icon-next.theme-pink, 898 | .theme-pink i.icon-next { 899 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%23ff2d55'%20d%3D'M1%2C1.6l11.8%2C5.8L1%2C13.4V1.6%20M0%2C0v15l15-7.6L0%2C0L0%2C0z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); 900 | } 901 | i.icon-prev.color-pink, 902 | i.icon-prev.theme-pink, 903 | .theme-pink i.icon-prev { 904 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%23ff2d55'%20d%3D'M14%2C1.6v11.8L2.2%2C7.6L14%2C1.6%20M15%2C0L0%2C7.6L15%2C15V0L15%2C0z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); 905 | } 906 | i.icon-back.color-pink, 907 | i.icon-back.theme-pink, 908 | .theme-pink i.icon-back { 909 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M10%2C0l2%2C2l-8%2C8l8%2C8l-2%2C2L0%2C10L10%2C0z'%20fill%3D'%23ff2d55'%2F%3E%3C%2Fsvg%3E"); 910 | } 911 | i.icon-forward.color-pink, 912 | i.icon-forward.theme-pink, 913 | .theme-pink i.icon-forward { 914 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M2%2C20l-2-2l8-8L0%2C2l2-2l10%2C10L2%2C20z'%20fill%3D'%23ff2d55'%2F%3E%3C%2Fsvg%3E"); 915 | } 916 | i.icon-bars.color-pink, 917 | i.icon-bars.theme-pink, 918 | .theme-pink i.icon-bars { 919 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2021%2014'%3E%3Cpath%20fill%3D'%23ff2d55'%20d%3D'M0%2C0h2v2H0V0z%20M4%2C0h17v1H4V0z%20M0%2C6h2v2H0V6z%20M4%2C6h17v1H4V6z%20M0%2C12h2v2H0V12z%20M4%2C12h17v1H4V12z'%2F%3E%3C%2Fsvg%3E"); 920 | } 921 | @media (-webkit-min-device-pixel-ratio: 2) { 922 | i.icon-bars.color-pink, 923 | i.icon-bars.theme-pink, 924 | .theme-pink i.icon-bars { 925 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2042%2026'%3E%3Cpath%20fill%3D'%23ff2d55'%20d%3D'M0%2C0h4v4H0V0z%20M8%2C1h34v2H8V1z%20M0%2C11h4v4H0V11z%20M8%2C12h34v2H8V12z%20M0%2C22h4v4H0V22z%20M8%2C23h34v2H8V23z'%2F%3E%3C%2Fsvg%3E"); 926 | } 927 | } 928 | .theme-pink a, 929 | .theme-pink .item-link.list-button { 930 | color: #ff2d55; 931 | } 932 | .theme-pink .tabbar a, 933 | .tabbar.theme-pink a, 934 | .theme-pink .tabbar a i, 935 | .tabbar.theme-pink a i { 936 | color: inherit; 937 | } 938 | .theme-pink .tabbar a.active, 939 | .tabbar.theme-pink a.active, 940 | .theme-pink .tabbar a.active i, 941 | .tabbar.theme-pink a.active i { 942 | color: #ff2d55; 943 | } 944 | .theme-pink .range-slider input[type="range"]::-webkit-slider-thumb:before, 945 | .range-slider.theme-pink input[type="range"]::-webkit-slider-thumb:before { 946 | background-color: #ff2d55; 947 | } 948 | .theme-pink label.label-checkbox input[type="checkbox"]:checked + .item-media i.icon-form-checkbox, 949 | .theme-pink label.label-checkbox input[type="radio"]:checked + .item-media i.icon-form-checkbox { 950 | background-color: #ff2d55; 951 | } 952 | .theme-pink label.label-radio input[type="checkbox"]:checked ~ .item-inner, 953 | .theme-pink label.label-radio input[type="radio"]:checked ~ .item-inner { 954 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2013%2010'%3E%3Cpolygon%20fill%3D'%23ff2d55'%20points%3D'11.6%2C0%204.4%2C7.2%201.4%2C4.2%200%2C5.6%204.4%2C10%204.4%2C10%204.4%2C10%2013%2C1.4%20'%2F%3E%3C%2Fsvg%3E"); 955 | } 956 | .theme-pink .picker-calendar-day.picker-calendar-day-selected span { 957 | background-color: #ff2d55 !important; 958 | } 959 | .swiper-pagination.color-pink .swiper-pagination-bullet-active, 960 | .theme-pink .swiper-pagination .swiper-pagination-bullet-active { 961 | background-color: #ff2d55; 962 | } 963 | .swiper-button-next.color-pink, 964 | .swiper-container-rtl .swiper-button-prev.color-pink, 965 | .theme-pink .swiper-button-next, 966 | .theme-pink .swiper-container-rtl .swiper-button-prev { 967 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ff2d55'%2F%3E%3C%2Fsvg%3E"); 968 | } 969 | .swiper-button-prev.color-pink, 970 | .swiper-container-rtl .swiper-button-next.color-pink, 971 | .theme-pink .swiper-button-prev, 972 | .theme-pink .swiper-container-rtl .swiper-button-next { 973 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ff2d55'%2F%3E%3C%2Fsvg%3E"); 974 | } 975 | .bg-pink, 976 | .button.button-fill.bg-pink, 977 | a.bg-pink, 978 | .list-block .swipeout-actions-left a.bg-pink, 979 | .list-block .swipeout-actions-right a.bg-pink { 980 | background-color: #ff2d55; 981 | } 982 | .border-pink { 983 | border-color: #ff2d55; 984 | } 985 | .list-block .border-pink.item-inner:after, 986 | .list-block ul.border-pink:after, 987 | .border-pink:after, 988 | .list-block .border-pink.item-inner:before, 989 | .list-block ul.border-pink:before, 990 | .border-pink:before { 991 | background-color: #ff2d55; 992 | } 993 | .color-blue { 994 | color: #007aff; 995 | } 996 | .list-block .item-link.list-button.color-blue, 997 | .tabbar a.active.color-blue, 998 | a.color-blue { 999 | color: #007aff; 1000 | } 1001 | .label-switch input[type="checkbox"]:checked + .checkbox.color-blue, 1002 | .label-switch.color-blue input[type="checkbox"]:checked + .checkbox { 1003 | background-color: #007aff; 1004 | } 1005 | .color-blue.button:not(.button-fill), 1006 | .color-blue.buttons-row .button, 1007 | .theme-blue .button:not(.button-fill) { 1008 | border-color: #007aff; 1009 | } 1010 | html:not(.watch-active-state) .color-blue.button:not(.button-fill):active, 1011 | html:not(.watch-active-state) .color-blue.buttons-row .button:active, 1012 | html:not(.watch-active-state) .theme-blue .button:not(.button-fill):active, 1013 | .color-blue.button:not(.button-fill).active-state, 1014 | .color-blue.buttons-row .button.active-state, 1015 | .theme-blue .button:not(.button-fill).active-state { 1016 | background-color: rgba(0, 122, 255, 0.15); 1017 | } 1018 | .color-blue.button:not(.button-fill).active, 1019 | .color-blue.buttons-row .button.active, 1020 | .theme-blue .button:not(.button-fill).active { 1021 | background-color: #007aff; 1022 | color: #fff; 1023 | } 1024 | .theme-blue .button.button-fill, 1025 | .button.button-fill.color-blue { 1026 | background: #007aff; 1027 | color: #fff; 1028 | } 1029 | .color-blue i.icon, 1030 | .theme-blue i.icon, 1031 | i.icon.color-blue, 1032 | i.icon.theme-blue { 1033 | color: #007aff; 1034 | } 1035 | i.icon-next.color-blue, 1036 | i.icon-next.theme-blue, 1037 | .theme-blue i.icon-next { 1038 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%23007aff'%20d%3D'M1%2C1.6l11.8%2C5.8L1%2C13.4V1.6%20M0%2C0v15l15-7.6L0%2C0L0%2C0z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); 1039 | } 1040 | i.icon-prev.color-blue, 1041 | i.icon-prev.theme-blue, 1042 | .theme-blue i.icon-prev { 1043 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%23007aff'%20d%3D'M14%2C1.6v11.8L2.2%2C7.6L14%2C1.6%20M15%2C0L0%2C7.6L15%2C15V0L15%2C0z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); 1044 | } 1045 | i.icon-back.color-blue, 1046 | i.icon-back.theme-blue, 1047 | .theme-blue i.icon-back { 1048 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M10%2C0l2%2C2l-8%2C8l8%2C8l-2%2C2L0%2C10L10%2C0z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); 1049 | } 1050 | i.icon-forward.color-blue, 1051 | i.icon-forward.theme-blue, 1052 | .theme-blue i.icon-forward { 1053 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M2%2C20l-2-2l8-8L0%2C2l2-2l10%2C10L2%2C20z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); 1054 | } 1055 | i.icon-bars.color-blue, 1056 | i.icon-bars.theme-blue, 1057 | .theme-blue i.icon-bars { 1058 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2021%2014'%3E%3Cpath%20fill%3D'%23007aff'%20d%3D'M0%2C0h2v2H0V0z%20M4%2C0h17v1H4V0z%20M0%2C6h2v2H0V6z%20M4%2C6h17v1H4V6z%20M0%2C12h2v2H0V12z%20M4%2C12h17v1H4V12z'%2F%3E%3C%2Fsvg%3E"); 1059 | } 1060 | @media (-webkit-min-device-pixel-ratio: 2) { 1061 | i.icon-bars.color-blue, 1062 | i.icon-bars.theme-blue, 1063 | .theme-blue i.icon-bars { 1064 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2042%2026'%3E%3Cpath%20fill%3D'%23007aff'%20d%3D'M0%2C0h4v4H0V0z%20M8%2C1h34v2H8V1z%20M0%2C11h4v4H0V11z%20M8%2C12h34v2H8V12z%20M0%2C22h4v4H0V22z%20M8%2C23h34v2H8V23z'%2F%3E%3C%2Fsvg%3E"); 1065 | } 1066 | } 1067 | .theme-blue a, 1068 | .theme-blue .item-link.list-button { 1069 | color: #007aff; 1070 | } 1071 | .theme-blue .tabbar a, 1072 | .tabbar.theme-blue a, 1073 | .theme-blue .tabbar a i, 1074 | .tabbar.theme-blue a i { 1075 | color: inherit; 1076 | } 1077 | .theme-blue .tabbar a.active, 1078 | .tabbar.theme-blue a.active, 1079 | .theme-blue .tabbar a.active i, 1080 | .tabbar.theme-blue a.active i { 1081 | color: #007aff; 1082 | } 1083 | .theme-blue .range-slider input[type="range"]::-webkit-slider-thumb:before, 1084 | .range-slider.theme-blue input[type="range"]::-webkit-slider-thumb:before { 1085 | background-color: #007aff; 1086 | } 1087 | .theme-blue label.label-checkbox input[type="checkbox"]:checked + .item-media i.icon-form-checkbox, 1088 | .theme-blue label.label-checkbox input[type="radio"]:checked + .item-media i.icon-form-checkbox { 1089 | background-color: #007aff; 1090 | } 1091 | .theme-blue label.label-radio input[type="checkbox"]:checked ~ .item-inner, 1092 | .theme-blue label.label-radio input[type="radio"]:checked ~ .item-inner { 1093 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2013%2010'%3E%3Cpolygon%20fill%3D'%23007aff'%20points%3D'11.6%2C0%204.4%2C7.2%201.4%2C4.2%200%2C5.6%204.4%2C10%204.4%2C10%204.4%2C10%2013%2C1.4%20'%2F%3E%3C%2Fsvg%3E"); 1094 | } 1095 | .theme-blue .picker-calendar-day.picker-calendar-day-selected span { 1096 | background-color: #007aff !important; 1097 | } 1098 | .swiper-pagination.color-blue .swiper-pagination-bullet-active, 1099 | .theme-blue .swiper-pagination .swiper-pagination-bullet-active { 1100 | background-color: #007aff; 1101 | } 1102 | .swiper-button-next.color-blue, 1103 | .swiper-container-rtl .swiper-button-prev.color-blue, 1104 | .theme-blue .swiper-button-next, 1105 | .theme-blue .swiper-container-rtl .swiper-button-prev { 1106 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); 1107 | } 1108 | .swiper-button-prev.color-blue, 1109 | .swiper-container-rtl .swiper-button-next.color-blue, 1110 | .theme-blue .swiper-button-prev, 1111 | .theme-blue .swiper-container-rtl .swiper-button-next { 1112 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); 1113 | } 1114 | .bg-blue, 1115 | .button.button-fill.bg-blue, 1116 | a.bg-blue, 1117 | .list-block .swipeout-actions-left a.bg-blue, 1118 | .list-block .swipeout-actions-right a.bg-blue { 1119 | background-color: #007aff; 1120 | } 1121 | .border-blue { 1122 | border-color: #007aff; 1123 | } 1124 | .list-block .border-blue.item-inner:after, 1125 | .list-block ul.border-blue:after, 1126 | .border-blue:after, 1127 | .list-block .border-blue.item-inner:before, 1128 | .list-block ul.border-blue:before, 1129 | .border-blue:before { 1130 | background-color: #007aff; 1131 | } 1132 | .color-green { 1133 | color: #4cd964; 1134 | } 1135 | .list-block .item-link.list-button.color-green, 1136 | .tabbar a.active.color-green, 1137 | a.color-green { 1138 | color: #4cd964; 1139 | } 1140 | .label-switch input[type="checkbox"]:checked + .checkbox.color-green, 1141 | .label-switch.color-green input[type="checkbox"]:checked + .checkbox { 1142 | background-color: #4cd964; 1143 | } 1144 | .color-green.button:not(.button-fill), 1145 | .color-green.buttons-row .button, 1146 | .theme-green .button:not(.button-fill) { 1147 | border-color: #4cd964; 1148 | } 1149 | html:not(.watch-active-state) .color-green.button:not(.button-fill):active, 1150 | html:not(.watch-active-state) .color-green.buttons-row .button:active, 1151 | html:not(.watch-active-state) .theme-green .button:not(.button-fill):active, 1152 | .color-green.button:not(.button-fill).active-state, 1153 | .color-green.buttons-row .button.active-state, 1154 | .theme-green .button:not(.button-fill).active-state { 1155 | background-color: rgba(76, 217, 100, 0.15); 1156 | } 1157 | .color-green.button:not(.button-fill).active, 1158 | .color-green.buttons-row .button.active, 1159 | .theme-green .button:not(.button-fill).active { 1160 | background-color: #4cd964; 1161 | color: #fff; 1162 | } 1163 | .theme-green .button.button-fill, 1164 | .button.button-fill.color-green { 1165 | background: #4cd964; 1166 | color: #fff; 1167 | } 1168 | .color-green i.icon, 1169 | .theme-green i.icon, 1170 | i.icon.color-green, 1171 | i.icon.theme-green { 1172 | color: #4cd964; 1173 | } 1174 | i.icon-next.color-green, 1175 | i.icon-next.theme-green, 1176 | .theme-green i.icon-next { 1177 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%234cd964'%20d%3D'M1%2C1.6l11.8%2C5.8L1%2C13.4V1.6%20M0%2C0v15l15-7.6L0%2C0L0%2C0z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); 1178 | } 1179 | i.icon-prev.color-green, 1180 | i.icon-prev.theme-green, 1181 | .theme-green i.icon-prev { 1182 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%234cd964'%20d%3D'M14%2C1.6v11.8L2.2%2C7.6L14%2C1.6%20M15%2C0L0%2C7.6L15%2C15V0L15%2C0z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); 1183 | } 1184 | i.icon-back.color-green, 1185 | i.icon-back.theme-green, 1186 | .theme-green i.icon-back { 1187 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M10%2C0l2%2C2l-8%2C8l8%2C8l-2%2C2L0%2C10L10%2C0z'%20fill%3D'%234cd964'%2F%3E%3C%2Fsvg%3E"); 1188 | } 1189 | i.icon-forward.color-green, 1190 | i.icon-forward.theme-green, 1191 | .theme-green i.icon-forward { 1192 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M2%2C20l-2-2l8-8L0%2C2l2-2l10%2C10L2%2C20z'%20fill%3D'%234cd964'%2F%3E%3C%2Fsvg%3E"); 1193 | } 1194 | i.icon-bars.color-green, 1195 | i.icon-bars.theme-green, 1196 | .theme-green i.icon-bars { 1197 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2021%2014'%3E%3Cpath%20fill%3D'%234cd964'%20d%3D'M0%2C0h2v2H0V0z%20M4%2C0h17v1H4V0z%20M0%2C6h2v2H0V6z%20M4%2C6h17v1H4V6z%20M0%2C12h2v2H0V12z%20M4%2C12h17v1H4V12z'%2F%3E%3C%2Fsvg%3E"); 1198 | } 1199 | @media (-webkit-min-device-pixel-ratio: 2) { 1200 | i.icon-bars.color-green, 1201 | i.icon-bars.theme-green, 1202 | .theme-green i.icon-bars { 1203 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2042%2026'%3E%3Cpath%20fill%3D'%234cd964'%20d%3D'M0%2C0h4v4H0V0z%20M8%2C1h34v2H8V1z%20M0%2C11h4v4H0V11z%20M8%2C12h34v2H8V12z%20M0%2C22h4v4H0V22z%20M8%2C23h34v2H8V23z'%2F%3E%3C%2Fsvg%3E"); 1204 | } 1205 | } 1206 | .theme-green a, 1207 | .theme-green .item-link.list-button { 1208 | color: #4cd964; 1209 | } 1210 | .theme-green .tabbar a, 1211 | .tabbar.theme-green a, 1212 | .theme-green .tabbar a i, 1213 | .tabbar.theme-green a i { 1214 | color: inherit; 1215 | } 1216 | .theme-green .tabbar a.active, 1217 | .tabbar.theme-green a.active, 1218 | .theme-green .tabbar a.active i, 1219 | .tabbar.theme-green a.active i { 1220 | color: #4cd964; 1221 | } 1222 | .theme-green .range-slider input[type="range"]::-webkit-slider-thumb:before, 1223 | .range-slider.theme-green input[type="range"]::-webkit-slider-thumb:before { 1224 | background-color: #4cd964; 1225 | } 1226 | .theme-green label.label-checkbox input[type="checkbox"]:checked + .item-media i.icon-form-checkbox, 1227 | .theme-green label.label-checkbox input[type="radio"]:checked + .item-media i.icon-form-checkbox { 1228 | background-color: #4cd964; 1229 | } 1230 | .theme-green label.label-radio input[type="checkbox"]:checked ~ .item-inner, 1231 | .theme-green label.label-radio input[type="radio"]:checked ~ .item-inner { 1232 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2013%2010'%3E%3Cpolygon%20fill%3D'%234cd964'%20points%3D'11.6%2C0%204.4%2C7.2%201.4%2C4.2%200%2C5.6%204.4%2C10%204.4%2C10%204.4%2C10%2013%2C1.4%20'%2F%3E%3C%2Fsvg%3E"); 1233 | } 1234 | .theme-green .picker-calendar-day.picker-calendar-day-selected span { 1235 | background-color: #4cd964 !important; 1236 | } 1237 | .swiper-pagination.color-green .swiper-pagination-bullet-active, 1238 | .theme-green .swiper-pagination .swiper-pagination-bullet-active { 1239 | background-color: #4cd964; 1240 | } 1241 | .swiper-button-next.color-green, 1242 | .swiper-container-rtl .swiper-button-prev.color-green, 1243 | .theme-green .swiper-button-next, 1244 | .theme-green .swiper-container-rtl .swiper-button-prev { 1245 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%234cd964'%2F%3E%3C%2Fsvg%3E"); 1246 | } 1247 | .swiper-button-prev.color-green, 1248 | .swiper-container-rtl .swiper-button-next.color-green, 1249 | .theme-green .swiper-button-prev, 1250 | .theme-green .swiper-container-rtl .swiper-button-next { 1251 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%234cd964'%2F%3E%3C%2Fsvg%3E"); 1252 | } 1253 | .bg-green, 1254 | .button.button-fill.bg-green, 1255 | a.bg-green, 1256 | .list-block .swipeout-actions-left a.bg-green, 1257 | .list-block .swipeout-actions-right a.bg-green { 1258 | background-color: #4cd964; 1259 | } 1260 | .border-green { 1261 | border-color: #4cd964; 1262 | } 1263 | .list-block .border-green.item-inner:after, 1264 | .list-block ul.border-green:after, 1265 | .border-green:after, 1266 | .list-block .border-green.item-inner:before, 1267 | .list-block ul.border-green:before, 1268 | .border-green:before { 1269 | background-color: #4cd964; 1270 | } 1271 | .color-red { 1272 | color: #ff3b30; 1273 | } 1274 | .list-block .item-link.list-button.color-red, 1275 | .tabbar a.active.color-red, 1276 | a.color-red { 1277 | color: #ff3b30; 1278 | } 1279 | .label-switch input[type="checkbox"]:checked + .checkbox.color-red, 1280 | .label-switch.color-red input[type="checkbox"]:checked + .checkbox { 1281 | background-color: #ff3b30; 1282 | } 1283 | .color-red.button:not(.button-fill), 1284 | .color-red.buttons-row .button, 1285 | .theme-red .button:not(.button-fill) { 1286 | border-color: #ff3b30; 1287 | } 1288 | html:not(.watch-active-state) .color-red.button:not(.button-fill):active, 1289 | html:not(.watch-active-state) .color-red.buttons-row .button:active, 1290 | html:not(.watch-active-state) .theme-red .button:not(.button-fill):active, 1291 | .color-red.button:not(.button-fill).active-state, 1292 | .color-red.buttons-row .button.active-state, 1293 | .theme-red .button:not(.button-fill).active-state { 1294 | background-color: rgba(255, 59, 48, 0.15); 1295 | } 1296 | .color-red.button:not(.button-fill).active, 1297 | .color-red.buttons-row .button.active, 1298 | .theme-red .button:not(.button-fill).active { 1299 | background-color: #ff3b30; 1300 | color: #fff; 1301 | } 1302 | .theme-red .button.button-fill, 1303 | .button.button-fill.color-red { 1304 | background: #ff3b30; 1305 | color: #fff; 1306 | } 1307 | .color-red i.icon, 1308 | .theme-red i.icon, 1309 | i.icon.color-red, 1310 | i.icon.theme-red { 1311 | color: #ff3b30; 1312 | } 1313 | i.icon-next.color-red, 1314 | i.icon-next.theme-red, 1315 | .theme-red i.icon-next { 1316 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%23ff3b30'%20d%3D'M1%2C1.6l11.8%2C5.8L1%2C13.4V1.6%20M0%2C0v15l15-7.6L0%2C0L0%2C0z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); 1317 | } 1318 | i.icon-prev.color-red, 1319 | i.icon-prev.theme-red, 1320 | .theme-red i.icon-prev { 1321 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%23ff3b30'%20d%3D'M14%2C1.6v11.8L2.2%2C7.6L14%2C1.6%20M15%2C0L0%2C7.6L15%2C15V0L15%2C0z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); 1322 | } 1323 | i.icon-back.color-red, 1324 | i.icon-back.theme-red, 1325 | .theme-red i.icon-back { 1326 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M10%2C0l2%2C2l-8%2C8l8%2C8l-2%2C2L0%2C10L10%2C0z'%20fill%3D'%23ff3b30'%2F%3E%3C%2Fsvg%3E"); 1327 | } 1328 | i.icon-forward.color-red, 1329 | i.icon-forward.theme-red, 1330 | .theme-red i.icon-forward { 1331 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M2%2C20l-2-2l8-8L0%2C2l2-2l10%2C10L2%2C20z'%20fill%3D'%23ff3b30'%2F%3E%3C%2Fsvg%3E"); 1332 | } 1333 | i.icon-bars.color-red, 1334 | i.icon-bars.theme-red, 1335 | .theme-red i.icon-bars { 1336 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2021%2014'%3E%3Cpath%20fill%3D'%23ff3b30'%20d%3D'M0%2C0h2v2H0V0z%20M4%2C0h17v1H4V0z%20M0%2C6h2v2H0V6z%20M4%2C6h17v1H4V6z%20M0%2C12h2v2H0V12z%20M4%2C12h17v1H4V12z'%2F%3E%3C%2Fsvg%3E"); 1337 | } 1338 | @media (-webkit-min-device-pixel-ratio: 2) { 1339 | i.icon-bars.color-red, 1340 | i.icon-bars.theme-red, 1341 | .theme-red i.icon-bars { 1342 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2042%2026'%3E%3Cpath%20fill%3D'%23ff3b30'%20d%3D'M0%2C0h4v4H0V0z%20M8%2C1h34v2H8V1z%20M0%2C11h4v4H0V11z%20M8%2C12h34v2H8V12z%20M0%2C22h4v4H0V22z%20M8%2C23h34v2H8V23z'%2F%3E%3C%2Fsvg%3E"); 1343 | } 1344 | } 1345 | .theme-red a, 1346 | .theme-red .item-link.list-button { 1347 | color: #ff3b30; 1348 | } 1349 | .theme-red .tabbar a, 1350 | .tabbar.theme-red a, 1351 | .theme-red .tabbar a i, 1352 | .tabbar.theme-red a i { 1353 | color: inherit; 1354 | } 1355 | .theme-red .tabbar a.active, 1356 | .tabbar.theme-red a.active, 1357 | .theme-red .tabbar a.active i, 1358 | .tabbar.theme-red a.active i { 1359 | color: #ff3b30; 1360 | } 1361 | .theme-red .range-slider input[type="range"]::-webkit-slider-thumb:before, 1362 | .range-slider.theme-red input[type="range"]::-webkit-slider-thumb:before { 1363 | background-color: #ff3b30; 1364 | } 1365 | .theme-red label.label-checkbox input[type="checkbox"]:checked + .item-media i.icon-form-checkbox, 1366 | .theme-red label.label-checkbox input[type="radio"]:checked + .item-media i.icon-form-checkbox { 1367 | background-color: #ff3b30; 1368 | } 1369 | .theme-red label.label-radio input[type="checkbox"]:checked ~ .item-inner, 1370 | .theme-red label.label-radio input[type="radio"]:checked ~ .item-inner { 1371 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2013%2010'%3E%3Cpolygon%20fill%3D'%23ff3b30'%20points%3D'11.6%2C0%204.4%2C7.2%201.4%2C4.2%200%2C5.6%204.4%2C10%204.4%2C10%204.4%2C10%2013%2C1.4%20'%2F%3E%3C%2Fsvg%3E"); 1372 | } 1373 | .theme-red .picker-calendar-day.picker-calendar-day-selected span { 1374 | background-color: #ff3b30 !important; 1375 | } 1376 | .swiper-pagination.color-red .swiper-pagination-bullet-active, 1377 | .theme-red .swiper-pagination .swiper-pagination-bullet-active { 1378 | background-color: #ff3b30; 1379 | } 1380 | .swiper-button-next.color-red, 1381 | .swiper-container-rtl .swiper-button-prev.color-red, 1382 | .theme-red .swiper-button-next, 1383 | .theme-red .swiper-container-rtl .swiper-button-prev { 1384 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ff3b30'%2F%3E%3C%2Fsvg%3E"); 1385 | } 1386 | .swiper-button-prev.color-red, 1387 | .swiper-container-rtl .swiper-button-next.color-red, 1388 | .theme-red .swiper-button-prev, 1389 | .theme-red .swiper-container-rtl .swiper-button-next { 1390 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ff3b30'%2F%3E%3C%2Fsvg%3E"); 1391 | } 1392 | .bg-red, 1393 | .button.button-fill.bg-red, 1394 | a.bg-red, 1395 | .list-block .swipeout-actions-left a.bg-red, 1396 | .list-block .swipeout-actions-right a.bg-red { 1397 | background-color: #ff3b30; 1398 | } 1399 | .border-red { 1400 | border-color: #ff3b30; 1401 | } 1402 | .list-block .border-red.item-inner:after, 1403 | .list-block ul.border-red:after, 1404 | .border-red:after, 1405 | .list-block .border-red.item-inner:before, 1406 | .list-block ul.border-red:before, 1407 | .border-red:before { 1408 | background-color: #ff3b30; 1409 | } 1410 | /*========================== 1411 | Framework7 Layouts Themes 1412 | ==========================*/ 1413 | /* === Dark layout === */ 1414 | .layout-dark .navbar, 1415 | .navbar.layout-dark, 1416 | .layout-dark .subnavbar, 1417 | .subnavbar.layout-dark { 1418 | background-color: #131313; 1419 | color: #ffffff; 1420 | } 1421 | .layout-dark .navbar:after, 1422 | .navbar.layout-dark:after, 1423 | .layout-dark .subnavbar:after, 1424 | .subnavbar.layout-dark:after { 1425 | background-color: #333333; 1426 | } 1427 | .layout-dark .toolbar, 1428 | .toolbar.layout-dark { 1429 | background-color: #131313; 1430 | color: #ffffff; 1431 | } 1432 | .layout-dark .toolbar:before, 1433 | .toolbar.layout-dark:before { 1434 | background-color: #333333; 1435 | } 1436 | .layout-dark .picker-calendar-week-days { 1437 | color: #fff; 1438 | background-color: #131313; 1439 | } 1440 | .layout-dark .popover .picker-modal .picker-center-highlight:before, 1441 | .layout-dark .picker-modal.picker-modal-inline .picker-center-highlight:before { 1442 | background-color: #333333; 1443 | } 1444 | .layout-dark .popover .picker-modal .picker-center-highlight:after, 1445 | .layout-dark .picker-modal.picker-modal-inline .picker-center-highlight:after { 1446 | background-color: #333333; 1447 | } 1448 | .layout-dark .popover .picker-modal .picker-item.picker-selected, 1449 | .layout-dark .picker-modal.picker-modal-inline .picker-item.picker-selected { 1450 | color: #fff; 1451 | } 1452 | .layout-dark .popover .picker-modal .picker-calendar-week-days, 1453 | .layout-dark .picker-modal.picker-modal-inline .picker-calendar-week-days { 1454 | color: #fff; 1455 | } 1456 | .layout-dark .popover .picker-modal .picker-calendar-day, 1457 | .layout-dark .picker-modal.picker-modal-inline .picker-calendar-day { 1458 | color: #fff; 1459 | } 1460 | .layout-dark .popover .picker-modal .picker-calendar-day.picker-calendar-day-prev, 1461 | .layout-dark .picker-modal.picker-modal-inline .picker-calendar-day.picker-calendar-day-prev, 1462 | .layout-dark .popover .picker-modal .picker-calendar-day.picker-calendar-day-next, 1463 | .layout-dark .picker-modal.picker-modal-inline .picker-calendar-day.picker-calendar-day-next { 1464 | color: #777; 1465 | } 1466 | .layout-dark .popover .picker-modal .picker-calendar-day.picker-calendar-day-disabled, 1467 | .layout-dark .picker-modal.picker-modal-inline .picker-calendar-day.picker-calendar-day-disabled { 1468 | color: #555; 1469 | } 1470 | .layout-dark .popover .picker-modal .picker-calendar-day.picker-calendar-day-today span, 1471 | .layout-dark .picker-modal.picker-modal-inline .picker-calendar-day.picker-calendar-day-today span { 1472 | background: #444; 1473 | } 1474 | .layout-dark .popover .picker-modal .picker-calendar-week-days:after, 1475 | .layout-dark .picker-modal.picker-modal-inline .picker-calendar-week-days:after, 1476 | .layout-dark .popover .picker-modal .picker-calendar-row:after, 1477 | .layout-dark .picker-modal.picker-modal-inline .picker-calendar-row:after { 1478 | background-color: #333333; 1479 | } 1480 | .layout-dark .popover .picker-modal .toolbar ~ .picker-modal-inner .picker-calendar-months:before, 1481 | .layout-dark .picker-modal.picker-modal-inline .toolbar ~ .picker-modal-inner .picker-calendar-months:before, 1482 | .layout-dark .popover .picker-modal .picker-calendar-week-days ~ .picker-calendar-months:before, 1483 | .layout-dark .picker-modal.picker-modal-inline .picker-calendar-week-days ~ .picker-calendar-months:before { 1484 | background-color: #333333; 1485 | } 1486 | .layout-dark .popover .picker-modal .toolbar:after { 1487 | background-color: #333333; 1488 | } 1489 | .layout-dark .photo-browser .navbar, 1490 | .photo-browser.layout-dark .navbar, 1491 | .layout-dark .view[data-page="photo-browser-slides"] .navbar, 1492 | .view[data-page="photo-browser-slides"].layout-dark .navbar, 1493 | .layout-dark .photo-browser .toolbar, 1494 | .photo-browser.layout-dark .toolbar, 1495 | .layout-dark .view[data-page="photo-browser-slides"] .toolbar, 1496 | .view[data-page="photo-browser-slides"].layout-dark .toolbar { 1497 | background: rgba(19, 19, 19, 0.95); 1498 | } 1499 | .layout-dark .tabbar a:not(.active) { 1500 | color: #ffffff; 1501 | } 1502 | .layout-dark .page, 1503 | .layout-dark .login-screen-content, 1504 | .page.layout-dark, 1505 | .layout-dark .panel, 1506 | .panel.layout-dark { 1507 | background-color: #222426; 1508 | color: #dddddd; 1509 | } 1510 | .layout-dark .content-block-title { 1511 | color: #ffffff; 1512 | } 1513 | .layout-dark .content-block, 1514 | .content-block.layout-dark { 1515 | color: #bbbbbb; 1516 | } 1517 | .layout-dark .content-block-inner { 1518 | background: #1c1d1f; 1519 | color: #dddddd; 1520 | } 1521 | .layout-dark .content-block-inner:before { 1522 | background-color: #393939; 1523 | } 1524 | .layout-dark .content-block-inner:after { 1525 | background-color: #393939; 1526 | } 1527 | .layout-dark .list-block ul, 1528 | .list-block.layout-dark ul { 1529 | background: #1c1d1f; 1530 | } 1531 | .layout-dark .list-block ul:before, 1532 | .list-block.layout-dark ul:before { 1533 | background-color: #393939; 1534 | } 1535 | .layout-dark .list-block ul:after, 1536 | .list-block.layout-dark ul:after { 1537 | background-color: #393939; 1538 | } 1539 | .layout-dark .list-block.inset ul, 1540 | .list-block.layout-dark.inset ul { 1541 | background: #1c1d1f; 1542 | } 1543 | .layout-dark .list-block.notifications > ul, 1544 | .list-block.layout-dark.notifications > ul { 1545 | background: none; 1546 | } 1547 | .layout-dark .card { 1548 | background: #1c1d1f; 1549 | } 1550 | .layout-dark .card-header:after { 1551 | background-color: #393939; 1552 | } 1553 | .layout-dark .card-footer { 1554 | color: #bbbbbb; 1555 | } 1556 | .layout-dark .card-footer:before { 1557 | background-color: #393939; 1558 | } 1559 | .layout-dark .popover, 1560 | .popover.layout-dark { 1561 | background: rgba(0, 0, 0, 0.8); 1562 | } 1563 | .layout-dark .popover .popover-angle:after, 1564 | .popover.layout-dark .popover-angle:after { 1565 | background: rgba(0, 0, 0, 0.8); 1566 | } 1567 | .layout-dark .popover .list-block ul, 1568 | .popover.layout-dark .list-block ul { 1569 | background: none; 1570 | } 1571 | .layout-dark .actions-popover .list-block ul:before { 1572 | background-color: #393939; 1573 | } 1574 | .layout-dark .actions-popover .list-block ul:after { 1575 | background-color: #393939; 1576 | } 1577 | .layout-dark .actions-popover .actions-popover-label:after { 1578 | background-color: #393939; 1579 | } 1580 | .layout-dark li.sorting { 1581 | background-color: #29292f; 1582 | } 1583 | .layout-dark .swipeout-actions-left a, 1584 | .layout-dark .swipeout-actions-right a { 1585 | background-color: #444444; 1586 | } 1587 | .layout-dark .item-inner:after, 1588 | .layout-dark .list-block ul ul li:last-child .item-inner:after { 1589 | background-color: #393939; 1590 | } 1591 | .layout-dark .item-after { 1592 | color: #bbbbbb; 1593 | } 1594 | html:not(.watch-active-state) .layout-dark .item-link:active, 1595 | html:not(.watch-active-state) .layout-dark label.label-checkbox:active, 1596 | html:not(.watch-active-state) .layout-dark label.label-radio:active, 1597 | .layout-dark .item-link.active-state, 1598 | .layout-dark label.label-checkbox.active-state, 1599 | .layout-dark label.label-radio.active-state { 1600 | background-color: #29292f; 1601 | } 1602 | .layout-dark .item-link.list-button:after { 1603 | background-color: #393939; 1604 | } 1605 | .layout-dark .list-block-label { 1606 | color: #bbbbbb; 1607 | } 1608 | .layout-dark .item-divider, 1609 | .layout-dark .list-group-title { 1610 | background: #1a1a1a; 1611 | color: #bbbbbb; 1612 | } 1613 | .layout-dark .item-divider:before, 1614 | .layout-dark .list-group-title:before { 1615 | background-color: #393939; 1616 | } 1617 | .layout-dark .searchbar { 1618 | background: #333333; 1619 | } 1620 | .layout-dark .searchbar:after { 1621 | background-color: #333333; 1622 | } 1623 | .layout-dark .list-block input[type="text"], 1624 | .list-block.layout-dark input[type="text"], 1625 | .layout-dark .list-block input[type="password"], 1626 | .list-block.layout-dark input[type="password"], 1627 | .layout-dark .list-block input[type="email"], 1628 | .list-block.layout-dark input[type="email"], 1629 | .layout-dark .list-block input[type="tel"], 1630 | .list-block.layout-dark input[type="tel"], 1631 | .layout-dark .list-block input[type="url"], 1632 | .list-block.layout-dark input[type="url"], 1633 | .layout-dark .list-block input[type="date"], 1634 | .list-block.layout-dark input[type="date"], 1635 | .layout-dark .list-block input[type="datetime-local"], 1636 | .list-block.layout-dark input[type="datetime-local"], 1637 | .layout-dark .list-block input[type="number"], 1638 | .list-block.layout-dark input[type="number"], 1639 | .layout-dark .list-block select, 1640 | .list-block.layout-dark select, 1641 | .layout-dark .list-block textarea, 1642 | .list-block.layout-dark textarea { 1643 | color: #ffffff; 1644 | } 1645 | .layout-dark .label-switch .checkbox { 1646 | background-color: #393939; 1647 | } 1648 | .layout-dark .label-switch .checkbox:before { 1649 | background-color: #1c1d1f; 1650 | } 1651 | .layout-dark .range-slider input[type="range"]:after { 1652 | background: #1c1d1f; 1653 | } 1654 | /* === White layout === */ 1655 | .layout-white .navbar, 1656 | .navbar.layout-white, 1657 | .layout-white .subnavbar, 1658 | .subnavbar.layout-white { 1659 | background-color: #ffffff; 1660 | color: #000000; 1661 | } 1662 | .layout-white .navbar:after, 1663 | .navbar.layout-white:after, 1664 | .layout-white .subnavbar:after, 1665 | .subnavbar.layout-white:after { 1666 | background-color: #dddddd; 1667 | } 1668 | .layout-white .toolbar, 1669 | .toolbar.layout-white { 1670 | background-color: #ffffff; 1671 | color: #000000; 1672 | } 1673 | .layout-white .toolbar:before, 1674 | .toolbar.layout-white:before { 1675 | background-color: #dddddd; 1676 | } 1677 | .layout-white .popover .picker-modal .picker-center-highlight:before, 1678 | .layout-white .picker-modal.picker-modal-inline .picker-center-highlight:before { 1679 | background-color: #dddddd; 1680 | } 1681 | .layout-white .popover .picker-modal .picker-center-highlight:after, 1682 | .layout-white .picker-modal.picker-modal-inline .picker-center-highlight:after { 1683 | background-color: #dddddd; 1684 | } 1685 | .layout-white .popover .picker-modal .picker-calendar-week-days:after, 1686 | .layout-white .picker-modal.picker-modal-inline .picker-calendar-week-days:after, 1687 | .layout-white .popover .picker-modal .picker-calendar-row:after, 1688 | .layout-white .picker-modal.picker-modal-inline .picker-calendar-row:after { 1689 | background-color: #dddddd; 1690 | } 1691 | .layout-white .popover .picker-modal .toolbar ~ .picker-modal-inner .picker-calendar-months:before, 1692 | .layout-white .picker-modal.picker-modal-inline .toolbar ~ .picker-modal-inner .picker-calendar-months:before, 1693 | .layout-white .popover .picker-modal .picker-calendar-week-days ~ .picker-calendar-months:before, 1694 | .layout-white .picker-modal.picker-modal-inline .picker-calendar-week-days ~ .picker-calendar-months:before { 1695 | background-color: #dddddd; 1696 | } 1697 | .layout-white .popover .picker-modal .toolbar:after { 1698 | background-color: #dddddd; 1699 | } 1700 | .layout-white .photo-browser .navbar, 1701 | .photo-browser.layout-white .navbar, 1702 | .layout-white .view[data-page="photo-browser-slides"] .navbar, 1703 | .view[data-page="photo-browser-slides"].layout-white .navbar, 1704 | .layout-white .photo-browser .toolbar, 1705 | .photo-browser.layout-white .toolbar, 1706 | .layout-white .view[data-page="photo-browser-slides"] .toolbar, 1707 | .view[data-page="photo-browser-slides"].layout-white .toolbar { 1708 | background: rgba(255, 255, 255, 0.95); 1709 | } 1710 | .layout-white .tabbar a:not(.active) { 1711 | color: #777777; 1712 | } 1713 | .layout-white .page, 1714 | .layout-white .login-screen-content, 1715 | .page.layout-white, 1716 | .layout-white .panel, 1717 | .panel.layout-white { 1718 | background-color: #ffffff; 1719 | color: #000000; 1720 | } 1721 | .layout-white .content-block-title { 1722 | color: #777777; 1723 | } 1724 | .layout-white .content-block, 1725 | .content-block.layout-white { 1726 | color: #777777; 1727 | } 1728 | .layout-white .content-block-inner { 1729 | background: #fafafa; 1730 | color: #000000; 1731 | } 1732 | .layout-white .content-block-inner:after { 1733 | background-color: #dddddd; 1734 | } 1735 | .layout-white .content-block-inner:before { 1736 | background-color: #dddddd; 1737 | } 1738 | .layout-white .list-block ul, 1739 | .list-block.layout-white ul { 1740 | background: #ffffff; 1741 | } 1742 | .layout-white .list-block ul:after, 1743 | .list-block.layout-white ul:after { 1744 | background-color: #dddddd; 1745 | } 1746 | .layout-white .list-block ul:before, 1747 | .list-block.layout-white ul:before { 1748 | background-color: #dddddd; 1749 | } 1750 | .layout-white .list-block.inset ul, 1751 | .list-block.layout-white.inset ul { 1752 | background: #fafafa; 1753 | } 1754 | .layout-white .list-block.notifications > ul, 1755 | .list-block.layout-white.notifications > ul { 1756 | background: none; 1757 | } 1758 | .layout-white .popover-inner > .list-block ul { 1759 | background: none; 1760 | } 1761 | .layout-white li.sorting { 1762 | background-color: #eeeeee; 1763 | } 1764 | .layout-white .swipeout-actions-left a, 1765 | .layout-white .swipeout-actions-right a { 1766 | background-color: #c7c7cc; 1767 | } 1768 | .layout-white .item-inner, 1769 | .layout-white .list-block ul ul li:last-child .item-inner { 1770 | border-color: #dddddd; 1771 | } 1772 | .layout-white .item-inner:after, 1773 | .layout-white .list-block ul ul li:last-child .item-inner:after { 1774 | background-color: #dddddd; 1775 | } 1776 | .layout-white .item-after { 1777 | color: #8e8e93; 1778 | } 1779 | html:not(.watch-active-state) .layout-white .item-link:active, 1780 | html:not(.watch-active-state) .layout-white label.label-checkbox:active, 1781 | html:not(.watch-active-state) .layout-white label.label-radio:active, 1782 | .layout-white .item-link.active-state, 1783 | .layout-white label.label-checkbox.active-state, 1784 | .layout-white label.label-radio.active-state { 1785 | background-color: #eeeeee; 1786 | } 1787 | .layout-white .item-link.list-button:after { 1788 | background-color: #dddddd; 1789 | } 1790 | .layout-white .list-block-label { 1791 | color: #777777; 1792 | } 1793 | .layout-white .item-divider, 1794 | .layout-white .list-group-title { 1795 | background: #f7f7f7; 1796 | color: #777777; 1797 | } 1798 | .layout-white .item-divider:before, 1799 | .layout-white .list-group-title:before { 1800 | background-color: #dddddd; 1801 | } 1802 | .layout-white .searchbar { 1803 | background: #c9c9ce; 1804 | } 1805 | .layout-white .searchbar:after { 1806 | background-color: #b4b4b4; 1807 | } 1808 | .layout-white .list-block input[type="text"], 1809 | .list-block.layout-white input[type="text"], 1810 | .layout-white .list-block input[type="password"], 1811 | .list-block.layout-white input[type="password"], 1812 | .layout-white .list-block input[type="email"], 1813 | .list-block.layout-white input[type="email"], 1814 | .layout-white .list-block input[type="tel"], 1815 | .list-block.layout-white input[type="tel"], 1816 | .layout-white .list-block input[type="url"], 1817 | .list-block.layout-white input[type="url"], 1818 | .layout-white .list-block input[type="date"], 1819 | .list-block.layout-white input[type="date"], 1820 | .layout-white .list-block input[type="datetime-local"], 1821 | .list-block.layout-white input[type="datetime-local"], 1822 | .layout-white .list-block input[type="number"], 1823 | .list-block.layout-white input[type="number"], 1824 | .layout-white .list-block select, 1825 | .list-block.layout-white select, 1826 | .layout-white .list-block textarea, 1827 | .list-block.layout-white textarea { 1828 | color: #777777; 1829 | } 1830 | .layout-white .label-switch .checkbox { 1831 | background-color: #e5e5e5; 1832 | } 1833 | .layout-white .label-switch .checkbox:before { 1834 | background-color: #ffffff; 1835 | } 1836 | .layout-white .range-slider input[type="range"]:after { 1837 | background: #ffffff; 1838 | } 1839 | -------------------------------------------------------------------------------- /css/framework7.ios.colors.min.css: -------------------------------------------------------------------------------- 1 | /** 2 | * Framework7 1.2.0 3 | * Full Featured Mobile HTML Framework For Building iOS & Android Apps 4 | * 5 | * http://www.idangero.us/framework7 6 | * 7 | * Copyright 2015, Vladimir Kharlampidi 8 | * The iDangero.us 9 | * http://www.idangero.us/ 10 | * 11 | * Licensed under MIT 12 | * 13 | * Released on: July 18, 2015 14 | */ 15 | .color-gray{color:#8e8e93}.list-block .item-link.list-button.color-gray,.tabbar a.active.color-gray,a.color-gray{color:#8e8e93}.label-switch input[type=checkbox]:checked+.checkbox.color-gray,.label-switch.color-gray input[type=checkbox]:checked+.checkbox{background-color:#8e8e93}.color-gray.button:not(.button-fill),.color-gray.buttons-row .button,.theme-gray .button:not(.button-fill){border-color:#8e8e93}.color-gray.button:not(.button-fill).active-state,.color-gray.buttons-row .button.active-state,.theme-gray .button:not(.button-fill).active-state,html:not(.watch-active-state) .color-gray.button:not(.button-fill):active,html:not(.watch-active-state) .color-gray.buttons-row .button:active,html:not(.watch-active-state) .theme-gray .button:not(.button-fill):active{background-color:rgba(142,142,147,.15)}.color-gray.button:not(.button-fill).active,.color-gray.buttons-row .button.active,.theme-gray .button:not(.button-fill).active{background-color:#8e8e93;color:#fff}.button.button-fill.color-gray,.theme-gray .button.button-fill{background:#8e8e93;color:#fff}.color-gray i.icon,.theme-gray i.icon,i.icon.color-gray,i.icon.theme-gray{color:#8e8e93}.theme-gray i.icon-next,i.icon-next.color-gray,i.icon-next.theme-gray{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%238e8e93'%20d%3D'M1%2C1.6l11.8%2C5.8L1%2C13.4V1.6%20M0%2C0v15l15-7.6L0%2C0L0%2C0z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}.theme-gray i.icon-prev,i.icon-prev.color-gray,i.icon-prev.theme-gray{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%238e8e93'%20d%3D'M14%2C1.6v11.8L2.2%2C7.6L14%2C1.6%20M15%2C0L0%2C7.6L15%2C15V0L15%2C0z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}.theme-gray i.icon-back,i.icon-back.color-gray,i.icon-back.theme-gray{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M10%2C0l2%2C2l-8%2C8l8%2C8l-2%2C2L0%2C10L10%2C0z'%20fill%3D'%238e8e93'%2F%3E%3C%2Fsvg%3E")}.theme-gray i.icon-forward,i.icon-forward.color-gray,i.icon-forward.theme-gray{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M2%2C20l-2-2l8-8L0%2C2l2-2l10%2C10L2%2C20z'%20fill%3D'%238e8e93'%2F%3E%3C%2Fsvg%3E")}.theme-gray i.icon-bars,i.icon-bars.color-gray,i.icon-bars.theme-gray{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2021%2014'%3E%3Cpath%20fill%3D'%238e8e93'%20d%3D'M0%2C0h2v2H0V0z%20M4%2C0h17v1H4V0z%20M0%2C6h2v2H0V6z%20M4%2C6h17v1H4V6z%20M0%2C12h2v2H0V12z%20M4%2C12h17v1H4V12z'%2F%3E%3C%2Fsvg%3E")}@media (-webkit-min-device-pixel-ratio:2){.theme-gray i.icon-bars,i.icon-bars.color-gray,i.icon-bars.theme-gray{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2042%2026'%3E%3Cpath%20fill%3D'%238e8e93'%20d%3D'M0%2C0h4v4H0V0z%20M8%2C1h34v2H8V1z%20M0%2C11h4v4H0V11z%20M8%2C12h34v2H8V12z%20M0%2C22h4v4H0V22z%20M8%2C23h34v2H8V23z'%2F%3E%3C%2Fsvg%3E")}}.theme-gray .item-link.list-button,.theme-gray a{color:#8e8e93}.tabbar.theme-gray a,.tabbar.theme-gray a i,.theme-gray .tabbar a,.theme-gray .tabbar a i{color:inherit}.tabbar.theme-gray a.active,.tabbar.theme-gray a.active i,.theme-gray .tabbar a.active,.theme-gray .tabbar a.active i{color:#8e8e93}.range-slider.theme-gray input[type=range]::-webkit-slider-thumb:before,.theme-gray .range-slider input[type=range]::-webkit-slider-thumb:before{background-color:#8e8e93}.theme-gray label.label-checkbox input[type=checkbox]:checked+.item-media i.icon-form-checkbox,.theme-gray label.label-checkbox input[type=radio]:checked+.item-media i.icon-form-checkbox{background-color:#8e8e93}.theme-gray label.label-radio input[type=checkbox]:checked~.item-inner,.theme-gray label.label-radio input[type=radio]:checked~.item-inner{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2013%2010'%3E%3Cpolygon%20fill%3D'%238e8e93'%20points%3D'11.6%2C0%204.4%2C7.2%201.4%2C4.2%200%2C5.6%204.4%2C10%204.4%2C10%204.4%2C10%2013%2C1.4%20'%2F%3E%3C%2Fsvg%3E")}.theme-gray .picker-calendar-day.picker-calendar-day-selected span{background-color:#8e8e93!important}.swiper-pagination.color-gray .swiper-pagination-bullet-active,.theme-gray .swiper-pagination .swiper-pagination-bullet-active{background-color:#8e8e93}.swiper-button-next.color-gray,.swiper-container-rtl .swiper-button-prev.color-gray,.theme-gray .swiper-button-next,.theme-gray .swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%238e8e93'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.color-gray,.swiper-container-rtl .swiper-button-next.color-gray,.theme-gray .swiper-button-prev,.theme-gray .swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%238e8e93'%2F%3E%3C%2Fsvg%3E")}.bg-gray,.button.button-fill.bg-gray,.list-block .swipeout-actions-left a.bg-gray,.list-block .swipeout-actions-right a.bg-gray,a.bg-gray{background-color:#8e8e93}.border-gray{border-color:#8e8e93}.border-gray:after,.border-gray:before,.list-block .border-gray.item-inner:after,.list-block .border-gray.item-inner:before,.list-block ul.border-gray:after,.list-block ul.border-gray:before{background-color:#8e8e93}.color-white{color:#fff}.list-block .item-link.list-button.color-white,.tabbar a.active.color-white,a.color-white{color:#fff}.label-switch input[type=checkbox]:checked+.checkbox.color-white,.label-switch.color-white input[type=checkbox]:checked+.checkbox{background-color:#fff}.color-white.button:not(.button-fill),.color-white.buttons-row .button,.theme-white .button:not(.button-fill){border-color:#fff}.color-white.button:not(.button-fill).active-state,.color-white.buttons-row .button.active-state,.theme-white .button:not(.button-fill).active-state,html:not(.watch-active-state) .color-white.button:not(.button-fill):active,html:not(.watch-active-state) .color-white.buttons-row .button:active,html:not(.watch-active-state) .theme-white .button:not(.button-fill):active{background-color:rgba(255,255,255,.15)}.color-white.button:not(.button-fill).active,.color-white.buttons-row .button.active,.theme-white .button:not(.button-fill).active{background-color:#fff;color:#fff}.button.button-fill.color-white,.theme-white .button.button-fill{background:#fff;color:#fff}.color-white i.icon,.theme-white i.icon,i.icon.color-white,i.icon.theme-white{color:#fff}.theme-white i.icon-next,i.icon-next.color-white,i.icon-next.theme-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%23ffffff'%20d%3D'M1%2C1.6l11.8%2C5.8L1%2C13.4V1.6%20M0%2C0v15l15-7.6L0%2C0L0%2C0z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}.theme-white i.icon-prev,i.icon-prev.color-white,i.icon-prev.theme-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%23ffffff'%20d%3D'M14%2C1.6v11.8L2.2%2C7.6L14%2C1.6%20M15%2C0L0%2C7.6L15%2C15V0L15%2C0z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}.theme-white i.icon-back,i.icon-back.color-white,i.icon-back.theme-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M10%2C0l2%2C2l-8%2C8l8%2C8l-2%2C2L0%2C10L10%2C0z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.theme-white i.icon-forward,i.icon-forward.color-white,i.icon-forward.theme-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M2%2C20l-2-2l8-8L0%2C2l2-2l10%2C10L2%2C20z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.theme-white i.icon-bars,i.icon-bars.color-white,i.icon-bars.theme-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2021%2014'%3E%3Cpath%20fill%3D'%23ffffff'%20d%3D'M0%2C0h2v2H0V0z%20M4%2C0h17v1H4V0z%20M0%2C6h2v2H0V6z%20M4%2C6h17v1H4V6z%20M0%2C12h2v2H0V12z%20M4%2C12h17v1H4V12z'%2F%3E%3C%2Fsvg%3E")}@media (-webkit-min-device-pixel-ratio:2){.theme-white i.icon-bars,i.icon-bars.color-white,i.icon-bars.theme-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2042%2026'%3E%3Cpath%20fill%3D'%23ffffff'%20d%3D'M0%2C0h4v4H0V0z%20M8%2C1h34v2H8V1z%20M0%2C11h4v4H0V11z%20M8%2C12h34v2H8V12z%20M0%2C22h4v4H0V22z%20M8%2C23h34v2H8V23z'%2F%3E%3C%2Fsvg%3E")}}.theme-white .item-link.list-button,.theme-white a{color:#fff}.tabbar.theme-white a,.tabbar.theme-white a i,.theme-white .tabbar a,.theme-white .tabbar a i{color:inherit}.tabbar.theme-white a.active,.tabbar.theme-white a.active i,.theme-white .tabbar a.active,.theme-white .tabbar a.active i{color:#fff}.range-slider.theme-white input[type=range]::-webkit-slider-thumb:before,.theme-white .range-slider input[type=range]::-webkit-slider-thumb:before{background-color:#fff}.theme-white label.label-checkbox input[type=checkbox]:checked+.item-media i.icon-form-checkbox,.theme-white label.label-checkbox input[type=radio]:checked+.item-media i.icon-form-checkbox{background-color:#fff}.theme-white label.label-radio input[type=checkbox]:checked~.item-inner,.theme-white label.label-radio input[type=radio]:checked~.item-inner{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2013%2010'%3E%3Cpolygon%20fill%3D'%23ffffff'%20points%3D'11.6%2C0%204.4%2C7.2%201.4%2C4.2%200%2C5.6%204.4%2C10%204.4%2C10%204.4%2C10%2013%2C1.4%20'%2F%3E%3C%2Fsvg%3E")}.theme-white .picker-calendar-day.picker-calendar-day-selected span{background-color:#fff!important}.swiper-pagination.color-white .swiper-pagination-bullet-active,.theme-white .swiper-pagination .swiper-pagination-bullet-active{background-color:#fff}.swiper-button-next.color-white,.swiper-container-rtl .swiper-button-prev.color-white,.theme-white .swiper-button-next,.theme-white .swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.color-white,.swiper-container-rtl .swiper-button-next.color-white,.theme-white .swiper-button-prev,.theme-white .swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.bg-white,.button.button-fill.bg-white,.list-block .swipeout-actions-left a.bg-white,.list-block .swipeout-actions-right a.bg-white,a.bg-white{background-color:#fff}.border-white{border-color:#fff}.border-white:after,.border-white:before,.list-block .border-white.item-inner:after,.list-block .border-white.item-inner:before,.list-block ul.border-white:after,.list-block ul.border-white:before{background-color:#fff}.color-black{color:#000}.list-block .item-link.list-button.color-black,.tabbar a.active.color-black,a.color-black{color:#000}.label-switch input[type=checkbox]:checked+.checkbox.color-black,.label-switch.color-black input[type=checkbox]:checked+.checkbox{background-color:#000}.color-black.button:not(.button-fill),.color-black.buttons-row .button,.theme-black .button:not(.button-fill){border-color:#000}.color-black.button:not(.button-fill).active-state,.color-black.buttons-row .button.active-state,.theme-black .button:not(.button-fill).active-state,html:not(.watch-active-state) .color-black.button:not(.button-fill):active,html:not(.watch-active-state) .color-black.buttons-row .button:active,html:not(.watch-active-state) .theme-black .button:not(.button-fill):active{background-color:rgba(0,0,0,.15)}.color-black.button:not(.button-fill).active,.color-black.buttons-row .button.active,.theme-black .button:not(.button-fill).active{background-color:#000;color:#fff}.button.button-fill.color-black,.theme-black .button.button-fill{background:#000;color:#fff}.color-black i.icon,.theme-black i.icon,i.icon.color-black,i.icon.theme-black{color:#000}.theme-black i.icon-next,i.icon-next.color-black,i.icon-next.theme-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%23000000'%20d%3D'M1%2C1.6l11.8%2C5.8L1%2C13.4V1.6%20M0%2C0v15l15-7.6L0%2C0L0%2C0z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}.theme-black i.icon-prev,i.icon-prev.color-black,i.icon-prev.theme-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%23000000'%20d%3D'M14%2C1.6v11.8L2.2%2C7.6L14%2C1.6%20M15%2C0L0%2C7.6L15%2C15V0L15%2C0z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}.theme-black i.icon-back,i.icon-back.color-black,i.icon-back.theme-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M10%2C0l2%2C2l-8%2C8l8%2C8l-2%2C2L0%2C10L10%2C0z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.theme-black i.icon-forward,i.icon-forward.color-black,i.icon-forward.theme-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M2%2C20l-2-2l8-8L0%2C2l2-2l10%2C10L2%2C20z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.theme-black i.icon-bars,i.icon-bars.color-black,i.icon-bars.theme-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2021%2014'%3E%3Cpath%20fill%3D'%23000000'%20d%3D'M0%2C0h2v2H0V0z%20M4%2C0h17v1H4V0z%20M0%2C6h2v2H0V6z%20M4%2C6h17v1H4V6z%20M0%2C12h2v2H0V12z%20M4%2C12h17v1H4V12z'%2F%3E%3C%2Fsvg%3E")}@media (-webkit-min-device-pixel-ratio:2){.theme-black i.icon-bars,i.icon-bars.color-black,i.icon-bars.theme-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2042%2026'%3E%3Cpath%20fill%3D'%23000000'%20d%3D'M0%2C0h4v4H0V0z%20M8%2C1h34v2H8V1z%20M0%2C11h4v4H0V11z%20M8%2C12h34v2H8V12z%20M0%2C22h4v4H0V22z%20M8%2C23h34v2H8V23z'%2F%3E%3C%2Fsvg%3E")}}.theme-black .item-link.list-button,.theme-black a{color:#000}.tabbar.theme-black a,.tabbar.theme-black a i,.theme-black .tabbar a,.theme-black .tabbar a i{color:inherit}.tabbar.theme-black a.active,.tabbar.theme-black a.active i,.theme-black .tabbar a.active,.theme-black .tabbar a.active i{color:#000}.range-slider.theme-black input[type=range]::-webkit-slider-thumb:before,.theme-black .range-slider input[type=range]::-webkit-slider-thumb:before{background-color:#000}.theme-black label.label-checkbox input[type=checkbox]:checked+.item-media i.icon-form-checkbox,.theme-black label.label-checkbox input[type=radio]:checked+.item-media i.icon-form-checkbox{background-color:#000}.theme-black label.label-radio input[type=checkbox]:checked~.item-inner,.theme-black label.label-radio input[type=radio]:checked~.item-inner{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2013%2010'%3E%3Cpolygon%20fill%3D'%23000000'%20points%3D'11.6%2C0%204.4%2C7.2%201.4%2C4.2%200%2C5.6%204.4%2C10%204.4%2C10%204.4%2C10%2013%2C1.4%20'%2F%3E%3C%2Fsvg%3E")}.theme-black .picker-calendar-day.picker-calendar-day-selected span{background-color:#000!important}.swiper-pagination.color-black .swiper-pagination-bullet-active,.theme-black .swiper-pagination .swiper-pagination-bullet-active{background-color:#000}.swiper-button-next.color-black,.swiper-container-rtl .swiper-button-prev.color-black,.theme-black .swiper-button-next,.theme-black .swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.color-black,.swiper-container-rtl .swiper-button-next.color-black,.theme-black .swiper-button-prev,.theme-black .swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.bg-black,.button.button-fill.bg-black,.list-block .swipeout-actions-left a.bg-black,.list-block .swipeout-actions-right a.bg-black,a.bg-black{background-color:#000}.border-black{border-color:#000}.border-black:after,.border-black:before,.list-block .border-black.item-inner:after,.list-block .border-black.item-inner:before,.list-block ul.border-black:after,.list-block ul.border-black:before{background-color:#000}.color-lightblue{color:#5ac8fa}.list-block .item-link.list-button.color-lightblue,.tabbar a.active.color-lightblue,a.color-lightblue{color:#5ac8fa}.label-switch input[type=checkbox]:checked+.checkbox.color-lightblue,.label-switch.color-lightblue input[type=checkbox]:checked+.checkbox{background-color:#5ac8fa}.color-lightblue.button:not(.button-fill),.color-lightblue.buttons-row .button,.theme-lightblue .button:not(.button-fill){border-color:#5ac8fa}.color-lightblue.button:not(.button-fill).active-state,.color-lightblue.buttons-row .button.active-state,.theme-lightblue .button:not(.button-fill).active-state,html:not(.watch-active-state) .color-lightblue.button:not(.button-fill):active,html:not(.watch-active-state) .color-lightblue.buttons-row .button:active,html:not(.watch-active-state) .theme-lightblue .button:not(.button-fill):active{background-color:rgba(90,200,250,.15)}.color-lightblue.button:not(.button-fill).active,.color-lightblue.buttons-row .button.active,.theme-lightblue .button:not(.button-fill).active{background-color:#5ac8fa;color:#fff}.button.button-fill.color-lightblue,.theme-lightblue .button.button-fill{background:#5ac8fa;color:#fff}.color-lightblue i.icon,.theme-lightblue i.icon,i.icon.color-lightblue,i.icon.theme-lightblue{color:#5ac8fa}.theme-lightblue i.icon-next,i.icon-next.color-lightblue,i.icon-next.theme-lightblue{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%235ac8fa'%20d%3D'M1%2C1.6l11.8%2C5.8L1%2C13.4V1.6%20M0%2C0v15l15-7.6L0%2C0L0%2C0z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}.theme-lightblue i.icon-prev,i.icon-prev.color-lightblue,i.icon-prev.theme-lightblue{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%235ac8fa'%20d%3D'M14%2C1.6v11.8L2.2%2C7.6L14%2C1.6%20M15%2C0L0%2C7.6L15%2C15V0L15%2C0z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}.theme-lightblue i.icon-back,i.icon-back.color-lightblue,i.icon-back.theme-lightblue{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M10%2C0l2%2C2l-8%2C8l8%2C8l-2%2C2L0%2C10L10%2C0z'%20fill%3D'%235ac8fa'%2F%3E%3C%2Fsvg%3E")}.theme-lightblue i.icon-forward,i.icon-forward.color-lightblue,i.icon-forward.theme-lightblue{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M2%2C20l-2-2l8-8L0%2C2l2-2l10%2C10L2%2C20z'%20fill%3D'%235ac8fa'%2F%3E%3C%2Fsvg%3E")}.theme-lightblue i.icon-bars,i.icon-bars.color-lightblue,i.icon-bars.theme-lightblue{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2021%2014'%3E%3Cpath%20fill%3D'%235ac8fa'%20d%3D'M0%2C0h2v2H0V0z%20M4%2C0h17v1H4V0z%20M0%2C6h2v2H0V6z%20M4%2C6h17v1H4V6z%20M0%2C12h2v2H0V12z%20M4%2C12h17v1H4V12z'%2F%3E%3C%2Fsvg%3E")}@media (-webkit-min-device-pixel-ratio:2){.theme-lightblue i.icon-bars,i.icon-bars.color-lightblue,i.icon-bars.theme-lightblue{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2042%2026'%3E%3Cpath%20fill%3D'%235ac8fa'%20d%3D'M0%2C0h4v4H0V0z%20M8%2C1h34v2H8V1z%20M0%2C11h4v4H0V11z%20M8%2C12h34v2H8V12z%20M0%2C22h4v4H0V22z%20M8%2C23h34v2H8V23z'%2F%3E%3C%2Fsvg%3E")}}.theme-lightblue .item-link.list-button,.theme-lightblue a{color:#5ac8fa}.tabbar.theme-lightblue a,.tabbar.theme-lightblue a i,.theme-lightblue .tabbar a,.theme-lightblue .tabbar a i{color:inherit}.tabbar.theme-lightblue a.active,.tabbar.theme-lightblue a.active i,.theme-lightblue .tabbar a.active,.theme-lightblue .tabbar a.active i{color:#5ac8fa}.range-slider.theme-lightblue input[type=range]::-webkit-slider-thumb:before,.theme-lightblue .range-slider input[type=range]::-webkit-slider-thumb:before{background-color:#5ac8fa}.theme-lightblue label.label-checkbox input[type=checkbox]:checked+.item-media i.icon-form-checkbox,.theme-lightblue label.label-checkbox input[type=radio]:checked+.item-media i.icon-form-checkbox{background-color:#5ac8fa}.theme-lightblue label.label-radio input[type=checkbox]:checked~.item-inner,.theme-lightblue label.label-radio input[type=radio]:checked~.item-inner{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2013%2010'%3E%3Cpolygon%20fill%3D'%235ac8fa'%20points%3D'11.6%2C0%204.4%2C7.2%201.4%2C4.2%200%2C5.6%204.4%2C10%204.4%2C10%204.4%2C10%2013%2C1.4%20'%2F%3E%3C%2Fsvg%3E")}.theme-lightblue .picker-calendar-day.picker-calendar-day-selected span{background-color:#5ac8fa!important}.swiper-pagination.color-lightblue .swiper-pagination-bullet-active,.theme-lightblue .swiper-pagination .swiper-pagination-bullet-active{background-color:#5ac8fa}.swiper-button-next.color-lightblue,.swiper-container-rtl .swiper-button-prev.color-lightblue,.theme-lightblue .swiper-button-next,.theme-lightblue .swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%235ac8fa'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.color-lightblue,.swiper-container-rtl .swiper-button-next.color-lightblue,.theme-lightblue .swiper-button-prev,.theme-lightblue .swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%235ac8fa'%2F%3E%3C%2Fsvg%3E")}.bg-lightblue,.button.button-fill.bg-lightblue,.list-block .swipeout-actions-left a.bg-lightblue,.list-block .swipeout-actions-right a.bg-lightblue,a.bg-lightblue{background-color:#5ac8fa}.border-lightblue{border-color:#5ac8fa}.border-lightblue:after,.border-lightblue:before,.list-block .border-lightblue.item-inner:after,.list-block .border-lightblue.item-inner:before,.list-block ul.border-lightblue:after,.list-block ul.border-lightblue:before{background-color:#5ac8fa}.color-yellow{color:#fc0}.list-block .item-link.list-button.color-yellow,.tabbar a.active.color-yellow,a.color-yellow{color:#fc0}.label-switch input[type=checkbox]:checked+.checkbox.color-yellow,.label-switch.color-yellow input[type=checkbox]:checked+.checkbox{background-color:#fc0}.color-yellow.button:not(.button-fill),.color-yellow.buttons-row .button,.theme-yellow .button:not(.button-fill){border-color:#fc0}.color-yellow.button:not(.button-fill).active-state,.color-yellow.buttons-row .button.active-state,.theme-yellow .button:not(.button-fill).active-state,html:not(.watch-active-state) .color-yellow.button:not(.button-fill):active,html:not(.watch-active-state) .color-yellow.buttons-row .button:active,html:not(.watch-active-state) .theme-yellow .button:not(.button-fill):active{background-color:rgba(255,204,0,.15)}.color-yellow.button:not(.button-fill).active,.color-yellow.buttons-row .button.active,.theme-yellow .button:not(.button-fill).active{background-color:#fc0;color:#fff}.button.button-fill.color-yellow,.theme-yellow .button.button-fill{background:#fc0;color:#fff}.color-yellow i.icon,.theme-yellow i.icon,i.icon.color-yellow,i.icon.theme-yellow{color:#fc0}.theme-yellow i.icon-next,i.icon-next.color-yellow,i.icon-next.theme-yellow{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%23ffcc00'%20d%3D'M1%2C1.6l11.8%2C5.8L1%2C13.4V1.6%20M0%2C0v15l15-7.6L0%2C0L0%2C0z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}.theme-yellow i.icon-prev,i.icon-prev.color-yellow,i.icon-prev.theme-yellow{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%23ffcc00'%20d%3D'M14%2C1.6v11.8L2.2%2C7.6L14%2C1.6%20M15%2C0L0%2C7.6L15%2C15V0L15%2C0z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}.theme-yellow i.icon-back,i.icon-back.color-yellow,i.icon-back.theme-yellow{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M10%2C0l2%2C2l-8%2C8l8%2C8l-2%2C2L0%2C10L10%2C0z'%20fill%3D'%23ffcc00'%2F%3E%3C%2Fsvg%3E")}.theme-yellow i.icon-forward,i.icon-forward.color-yellow,i.icon-forward.theme-yellow{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M2%2C20l-2-2l8-8L0%2C2l2-2l10%2C10L2%2C20z'%20fill%3D'%23ffcc00'%2F%3E%3C%2Fsvg%3E")}.theme-yellow i.icon-bars,i.icon-bars.color-yellow,i.icon-bars.theme-yellow{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2021%2014'%3E%3Cpath%20fill%3D'%23ffcc00'%20d%3D'M0%2C0h2v2H0V0z%20M4%2C0h17v1H4V0z%20M0%2C6h2v2H0V6z%20M4%2C6h17v1H4V6z%20M0%2C12h2v2H0V12z%20M4%2C12h17v1H4V12z'%2F%3E%3C%2Fsvg%3E")}@media (-webkit-min-device-pixel-ratio:2){.theme-yellow i.icon-bars,i.icon-bars.color-yellow,i.icon-bars.theme-yellow{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2042%2026'%3E%3Cpath%20fill%3D'%23ffcc00'%20d%3D'M0%2C0h4v4H0V0z%20M8%2C1h34v2H8V1z%20M0%2C11h4v4H0V11z%20M8%2C12h34v2H8V12z%20M0%2C22h4v4H0V22z%20M8%2C23h34v2H8V23z'%2F%3E%3C%2Fsvg%3E")}}.theme-yellow .item-link.list-button,.theme-yellow a{color:#fc0}.tabbar.theme-yellow a,.tabbar.theme-yellow a i,.theme-yellow .tabbar a,.theme-yellow .tabbar a i{color:inherit}.tabbar.theme-yellow a.active,.tabbar.theme-yellow a.active i,.theme-yellow .tabbar a.active,.theme-yellow .tabbar a.active i{color:#fc0}.range-slider.theme-yellow input[type=range]::-webkit-slider-thumb:before,.theme-yellow .range-slider input[type=range]::-webkit-slider-thumb:before{background-color:#fc0}.theme-yellow label.label-checkbox input[type=checkbox]:checked+.item-media i.icon-form-checkbox,.theme-yellow label.label-checkbox input[type=radio]:checked+.item-media i.icon-form-checkbox{background-color:#fc0}.theme-yellow label.label-radio input[type=checkbox]:checked~.item-inner,.theme-yellow label.label-radio input[type=radio]:checked~.item-inner{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2013%2010'%3E%3Cpolygon%20fill%3D'%23ffcc00'%20points%3D'11.6%2C0%204.4%2C7.2%201.4%2C4.2%200%2C5.6%204.4%2C10%204.4%2C10%204.4%2C10%2013%2C1.4%20'%2F%3E%3C%2Fsvg%3E")}.theme-yellow .picker-calendar-day.picker-calendar-day-selected span{background-color:#fc0!important}.swiper-pagination.color-yellow .swiper-pagination-bullet-active,.theme-yellow .swiper-pagination .swiper-pagination-bullet-active{background-color:#fc0}.swiper-button-next.color-yellow,.swiper-container-rtl .swiper-button-prev.color-yellow,.theme-yellow .swiper-button-next,.theme-yellow .swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffcc00'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.color-yellow,.swiper-container-rtl .swiper-button-next.color-yellow,.theme-yellow .swiper-button-prev,.theme-yellow .swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffcc00'%2F%3E%3C%2Fsvg%3E")}.bg-yellow,.button.button-fill.bg-yellow,.list-block .swipeout-actions-left a.bg-yellow,.list-block .swipeout-actions-right a.bg-yellow,a.bg-yellow{background-color:#fc0}.border-yellow{border-color:#fc0}.border-yellow:after,.border-yellow:before,.list-block .border-yellow.item-inner:after,.list-block .border-yellow.item-inner:before,.list-block ul.border-yellow:after,.list-block ul.border-yellow:before{background-color:#fc0}.color-orange{color:#ff9500}.list-block .item-link.list-button.color-orange,.tabbar a.active.color-orange,a.color-orange{color:#ff9500}.label-switch input[type=checkbox]:checked+.checkbox.color-orange,.label-switch.color-orange input[type=checkbox]:checked+.checkbox{background-color:#ff9500}.color-orange.button:not(.button-fill),.color-orange.buttons-row .button,.theme-orange .button:not(.button-fill){border-color:#ff9500}.color-orange.button:not(.button-fill).active-state,.color-orange.buttons-row .button.active-state,.theme-orange .button:not(.button-fill).active-state,html:not(.watch-active-state) .color-orange.button:not(.button-fill):active,html:not(.watch-active-state) .color-orange.buttons-row .button:active,html:not(.watch-active-state) .theme-orange .button:not(.button-fill):active{background-color:rgba(255,149,0,.15)}.color-orange.button:not(.button-fill).active,.color-orange.buttons-row .button.active,.theme-orange .button:not(.button-fill).active{background-color:#ff9500;color:#fff}.button.button-fill.color-orange,.theme-orange .button.button-fill{background:#ff9500;color:#fff}.color-orange i.icon,.theme-orange i.icon,i.icon.color-orange,i.icon.theme-orange{color:#ff9500}.theme-orange i.icon-next,i.icon-next.color-orange,i.icon-next.theme-orange{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%23ff9500'%20d%3D'M1%2C1.6l11.8%2C5.8L1%2C13.4V1.6%20M0%2C0v15l15-7.6L0%2C0L0%2C0z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}.theme-orange i.icon-prev,i.icon-prev.color-orange,i.icon-prev.theme-orange{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%23ff9500'%20d%3D'M14%2C1.6v11.8L2.2%2C7.6L14%2C1.6%20M15%2C0L0%2C7.6L15%2C15V0L15%2C0z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}.theme-orange i.icon-back,i.icon-back.color-orange,i.icon-back.theme-orange{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M10%2C0l2%2C2l-8%2C8l8%2C8l-2%2C2L0%2C10L10%2C0z'%20fill%3D'%23ff9500'%2F%3E%3C%2Fsvg%3E")}.theme-orange i.icon-forward,i.icon-forward.color-orange,i.icon-forward.theme-orange{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M2%2C20l-2-2l8-8L0%2C2l2-2l10%2C10L2%2C20z'%20fill%3D'%23ff9500'%2F%3E%3C%2Fsvg%3E")}.theme-orange i.icon-bars,i.icon-bars.color-orange,i.icon-bars.theme-orange{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2021%2014'%3E%3Cpath%20fill%3D'%23ff9500'%20d%3D'M0%2C0h2v2H0V0z%20M4%2C0h17v1H4V0z%20M0%2C6h2v2H0V6z%20M4%2C6h17v1H4V6z%20M0%2C12h2v2H0V12z%20M4%2C12h17v1H4V12z'%2F%3E%3C%2Fsvg%3E")}@media (-webkit-min-device-pixel-ratio:2){.theme-orange i.icon-bars,i.icon-bars.color-orange,i.icon-bars.theme-orange{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2042%2026'%3E%3Cpath%20fill%3D'%23ff9500'%20d%3D'M0%2C0h4v4H0V0z%20M8%2C1h34v2H8V1z%20M0%2C11h4v4H0V11z%20M8%2C12h34v2H8V12z%20M0%2C22h4v4H0V22z%20M8%2C23h34v2H8V23z'%2F%3E%3C%2Fsvg%3E")}}.theme-orange .item-link.list-button,.theme-orange a{color:#ff9500}.tabbar.theme-orange a,.tabbar.theme-orange a i,.theme-orange .tabbar a,.theme-orange .tabbar a i{color:inherit}.tabbar.theme-orange a.active,.tabbar.theme-orange a.active i,.theme-orange .tabbar a.active,.theme-orange .tabbar a.active i{color:#ff9500}.range-slider.theme-orange input[type=range]::-webkit-slider-thumb:before,.theme-orange .range-slider input[type=range]::-webkit-slider-thumb:before{background-color:#ff9500}.theme-orange label.label-checkbox input[type=checkbox]:checked+.item-media i.icon-form-checkbox,.theme-orange label.label-checkbox input[type=radio]:checked+.item-media i.icon-form-checkbox{background-color:#ff9500}.theme-orange label.label-radio input[type=checkbox]:checked~.item-inner,.theme-orange label.label-radio input[type=radio]:checked~.item-inner{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2013%2010'%3E%3Cpolygon%20fill%3D'%23ff9500'%20points%3D'11.6%2C0%204.4%2C7.2%201.4%2C4.2%200%2C5.6%204.4%2C10%204.4%2C10%204.4%2C10%2013%2C1.4%20'%2F%3E%3C%2Fsvg%3E")}.theme-orange .picker-calendar-day.picker-calendar-day-selected span{background-color:#ff9500!important}.swiper-pagination.color-orange .swiper-pagination-bullet-active,.theme-orange .swiper-pagination .swiper-pagination-bullet-active{background-color:#ff9500}.swiper-button-next.color-orange,.swiper-container-rtl .swiper-button-prev.color-orange,.theme-orange .swiper-button-next,.theme-orange .swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ff9500'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.color-orange,.swiper-container-rtl .swiper-button-next.color-orange,.theme-orange .swiper-button-prev,.theme-orange .swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ff9500'%2F%3E%3C%2Fsvg%3E")}.bg-orange,.button.button-fill.bg-orange,.list-block .swipeout-actions-left a.bg-orange,.list-block .swipeout-actions-right a.bg-orange,a.bg-orange{background-color:#ff9500}.border-orange{border-color:#ff9500}.border-orange:after,.border-orange:before,.list-block .border-orange.item-inner:after,.list-block .border-orange.item-inner:before,.list-block ul.border-orange:after,.list-block ul.border-orange:before{background-color:#ff9500}.color-pink{color:#ff2d55}.list-block .item-link.list-button.color-pink,.tabbar a.active.color-pink,a.color-pink{color:#ff2d55}.label-switch input[type=checkbox]:checked+.checkbox.color-pink,.label-switch.color-pink input[type=checkbox]:checked+.checkbox{background-color:#ff2d55}.color-pink.button:not(.button-fill),.color-pink.buttons-row .button,.theme-pink .button:not(.button-fill){border-color:#ff2d55}.color-pink.button:not(.button-fill).active-state,.color-pink.buttons-row .button.active-state,.theme-pink .button:not(.button-fill).active-state,html:not(.watch-active-state) .color-pink.button:not(.button-fill):active,html:not(.watch-active-state) .color-pink.buttons-row .button:active,html:not(.watch-active-state) .theme-pink .button:not(.button-fill):active{background-color:rgba(255,45,85,.15)}.color-pink.button:not(.button-fill).active,.color-pink.buttons-row .button.active,.theme-pink .button:not(.button-fill).active{background-color:#ff2d55;color:#fff}.button.button-fill.color-pink,.theme-pink .button.button-fill{background:#ff2d55;color:#fff}.color-pink i.icon,.theme-pink i.icon,i.icon.color-pink,i.icon.theme-pink{color:#ff2d55}.theme-pink i.icon-next,i.icon-next.color-pink,i.icon-next.theme-pink{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%23ff2d55'%20d%3D'M1%2C1.6l11.8%2C5.8L1%2C13.4V1.6%20M0%2C0v15l15-7.6L0%2C0L0%2C0z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}.theme-pink i.icon-prev,i.icon-prev.color-pink,i.icon-prev.theme-pink{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%23ff2d55'%20d%3D'M14%2C1.6v11.8L2.2%2C7.6L14%2C1.6%20M15%2C0L0%2C7.6L15%2C15V0L15%2C0z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}.theme-pink i.icon-back,i.icon-back.color-pink,i.icon-back.theme-pink{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M10%2C0l2%2C2l-8%2C8l8%2C8l-2%2C2L0%2C10L10%2C0z'%20fill%3D'%23ff2d55'%2F%3E%3C%2Fsvg%3E")}.theme-pink i.icon-forward,i.icon-forward.color-pink,i.icon-forward.theme-pink{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M2%2C20l-2-2l8-8L0%2C2l2-2l10%2C10L2%2C20z'%20fill%3D'%23ff2d55'%2F%3E%3C%2Fsvg%3E")}.theme-pink i.icon-bars,i.icon-bars.color-pink,i.icon-bars.theme-pink{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2021%2014'%3E%3Cpath%20fill%3D'%23ff2d55'%20d%3D'M0%2C0h2v2H0V0z%20M4%2C0h17v1H4V0z%20M0%2C6h2v2H0V6z%20M4%2C6h17v1H4V6z%20M0%2C12h2v2H0V12z%20M4%2C12h17v1H4V12z'%2F%3E%3C%2Fsvg%3E")}@media (-webkit-min-device-pixel-ratio:2){.theme-pink i.icon-bars,i.icon-bars.color-pink,i.icon-bars.theme-pink{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2042%2026'%3E%3Cpath%20fill%3D'%23ff2d55'%20d%3D'M0%2C0h4v4H0V0z%20M8%2C1h34v2H8V1z%20M0%2C11h4v4H0V11z%20M8%2C12h34v2H8V12z%20M0%2C22h4v4H0V22z%20M8%2C23h34v2H8V23z'%2F%3E%3C%2Fsvg%3E")}}.theme-pink .item-link.list-button,.theme-pink a{color:#ff2d55}.tabbar.theme-pink a,.tabbar.theme-pink a i,.theme-pink .tabbar a,.theme-pink .tabbar a i{color:inherit}.tabbar.theme-pink a.active,.tabbar.theme-pink a.active i,.theme-pink .tabbar a.active,.theme-pink .tabbar a.active i{color:#ff2d55}.range-slider.theme-pink input[type=range]::-webkit-slider-thumb:before,.theme-pink .range-slider input[type=range]::-webkit-slider-thumb:before{background-color:#ff2d55}.theme-pink label.label-checkbox input[type=checkbox]:checked+.item-media i.icon-form-checkbox,.theme-pink label.label-checkbox input[type=radio]:checked+.item-media i.icon-form-checkbox{background-color:#ff2d55}.theme-pink label.label-radio input[type=checkbox]:checked~.item-inner,.theme-pink label.label-radio input[type=radio]:checked~.item-inner{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2013%2010'%3E%3Cpolygon%20fill%3D'%23ff2d55'%20points%3D'11.6%2C0%204.4%2C7.2%201.4%2C4.2%200%2C5.6%204.4%2C10%204.4%2C10%204.4%2C10%2013%2C1.4%20'%2F%3E%3C%2Fsvg%3E")}.theme-pink .picker-calendar-day.picker-calendar-day-selected span{background-color:#ff2d55!important}.swiper-pagination.color-pink .swiper-pagination-bullet-active,.theme-pink .swiper-pagination .swiper-pagination-bullet-active{background-color:#ff2d55}.swiper-button-next.color-pink,.swiper-container-rtl .swiper-button-prev.color-pink,.theme-pink .swiper-button-next,.theme-pink .swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ff2d55'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.color-pink,.swiper-container-rtl .swiper-button-next.color-pink,.theme-pink .swiper-button-prev,.theme-pink .swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ff2d55'%2F%3E%3C%2Fsvg%3E")}.bg-pink,.button.button-fill.bg-pink,.list-block .swipeout-actions-left a.bg-pink,.list-block .swipeout-actions-right a.bg-pink,a.bg-pink{background-color:#ff2d55}.border-pink{border-color:#ff2d55}.border-pink:after,.border-pink:before,.list-block .border-pink.item-inner:after,.list-block .border-pink.item-inner:before,.list-block ul.border-pink:after,.list-block ul.border-pink:before{background-color:#ff2d55}.color-blue{color:#007aff}.list-block .item-link.list-button.color-blue,.tabbar a.active.color-blue,a.color-blue{color:#007aff}.label-switch input[type=checkbox]:checked+.checkbox.color-blue,.label-switch.color-blue input[type=checkbox]:checked+.checkbox{background-color:#007aff}.color-blue.button:not(.button-fill),.color-blue.buttons-row .button,.theme-blue .button:not(.button-fill){border-color:#007aff}.color-blue.button:not(.button-fill).active-state,.color-blue.buttons-row .button.active-state,.theme-blue .button:not(.button-fill).active-state,html:not(.watch-active-state) .color-blue.button:not(.button-fill):active,html:not(.watch-active-state) .color-blue.buttons-row .button:active,html:not(.watch-active-state) .theme-blue .button:not(.button-fill):active{background-color:rgba(0,122,255,.15)}.color-blue.button:not(.button-fill).active,.color-blue.buttons-row .button.active,.theme-blue .button:not(.button-fill).active{background-color:#007aff;color:#fff}.button.button-fill.color-blue,.theme-blue .button.button-fill{background:#007aff;color:#fff}.color-blue i.icon,.theme-blue i.icon,i.icon.color-blue,i.icon.theme-blue{color:#007aff}.theme-blue i.icon-next,i.icon-next.color-blue,i.icon-next.theme-blue{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%23007aff'%20d%3D'M1%2C1.6l11.8%2C5.8L1%2C13.4V1.6%20M0%2C0v15l15-7.6L0%2C0L0%2C0z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}.theme-blue i.icon-prev,i.icon-prev.color-blue,i.icon-prev.theme-blue{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%23007aff'%20d%3D'M14%2C1.6v11.8L2.2%2C7.6L14%2C1.6%20M15%2C0L0%2C7.6L15%2C15V0L15%2C0z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}.theme-blue i.icon-back,i.icon-back.color-blue,i.icon-back.theme-blue{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M10%2C0l2%2C2l-8%2C8l8%2C8l-2%2C2L0%2C10L10%2C0z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E")}.theme-blue i.icon-forward,i.icon-forward.color-blue,i.icon-forward.theme-blue{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M2%2C20l-2-2l8-8L0%2C2l2-2l10%2C10L2%2C20z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E")}.theme-blue i.icon-bars,i.icon-bars.color-blue,i.icon-bars.theme-blue{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2021%2014'%3E%3Cpath%20fill%3D'%23007aff'%20d%3D'M0%2C0h2v2H0V0z%20M4%2C0h17v1H4V0z%20M0%2C6h2v2H0V6z%20M4%2C6h17v1H4V6z%20M0%2C12h2v2H0V12z%20M4%2C12h17v1H4V12z'%2F%3E%3C%2Fsvg%3E")}@media (-webkit-min-device-pixel-ratio:2){.theme-blue i.icon-bars,i.icon-bars.color-blue,i.icon-bars.theme-blue{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2042%2026'%3E%3Cpath%20fill%3D'%23007aff'%20d%3D'M0%2C0h4v4H0V0z%20M8%2C1h34v2H8V1z%20M0%2C11h4v4H0V11z%20M8%2C12h34v2H8V12z%20M0%2C22h4v4H0V22z%20M8%2C23h34v2H8V23z'%2F%3E%3C%2Fsvg%3E")}}.theme-blue .item-link.list-button,.theme-blue a{color:#007aff}.tabbar.theme-blue a,.tabbar.theme-blue a i,.theme-blue .tabbar a,.theme-blue .tabbar a i{color:inherit}.tabbar.theme-blue a.active,.tabbar.theme-blue a.active i,.theme-blue .tabbar a.active,.theme-blue .tabbar a.active i{color:#007aff}.range-slider.theme-blue input[type=range]::-webkit-slider-thumb:before,.theme-blue .range-slider input[type=range]::-webkit-slider-thumb:before{background-color:#007aff}.theme-blue label.label-checkbox input[type=checkbox]:checked+.item-media i.icon-form-checkbox,.theme-blue label.label-checkbox input[type=radio]:checked+.item-media i.icon-form-checkbox{background-color:#007aff}.theme-blue label.label-radio input[type=checkbox]:checked~.item-inner,.theme-blue label.label-radio input[type=radio]:checked~.item-inner{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2013%2010'%3E%3Cpolygon%20fill%3D'%23007aff'%20points%3D'11.6%2C0%204.4%2C7.2%201.4%2C4.2%200%2C5.6%204.4%2C10%204.4%2C10%204.4%2C10%2013%2C1.4%20'%2F%3E%3C%2Fsvg%3E")}.theme-blue .picker-calendar-day.picker-calendar-day-selected span{background-color:#007aff!important}.swiper-pagination.color-blue .swiper-pagination-bullet-active,.theme-blue .swiper-pagination .swiper-pagination-bullet-active{background-color:#007aff}.swiper-button-next.color-blue,.swiper-container-rtl .swiper-button-prev.color-blue,.theme-blue .swiper-button-next,.theme-blue .swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.color-blue,.swiper-container-rtl .swiper-button-next.color-blue,.theme-blue .swiper-button-prev,.theme-blue .swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E")}.bg-blue,.button.button-fill.bg-blue,.list-block .swipeout-actions-left a.bg-blue,.list-block .swipeout-actions-right a.bg-blue,a.bg-blue{background-color:#007aff}.border-blue{border-color:#007aff}.border-blue:after,.border-blue:before,.list-block .border-blue.item-inner:after,.list-block .border-blue.item-inner:before,.list-block ul.border-blue:after,.list-block ul.border-blue:before{background-color:#007aff}.color-green{color:#4cd964}.list-block .item-link.list-button.color-green,.tabbar a.active.color-green,a.color-green{color:#4cd964}.label-switch input[type=checkbox]:checked+.checkbox.color-green,.label-switch.color-green input[type=checkbox]:checked+.checkbox{background-color:#4cd964}.color-green.button:not(.button-fill),.color-green.buttons-row .button,.theme-green .button:not(.button-fill){border-color:#4cd964}.color-green.button:not(.button-fill).active-state,.color-green.buttons-row .button.active-state,.theme-green .button:not(.button-fill).active-state,html:not(.watch-active-state) .color-green.button:not(.button-fill):active,html:not(.watch-active-state) .color-green.buttons-row .button:active,html:not(.watch-active-state) .theme-green .button:not(.button-fill):active{background-color:rgba(76,217,100,.15)}.color-green.button:not(.button-fill).active,.color-green.buttons-row .button.active,.theme-green .button:not(.button-fill).active{background-color:#4cd964;color:#fff}.button.button-fill.color-green,.theme-green .button.button-fill{background:#4cd964;color:#fff}.color-green i.icon,.theme-green i.icon,i.icon.color-green,i.icon.theme-green{color:#4cd964}.theme-green i.icon-next,i.icon-next.color-green,i.icon-next.theme-green{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%234cd964'%20d%3D'M1%2C1.6l11.8%2C5.8L1%2C13.4V1.6%20M0%2C0v15l15-7.6L0%2C0L0%2C0z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}.theme-green i.icon-prev,i.icon-prev.color-green,i.icon-prev.theme-green{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%234cd964'%20d%3D'M14%2C1.6v11.8L2.2%2C7.6L14%2C1.6%20M15%2C0L0%2C7.6L15%2C15V0L15%2C0z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}.theme-green i.icon-back,i.icon-back.color-green,i.icon-back.theme-green{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M10%2C0l2%2C2l-8%2C8l8%2C8l-2%2C2L0%2C10L10%2C0z'%20fill%3D'%234cd964'%2F%3E%3C%2Fsvg%3E")}.theme-green i.icon-forward,i.icon-forward.color-green,i.icon-forward.theme-green{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M2%2C20l-2-2l8-8L0%2C2l2-2l10%2C10L2%2C20z'%20fill%3D'%234cd964'%2F%3E%3C%2Fsvg%3E")}.theme-green i.icon-bars,i.icon-bars.color-green,i.icon-bars.theme-green{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2021%2014'%3E%3Cpath%20fill%3D'%234cd964'%20d%3D'M0%2C0h2v2H0V0z%20M4%2C0h17v1H4V0z%20M0%2C6h2v2H0V6z%20M4%2C6h17v1H4V6z%20M0%2C12h2v2H0V12z%20M4%2C12h17v1H4V12z'%2F%3E%3C%2Fsvg%3E")}@media (-webkit-min-device-pixel-ratio:2){.theme-green i.icon-bars,i.icon-bars.color-green,i.icon-bars.theme-green{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2042%2026'%3E%3Cpath%20fill%3D'%234cd964'%20d%3D'M0%2C0h4v4H0V0z%20M8%2C1h34v2H8V1z%20M0%2C11h4v4H0V11z%20M8%2C12h34v2H8V12z%20M0%2C22h4v4H0V22z%20M8%2C23h34v2H8V23z'%2F%3E%3C%2Fsvg%3E")}}.theme-green .item-link.list-button,.theme-green a{color:#4cd964}.tabbar.theme-green a,.tabbar.theme-green a i,.theme-green .tabbar a,.theme-green .tabbar a i{color:inherit}.tabbar.theme-green a.active,.tabbar.theme-green a.active i,.theme-green .tabbar a.active,.theme-green .tabbar a.active i{color:#4cd964}.range-slider.theme-green input[type=range]::-webkit-slider-thumb:before,.theme-green .range-slider input[type=range]::-webkit-slider-thumb:before{background-color:#4cd964}.theme-green label.label-checkbox input[type=checkbox]:checked+.item-media i.icon-form-checkbox,.theme-green label.label-checkbox input[type=radio]:checked+.item-media i.icon-form-checkbox{background-color:#4cd964}.theme-green label.label-radio input[type=checkbox]:checked~.item-inner,.theme-green label.label-radio input[type=radio]:checked~.item-inner{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2013%2010'%3E%3Cpolygon%20fill%3D'%234cd964'%20points%3D'11.6%2C0%204.4%2C7.2%201.4%2C4.2%200%2C5.6%204.4%2C10%204.4%2C10%204.4%2C10%2013%2C1.4%20'%2F%3E%3C%2Fsvg%3E")}.theme-green .picker-calendar-day.picker-calendar-day-selected span{background-color:#4cd964!important}.swiper-pagination.color-green .swiper-pagination-bullet-active,.theme-green .swiper-pagination .swiper-pagination-bullet-active{background-color:#4cd964}.swiper-button-next.color-green,.swiper-container-rtl .swiper-button-prev.color-green,.theme-green .swiper-button-next,.theme-green .swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%234cd964'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.color-green,.swiper-container-rtl .swiper-button-next.color-green,.theme-green .swiper-button-prev,.theme-green .swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%234cd964'%2F%3E%3C%2Fsvg%3E")}.bg-green,.button.button-fill.bg-green,.list-block .swipeout-actions-left a.bg-green,.list-block .swipeout-actions-right a.bg-green,a.bg-green{background-color:#4cd964}.border-green{border-color:#4cd964}.border-green:after,.border-green:before,.list-block .border-green.item-inner:after,.list-block .border-green.item-inner:before,.list-block ul.border-green:after,.list-block ul.border-green:before{background-color:#4cd964}.color-red{color:#ff3b30}.list-block .item-link.list-button.color-red,.tabbar a.active.color-red,a.color-red{color:#ff3b30}.label-switch input[type=checkbox]:checked+.checkbox.color-red,.label-switch.color-red input[type=checkbox]:checked+.checkbox{background-color:#ff3b30}.color-red.button:not(.button-fill),.color-red.buttons-row .button,.theme-red .button:not(.button-fill){border-color:#ff3b30}.color-red.button:not(.button-fill).active-state,.color-red.buttons-row .button.active-state,.theme-red .button:not(.button-fill).active-state,html:not(.watch-active-state) .color-red.button:not(.button-fill):active,html:not(.watch-active-state) .color-red.buttons-row .button:active,html:not(.watch-active-state) .theme-red .button:not(.button-fill):active{background-color:rgba(255,59,48,.15)}.color-red.button:not(.button-fill).active,.color-red.buttons-row .button.active,.theme-red .button:not(.button-fill).active{background-color:#ff3b30;color:#fff}.button.button-fill.color-red,.theme-red .button.button-fill{background:#ff3b30;color:#fff}.color-red i.icon,.theme-red i.icon,i.icon.color-red,i.icon.theme-red{color:#ff3b30}.theme-red i.icon-next,i.icon-next.color-red,i.icon-next.theme-red{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%23ff3b30'%20d%3D'M1%2C1.6l11.8%2C5.8L1%2C13.4V1.6%20M0%2C0v15l15-7.6L0%2C0L0%2C0z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}.theme-red i.icon-prev,i.icon-prev.color-red,i.icon-prev.theme-red{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%23ff3b30'%20d%3D'M14%2C1.6v11.8L2.2%2C7.6L14%2C1.6%20M15%2C0L0%2C7.6L15%2C15V0L15%2C0z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}.theme-red i.icon-back,i.icon-back.color-red,i.icon-back.theme-red{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M10%2C0l2%2C2l-8%2C8l8%2C8l-2%2C2L0%2C10L10%2C0z'%20fill%3D'%23ff3b30'%2F%3E%3C%2Fsvg%3E")}.theme-red i.icon-forward,i.icon-forward.color-red,i.icon-forward.theme-red{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M2%2C20l-2-2l8-8L0%2C2l2-2l10%2C10L2%2C20z'%20fill%3D'%23ff3b30'%2F%3E%3C%2Fsvg%3E")}.theme-red i.icon-bars,i.icon-bars.color-red,i.icon-bars.theme-red{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2021%2014'%3E%3Cpath%20fill%3D'%23ff3b30'%20d%3D'M0%2C0h2v2H0V0z%20M4%2C0h17v1H4V0z%20M0%2C6h2v2H0V6z%20M4%2C6h17v1H4V6z%20M0%2C12h2v2H0V12z%20M4%2C12h17v1H4V12z'%2F%3E%3C%2Fsvg%3E")}@media (-webkit-min-device-pixel-ratio:2){.theme-red i.icon-bars,i.icon-bars.color-red,i.icon-bars.theme-red{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2042%2026'%3E%3Cpath%20fill%3D'%23ff3b30'%20d%3D'M0%2C0h4v4H0V0z%20M8%2C1h34v2H8V1z%20M0%2C11h4v4H0V11z%20M8%2C12h34v2H8V12z%20M0%2C22h4v4H0V22z%20M8%2C23h34v2H8V23z'%2F%3E%3C%2Fsvg%3E")}}.theme-red .item-link.list-button,.theme-red a{color:#ff3b30}.tabbar.theme-red a,.tabbar.theme-red a i,.theme-red .tabbar a,.theme-red .tabbar a i{color:inherit}.tabbar.theme-red a.active,.tabbar.theme-red a.active i,.theme-red .tabbar a.active,.theme-red .tabbar a.active i{color:#ff3b30}.range-slider.theme-red input[type=range]::-webkit-slider-thumb:before,.theme-red .range-slider input[type=range]::-webkit-slider-thumb:before{background-color:#ff3b30}.theme-red label.label-checkbox input[type=checkbox]:checked+.item-media i.icon-form-checkbox,.theme-red label.label-checkbox input[type=radio]:checked+.item-media i.icon-form-checkbox{background-color:#ff3b30}.theme-red label.label-radio input[type=checkbox]:checked~.item-inner,.theme-red label.label-radio input[type=radio]:checked~.item-inner{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2013%2010'%3E%3Cpolygon%20fill%3D'%23ff3b30'%20points%3D'11.6%2C0%204.4%2C7.2%201.4%2C4.2%200%2C5.6%204.4%2C10%204.4%2C10%204.4%2C10%2013%2C1.4%20'%2F%3E%3C%2Fsvg%3E")}.theme-red .picker-calendar-day.picker-calendar-day-selected span{background-color:#ff3b30!important}.swiper-pagination.color-red .swiper-pagination-bullet-active,.theme-red .swiper-pagination .swiper-pagination-bullet-active{background-color:#ff3b30}.swiper-button-next.color-red,.swiper-container-rtl .swiper-button-prev.color-red,.theme-red .swiper-button-next,.theme-red .swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ff3b30'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.color-red,.swiper-container-rtl .swiper-button-next.color-red,.theme-red .swiper-button-prev,.theme-red .swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ff3b30'%2F%3E%3C%2Fsvg%3E")}.bg-red,.button.button-fill.bg-red,.list-block .swipeout-actions-left a.bg-red,.list-block .swipeout-actions-right a.bg-red,a.bg-red{background-color:#ff3b30}.border-red{border-color:#ff3b30}.border-red:after,.border-red:before,.list-block .border-red.item-inner:after,.list-block .border-red.item-inner:before,.list-block ul.border-red:after,.list-block ul.border-red:before{background-color:#ff3b30}.layout-dark .navbar,.layout-dark .subnavbar,.navbar.layout-dark,.subnavbar.layout-dark{background-color:#131313;color:#fff}.layout-dark .navbar:after,.layout-dark .subnavbar:after,.navbar.layout-dark:after,.subnavbar.layout-dark:after{background-color:#333}.layout-dark .toolbar,.toolbar.layout-dark{background-color:#131313;color:#fff}.layout-dark .toolbar:before,.toolbar.layout-dark:before{background-color:#333}.layout-dark .picker-calendar-week-days{color:#fff;background-color:#131313}.layout-dark .picker-modal.picker-modal-inline .picker-center-highlight:before,.layout-dark .popover .picker-modal .picker-center-highlight:before{background-color:#333}.layout-dark .picker-modal.picker-modal-inline .picker-center-highlight:after,.layout-dark .popover .picker-modal .picker-center-highlight:after{background-color:#333}.layout-dark .picker-modal.picker-modal-inline .picker-item.picker-selected,.layout-dark .popover .picker-modal .picker-item.picker-selected{color:#fff}.layout-dark .picker-modal.picker-modal-inline .picker-calendar-week-days,.layout-dark .popover .picker-modal .picker-calendar-week-days{color:#fff}.layout-dark .picker-modal.picker-modal-inline .picker-calendar-day,.layout-dark .popover .picker-modal .picker-calendar-day{color:#fff}.layout-dark .picker-modal.picker-modal-inline .picker-calendar-day.picker-calendar-day-next,.layout-dark .picker-modal.picker-modal-inline .picker-calendar-day.picker-calendar-day-prev,.layout-dark .popover .picker-modal .picker-calendar-day.picker-calendar-day-next,.layout-dark .popover .picker-modal .picker-calendar-day.picker-calendar-day-prev{color:#777}.layout-dark .picker-modal.picker-modal-inline .picker-calendar-day.picker-calendar-day-disabled,.layout-dark .popover .picker-modal .picker-calendar-day.picker-calendar-day-disabled{color:#555}.layout-dark .picker-modal.picker-modal-inline .picker-calendar-day.picker-calendar-day-today span,.layout-dark .popover .picker-modal .picker-calendar-day.picker-calendar-day-today span{background:#444}.layout-dark .picker-modal.picker-modal-inline .picker-calendar-row:after,.layout-dark .picker-modal.picker-modal-inline .picker-calendar-week-days:after,.layout-dark .popover .picker-modal .picker-calendar-row:after,.layout-dark .popover .picker-modal .picker-calendar-week-days:after{background-color:#333}.layout-dark .picker-modal.picker-modal-inline .picker-calendar-week-days~.picker-calendar-months:before,.layout-dark .picker-modal.picker-modal-inline .toolbar~.picker-modal-inner .picker-calendar-months:before,.layout-dark .popover .picker-modal .picker-calendar-week-days~.picker-calendar-months:before,.layout-dark .popover .picker-modal .toolbar~.picker-modal-inner .picker-calendar-months:before{background-color:#333}.layout-dark .popover .picker-modal .toolbar:after{background-color:#333}.layout-dark .photo-browser .navbar,.layout-dark .photo-browser .toolbar,.layout-dark .view[data-page=photo-browser-slides] .navbar,.layout-dark .view[data-page=photo-browser-slides] .toolbar,.photo-browser.layout-dark .navbar,.photo-browser.layout-dark .toolbar,.view[data-page=photo-browser-slides].layout-dark .navbar,.view[data-page=photo-browser-slides].layout-dark .toolbar{background:rgba(19,19,19,.95)}.layout-dark .tabbar a:not(.active){color:#fff}.layout-dark .login-screen-content,.layout-dark .page,.layout-dark .panel,.page.layout-dark,.panel.layout-dark{background-color:#222426;color:#ddd}.layout-dark .content-block-title{color:#fff}.content-block.layout-dark,.layout-dark .content-block{color:#bbb}.layout-dark .content-block-inner{background:#1c1d1f;color:#ddd}.layout-dark .content-block-inner:before{background-color:#393939}.layout-dark .content-block-inner:after{background-color:#393939}.layout-dark .list-block ul,.list-block.layout-dark ul{background:#1c1d1f}.layout-dark .list-block ul:before,.list-block.layout-dark ul:before{background-color:#393939}.layout-dark .list-block ul:after,.list-block.layout-dark ul:after{background-color:#393939}.layout-dark .list-block.inset ul,.list-block.layout-dark.inset ul{background:#1c1d1f}.layout-dark .list-block.notifications>ul,.list-block.layout-dark.notifications>ul{background:0 0}.layout-dark .card{background:#1c1d1f}.layout-dark .card-header:after{background-color:#393939}.layout-dark .card-footer{color:#bbb}.layout-dark .card-footer:before{background-color:#393939}.layout-dark .popover,.popover.layout-dark{background:rgba(0,0,0,.8)}.layout-dark .popover .popover-angle:after,.popover.layout-dark .popover-angle:after{background:rgba(0,0,0,.8)}.layout-dark .popover .list-block ul,.popover.layout-dark .list-block ul{background:0 0}.layout-dark .actions-popover .list-block ul:before{background-color:#393939}.layout-dark .actions-popover .list-block ul:after{background-color:#393939}.layout-dark .actions-popover .actions-popover-label:after{background-color:#393939}.layout-dark li.sorting{background-color:#29292f}.layout-dark .swipeout-actions-left a,.layout-dark .swipeout-actions-right a{background-color:#444}.layout-dark .item-inner:after,.layout-dark .list-block ul ul li:last-child .item-inner:after{background-color:#393939}.layout-dark .item-after{color:#bbb}.layout-dark .item-link.active-state,.layout-dark label.label-checkbox.active-state,.layout-dark label.label-radio.active-state,html:not(.watch-active-state) .layout-dark .item-link:active,html:not(.watch-active-state) .layout-dark label.label-checkbox:active,html:not(.watch-active-state) .layout-dark label.label-radio:active{background-color:#29292f}.layout-dark .item-link.list-button:after{background-color:#393939}.layout-dark .list-block-label{color:#bbb}.layout-dark .item-divider,.layout-dark .list-group-title{background:#1a1a1a;color:#bbb}.layout-dark .item-divider:before,.layout-dark .list-group-title:before{background-color:#393939}.layout-dark .searchbar{background:#333}.layout-dark .searchbar:after{background-color:#333}.layout-dark .list-block input[type=datetime-local],.layout-dark .list-block input[type=number],.layout-dark .list-block input[type=text],.layout-dark .list-block input[type=password],.layout-dark .list-block input[type=email],.layout-dark .list-block input[type=tel],.layout-dark .list-block input[type=url],.layout-dark .list-block input[type=date],.layout-dark .list-block select,.layout-dark .list-block textarea,.list-block.layout-dark input[type=datetime-local],.list-block.layout-dark input[type=number],.list-block.layout-dark input[type=text],.list-block.layout-dark input[type=password],.list-block.layout-dark input[type=email],.list-block.layout-dark input[type=tel],.list-block.layout-dark input[type=url],.list-block.layout-dark input[type=date],.list-block.layout-dark select,.list-block.layout-dark textarea{color:#fff}.layout-dark .label-switch .checkbox{background-color:#393939}.layout-dark .label-switch .checkbox:before{background-color:#1c1d1f}.layout-dark .range-slider input[type=range]:after{background:#1c1d1f}.layout-white .navbar,.layout-white .subnavbar,.navbar.layout-white,.subnavbar.layout-white{background-color:#fff;color:#000}.layout-white .navbar:after,.layout-white .subnavbar:after,.navbar.layout-white:after,.subnavbar.layout-white:after{background-color:#ddd}.layout-white .toolbar,.toolbar.layout-white{background-color:#fff;color:#000}.layout-white .toolbar:before,.toolbar.layout-white:before{background-color:#ddd}.layout-white .picker-modal.picker-modal-inline .picker-center-highlight:before,.layout-white .popover .picker-modal .picker-center-highlight:before{background-color:#ddd}.layout-white .picker-modal.picker-modal-inline .picker-center-highlight:after,.layout-white .popover .picker-modal .picker-center-highlight:after{background-color:#ddd}.layout-white .picker-modal.picker-modal-inline .picker-calendar-row:after,.layout-white .picker-modal.picker-modal-inline .picker-calendar-week-days:after,.layout-white .popover .picker-modal .picker-calendar-row:after,.layout-white .popover .picker-modal .picker-calendar-week-days:after{background-color:#ddd}.layout-white .picker-modal.picker-modal-inline .picker-calendar-week-days~.picker-calendar-months:before,.layout-white .picker-modal.picker-modal-inline .toolbar~.picker-modal-inner .picker-calendar-months:before,.layout-white .popover .picker-modal .picker-calendar-week-days~.picker-calendar-months:before,.layout-white .popover .picker-modal .toolbar~.picker-modal-inner .picker-calendar-months:before{background-color:#ddd}.layout-white .popover .picker-modal .toolbar:after{background-color:#ddd}.layout-white .photo-browser .navbar,.layout-white .photo-browser .toolbar,.layout-white .view[data-page=photo-browser-slides] .navbar,.layout-white .view[data-page=photo-browser-slides] .toolbar,.photo-browser.layout-white .navbar,.photo-browser.layout-white .toolbar,.view[data-page=photo-browser-slides].layout-white .navbar,.view[data-page=photo-browser-slides].layout-white .toolbar{background:rgba(255,255,255,.95)}.layout-white .tabbar a:not(.active){color:#777}.layout-white .login-screen-content,.layout-white .page,.layout-white .panel,.page.layout-white,.panel.layout-white{background-color:#fff;color:#000}.layout-white .content-block-title{color:#777}.content-block.layout-white,.layout-white .content-block{color:#777}.layout-white .content-block-inner{background:#fafafa;color:#000}.layout-white .content-block-inner:after{background-color:#ddd}.layout-white .content-block-inner:before{background-color:#ddd}.layout-white .list-block ul,.list-block.layout-white ul{background:#fff}.layout-white .list-block ul:after,.list-block.layout-white ul:after{background-color:#ddd}.layout-white .list-block ul:before,.list-block.layout-white ul:before{background-color:#ddd}.layout-white .list-block.inset ul,.list-block.layout-white.inset ul{background:#fafafa}.layout-white .list-block.notifications>ul,.list-block.layout-white.notifications>ul{background:0 0}.layout-white .popover-inner>.list-block ul{background:0 0}.layout-white li.sorting{background-color:#eee}.layout-white .swipeout-actions-left a,.layout-white .swipeout-actions-right a{background-color:#c7c7cc}.layout-white .item-inner,.layout-white .list-block ul ul li:last-child .item-inner{border-color:#ddd}.layout-white .item-inner:after,.layout-white .list-block ul ul li:last-child .item-inner:after{background-color:#ddd}.layout-white .item-after{color:#8e8e93}.layout-white .item-link.active-state,.layout-white label.label-checkbox.active-state,.layout-white label.label-radio.active-state,html:not(.watch-active-state) .layout-white .item-link:active,html:not(.watch-active-state) .layout-white label.label-checkbox:active,html:not(.watch-active-state) .layout-white label.label-radio:active{background-color:#eee}.layout-white .item-link.list-button:after{background-color:#ddd}.layout-white .list-block-label{color:#777}.layout-white .item-divider,.layout-white .list-group-title{background:#f7f7f7;color:#777}.layout-white .item-divider:before,.layout-white .list-group-title:before{background-color:#ddd}.layout-white .searchbar{background:#c9c9ce}.layout-white .searchbar:after{background-color:#b4b4b4}.layout-white .list-block input[type=datetime-local],.layout-white .list-block input[type=number],.layout-white .list-block input[type=text],.layout-white .list-block input[type=password],.layout-white .list-block input[type=email],.layout-white .list-block input[type=tel],.layout-white .list-block input[type=url],.layout-white .list-block input[type=date],.layout-white .list-block select,.layout-white .list-block textarea,.list-block.layout-white input[type=datetime-local],.list-block.layout-white input[type=number],.list-block.layout-white input[type=text],.list-block.layout-white input[type=password],.list-block.layout-white input[type=email],.list-block.layout-white input[type=tel],.list-block.layout-white input[type=url],.list-block.layout-white input[type=date],.list-block.layout-white select,.list-block.layout-white textarea{color:#777}.layout-white .label-switch .checkbox{background-color:#e5e5e5}.layout-white .label-switch .checkbox:before{background-color:#fff}.layout-white .range-slider input[type=range]:after{background:#fff} -------------------------------------------------------------------------------- /css/my-app.css: -------------------------------------------------------------------------------- 1 | .list-block .item-subtitle { 2 | white-space: normal; 3 | } 4 | 5 | .list-block .item-text { 6 | height: auto; 7 | } 8 | 9 | .item-example { 10 | font-size: 15px; 11 | white-space: normal; 12 | border-left: 5px solid #eee; 13 | padding: 0 0 0 15px; 14 | margin-top: 10px; 15 | margin: 10px 0 0 10px; 16 | } -------------------------------------------------------------------------------- /img/i-f7-ios.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/KLVN/UrbanDictionary_API/6bd94e4b972bc40a3713488eab9e69a163a708c6/img/i-f7-ios.png -------------------------------------------------------------------------------- /img/i-form-calendar-ios.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | -------------------------------------------------------------------------------- /img/i-form-comment-ios.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | -------------------------------------------------------------------------------- /img/i-form-email-ios.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | -------------------------------------------------------------------------------- /img/i-form-gender-ios.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | -------------------------------------------------------------------------------- /img/i-form-name-ios.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | -------------------------------------------------------------------------------- /img/i-form-password-ios.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | -------------------------------------------------------------------------------- /img/i-form-settings-ios.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /img/i-form-tel-ios.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | -------------------------------------------------------------------------------- /img/i-form-toggle-ios.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | -------------------------------------------------------------------------------- /img/i-form-url-ios.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | UrbanDictionary 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 |
20 |
21 |
22 |
23 |
24 | Urban Dictionary API Demo 25 |
26 |
27 |
28 | 29 |
30 |
31 |
32 | 33 |
34 |
35 |
36 |
37 | 38 | 39 |
40 | 41 | 42 | 63 | 64 |
65 |
66 |
67 |
68 |
69 | 70 | 71 | 72 | 73 | 74 | -------------------------------------------------------------------------------- /js/my-app.js: -------------------------------------------------------------------------------- 1 | var myApp = new Framework7({}); 2 | 3 | var $$ = Dom7; 4 | 5 | // Select Template 6 | var template = $$('#random-template').html(); 7 | 8 | // Compile and render 9 | var compiledTemplate = Template7.compile(template); 10 | 11 | // Defined as function "getrandom" 12 | function getrandom() { 13 | // Get JSON Data from UrbanDictionary API 14 | $$.getJSON('http://api.urbandictionary.com/v0/random', function (json) { 15 | 16 | // Insert rendered template 17 | $$('#content-wrap').html(compiledTemplate(json)) 18 | }); 19 | }; 20 | 21 | // Execute to list UrbanDictionary Definitions 22 | getrandom(); 23 | 24 | // Select Pull to refresh content 25 | var ptrContent = $$('.pull-to-refresh-content'); 26 | 27 | // On refresh 28 | ptrContent.on('refresh', function (e) { 29 | // Emulate 1s loading 30 | setTimeout(function () { 31 | 32 | // Execute getrandom to get new Definitions 33 | getrandom(); 34 | 35 | myApp.pullToRefreshDone(); 36 | }, 1000); 37 | }); 38 | 39 | 40 | var mainView = myApp.addView('.view-main', { 41 | dynamicNavbar: true 42 | }); --------------------------------------------------------------------------------