├── .editorconfig ├── .eslintrc ├── .gitignore ├── CHANGELOG.md ├── LICENSE ├── README.md ├── client ├── 404.jade ├── app.js ├── components.js ├── components │ ├── intro │ │ ├── card-f7.jade │ │ ├── card-starter.jade │ │ ├── card-vue.jade │ │ ├── intro.jade │ │ ├── intro.js │ │ └── intro.styl │ ├── login │ │ ├── login.jade │ │ ├── login.js │ │ └── login.tpl.js │ └── profile │ │ ├── profile.jade │ │ ├── profile.js │ │ └── profile.tpl.js ├── error.jade ├── http.js ├── index.jade ├── layout.jade ├── panel.jade ├── routes.js ├── style.styl ├── styles │ ├── base.styl │ └── utils.styl └── utils.js ├── index.js ├── nodemon.json ├── package.json ├── public ├── css │ └── style.css ├── framework7 │ ├── css │ │ ├── framework7.ios.colors.css │ │ ├── framework7.ios.colors.min.css │ │ ├── framework7.ios.css │ │ ├── framework7.ios.min.css │ │ ├── framework7.ios.rtl.css │ │ ├── framework7.ios.rtl.min.css │ │ ├── framework7.material.colors.css │ │ ├── framework7.material.colors.min.css │ │ ├── framework7.material.css │ │ ├── framework7.material.min.css │ │ ├── framework7.material.rtl.css │ │ ├── framework7.material.rtl.min.css │ │ └── my-app.css │ ├── img │ │ ├── i-f7-ios.png │ │ └── i-f7-material.png │ └── js │ │ ├── framework7.js │ │ ├── framework7.js.map │ │ ├── framework7.min.js │ │ ├── framework7.min.js.map │ │ └── my-app.js └── img │ ├── android.png │ ├── iOS.png │ ├── logo-f7.png │ ├── logo-vue.png │ ├── logo.png │ └── tile.png ├── routes └── api.js ├── tasks ├── server └── updateF7 └── yarn.lock /.editorconfig: -------------------------------------------------------------------------------- 1 | # editorconfig.org 2 | 3 | root = true 4 | 5 | [*] 6 | indent_style = space 7 | indent_size = 2 8 | end_of_line = lf 9 | charset = utf-8 10 | trim_trailing_whitespace = true 11 | insert_final_newline = true 12 | 13 | [*.{md,markdown}] 14 | trim_trailing_whitespace = false 15 | 16 | [Makefile] 17 | indent_style = tab 18 | -------------------------------------------------------------------------------- /.eslintrc: -------------------------------------------------------------------------------- 1 | { 2 | "extends": ["eslint-config-airbnb/base"], 3 | "env": { 4 | "browser": true, 5 | "node": true, 6 | "es6": true 7 | }, 8 | "ecmaFeatures": { 9 | "experimentalObjectRestSpread": true 10 | }, 11 | "plugins": [ 12 | "babel" 13 | ], 14 | "globals": { 15 | "app": true, 16 | "Framework7": true, 17 | "Dom7": true, 18 | "Template7": true, 19 | "$$": true, 20 | "mainView": true 21 | }, 22 | "rules": { 23 | "constructor-super": 2, 24 | "comma-dangle": 0, 25 | "func-names": 0, 26 | "guard-for-in": 0, 27 | "one-var": [2, { "initialized": "never" }], 28 | "prefer-const": 0, 29 | "key-spacing": 0, 30 | "no-eq-null": 0, 31 | "no-else-return": 0, 32 | "no-param-reassign": 0, 33 | "no-this-before-super": 2, 34 | "no-undef": 2, 35 | "no-console": 0, 36 | "no-use-before-define": 0, 37 | "no-unused-vars": [2, { "vars": "all", "args": "none" }], 38 | "babel/object-shorthand": 0, 39 | "space-after-keywords": 0, 40 | "space-before-blocks": 0, 41 | "space-before-function-paren": 0, 42 | "spaced-comment": 0, 43 | "vars-on-top": 0, 44 | "id-length": 0 45 | } 46 | } 47 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | # system 2 | .DS_Store 3 | Thumbs.db 4 | Desktop.ini 5 | 6 | # dependency 7 | node_modules 8 | bower_components 9 | 10 | # log 11 | *.log 12 | npm-debug.log* 13 | 14 | # cache 15 | 16 | # build & release 17 | dist 18 | build 19 | release 20 | 21 | # project config 22 | .idea 23 | .jsconfig 24 | .settings 25 | .vscode 26 | -------------------------------------------------------------------------------- /CHANGELOG.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/roshanca/starter-framework7/c2acfd6de6c5cc39b258526bb0d14eae464fad7f/CHANGELOG.md -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | The MIT License (MIT) 2 | 3 | Copyright (c) 2015 Roshan Wu 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | 23 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | starter-framework7 2 | === 3 | 4 | [![Build Status](https://semaphoreci.com/api/v1/projects/294d8e40-fb04-4dab-890a-2ebb7dc8fd4b/620695/badge.svg)](https://semaphoreci.com/roshanca/starter-framework7) 5 | 6 | ![](https://raw.githubusercontent.com/roshanca/starter-framework7/master/public/img/logo.png) 7 | 8 | A starter project structure for framework7 app, using Node and Express for server rendering, the MVVM lib -- Vue.js is optional, but highly recommended, because it could help us to improve building modern web interfaces simply and efficiently. 9 | 10 | It is not only a template boilerplate, but a toolkit for development, which is made by a series of custom tasks written in js, and some useful middlewares for express, for the purpose of getting rid of the traditional gulp. 11 | 12 | For example: 13 | 14 | + using jade client template engine. 15 | + using stylus and autoprefixer middleware to compile css. 16 | + using browserify and babelify middleware to transform ES6/ES7 to ES5 code. 17 | 18 | Feature 19 | ---- 20 | 21 | + Contain both iOS and Material Themes in single app. 22 | + All pages stored locally, so don't need additional xhr to load page. 23 | + Encapsulate `get` and `post` methods for fetching server data with comprehensive response handler (timeout, error etc). 24 | + Reusable components powered by Vue which made code simple and neat, more focus on the business logic. 25 | + Isomorphic js according to Babel (it seems not very useful so far). 26 | 27 | Running 28 | ---- 29 | 30 | ### Install dependencies 31 | npm install 32 | 33 | ### Build 34 | 35 | If your app is ready, and you want to check the results, you can execute: 36 | 37 | npm start 38 | 39 | then, visit `http://localhost:5000` in any browser (especially mobile browser or the device mode in developer tools of Chrome). 40 | 41 | License 42 | ---- 43 | 44 | Copyright (c) 2015 Roshan Wu. See [LICENSE](https://github.com/roshanca/starter-framework7/blob/master/LICENSE) for details. 45 | -------------------------------------------------------------------------------- /client/404.jade: -------------------------------------------------------------------------------- 1 | doctype html 2 | html 3 | head 4 | meta(charset='utf-8') 5 | meta(name='viewport', content='width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no') 6 | meta(name='apple-mobile-web-app-capable', content='yes') 7 | meta(name='apple-mobile-web-app-status-bar-style', content='black-translucent') 8 | style. 9 | body {text-align:center;padding-top:100px;} 10 | body#404 11 | | 页面无法找到，请返回 12 | -------------------------------------------------------------------------------- /client/app.js: -------------------------------------------------------------------------------- 1 | const Router = require('./routes'); 2 | 3 | const device = Framework7.prototype.device; 4 | 5 | window.$$ = Dom7; 6 | 7 | // Change Through navbar layout to Fixed 8 | if (!device.ios) { 9 | $$('.view.navbar-through').removeClass('navbar-through').addClass('navbar-fixed'); 10 | $$('.view .navbar').prependTo('.view .page'); 11 | } 12 | 13 | // initialize framework7 app 14 | window.app = new Framework7({ 15 | material: !device.ios, 16 | modalTitle: 'System' 17 | }); 18 | 19 | // initialized main view of app 20 | window.mainView = app.addView('.view-main', { 21 | dynamicNavbar: true, 22 | preloadPreviousPage: false 23 | }); 24 | 25 | // initialized router 26 | Router.init(); 27 | 28 | // the first page to load 29 | mainView.router.reloadContent($$('template#intro').html()); 30 | -------------------------------------------------------------------------------- /client/components.js: -------------------------------------------------------------------------------- 1 | const components = new Map(); 2 | 3 | components.set('intro', require('./components/intro/intro')); 4 | components.set('login', require('./components/login/login')); 5 | components.set('profile', require('./components/profile/profile')); 6 | 7 | module.exports = components; 8 | -------------------------------------------------------------------------------- /client/components/intro/card-f7.jade: -------------------------------------------------------------------------------- 1 | .card 2 | .card-header Framework7 3 | .card-content 4 | .card-content-inner 5 | img(src='/img/logo-f7.png', width='150', height='150', alt='Framework7 logo') 6 | p Framework7 - is a free and open source mobile HTML framework to develop hybrid mobile apps or web apps with iOS & Android native look and feel. It is also an indispensable prototyping apps tool to show working app prototype as soon as possible in case you need to. 7 | 8 | p This little example will show you how to maintain both iOS and Material Themes in single app. 9 | 10 | img.smaller(src='/img/ios.png', width='50', height='50', alt='iOS logo') 11 | img.smaller(src='/img/android.png', width='50', height='50', alt='Android logo') 12 | .card-footer 13 | a.external(href='http://www.idangero.us/framework7/') Official Website 14 | -------------------------------------------------------------------------------- /client/components/intro/card-starter.jade: -------------------------------------------------------------------------------- 1 | .card 2 | .card-header Example 3 | .card-content 4 | .card-content-inner 5 | img.logo(src='/img/logo.png', width='303', height='100', alt='logo') 6 | p A starter project structure for framework7 app, using Node and Express for server rendering, the MVVM lib -- Vue.js is optional, but for recommended, because it could help us to improve building modern web interfaces simply and efficiently. 7 | 8 | p It is not only a template boilerplate, but a toolkit for development, which is made by a series of custom tasks written in js, and some useful middlewares for express, for the purpose of getting rid of the traditional gulp. 9 | 10 | p Give a login example, please fill the valid email and enough long password. 11 | .card-footer 12 | a#link(href='#' @click='redirect') Have a try? 13 | -------------------------------------------------------------------------------- /client/components/intro/card-vue.jade: -------------------------------------------------------------------------------- 1 | .card 2 | .card-header Vue.js 3 | .card-content 4 | .card-content-inner 5 | img(src='/img/logo-vue.png', width='150', height='150', alt='Vue.js logo') 6 | p Vue.js is a library for building interactive web interfaces. It provides data-reactive components with a simple and flexible API. Core features include: 7 | ul 8 | li Dead simple, unobtrusive reactivity using plain JavaScript objects 9 | li Component-oriented development style with tooling support 10 | li Lean and extensible core 11 | li Flexible transition effect system 12 | li Fast without the need for complex optimization 13 | .card-footer 14 | a.external(href='http://vuejs.org/') Official Website 15 | -------------------------------------------------------------------------------- /client/components/intro/intro.jade: -------------------------------------------------------------------------------- 1 | mixin navbar 2 | .navbar.navbar-hidden 3 | .navbar-inner 4 | 5 | template#intro 6 | if (ios) 7 | +navbar 8 | 9 | .page.no-navbar(data-page='intro') 10 | if (!ios) 11 | +navbar 12 | .page-content 13 | .swiper-container 14 | .swiper-wrapper 15 | .swiper-slide 16 | include card-f7 17 | .swiper-slide 18 | include card-vue 19 | .swiper-slide 20 | include card-starter 21 | .swiper-pagination 22 | -------------------------------------------------------------------------------- /client/components/intro/intro.js: -------------------------------------------------------------------------------- 1 | const Vue = require('vue'); 2 | 3 | module.exports = { 4 | init: () => { 5 | 6 | // Init slider and store its instance in mySwiper variable 7 | var mySwiper = app.swiper('.swiper-container', { 8 | pagination: '.swiper-pagination' 9 | }); 10 | 11 | new Vue({ 12 | el: '#link', 13 | methods: { 14 | redirect: (e) => { 15 | mainView.router.load({ 16 | content: $$('template#login').html() 17 | }) 18 | } 19 | } 20 | }) 21 | } 22 | }; 23 | -------------------------------------------------------------------------------- /client/components/intro/intro.styl: -------------------------------------------------------------------------------- 1 | .swiper-container 2 | height 100% 3 | 4 | .swiper-slide 5 | span 6 | display block 7 | text-align center 8 | 9 | .card 10 | img 11 | display block 12 | size 150px 13 | margin 0 auto 14 | &.logo 15 | size 90% auto 16 | &.smaller 17 | display inline-block 18 | size 70px 19 | -------------------------------------------------------------------------------- /client/components/login/login.jade: -------------------------------------------------------------------------------- 1 | mixin navbar 2 | .navbar 3 | .navbar-inner 4 | .left 5 | a.back.icon-only(href='#') 6 | i.icon.icon-back 7 | .center.sliding Welcome 8 | .right 9 | a(href="#").open-panel.link.icon-only 10 | i.icon.icon-bars 11 | 12 | template#login 13 | if (ios) 14 | +navbar 15 | 16 | .page(data-page="login") 17 | if (!ios) 18 | +navbar 19 | .page-content#loginContent 20 | login-component 21 | -------------------------------------------------------------------------------- /client/components/login/login.js: -------------------------------------------------------------------------------- 1 | const Vue = require('vue'); 2 | const http = require('../../http'); 3 | const loginTemplate = require('./login.tpl'); 4 | const emailRE = /^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/; 5 | 6 | module.exports = { 7 | init: () => { 8 | const LoginComponent = Vue.extend({ 9 | template: loginTemplate, 10 | 11 | // initial data 12 | data: () => { 13 | return { 14 | user: { 15 | email: '', 16 | password: '' 17 | } 18 | } 19 | }, 20 | 21 | // computed property for form validation state 22 | computed: { 23 | validation: function () { 24 | return { 25 | email: emailRE.test(this.user.email), 26 | password: !!this.user.password.trim() && this.user.password.length > 6 27 | } 28 | }, 29 | isValid: function () { 30 | const validation = this.validation; 31 | return Object.keys(validation).every(function (key) { 32 | return validation[key] 33 | }) 34 | } 35 | }, 36 | 37 | methods: { 38 | login: function () { 39 | if (!this.isValid) { 40 | app.alert('Your email or password is incorrect.'); 41 | } else { 42 | const postData = { 43 | account: this.user.email, 44 | password: btoa(this.user.password) 45 | }; 46 | 47 | http.post('/api/login', postData, (data) => { 48 | mainView.router.load({ 49 | content: $$('template#profile').html(), 50 | query: {email: this.user.email} 51 | }); 52 | }); 53 | } 54 | } 55 | } 56 | }); 57 | 58 | Vue.component('login-component', LoginComponent); 59 | 60 | new Vue({ 61 | el: '#loginContent' 62 | }); 63 | } 64 | }; 65 | -------------------------------------------------------------------------------- /client/components/login/login.tpl.js: -------------------------------------------------------------------------------- 1 | module.exports = ` 2 |
3 |
4 | 30 |
31 |
32 | Sign In 33 |
34 |
35 | `; 36 | -------------------------------------------------------------------------------- /client/components/profile/profile.jade: -------------------------------------------------------------------------------- 1 | mixin navbar 2 | .navbar 3 | .navbar-inner 4 | .center.sliding Profile 5 | .right 6 | a(href="#").open-panel.link.icon-only 7 | i.icon.icon-bars 8 | 9 | template#profile 10 | if (ios) 11 | +navbar 12 | 13 | .page(data-page='profile') 14 | if (!ios) 15 | +navbar 16 | .page-content#profileContent 17 | profile-component 18 | -------------------------------------------------------------------------------- /client/components/profile/profile.js: -------------------------------------------------------------------------------- 1 | const Vue = require('vue'); 2 | const profileTemplate = require('./profile.tpl'); 3 | 4 | module.exports = { 5 | init: (query) => { 6 | const ProfileComponent = Vue.extend({ 7 | template: profileTemplate, 8 | 9 | // initial data 10 | data: () => { 11 | return { 12 | user: { 13 | email: query.email 14 | } 15 | } 16 | }, 17 | 18 | methods: { 19 | logout: function () { 20 | app.confirm('Are you sure?', () => { 21 | mainView.router.back({ 22 | content: $$('template#login').html(), 23 | force: true 24 | }); 25 | }); 26 | } 27 | } 28 | }); 29 | 30 | Vue.component('profile-component', ProfileComponent); 31 | 32 | new Vue({ 33 | el: '#profileContent' 34 | }); 35 | } 36 | }; 37 | -------------------------------------------------------------------------------- /client/components/profile/profile.tpl.js: -------------------------------------------------------------------------------- 1 | module.exports = ` 2 |
3 |
4 | 15 |
16 |
17 | Sign Out 18 |
19 |
20 | `; 21 | -------------------------------------------------------------------------------- /client/error.jade: -------------------------------------------------------------------------------- 1 | doctype html 2 | html 3 | head 4 | meta(charset='utf-8') 5 | meta(name='viewport', content='width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no') 6 | meta(name='apple-mobile-web-app-capable', content='yes') 7 | meta(name='apple-mobile-web-app-status-bar-style', content='black-translucent') 8 | style. 9 | body {text-align:center;padding-top:100px;} 10 | body#error 11 | pre #{error.stack} 12 | -------------------------------------------------------------------------------- /client/http.js: -------------------------------------------------------------------------------- 1 | // ajax timeout set, in milliseconds 2 | const TIMEOUT = 6000; 3 | 4 | // how long before preloader appear, in milliseconds 5 | const PRELOAD_TIMEOUT = 1000; 6 | 7 | // error messages collection 8 | const MSG = { 9 | TIMEOUT: 'OOPS! Request timeout.', 10 | NETWORK_ERROR: 'Network Error!', 11 | SERVER_ERROR: 'Server Error!' 12 | }; 13 | 14 | // preload task 15 | let preloadTimer; 16 | let preloadTask = () => { 17 | app.showPreloader('loading...'); 18 | }; 19 | 20 | class Http { 21 | static get(url, success) { 22 | $$.ajax({ 23 | url, 24 | method: 'GET', 25 | beforeSend: () => { 26 | preloadTimer = setTimeout(preloadTask, PRELOAD_TIMEOUT); 27 | }, 28 | success: (data) => { 29 | successHandler(data, success); 30 | }, 31 | error: (xhr, status) => { 32 | errorHandler(xhr, status); 33 | }, 34 | complete: () => { 35 | clearTimeout(preloadTimer); 36 | } 37 | }); 38 | } 39 | 40 | static post(url, postData, success) { 41 | $$.ajax({ 42 | url, 43 | method: 'POST', 44 | data: postData, 45 | timeout: TIMEOUT, 46 | beforeSend: () => { 47 | preloadTimer = setTimeout(preloadTask, PRELOAD_TIMEOUT); 48 | }, 49 | success: (data) => { 50 | successHandler(data, success); 51 | }, 52 | error: (xhr, status) => { 53 | errorHandler(xhr, status); 54 | }, 55 | complete: () => { 56 | clearTimeout(preloadTimer); 57 | } 58 | }); 59 | } 60 | } 61 | 62 | function successHandler(data, callback) { 63 | data = JSON.parse(data); 64 | 65 | if (data.errCode === 0) { 66 | callback(data); 67 | } else { 68 | app.alert(data.errMsg); 69 | } 70 | } 71 | 72 | function errorHandler(xhr, status) { 73 | app.hidePreloader(); 74 | 75 | if (status === 0) { 76 | app.alert(MSG.NETWORK_ERROR); 77 | clearTimeout(preloadTimer); 78 | } else if (status === 'timeout') { 79 | app.alert(MSG.TIMEOUT); 80 | } else { 81 | app.alert(MSG.SERVER_ERROR); 82 | } 83 | } 84 | 85 | // instance of Http Class 86 | const http = new Http(); 87 | 88 | module.exports = http; 89 | -------------------------------------------------------------------------------- /client/index.jade: -------------------------------------------------------------------------------- 1 | extends layout 2 | 3 | block component 4 | include components/login/login 5 | include components/intro/intro 6 | include components/profile/profile 7 | -------------------------------------------------------------------------------- /client/layout.jade: -------------------------------------------------------------------------------- 1 | doctype 2 | html 3 | head 4 | meta(charset='utf-8') 5 | meta(name='viewport', content='width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no') 6 | meta(name='mobile-web-app-capable', content='yes') 7 | meta(name='apple-mobile-web-app-capable', content='yes') 8 | meta(name='apple-mobile-web-app-status-bar-style', content='black-translucent') 9 | meta(name='description', content='#{desc}') 10 | title= title 11 | link(rel='shortcut icon', href='favicon.ico') 12 | //- 13 | link(rel='apple-touch-icon-precomposed', sizes='144x144', href='/img/apple-touch-icon-144-precomposed.png') 14 | link(rel='apple-touch-icon-precomposed', sizes='114x114', href='/img/apple-touch-icon-114-precomposed.png') 15 | link(rel='apple-touch-icon-precomposed', sizes='72x72', href='/img/apple-touch-icon-72-precomposed.png') 16 | link(rel='apple-touch-icon-precomposed', href='/img/apple-touch-icon-57-precomposed.png') 17 | 18 | - if (ios) 19 | link(rel='stylesheet', href='framework7/css/framework7.ios.min.css') 20 | link(rel='stylesheet', href='framework7/css/framework7.ios.colors.min.css') 21 | - else 22 | link(rel='stylesheet', href='framework7/css/framework7.material.min.css') 23 | link(rel='stylesheet', href='framework7/css/framework7.material.colors.min.css') 24 | link(rel="stylesheet", href="css/style.css") 25 | 26 | body 27 | .statusbar-overlay 28 | include panel 29 | .views 30 | .view.view-main.navbar-through 31 | .navbar.navbar-hidden 32 | .navbar-inner 33 | 34 | .pages 35 | .page.no-navbar 36 | .page-content 37 | .pageloader 38 | span.preloader 39 | 40 | block component 41 | 42 | script(src='framework7/js/framework7.min.js') 43 | script(src='js/app.js') 44 | -------------------------------------------------------------------------------- /client/panel.jade: -------------------------------------------------------------------------------- 1 | .panel-overlay 2 | .panel.panel-right.panel-reveal.layout-dark 3 | .content-block-title Right Panel 4 | .content-block 5 | p This is a side panel. You can close it by clicking outsite or on this link: 6 | a(href="#").close-panel close me 7 | -------------------------------------------------------------------------------- /client/routes.js: -------------------------------------------------------------------------------- 1 | const { log } = require('./utils'); 2 | const components = require('./components'); 3 | 4 | class Router { 5 | init() { 6 | app.onPageInit('*', (page) => { 7 | if (page && page.name) { 8 | log(`${page.name} is loading.`); 9 | this.load(page.name, page.query); 10 | } 11 | }); 12 | } 13 | 14 | static load(name, query) { 15 | const component = components.get(name); 16 | component.init(query); 17 | log(`${name} is initialized.`); 18 | } 19 | } 20 | 21 | const router = new Router(); 22 | 23 | module.exports = router; 24 | -------------------------------------------------------------------------------- /client/style.styl: -------------------------------------------------------------------------------- 1 | @import 'styles/utils' 2 | @import 'styles/base' 3 | 4 | @import 'components/intro/intro' -------------------------------------------------------------------------------- /client/styles/base.styl: -------------------------------------------------------------------------------- 1 | /* 2 | * Define global styles 3 | */ 4 | 5 | .pageloader 6 | @extend $center 7 | .preloader 8 | size: 50px 9 | -------------------------------------------------------------------------------- /client/styles/utils.styl: -------------------------------------------------------------------------------- 1 | /* ================================ 2 | * Includes mixins and placeholders 3 | * ================================/ 4 | 5 | /* 6 | * Size utility. 7 | * 8 | * Synopsis: 9 | * 10 | * size: | 11 | * 12 | * Examples: 13 | * 14 | * size: 100% 30px 15 | * yields: 16 | * width: 100% 17 | * height: 30px 18 | * 19 | * size: 5px 20 | * yields: 21 | * width: 5px 22 | * height: 5px 23 | * 24 | */ 25 | 26 | size() 27 | if length(arguments) == 1 28 | width: arguments[0] 29 | height: arguments[0] 30 | else 31 | width: arguments[0] 32 | height: arguments[1] 33 | 34 | $center 35 | position: absolute; 36 | left: 50%; 37 | top: 50%; 38 | transform: translate(-50%, -50%); 39 | -------------------------------------------------------------------------------- /client/utils.js: -------------------------------------------------------------------------------- 1 | function format(time) { 2 | return time.toTimeString().replace(/.*(\d{2}:\d{2}:\d{2}).*/, '$1'); 3 | } 4 | 5 | function log(msg) { 6 | console.log(`%c[${format(new Date())} : ${msg}]`, 'color: green'); 7 | } 8 | 9 | module.exports = { 10 | format, 11 | log 12 | }; 13 | -------------------------------------------------------------------------------- /index.js: -------------------------------------------------------------------------------- 1 | 'use strict'; 2 | 3 | /** 4 | * Module dependencies. 5 | */ 6 | const path = require('path'); 7 | const express = require('express'); 8 | const ua = require('express-ua'); 9 | const stylus = require('stylus'); 10 | const autoprefixer = require('autoprefixer-stylus'); 11 | const browserify = require('browserify-middleware'); 12 | const bodyParser = require('body-parser'); 13 | 14 | /** 15 | * Express app instance. 16 | */ 17 | const app = express(); 18 | 19 | // api 20 | const api = require('./routes/api'); 21 | 22 | // view engine setup 23 | app.set('views', path.join(__dirname, 'client')); 24 | app.set('view engine', 'jade'); 25 | 26 | // express middleware 27 | app.use(bodyParser.json()); // for parsing application/json 28 | app.use(bodyParser.urlencoded({ extended: true })); // for parsing application/x-www-form-urlencoded 29 | app.use(stylus.middleware({ 30 | src: __dirname + '/client', 31 | dest: __dirname + '/public/css', 32 | compile: (str, path) => { 33 | return stylus(str) 34 | .use(autoprefixer()) // autoprefixer 35 | .set('filename', path) // @import 36 | } 37 | })); 38 | app.use('/js', browserify(path.join(__dirname, 'client'), { 39 | transform: [['babelify', { 'presets': ['es2015'] }]] 40 | })); 41 | app.use(express.static(path.join(__dirname, 'public'))); 42 | app.use(ua); 43 | app.use('/api', api); 44 | 45 | app.get('/', (req, res) => { 46 | res.render('index', { 47 | title: 'My APP', 48 | desc: 'My APP build with framework7.', 49 | ios: req.ua.os === 'iOS' 50 | }); 51 | }); 52 | 53 | // 404 处理 54 | app.all('*', (req, res) => { 55 | res.render('404', { 56 | status: 404 57 | }) 58 | }); 59 | 60 | // 所有错误的集中处理，在任何 route 中调用 next(err) 即可进入此逻辑 61 | app.use((req, res) => { 62 | console.trace(err); 63 | res.render('error', { 64 | error: err 65 | }); 66 | }); 67 | 68 | module.exports = app; 69 | -------------------------------------------------------------------------------- /nodemon.json: -------------------------------------------------------------------------------- 1 | { 2 | "ignore": ["client/**/*.js"] 3 | } 4 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "starter-framework7", 3 | "version": "0.4.0", 4 | "description": "A starter project structure for framework7 app", 5 | "main": "index.js", 6 | "author": "roshanca ", 7 | "repository": { 8 | "type": "git", 9 | "url": "https://github.com/roshanca/starter-framework7" 10 | }, 11 | "license": "MIT", 12 | "engines": { 13 | "node": ">=6", 14 | "npm": ">=3" 15 | }, 16 | "scripts": { 17 | "updateF7": "node tasks/updateF7", 18 | "start": "nodemon tasks/server", 19 | "lint": "eslint ./client/*.js" 20 | }, 21 | "browser": { 22 | "vue": "vue/dist/vue.common" 23 | }, 24 | "dependencies": { 25 | "autoprefixer-stylus": "^0.13.0", 26 | "body-parser": "^1.14.1", 27 | "express": "^4.13.3", 28 | "express-ua": "0.0.9", 29 | "framework7": "^1.3.5", 30 | "jade": "^1.11.0", 31 | "stylus": "^0.52.4", 32 | "vue": "^2.1.10" 33 | }, 34 | "devDependencies": { 35 | "babel-preset-es2015": "^6.0.15", 36 | "babelify": "^7.2.0", 37 | "browserify-middleware": "^7.0.0", 38 | "del": "^2.0.2", 39 | "eslint": "^3.14.0", 40 | "eslint-config-airbnb": "^14.0.0", 41 | "eslint-plugin-babel": "^4.0.1", 42 | "eslint-plugin-import": "^2.2.0", 43 | "ncp": "^2.0.0", 44 | "nodemon": "^1.11.0" 45 | } 46 | } 47 | -------------------------------------------------------------------------------- /public/css/style.css: -------------------------------------------------------------------------------- 1 | .pageloader { 2 | position: absolute; 3 | left: 50%; 4 | top: 50%; 5 | -webkit-transform: translate(-50%, -50%); 6 | transform: translate(-50%, -50%); 7 | } 8 | .pageloader .preloader { 9 | width: 50px; 10 | height: 50px; 11 | } 12 | .swiper-container { 13 | height: 100%; 14 | } 15 | .swiper-slide span { 16 | display: block; 17 | text-align: center; 18 | } 19 | .card img { 20 | display: block; 21 | width: 150px; 22 | height: 150px; 23 | margin: 0 auto; 24 | } 25 | .card img.logo { 26 | width: 90%; 27 | height: auto; 28 | } 29 | .card img.smaller { 30 | display: inline-block; 31 | width: 70px; 32 | height: 70px; 33 | } 34 | -------------------------------------------------------------------------------- /public/framework7/css/framework7.ios.rtl.css: -------------------------------------------------------------------------------- 1 | /** 2 | * Framework7 1.5.2 3 | * Full featured mobile HTML framework for building iOS & Android apps 4 | * 5 | * iOS Theme 6 | * 7 | * http://framework7.io/ 8 | * 9 | * Copyright 2016, Vladimir Kharlampidi 10 | * The iDangero.us 11 | * http://www.idangero.us/ 12 | * 13 | * Licensed under MIT 14 | * 15 | * Released on: December 17, 2016 16 | */ 17 | /*============= 18 | Framework 7 RTL Additions 19 | =============*/ 20 | html { 21 | direction: rtl; 22 | } 23 | /* === Lists === */ 24 | .list-block ul ul { 25 | padding-left: 0; 26 | padding-right: 45px; 27 | } 28 | .list-block .item-content { 29 | padding-left: 0; 30 | padding-right: 15px; 31 | } 32 | .list-block .item-inner { 33 | padding-right: 0; 34 | padding-left: 15px; 35 | } 36 | .list-block .item-after { 37 | margin-left: 0; 38 | margin-right: 5px; 39 | } 40 | .list-block .item-media i + i, 41 | .list-block .item-media i + img { 42 | margin-left: 0; 43 | margin-right: 5px; 44 | } 45 | .list-block .item-media + .item-inner { 46 | margin-left: 0; 47 | margin-right: 15px; 48 | } 49 | .list-block .item-link .item-inner { 50 | padding-right: 0; 51 | padding-left: 35px; 52 | background-position: 15px center; 53 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%2060%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'm60%2061.5-38.25%2038.25-9.75-9.75%2029.25-28.5-29.25-28.5%209.75-9.75z'%20fill%3D'%23c7c7cc'%20transform%3D'translate(60%2C120)%20rotate(180)'%2F%3E%3C%2Fsvg%3E"); 54 | } 55 | .list-block.media-list .item-link .item-inner, 56 | .list-block li.media-item .item-link .item-inner { 57 | padding-right: 0; 58 | padding-left: 15px; 59 | } 60 | .list-block.media-list .item-link .item-title-row, 61 | .list-block li.media-item .item-link .item-title-row { 62 | padding-right: 0; 63 | padding-left: 20px; 64 | background-position: center left; 65 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%2060%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'm60%2061.5-38.25%2038.25-9.75-9.75%2029.25-28.5-29.25-28.5%209.75-9.75z'%20fill%3D'%23c7c7cc'%20transform%3D'translate(60%2C120)%20rotate(180)'%2F%3E%3C%2Fsvg%3E"); 66 | } 67 | .list-block .sortable-handler { 68 | right: auto; 69 | left: 0; 70 | } 71 | .list-block.sortable-opened .item-inner, 72 | .list-block.sortable-opened .item-link .item-inner { 73 | padding-right: 0; 74 | padding-left: 35px; 75 | } 76 | .list-block.sortable-opened .item-link .item-inner, 77 | .list-block.sortable-opened .item-link .item-title-row { 78 | background-image: none; 79 | } 80 | .list-block .swipeout-actions-left, 81 | .list-block .swipeout-actions-right { 82 | direction: ltr; 83 | } 84 | /* === Toolbars === */ 85 | .navbar a.link i + span, 86 | .toolbar a.link i + span, 87 | .navbar a.link i + i, 88 | .toolbar a.link i + i, 89 | .navbar a.link span + i, 90 | .toolbar a.link span + i, 91 | .navbar a.link span + span, 92 | .toolbar a.link span + span { 93 | margin-left: 0; 94 | margin-right: 7px; 95 | } 96 | .navbar .left a + a, 97 | .navbar .right a + a { 98 | margin-left: 0; 99 | margin-right: 15px; 100 | } 101 | .navbar .left { 102 | margin-right: 0px; 103 | margin-left: 10px; 104 | } 105 | .navbar .right { 106 | margin-left: 0px; 107 | margin-right: 10px; 108 | } 109 | .navbar .right:first-child { 110 | right: auto; 111 | left: 8px; 112 | } 113 | /* === Forms === */ 114 | .list-block input[type="text"], 115 | .list-block input[type="password"], 116 | .list-block input[type="email"], 117 | .list-block input[type="tel"], 118 | .list-block input[type="url"], 119 | .list-block input[type="date"], 120 | .list-block input[type="datetime-local"], 121 | .list-block input[type="number"], 122 | .list-block select, 123 | .list-block textarea { 124 | padding-left: 0; 125 | padding-right: 5px; 126 | } 127 | .buttons-row .button:first-child { 128 | border-radius: 0 5px 5px 0; 129 | border-left: none; 130 | } 131 | .buttons-row .button:last-child { 132 | border-radius: 5px 0 0 5px; 133 | border-left-width: 1px; 134 | border-left-style: solid; 135 | } 136 | .buttons-row .button.button-round:first-child { 137 | border-radius: 0 27px 27px 0; 138 | } 139 | .buttons-row .button.button-round:last-child { 140 | border-radius: 27px 0 0 27px; 141 | } 142 | .label-switch input[type="checkbox"] + .checkbox:before { 143 | left: auto; 144 | right: 2px; 145 | } 146 | .label-switch input[type="checkbox"] + .checkbox:after { 147 | right: 2px; 148 | left: auto; 149 | -webkit-transform: translate3d(0, 0, 0); 150 | transform: translate3d(0, 0, 0); 151 | } 152 | .label-switch input[type="checkbox"]:checked + .checkbox:after { 153 | left: auto; 154 | -webkit-transform: translateX(-20px); 155 | transform: translateX(-20px); 156 | } 157 | .range-slider { 158 | padding-left: 0; 159 | padding-right: 0; 160 | margin-left: 0; 161 | padding-right: 3px; 162 | padding-left: 3px; 163 | margin-right: -1px; 164 | } 165 | .range-slider input[type="range"]:after { 166 | left: auto; 167 | right: -5px; 168 | } 169 | .range-slider input[type="range"]::-webkit-slider-thumb:after { 170 | left: auto; 171 | right: 0; 172 | } 173 | .range-slider input[type="range"]::-webkit-slider-thumb:before { 174 | right: auto; 175 | left: 100%; 176 | } 177 | label.label-radio input[type="checkbox"] ~ .item-inner, 178 | label.label-radio input[type="radio"] ~ .item-inner { 179 | padding-left: 35px; 180 | padding-right: 0; 181 | } 182 | label.label-radio input[type="checkbox"]:checked ~ .item-inner, 183 | label.label-radio input[type="radio"]:checked ~ .item-inner { 184 | background-position: 15px center; 185 | } 186 | /* === Search Bar === */ 187 | .searchbar input[type="search"] { 188 | background-position: right center; 189 | background-position: -webkit-calc(100% - 8px) center; 190 | background-position: calc(100% - 8px) center; 191 | } 192 | .searchbar .searchbar-clear { 193 | right: auto; 194 | left: 0; 195 | } 196 | .searchbar.searchbar-active .searchbar-cancel { 197 | margin-left: 0; 198 | margin-right: 8px; 199 | } 200 | /* === Message Bar === */ 201 | .messagebar .link + textarea { 202 | margin-left: 0; 203 | margin-right: 8px; 204 | } 205 | .messagebar textarea + .link { 206 | margin-left: 0; 207 | margin-right: 8px; 208 | } 209 | /* === Modals === */ 210 | .modal-button:first-child { 211 | border-radius: 0 0 7px 0; 212 | border-right: none; 213 | } 214 | .modal-button:last-child { 215 | border-right: 1px solid #b5b5b5; 216 | border-radius: 0 0 0 7px; 217 | } 218 | .modal-button:first-child:last-child { 219 | border-radius: 0 0 7px 7px; 220 | } 221 | /* === Content Block === */ 222 | .content-block-inner { 223 | margin-left: 0; 224 | margin-right: -15px; 225 | } 226 | /* === Pages === */ 227 | .page-from-right-to-center:before, 228 | .page-from-center-to-right:before, 229 | .page-fake-shadow { 230 | right: auto; 231 | left: 100%; 232 | background: -webkit-linear-gradient(right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.01) 50%, rgba(0, 0, 0, 0.2) 100%); 233 | background: linear-gradient(to left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.01) 50%, rgba(0, 0, 0, 0.2) 100%); 234 | } 235 | .page-on-left { 236 | -webkit-transform: translate3d(20%, 0, 0); 237 | transform: translate3d(20%, 0, 0); 238 | } 239 | .page-on-right { 240 | -webkit-transform: translate3d(-100%, 0, 0); 241 | transform: translate3d(-100%, 0, 0); 242 | } 243 | @-webkit-keyframes pageFromRightToCenter { 244 | from { 245 | -webkit-transform: translate3d(-100%, 0, 0); 246 | } 247 | to { 248 | -webkit-transform: translate3d(0, 0, 0); 249 | } 250 | } 251 | @-webkit-keyframes pageFromCenterToRight { 252 | from { 253 | -webkit-transform: translate3d(0, 0, 0); 254 | } 255 | to { 256 | -webkit-transform: translate3d(-100%, 0, 0); 257 | } 258 | } 259 | @keyframes pageFromRightToCenter { 260 | from { 261 | transform: translate3d(-100%, 0, 0); 262 | } 263 | to { 264 | transform: translate3d(0, 0, 0); 265 | } 266 | } 267 | @keyframes pageFromCenterToRight { 268 | from { 269 | transform: translate3d(0, 0, 0); 270 | } 271 | to { 272 | transform: translate3d(-100%, 0, 0); 273 | } 274 | } 275 | @-webkit-keyframes pageFromCenterToLeft { 276 | from { 277 | opacity: 1; 278 | -webkit-transform: translate3d(0, 0, 0); 279 | } 280 | to { 281 | opacity: 0.9; 282 | -webkit-transform: translate3d(20%, 0, 0); 283 | } 284 | } 285 | @-webkit-keyframes pageFromLeftToCenter { 286 | from { 287 | opacity: 0.9; 288 | -webkit-transform: translate3d(20%, 0, 0); 289 | } 290 | to { 291 | opacity: 1; 292 | -webkit-transform: translate3d(0, 0, 0); 293 | } 294 | } 295 | @keyframes pageFromCenterToLeft { 296 | from { 297 | opacity: 1; 298 | transform: translate3d(0, 0, 0); 299 | } 300 | to { 301 | opacity: 0.9; 302 | transform: translate3d(20%, 0, 0); 303 | } 304 | } 305 | @keyframes pageFromLeftToCenter { 306 | from { 307 | opacity: 0.9; 308 | transform: translate3d(20%, 0, 0); 309 | } 310 | to { 311 | opacity: 1; 312 | transform: translate3d(0, 0, 0); 313 | } 314 | } 315 | /* === Messages === */ 316 | .message-received { 317 | -ms-flex-item-align: end; 318 | -webkit-align-self: flex-end; 319 | align-self: flex-end; 320 | -webkit-box-align: end; 321 | -ms-flex-align: end; 322 | -webkit-align-items: flex-end; 323 | align-items: flex-end; 324 | } 325 | .message-sent { 326 | -ms-flex-item-align: start; 327 | -webkit-align-self: flex-start; 328 | align-self: flex-start; 329 | -webkit-box-align: start; 330 | -ms-flex-align: start; 331 | -webkit-align-items: flex-start; 332 | align-items: flex-start; 333 | } 334 | /* === Chips === */ 335 | .chip-media + .chip-label { 336 | margin-left: 0px; 337 | margin-right: 4px; 338 | } 339 | .chip-delete { 340 | margin-right: 0; 341 | margin-left: -6px; 342 | } 343 | /* === Back Icons === */ 344 | i.icon.icon-back { 345 | 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"); 346 | } 347 | i.icon.icon-forward { 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%2012%2020'%3E%3Cpath%20d%3D'M10%2C0l2%2C2l-8%2C8l8%2C8l-2%2C2L0%2C10L10%2C0z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); 349 | } 350 | i.icon.icon-next { 351 | 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"); 352 | } 353 | i.icon.icon-prev { 354 | 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"); 355 | } 356 | i.icon-back.color-gray, 357 | i.icon-back.theme-gray, 358 | .theme-gray i.icon-back { 359 | 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"); 360 | } 361 | i.icon-forward.color-gray, 362 | i.icon-forward.theme-gray, 363 | .theme-gray i.icon-forward { 364 | 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"); 365 | } 366 | i.icon-next.color-gray, 367 | i.icon-next.theme-gray, 368 | .theme-gray i.icon-next { 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%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"); 370 | } 371 | i.icon-prev.color-gray, 372 | i.icon-prev.theme-gray, 373 | .theme-gray i.icon-prev { 374 | 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"); 375 | } 376 | i.icon-back.color-white, 377 | i.icon-back.theme-white, 378 | .theme-white i.icon-back { 379 | 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"); 380 | } 381 | i.icon-forward.color-white, 382 | i.icon-forward.theme-white, 383 | .theme-white i.icon-forward { 384 | 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"); 385 | } 386 | i.icon-next.color-white, 387 | i.icon-next.theme-white, 388 | .theme-white i.icon-next { 389 | 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"); 390 | } 391 | i.icon-prev.color-white, 392 | i.icon-prev.theme-white, 393 | .theme-white i.icon-prev { 394 | 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"); 395 | } 396 | i.icon-back.color-black, 397 | i.icon-back.theme-black, 398 | .theme-black i.icon-back { 399 | 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"); 400 | } 401 | i.icon-forward.color-black, 402 | i.icon-forward.theme-black, 403 | .theme-black i.icon-forward { 404 | 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"); 405 | } 406 | i.icon-next.color-black, 407 | i.icon-next.theme-black, 408 | .theme-black i.icon-next { 409 | 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"); 410 | } 411 | i.icon-prev.color-black, 412 | i.icon-prev.theme-black, 413 | .theme-black i.icon-prev { 414 | 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"); 415 | } 416 | i.icon-back.color-lightblue, 417 | i.icon-back.theme-lightblue, 418 | .theme-lightblue i.icon-back { 419 | 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"); 420 | } 421 | i.icon-forward.color-lightblue, 422 | i.icon-forward.theme-lightblue, 423 | .theme-lightblue i.icon-forward { 424 | 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"); 425 | } 426 | i.icon-next.color-lightblue, 427 | i.icon-next.theme-lightblue, 428 | .theme-lightblue i.icon-next { 429 | 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"); 430 | } 431 | i.icon-prev.color-lightblue, 432 | i.icon-prev.theme-lightblue, 433 | .theme-lightblue i.icon-prev { 434 | 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"); 435 | } 436 | i.icon-back.color-yellow, 437 | i.icon-back.theme-yellow, 438 | .theme-yellow i.icon-back { 439 | 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"); 440 | } 441 | i.icon-forward.color-yellow, 442 | i.icon-forward.theme-yellow, 443 | .theme-yellow i.icon-forward { 444 | 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"); 445 | } 446 | i.icon-next.color-yellow, 447 | i.icon-next.theme-yellow, 448 | .theme-yellow i.icon-next { 449 | 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"); 450 | } 451 | i.icon-prev.color-yellow, 452 | i.icon-prev.theme-yellow, 453 | .theme-yellow i.icon-prev { 454 | 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"); 455 | } 456 | i.icon-back.color-orange, 457 | i.icon-back.theme-orange, 458 | .theme-orange i.icon-back { 459 | 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"); 460 | } 461 | i.icon-forward.color-orange, 462 | i.icon-forward.theme-orange, 463 | .theme-orange i.icon-forward { 464 | 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"); 465 | } 466 | i.icon-next.color-orange, 467 | i.icon-next.theme-orange, 468 | .theme-orange i.icon-next { 469 | 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"); 470 | } 471 | i.icon-prev.color-orange, 472 | i.icon-prev.theme-orange, 473 | .theme-orange i.icon-prev { 474 | 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"); 475 | } 476 | i.icon-back.color-pink, 477 | i.icon-back.theme-pink, 478 | .theme-pink i.icon-back { 479 | 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"); 480 | } 481 | i.icon-forward.color-pink, 482 | i.icon-forward.theme-pink, 483 | .theme-pink i.icon-forward { 484 | 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"); 485 | } 486 | i.icon-next.color-pink, 487 | i.icon-next.theme-pink, 488 | .theme-pink i.icon-next { 489 | 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"); 490 | } 491 | i.icon-prev.color-pink, 492 | i.icon-prev.theme-pink, 493 | .theme-pink i.icon-prev { 494 | 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"); 495 | } 496 | i.icon-back.color-blue, 497 | i.icon-back.theme-blue, 498 | .theme-blue i.icon-back { 499 | 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"); 500 | } 501 | i.icon-forward.color-blue, 502 | i.icon-forward.theme-blue, 503 | .theme-blue i.icon-forward { 504 | 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"); 505 | } 506 | i.icon-next.color-blue, 507 | i.icon-next.theme-blue, 508 | .theme-blue i.icon-next { 509 | 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"); 510 | } 511 | i.icon-prev.color-blue, 512 | i.icon-prev.theme-blue, 513 | .theme-blue i.icon-prev { 514 | 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"); 515 | } 516 | i.icon-back.color-green, 517 | i.icon-back.theme-green, 518 | .theme-green i.icon-back { 519 | 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"); 520 | } 521 | i.icon-forward.color-green, 522 | i.icon-forward.theme-green, 523 | .theme-green i.icon-forward { 524 | 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"); 525 | } 526 | i.icon-next.color-green, 527 | i.icon-next.theme-green, 528 | .theme-green i.icon-next { 529 | 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"); 530 | } 531 | i.icon-prev.color-green, 532 | i.icon-prev.theme-green, 533 | .theme-green i.icon-prev { 534 | 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"); 535 | } 536 | i.icon-back.color-red, 537 | i.icon-back.theme-red, 538 | .theme-red i.icon-back { 539 | 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"); 540 | } 541 | i.icon-forward.color-red, 542 | i.icon-forward.theme-red, 543 | .theme-red i.icon-forward { 544 | 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"); 545 | } 546 | i.icon-next.color-red, 547 | i.icon-next.theme-red, 548 | .theme-red i.icon-next { 549 | 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"); 550 | } 551 | i.icon-prev.color-red, 552 | i.icon-prev.theme-red, 553 | .theme-red i.icon-prev { 554 | 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"); 555 | } 556 | /* === Accordion === */ 557 | .list-block .accordion-toggle .item-inner { 558 | padding-right: 0; 559 | padding-left: 35px; 560 | background-position: 15px center; 561 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%2060%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'm60%2061.5-38.25%2038.25-9.75-9.75%2029.25-28.5-29.25-28.5%209.75-9.75z'%20fill%3D'%23c7c7cc'%20transform%3D'translate(60%2C120)%20rotate(180)'%2F%3E%3C%2Fsvg%3E"); 562 | } 563 | .list-block:not(.media-list) .accordion-item-expanded:not(.media-item) .accordion-item-toggle .item-inner, 564 | .list-block:not(.media-list) .accordion-item-expanded:not(.media-item) > .item-link .item-inner, 565 | .list-block.media-list .accordion-item-expanded .accordion-item-toggle .item-title-row, 566 | .list-block.media-list .accordion-item-expanded > .item-link .item-title-row, 567 | .list-block .accordion-item-expanded.media-item .accordion-item-toggle .item-title-row, 568 | .list-block .accordion-item-expanded.media-item > .item-link .item-title-row { 569 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%2060%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'm60%2061.5-38.25%2038.25-9.75-9.75%2029.25-28.5-29.25-28.5%209.75-9.75z'%20transform%3D'translate(70%2C%2030)%20rotate(90)'%20fill%3D'%23c7c7cc'%2F%3E%3C%2Fsvg%3E"); 570 | background-size: 20px 20px; 571 | } 572 | .list-block .accordion-item ul { 573 | padding-right: 0; 574 | } 575 | /* === Timeline === */ 576 | .timeline-sides .timeline-item { 577 | margin-right: -moz-calc(50% - (30px + 10px) / 2 - 50px); 578 | margin-right: -webkit-calc(50% - (30px + 10px) / 2 - 50px); 579 | margin-right: calc(50% - (30px + 10px) / 2 - 50px); 580 | margin-left: 0; 581 | } 582 | .timeline-sides .timeline-item .timeline-item-date { 583 | text-align: left; 584 | } 585 | .timeline-sides .timeline-item:not(.timeline-item-right):nth-child(2n) { 586 | -webkit-box-direction: reverse; 587 | -moz-box-direction: reverse; 588 | -ms-flex-direction: row-reverse; 589 | -webkit-flex-direction: row-reverse; 590 | flex-direction: row-reverse; 591 | margin-left: -moz-calc(50% - (30px + 10px) / 2 - 50px); 592 | margin-left: -webkit-calc(50% - (30px + 10px) / 2 - 50px); 593 | margin-left: calc(50% - (30px + 10px) / 2 - 50px); 594 | margin-right: 0; 595 | } 596 | .timeline-sides .timeline-item:not(.timeline-item-right):nth-child(2n) .timeline-item-date { 597 | text-align: right; 598 | } 599 | .timeline-sides .timeline-item-left { 600 | -webkit-box-direction: reverse; 601 | -moz-box-direction: reverse; 602 | -ms-flex-direction: row-reverse; 603 | -webkit-flex-direction: row-reverse; 604 | flex-direction: row-reverse; 605 | margin-left: -moz-calc(50% - (30px + 10px) / 2 - 50px); 606 | margin-left: -webkit-calc(50% - (30px + 10px) / 2 - 50px); 607 | margin-left: calc(50% - (30px + 10px) / 2 - 50px); 608 | margin-right: 0; 609 | } 610 | .timeline-sides .timeline-item-left .timeline-item-date { 611 | text-align: right; 612 | } 613 | .timeline-sides .timeline-item-right { 614 | margin-right: -moz-calc(50% - (30px + 10px) / 2 - 50px); 615 | margin-right: -webkit-calc(50% - (30px + 10px) / 2 - 50px); 616 | margin-right: calc(50% - (30px + 10px) / 2 - 50px); 617 | margin-left: 0; 618 | } 619 | .timeline-sides .timeline-item-right .timeline-item-date { 620 | text-align: left; 621 | } 622 | @media (min-width: 768px) { 623 | .tablet-sides .timeline-item { 624 | margin-right: -moz-calc(50% - (30px + 10px) / 2 - 50px); 625 | margin-right: -webkit-calc(50% - (30px + 10px) / 2 - 50px); 626 | margin-right: calc(50% - (30px + 10px) / 2 - 50px); 627 | margin-left: 0; 628 | } 629 | .tablet-sides .timeline-item .timeline-item-date { 630 | text-align: left; 631 | } 632 | .tablet-sides .timeline-item:not(.timeline-item-right):nth-child(2n) { 633 | -webkit-box-direction: reverse; 634 | -moz-box-direction: reverse; 635 | -ms-flex-direction: row-reverse; 636 | -webkit-flex-direction: row-reverse; 637 | flex-direction: row-reverse; 638 | margin-left: -moz-calc(50% - (30px + 10px) / 2 - 50px); 639 | margin-left: -webkit-calc(50% - (30px + 10px) / 2 - 50px); 640 | margin-left: calc(50% - (30px + 10px) / 2 - 50px); 641 | margin-right: 0; 642 | } 643 | .tablet-sides .timeline-item:not(.timeline-item-right):nth-child(2n) .timeline-item-date { 644 | text-align: right; 645 | } 646 | .tablet-sides .timeline-item-left { 647 | -webkit-box-direction: reverse; 648 | -moz-box-direction: reverse; 649 | -ms-flex-direction: row-reverse; 650 | -webkit-flex-direction: row-reverse; 651 | flex-direction: row-reverse; 652 | margin-left: -moz-calc(50% - (30px + 10px) / 2 - 50px); 653 | margin-left: -webkit-calc(50% - (30px + 10px) / 2 - 50px); 654 | margin-left: calc(50% - (30px + 10px) / 2 - 50px); 655 | margin-right: 0; 656 | } 657 | .tablet-sides .timeline-item-left .timeline-item-date { 658 | text-align: right; 659 | } 660 | .tablet-sides .timeline-item-right { 661 | margin-right: -moz-calc(50% - (30px + 10px) / 2 - 50px); 662 | margin-right: -webkit-calc(50% - (30px + 10px) / 2 - 50px); 663 | margin-right: calc(50% - (30px + 10px) / 2 - 50px); 664 | margin-left: 0; 665 | } 666 | .tablet-sides .timeline-item-right .timeline-item-date { 667 | text-align: left; 668 | } 669 | } 670 | .timeline-horizontal .timeline-item-date { 671 | text-align: right; 672 | } 673 | .timeline-horizontal .timeline-month:last-child .timeline-item:last-child:after { 674 | content: ''; 675 | position: absolute; 676 | right: 0; 677 | top: 0; 678 | left: auto; 679 | bottom: auto; 680 | width: 1px; 681 | height: 100%; 682 | background-color: #c4c4c4; 683 | display: block; 684 | z-index: 15; 685 | -webkit-transform-origin: 100% 50%; 686 | transform-origin: 100% 50%; 687 | } 688 | html.pixel-ratio-2 .timeline-horizontal .timeline-month:last-child .timeline-item:last-child:after { 689 | -webkit-transform: scaleX(0.5); 690 | transform: scaleX(0.5); 691 | } 692 | html.pixel-ratio-3 .timeline-horizontal .timeline-month:last-child .timeline-item:last-child:after { 693 | -webkit-transform: scaleX(0.33); 694 | transform: scaleX(0.33); 695 | } 696 | .timeline-year:last-child:after { 697 | content: ''; 698 | position: absolute; 699 | right: 0; 700 | top: 0; 701 | left: auto; 702 | bottom: auto; 703 | width: 1px; 704 | height: 100%; 705 | background-color: #c4c4c4; 706 | display: block; 707 | z-index: 15; 708 | -webkit-transform-origin: 100% 50%; 709 | transform-origin: 100% 50%; 710 | } 711 | html.pixel-ratio-2 .timeline-year:last-child:after { 712 | -webkit-transform: scaleX(0.5); 713 | transform: scaleX(0.5); 714 | } 715 | html.pixel-ratio-3 .timeline-year:last-child:after { 716 | -webkit-transform: scaleX(0.33); 717 | transform: scaleX(0.33); 718 | } 719 | -------------------------------------------------------------------------------- /public/framework7/css/framework7.ios.rtl.min.css: -------------------------------------------------------------------------------- 1 | /** 2 | * Framework7 1.5.2 3 | * Full featured mobile HTML framework for building iOS & Android apps 4 | * 5 | * http://framework7.io/ 6 | * 7 | * Copyright 2016, Vladimir Kharlampidi 8 | * The iDangero.us 9 | * http://www.idangero.us/ 10 | * 11 | * Licensed under MIT 12 | * 13 | * Released on: December 17, 2016 14 | */ 15 | html{direction:rtl}.list-block ul ul{padding-left:0;padding-right:45px}.list-block .item-content{padding-left:0;padding-right:15px}.list-block .item-inner{padding-right:0;padding-left:15px}.list-block .item-after{margin-left:0;margin-right:5px}.list-block .item-media i+i,.list-block .item-media i+img{margin-left:0;margin-right:5px}.list-block .item-media+.item-inner{margin-left:0;margin-right:15px}.list-block .item-link .item-inner{padding-right:0;padding-left:35px;background-position:15px center;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%2060%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'm60%2061.5-38.25%2038.25-9.75-9.75%2029.25-28.5-29.25-28.5%209.75-9.75z'%20fill%3D'%23c7c7cc'%20transform%3D'translate(60%2C120)%20rotate(180)'%2F%3E%3C%2Fsvg%3E")}.list-block li.media-item .item-link .item-inner,.list-block.media-list .item-link .item-inner{padding-right:0;padding-left:15px}.list-block li.media-item .item-link .item-title-row,.list-block.media-list .item-link .item-title-row{padding-right:0;padding-left:20px;background-position:center left;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%2060%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'm60%2061.5-38.25%2038.25-9.75-9.75%2029.25-28.5-29.25-28.5%209.75-9.75z'%20fill%3D'%23c7c7cc'%20transform%3D'translate(60%2C120)%20rotate(180)'%2F%3E%3C%2Fsvg%3E")}.list-block .sortable-handler{right:auto;left:0}.list-block.sortable-opened .item-inner,.list-block.sortable-opened .item-link .item-inner{padding-right:0;padding-left:35px}.list-block.sortable-opened .item-link .item-inner,.list-block.sortable-opened .item-link .item-title-row{background-image:none}.list-block .swipeout-actions-left,.list-block .swipeout-actions-right{direction:ltr}.navbar a.link i+i,.navbar a.link i+span,.navbar a.link span+i,.navbar a.link span+span,.toolbar a.link i+i,.toolbar a.link i+span,.toolbar a.link span+i,.toolbar a.link span+span{margin-left:0;margin-right:7px}.navbar .left a+a,.navbar .right a+a{margin-left:0;margin-right:15px}.navbar .left{margin-right:0;margin-left:10px}.navbar .right{margin-left:0;margin-right:10px}.navbar .right:first-child{right:auto;left:8px}.list-block input[type=text],.list-block input[type=password],.list-block input[type=email],.list-block input[type=tel],.list-block input[type=url],.list-block input[type=date],.list-block input[type=datetime-local],.list-block input[type=number],.list-block select,.list-block textarea{padding-left:0;padding-right:5px}.buttons-row .button:first-child{border-radius:0 5px 5px 0;border-left:none}.buttons-row .button:last-child{border-radius:5px 0 0 5px;border-left-width:1px;border-left-style:solid}.buttons-row .button.button-round:first-child{border-radius:0 27px 27px 0}.buttons-row .button.button-round:last-child{border-radius:27px 0 0 27px}.label-switch input[type=checkbox]+.checkbox:before{left:auto;right:2px}.label-switch input[type=checkbox]+.checkbox:after{right:2px;left:auto;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.label-switch input[type=checkbox]:checked+.checkbox:after{left:auto;-webkit-transform:translateX(-20px);transform:translateX(-20px)}.range-slider{padding-left:0;padding-right:0;margin-left:0;padding-right:3px;padding-left:3px;margin-right:-1px}.range-slider input[type=range]:after{left:auto;right:-5px}.range-slider input[type=range]::-webkit-slider-thumb:after{left:auto;right:0}.range-slider input[type=range]::-webkit-slider-thumb:before{right:auto;left:100%}label.label-radio input[type=radio]~.item-inner,label.label-radio input[type=checkbox]~.item-inner{padding-left:35px;padding-right:0}label.label-radio input[type=radio]:checked~.item-inner,label.label-radio input[type=checkbox]:checked~.item-inner{background-position:15px center}.searchbar input[type=search]{background-position:right center;background-position:-webkit-calc(100% - 8px) center;background-position:calc(100% - 8px) center}.searchbar .searchbar-clear{right:auto;left:0}.searchbar.searchbar-active .searchbar-cancel{margin-left:0;margin-right:8px}.messagebar .link+textarea{margin-left:0;margin-right:8px}.messagebar textarea+.link{margin-left:0;margin-right:8px}.modal-button:first-child{border-radius:0 0 7px 0;border-right:none}.modal-button:last-child{border-right:1px solid #b5b5b5;border-radius:0 0 0 7px}.modal-button:first-child:last-child{border-radius:0 0 7px 7px}.content-block-inner{margin-left:0;margin-right:-15px}.page-fake-shadow,.page-from-center-to-right:before,.page-from-right-to-center:before{right:auto;left:100%;background:-webkit-linear-gradient(right,rgba(0,0,0,0) 0,rgba(0,0,0,0) 10%,rgba(0,0,0,.01) 50%,rgba(0,0,0,.2) 100%);background:linear-gradient(to left,rgba(0,0,0,0) 0,rgba(0,0,0,0) 10%,rgba(0,0,0,.01) 50%,rgba(0,0,0,.2) 100%)}.page-on-left{-webkit-transform:translate3d(20%,0,0);transform:translate3d(20%,0,0)}.page-on-right{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}@-webkit-keyframes pageFromRightToCenter{from{-webkit-transform:translate3d(-100%,0,0)}to{-webkit-transform:translate3d(0,0,0)}}@-webkit-keyframes pageFromCenterToRight{from{-webkit-transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(-100%,0,0)}}@keyframes pageFromRightToCenter{from{transform:translate3d(-100%,0,0)}to{transform:translate3d(0,0,0)}}@keyframes pageFromCenterToRight{from{transform:translate3d(0,0,0)}to{transform:translate3d(-100%,0,0)}}@-webkit-keyframes pageFromCenterToLeft{from{opacity:1;-webkit-transform:translate3d(0,0,0)}to{opacity:.9;-webkit-transform:translate3d(20%,0,0)}}@-webkit-keyframes pageFromLeftToCenter{from{opacity:.9;-webkit-transform:translate3d(20%,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0)}}@keyframes pageFromCenterToLeft{from{opacity:1;transform:translate3d(0,0,0)}to{opacity:.9;transform:translate3d(20%,0,0)}}@keyframes pageFromLeftToCenter{from{opacity:.9;transform:translate3d(20%,0,0)}to{opacity:1;transform:translate3d(0,0,0)}}.message-received{-ms-flex-item-align:end;-webkit-align-self:flex-end;align-self:flex-end;-webkit-box-align:end;-ms-flex-align:end;-webkit-align-items:flex-end;align-items:flex-end}.message-sent{-ms-flex-item-align:start;-webkit-align-self:flex-start;align-self:flex-start;-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start}.chip-media+.chip-label{margin-left:0;margin-right:4px}.chip-delete{margin-right:0;margin-left:-6px}i.icon.icon-back{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")}i.icon.icon-forward{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")}i.icon.icon-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%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")}i.icon.icon-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%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-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'M2%2C20l-2-2l8-8L0%2C2l2-2l10%2C10L2%2C20z'%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'M10%2C0l2%2C2l-8%2C8l8%2C8l-2%2C2L0%2C10L10%2C0z'%20fill%3D'%238e8e93'%2F%3E%3C%2Fsvg%3E")}.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'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-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'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-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'M2%2C20l-2-2l8-8L0%2C2l2-2l10%2C10L2%2C20z'%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'M10%2C0l2%2C2l-8%2C8l8%2C8l-2%2C2L0%2C10L10%2C0z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.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'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-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'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-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'M2%2C20l-2-2l8-8L0%2C2l2-2l10%2C10L2%2C20z'%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'M10%2C0l2%2C2l-8%2C8l8%2C8l-2%2C2L0%2C10L10%2C0z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.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'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-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'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-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'M2%2C20l-2-2l8-8L0%2C2l2-2l10%2C10L2%2C20z'%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'M10%2C0l2%2C2l-8%2C8l8%2C8l-2%2C2L0%2C10L10%2C0z'%20fill%3D'%235ac8fa'%2F%3E%3C%2Fsvg%3E")}.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'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-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'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-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'M2%2C20l-2-2l8-8L0%2C2l2-2l10%2C10L2%2C20z'%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'M10%2C0l2%2C2l-8%2C8l8%2C8l-2%2C2L0%2C10L10%2C0z'%20fill%3D'%23ffcc00'%2F%3E%3C%2Fsvg%3E")}.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'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-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'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-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'M2%2C20l-2-2l8-8L0%2C2l2-2l10%2C10L2%2C20z'%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'M10%2C0l2%2C2l-8%2C8l8%2C8l-2%2C2L0%2C10L10%2C0z'%20fill%3D'%23ff9500'%2F%3E%3C%2Fsvg%3E")}.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'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-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'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-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'M2%2C20l-2-2l8-8L0%2C2l2-2l10%2C10L2%2C20z'%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'M10%2C0l2%2C2l-8%2C8l8%2C8l-2%2C2L0%2C10L10%2C0z'%20fill%3D'%23ff2d55'%2F%3E%3C%2Fsvg%3E")}.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'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-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'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-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'M2%2C20l-2-2l8-8L0%2C2l2-2l10%2C10L2%2C20z'%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'M10%2C0l2%2C2l-8%2C8l8%2C8l-2%2C2L0%2C10L10%2C0z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E")}.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'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-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'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-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'M2%2C20l-2-2l8-8L0%2C2l2-2l10%2C10L2%2C20z'%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'M10%2C0l2%2C2l-8%2C8l8%2C8l-2%2C2L0%2C10L10%2C0z'%20fill%3D'%234cd964'%2F%3E%3C%2Fsvg%3E")}.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'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-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'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-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'M2%2C20l-2-2l8-8L0%2C2l2-2l10%2C10L2%2C20z'%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'M10%2C0l2%2C2l-8%2C8l8%2C8l-2%2C2L0%2C10L10%2C0z'%20fill%3D'%23ff3b30'%2F%3E%3C%2Fsvg%3E")}.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'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-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'M1%2C1.6l11.8%2C5.8L1%2C13.4V1.6%20M0%2C0v15l15-7.6L0%2C0L0%2C0z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}.list-block .accordion-toggle .item-inner{padding-right:0;padding-left:35px;background-position:15px center;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%2060%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'm60%2061.5-38.25%2038.25-9.75-9.75%2029.25-28.5-29.25-28.5%209.75-9.75z'%20fill%3D'%23c7c7cc'%20transform%3D'translate(60%2C120)%20rotate(180)'%2F%3E%3C%2Fsvg%3E")}.list-block .accordion-item-expanded.media-item .accordion-item-toggle .item-title-row,.list-block .accordion-item-expanded.media-item>.item-link .item-title-row,.list-block.media-list .accordion-item-expanded .accordion-item-toggle .item-title-row,.list-block.media-list .accordion-item-expanded>.item-link .item-title-row,.list-block:not(.media-list) .accordion-item-expanded:not(.media-item) .accordion-item-toggle .item-inner,.list-block:not(.media-list) .accordion-item-expanded:not(.media-item)>.item-link .item-inner{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%2060%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'm60%2061.5-38.25%2038.25-9.75-9.75%2029.25-28.5-29.25-28.5%209.75-9.75z'%20transform%3D'translate(70%2C%2030)%20rotate(90)'%20fill%3D'%23c7c7cc'%2F%3E%3C%2Fsvg%3E");background-size:20px 20px}.list-block .accordion-item ul{padding-right:0}.timeline-sides .timeline-item{margin-right:-moz-calc(50% - (30px + 10px)/ 2 - 50px);margin-right:-webkit-calc(50% - (30px + 10px)/ 2 - 50px);margin-right:calc(50% - (30px + 10px)/ 2 - 50px);margin-left:0}.timeline-sides .timeline-item .timeline-item-date{text-align:left}.timeline-sides .timeline-item:not(.timeline-item-right):nth-child(2n){-webkit-box-direction:reverse;-moz-box-direction:reverse;-ms-flex-direction:row-reverse;-webkit-flex-direction:row-reverse;flex-direction:row-reverse;margin-left:-moz-calc(50% - (30px + 10px)/ 2 - 50px);margin-left:-webkit-calc(50% - (30px + 10px)/ 2 - 50px);margin-left:calc(50% - (30px + 10px)/ 2 - 50px);margin-right:0}.timeline-sides .timeline-item:not(.timeline-item-right):nth-child(2n) .timeline-item-date{text-align:right}.timeline-sides .timeline-item-left{-webkit-box-direction:reverse;-moz-box-direction:reverse;-ms-flex-direction:row-reverse;-webkit-flex-direction:row-reverse;flex-direction:row-reverse;margin-left:-moz-calc(50% - (30px + 10px)/ 2 - 50px);margin-left:-webkit-calc(50% - (30px + 10px)/ 2 - 50px);margin-left:calc(50% - (30px + 10px)/ 2 - 50px);margin-right:0}.timeline-sides .timeline-item-left .timeline-item-date{text-align:right}.timeline-sides .timeline-item-right{margin-right:-moz-calc(50% - (30px + 10px)/ 2 - 50px);margin-right:-webkit-calc(50% - (30px + 10px)/ 2 - 50px);margin-right:calc(50% - (30px + 10px)/ 2 - 50px);margin-left:0}.timeline-sides .timeline-item-right .timeline-item-date{text-align:left}@media (min-width:768px){.tablet-sides .timeline-item{margin-right:-moz-calc(50% - (30px + 10px)/ 2 - 50px);margin-right:-webkit-calc(50% - (30px + 10px)/ 2 - 50px);margin-right:calc(50% - (30px + 10px)/ 2 - 50px);margin-left:0}.tablet-sides .timeline-item .timeline-item-date{text-align:left}.tablet-sides .timeline-item:not(.timeline-item-right):nth-child(2n){-webkit-box-direction:reverse;-moz-box-direction:reverse;-ms-flex-direction:row-reverse;-webkit-flex-direction:row-reverse;flex-direction:row-reverse;margin-left:-moz-calc(50% - (30px + 10px)/ 2 - 50px);margin-left:-webkit-calc(50% - (30px + 10px)/ 2 - 50px);margin-left:calc(50% - (30px + 10px)/ 2 - 50px);margin-right:0}.tablet-sides .timeline-item:not(.timeline-item-right):nth-child(2n) .timeline-item-date{text-align:right}.tablet-sides .timeline-item-left{-webkit-box-direction:reverse;-moz-box-direction:reverse;-ms-flex-direction:row-reverse;-webkit-flex-direction:row-reverse;flex-direction:row-reverse;margin-left:-moz-calc(50% - (30px + 10px)/ 2 - 50px);margin-left:-webkit-calc(50% - (30px + 10px)/ 2 - 50px);margin-left:calc(50% - (30px + 10px)/ 2 - 50px);margin-right:0}.tablet-sides .timeline-item-left .timeline-item-date{text-align:right}.tablet-sides .timeline-item-right{margin-right:-moz-calc(50% - (30px + 10px)/ 2 - 50px);margin-right:-webkit-calc(50% - (30px + 10px)/ 2 - 50px);margin-right:calc(50% - (30px + 10px)/ 2 - 50px);margin-left:0}.tablet-sides .timeline-item-right .timeline-item-date{text-align:left}}.timeline-horizontal .timeline-item-date{text-align:right}.timeline-horizontal .timeline-month:last-child .timeline-item:last-child:after{content:'';position:absolute;right:0;top:0;left:auto;bottom:auto;width:1px;height:100%;background-color:#c4c4c4;display:block;z-index:15;-webkit-transform-origin:100% 50%;transform-origin:100% 50%}html.pixel-ratio-2 .timeline-horizontal .timeline-month:last-child .timeline-item:last-child:after{-webkit-transform:scaleX(.5);transform:scaleX(.5)}html.pixel-ratio-3 .timeline-horizontal .timeline-month:last-child .timeline-item:last-child:after{-webkit-transform:scaleX(.33);transform:scaleX(.33)}.timeline-year:last-child:after{content:'';position:absolute;right:0;top:0;left:auto;bottom:auto;width:1px;height:100%;background-color:#c4c4c4;display:block;z-index:15;-webkit-transform-origin:100% 50%;transform-origin:100% 50%}html.pixel-ratio-2 .timeline-year:last-child:after{-webkit-transform:scaleX(.5);transform:scaleX(.5)}html.pixel-ratio-3 .timeline-year:last-child:after{-webkit-transform:scaleX(.33);transform:scaleX(.33)} -------------------------------------------------------------------------------- /public/framework7/css/framework7.material.rtl.css: -------------------------------------------------------------------------------- 1 | /** 2 | * Framework7 1.5.2 3 | * Full featured mobile HTML framework for building iOS & Android apps 4 | * 5 | * Google Material Theme 6 | * 7 | * http://framework7.io/ 8 | * 9 | * Copyright 2016, Vladimir Kharlampidi 10 | * The iDangero.us 11 | * http://www.idangero.us/ 12 | * 13 | * Licensed under MIT 14 | * 15 | * Released on: December 17, 2016 16 | */ 17 | /*============= 18 | Framework 7 RTL Additions 19 | =============*/ 20 | html { 21 | direction: rtl; 22 | } 23 | /* === Lists === */ 24 | .list-block ul ul { 25 | padding-left: 0; 26 | padding-right: 56px; 27 | } 28 | .list-block .item-content { 29 | padding-left: 0; 30 | padding-right: 16px; 31 | } 32 | .list-block .item-inner { 33 | padding-right: 0; 34 | padding-left: 16px; 35 | } 36 | .list-block .item-after { 37 | margin-left: 0; 38 | margin-right: 8px; 39 | } 40 | .list-block .item-media i + i, 41 | .list-block .item-media i + img { 42 | margin-left: 0; 43 | margin-right: 8px; 44 | } 45 | .list-block .item-media + .item-inner { 46 | margin-left: 0; 47 | margin-right: 16px; 48 | } 49 | .list-block .item-link .item-inner { 50 | padding-right: 0; 51 | padding-left: 42px; 52 | background-position: 16px center; 53 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%2060%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'm60%2061.5-38.25%2038.25-9.75-9.75%2029.25-28.5-29.25-28.5%209.75-9.75z'%20fill%3D'%23c7c7cc'%20transform%3D'translate(60%2C120)%20rotate(180)'%2F%3E%3C%2Fsvg%3E"); 54 | } 55 | .list-block.media-list .item-link .item-inner, 56 | .list-block li.media-item .item-link .item-inner { 57 | padding-right: 0; 58 | padding-left: 16px; 59 | } 60 | .list-block.media-list .item-link .item-title-row, 61 | .list-block li.media-item .item-link .item-title-row { 62 | padding-right: 0; 63 | padding-left: 26px; 64 | background-position: center left; 65 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%2060%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'm60%2061.5-38.25%2038.25-9.75-9.75%2029.25-28.5-29.25-28.5%209.75-9.75z'%20fill%3D'%23c7c7cc'%20transform%3D'translate(60%2C120)%20rotate(180)'%2F%3E%3C%2Fsvg%3E"); 66 | } 67 | .list-block .sortable-handler { 68 | right: auto; 69 | left: 0; 70 | } 71 | .list-block.sortable-opened .item-inner, 72 | .list-block.sortable-opened .item-link .item-inner { 73 | padding-right: 0; 74 | padding-left: 50px; 75 | } 76 | .list-block.sortable-opened .item-link .item-inner, 77 | .list-block.sortable-opened .item-link .item-title-row { 78 | background-image: none; 79 | } 80 | .list-block .swipeout-actions-left, 81 | .list-block .swipeout-actions-right { 82 | direction: ltr; 83 | } 84 | /* === Toolbars === */ 85 | .navbar a.link i + span, 86 | .toolbar a.link i + span, 87 | .navbar a.link i + i, 88 | .toolbar a.link i + i, 89 | .navbar a.link span + i, 90 | .toolbar a.link span + i, 91 | .navbar a.link span + span, 92 | .toolbar a.link span + span { 93 | margin-left: 0; 94 | margin-right: 8px; 95 | } 96 | .navbar .right { 97 | margin-left: 0; 98 | margin-right: auto; 99 | } 100 | .tabbar .tab-link-highlight { 101 | left: auto; 102 | right: 0; 103 | } 104 | /* === Forms === */ 105 | .list-block input[type="text"], 106 | .list-block input[type="password"], 107 | .list-block input[type="search"], 108 | .list-block input[type="email"], 109 | .list-block input[type="tel"], 110 | .list-block input[type="url"], 111 | .list-block input[type="date"], 112 | .list-block input[type="datetime-local"], 113 | .list-block input[type="time"], 114 | .list-block input[type="number"], 115 | .list-block select, 116 | .list-block textarea { 117 | text-align: right; 118 | } 119 | .list-block .input-item .floating-label, 120 | .list-block.inputs-list .floating-label { 121 | -webkit-transform-origin: right; 122 | transform-origin: right; 123 | } 124 | .buttons-row .button { 125 | margin-left: 0; 126 | margin-right: 8px; 127 | } 128 | .buttons-row .button:first-child { 129 | margin-right: 0; 130 | } 131 | .label-switch .checkbox:after { 132 | left: auto; 133 | right: 0; 134 | } 135 | .label-switch input[type="checkbox"]:checked + .checkbox:after { 136 | -webkit-transform: translateX(-16px); 137 | transform: translateX(-16px); 138 | } 139 | .range-slider input[type="range"]::-webkit-slider-thumb:before { 140 | right: auto; 141 | left: 100%; 142 | } 143 | label.label-checkbox .item-after i.icon-form-checkbox, 144 | label.label-radio .item-after i.icon-form-checkbox, 145 | label.label-checkbox .item-after i.icon-form-radio, 146 | label.label-radio .item-after i.icon-form-radio { 147 | margin-left: 16px; 148 | margin-right: 8px; 149 | } 150 | /* === Search Bar === */ 151 | .searchbar input[type="search"] { 152 | background-position: right center; 153 | padding: 0 24px 0 36px; 154 | } 155 | .searchbar .searchbar-clear { 156 | right: auto; 157 | left: -16px; 158 | } 159 | /* === Modals === */ 160 | .modal-button + .modal-button { 161 | margin-left: 0; 162 | margin-right: 4px; 163 | } 164 | /* === Content Block === */ 165 | .content-block-inner { 166 | margin-left: 0; 167 | margin-right: -16px; 168 | } 169 | /* === Messages === */ 170 | .message-received { 171 | -ms-flex-item-align: end; 172 | -webkit-align-self: flex-end; 173 | align-self: flex-end; 174 | -webkit-box-align: end; 175 | -ms-flex-align: end; 176 | -webkit-align-items: flex-end; 177 | align-items: flex-end; 178 | } 179 | .message-sent { 180 | -ms-flex-item-align: start; 181 | -webkit-align-self: flex-start; 182 | align-self: flex-start; 183 | -webkit-box-align: start; 184 | -ms-flex-align: start; 185 | -webkit-align-items: flex-start; 186 | align-items: flex-start; 187 | } 188 | /* === Chips === */ 189 | .chip-media { 190 | margin-left: 0; 191 | margin-right: -12px; 192 | } 193 | .chip-media + .chip-label { 194 | margin-left: 0px; 195 | margin-right: 8px; 196 | } 197 | .chip-label + .chip-delete { 198 | margin-left: -8px; 199 | margin-right: 4px; 200 | } 201 | .chip-delete { 202 | margin-left: -8px; 203 | } 204 | /* === Accordion === */ 205 | .list-block .accordion-toggle .item-inner { 206 | padding-right: 0; 207 | padding-left: 42px; 208 | background-position: 16px center; 209 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%2060%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'm60%2061.5-38.25%2038.25-9.75-9.75%2029.25-28.5-29.25-28.5%209.75-9.75z'%20fill%3D'%23c7c7cc'%20transform%3D'translate(60%2C120)%20rotate(180)'%2F%3E%3C%2Fsvg%3E"); 210 | } 211 | .list-block:not(.media-list) .accordion-item-expanded:not(.media-item) .accordion-item-toggle .item-inner, 212 | .list-block:not(.media-list) .accordion-item-expanded:not(.media-item) > .item-link .item-inner, 213 | .list-block.media-list .accordion-item-expanded .accordion-item-toggle .item-title-row, 214 | .list-block.media-list .accordion-item-expanded > .item-link .item-title-row, 215 | .list-block .accordion-item-expanded.media-item .accordion-item-toggle .item-title-row, 216 | .list-block .accordion-item-expanded.media-item > .item-link .item-title-row { 217 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%2060%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'm60%2061.5-38.25%2038.25-9.75-9.75%2029.25-28.5-29.25-28.5%209.75-9.75z'%20transform%3D'translate(70%2C%2030)%20rotate(90)'%20fill%3D'%23c7c7cc'%2F%3E%3C%2Fsvg%3E"); 218 | background-size: 20px 20px; 219 | } 220 | .list-block .accordion-item ul { 221 | padding-right: 0; 222 | } 223 | /* === Icons === */ 224 | .contacts-block li:not(.list-group-title) { 225 | padding-left: 0; 226 | padding-right: 56px; 227 | } 228 | /* === Icons === */ 229 | i.icon.icon-back { 230 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); 231 | } 232 | i.icon.icon-forward { 233 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); 234 | } 235 | i.icon.icon-next { 236 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ffffff'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E"); 237 | } 238 | i.icon.icon-prev { 239 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ffffff'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E"); 240 | } 241 | i.icon-back.color-red, 242 | i.icon-back.theme-red { 243 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%23f44336'%2F%3E%3C%2Fsvg%3E"); 244 | } 245 | i.icon-forward.color-red, 246 | i.icon-forward.theme-red { 247 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%23f44336'%2F%3E%3C%2Fsvg%3E"); 248 | } 249 | i.icon-next.color-red, 250 | i.icon-next.theme-red { 251 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23f44336'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E"); 252 | } 253 | i.icon-prev.color-red, 254 | i.icon-prev.theme-red { 255 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23f44336'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E"); 256 | } 257 | i.icon-back.color-pink, 258 | i.icon-back.theme-pink { 259 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%23e91e63'%2F%3E%3C%2Fsvg%3E"); 260 | } 261 | i.icon-forward.color-pink, 262 | i.icon-forward.theme-pink { 263 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%23e91e63'%2F%3E%3C%2Fsvg%3E"); 264 | } 265 | i.icon-next.color-pink, 266 | i.icon-next.theme-pink { 267 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23e91e63'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E"); 268 | } 269 | i.icon-prev.color-pink, 270 | i.icon-prev.theme-pink { 271 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23e91e63'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E"); 272 | } 273 | i.icon-back.color-purple, 274 | i.icon-back.theme-purple { 275 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%239c27b0'%2F%3E%3C%2Fsvg%3E"); 276 | } 277 | i.icon-forward.color-purple, 278 | i.icon-forward.theme-purple { 279 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%239c27b0'%2F%3E%3C%2Fsvg%3E"); 280 | } 281 | i.icon-next.color-purple, 282 | i.icon-next.theme-purple { 283 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%239c27b0'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E"); 284 | } 285 | i.icon-prev.color-purple, 286 | i.icon-prev.theme-purple { 287 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%239c27b0'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E"); 288 | } 289 | i.icon-back.color-deeppurple, 290 | i.icon-back.theme-deeppurple { 291 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%23673ab7'%2F%3E%3C%2Fsvg%3E"); 292 | } 293 | i.icon-forward.color-deeppurple, 294 | i.icon-forward.theme-deeppurple { 295 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%23673ab7'%2F%3E%3C%2Fsvg%3E"); 296 | } 297 | i.icon-next.color-deeppurple, 298 | i.icon-next.theme-deeppurple { 299 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23673ab7'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E"); 300 | } 301 | i.icon-prev.color-deeppurple, 302 | i.icon-prev.theme-deeppurple { 303 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23673ab7'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E"); 304 | } 305 | i.icon-back.color-indigo, 306 | i.icon-back.theme-indigo { 307 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%233f51b5'%2F%3E%3C%2Fsvg%3E"); 308 | } 309 | i.icon-forward.color-indigo, 310 | i.icon-forward.theme-indigo { 311 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%233f51b5'%2F%3E%3C%2Fsvg%3E"); 312 | } 313 | i.icon-next.color-indigo, 314 | i.icon-next.theme-indigo { 315 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%233f51b5'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E"); 316 | } 317 | i.icon-prev.color-indigo, 318 | i.icon-prev.theme-indigo { 319 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%233f51b5'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E"); 320 | } 321 | i.icon-back.color-blue, 322 | i.icon-back.theme-blue { 323 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%232196f3'%2F%3E%3C%2Fsvg%3E"); 324 | } 325 | i.icon-forward.color-blue, 326 | i.icon-forward.theme-blue { 327 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%232196f3'%2F%3E%3C%2Fsvg%3E"); 328 | } 329 | i.icon-next.color-blue, 330 | i.icon-next.theme-blue { 331 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%232196f3'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E"); 332 | } 333 | i.icon-prev.color-blue, 334 | i.icon-prev.theme-blue { 335 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%232196f3'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E"); 336 | } 337 | i.icon-back.color-lightblue, 338 | i.icon-back.theme-lightblue { 339 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%2303a9f4'%2F%3E%3C%2Fsvg%3E"); 340 | } 341 | i.icon-forward.color-lightblue, 342 | i.icon-forward.theme-lightblue { 343 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%2303a9f4'%2F%3E%3C%2Fsvg%3E"); 344 | } 345 | i.icon-next.color-lightblue, 346 | i.icon-next.theme-lightblue { 347 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%2303a9f4'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E"); 348 | } 349 | i.icon-prev.color-lightblue, 350 | i.icon-prev.theme-lightblue { 351 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%2303a9f4'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E"); 352 | } 353 | i.icon-back.color-cyan, 354 | i.icon-back.theme-cyan { 355 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%2300bcd4'%2F%3E%3C%2Fsvg%3E"); 356 | } 357 | i.icon-forward.color-cyan, 358 | i.icon-forward.theme-cyan { 359 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%2300bcd4'%2F%3E%3C%2Fsvg%3E"); 360 | } 361 | i.icon-next.color-cyan, 362 | i.icon-next.theme-cyan { 363 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%2300bcd4'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E"); 364 | } 365 | i.icon-prev.color-cyan, 366 | i.icon-prev.theme-cyan { 367 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%2300bcd4'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E"); 368 | } 369 | i.icon-back.color-teal, 370 | i.icon-back.theme-teal { 371 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%23009688'%2F%3E%3C%2Fsvg%3E"); 372 | } 373 | i.icon-forward.color-teal, 374 | i.icon-forward.theme-teal { 375 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%23009688'%2F%3E%3C%2Fsvg%3E"); 376 | } 377 | i.icon-next.color-teal, 378 | i.icon-next.theme-teal { 379 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23009688'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E"); 380 | } 381 | i.icon-prev.color-teal, 382 | i.icon-prev.theme-teal { 383 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23009688'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E"); 384 | } 385 | i.icon-back.color-green, 386 | i.icon-back.theme-green { 387 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%234caf50'%2F%3E%3C%2Fsvg%3E"); 388 | } 389 | i.icon-forward.color-green, 390 | i.icon-forward.theme-green { 391 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%234caf50'%2F%3E%3C%2Fsvg%3E"); 392 | } 393 | i.icon-next.color-green, 394 | i.icon-next.theme-green { 395 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%234caf50'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E"); 396 | } 397 | i.icon-prev.color-green, 398 | i.icon-prev.theme-green { 399 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%234caf50'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E"); 400 | } 401 | i.icon-back.color-lightgreen, 402 | i.icon-back.theme-lightgreen { 403 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%238bc34a'%2F%3E%3C%2Fsvg%3E"); 404 | } 405 | i.icon-forward.color-lightgreen, 406 | i.icon-forward.theme-lightgreen { 407 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%238bc34a'%2F%3E%3C%2Fsvg%3E"); 408 | } 409 | i.icon-next.color-lightgreen, 410 | i.icon-next.theme-lightgreen { 411 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%238bc34a'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E"); 412 | } 413 | i.icon-prev.color-lightgreen, 414 | i.icon-prev.theme-lightgreen { 415 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%238bc34a'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E"); 416 | } 417 | i.icon-back.color-lime, 418 | i.icon-back.theme-lime { 419 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%23cddc39'%2F%3E%3C%2Fsvg%3E"); 420 | } 421 | i.icon-forward.color-lime, 422 | i.icon-forward.theme-lime { 423 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%23cddc39'%2F%3E%3C%2Fsvg%3E"); 424 | } 425 | i.icon-next.color-lime, 426 | i.icon-next.theme-lime { 427 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23cddc39'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E"); 428 | } 429 | i.icon-prev.color-lime, 430 | i.icon-prev.theme-lime { 431 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23cddc39'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E"); 432 | } 433 | i.icon-back.color-yellow, 434 | i.icon-back.theme-yellow { 435 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%23ffeb3b'%2F%3E%3C%2Fsvg%3E"); 436 | } 437 | i.icon-forward.color-yellow, 438 | i.icon-forward.theme-yellow { 439 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%23ffeb3b'%2F%3E%3C%2Fsvg%3E"); 440 | } 441 | i.icon-next.color-yellow, 442 | i.icon-next.theme-yellow { 443 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ffeb3b'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E"); 444 | } 445 | i.icon-prev.color-yellow, 446 | i.icon-prev.theme-yellow { 447 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ffeb3b'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E"); 448 | } 449 | i.icon-back.color-amber, 450 | i.icon-back.theme-amber { 451 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%23ffc107'%2F%3E%3C%2Fsvg%3E"); 452 | } 453 | i.icon-forward.color-amber, 454 | i.icon-forward.theme-amber { 455 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%23ffc107'%2F%3E%3C%2Fsvg%3E"); 456 | } 457 | i.icon-next.color-amber, 458 | i.icon-next.theme-amber { 459 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ffc107'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E"); 460 | } 461 | i.icon-prev.color-amber, 462 | i.icon-prev.theme-amber { 463 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ffc107'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E"); 464 | } 465 | i.icon-back.color-orange, 466 | i.icon-back.theme-orange { 467 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%23ff9800'%2F%3E%3C%2Fsvg%3E"); 468 | } 469 | i.icon-forward.color-orange, 470 | i.icon-forward.theme-orange { 471 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%23ff9800'%2F%3E%3C%2Fsvg%3E"); 472 | } 473 | i.icon-next.color-orange, 474 | i.icon-next.theme-orange { 475 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ff9800'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E"); 476 | } 477 | i.icon-prev.color-orange, 478 | i.icon-prev.theme-orange { 479 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ff9800'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E"); 480 | } 481 | i.icon-back.color-deeporange, 482 | i.icon-back.theme-deeporange { 483 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%23ff5722'%2F%3E%3C%2Fsvg%3E"); 484 | } 485 | i.icon-forward.color-deeporange, 486 | i.icon-forward.theme-deeporange { 487 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%23ff5722'%2F%3E%3C%2Fsvg%3E"); 488 | } 489 | i.icon-next.color-deeporange, 490 | i.icon-next.theme-deeporange { 491 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ff5722'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E"); 492 | } 493 | i.icon-prev.color-deeporange, 494 | i.icon-prev.theme-deeporange { 495 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ff5722'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E"); 496 | } 497 | i.icon-back.color-brown, 498 | i.icon-back.theme-brown { 499 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%23795548'%2F%3E%3C%2Fsvg%3E"); 500 | } 501 | i.icon-forward.color-brown, 502 | i.icon-forward.theme-brown { 503 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%23795548'%2F%3E%3C%2Fsvg%3E"); 504 | } 505 | i.icon-next.color-brown, 506 | i.icon-next.theme-brown { 507 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23795548'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E"); 508 | } 509 | i.icon-prev.color-brown, 510 | i.icon-prev.theme-brown { 511 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23795548'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E"); 512 | } 513 | i.icon-back.color-gray, 514 | i.icon-back.theme-gray { 515 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%239e9e9e'%2F%3E%3C%2Fsvg%3E"); 516 | } 517 | i.icon-forward.color-gray, 518 | i.icon-forward.theme-gray { 519 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%239e9e9e'%2F%3E%3C%2Fsvg%3E"); 520 | } 521 | i.icon-next.color-gray, 522 | i.icon-next.theme-gray { 523 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%239e9e9e'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E"); 524 | } 525 | i.icon-prev.color-gray, 526 | i.icon-prev.theme-gray { 527 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%239e9e9e'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E"); 528 | } 529 | i.icon-back.color-bluegray, 530 | i.icon-back.theme-bluegray { 531 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%23607d8b'%2F%3E%3C%2Fsvg%3E"); 532 | } 533 | i.icon-forward.color-bluegray, 534 | i.icon-forward.theme-bluegray { 535 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%23607d8b'%2F%3E%3C%2Fsvg%3E"); 536 | } 537 | i.icon-next.color-bluegray, 538 | i.icon-next.theme-bluegray { 539 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23607d8b'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E"); 540 | } 541 | i.icon-prev.color-bluegray, 542 | i.icon-prev.theme-bluegray { 543 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23607d8b'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E"); 544 | } 545 | i.icon-back.color-white, 546 | i.icon-back.theme-white { 547 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); 548 | } 549 | i.icon-forward.color-white, 550 | i.icon-forward.theme-white { 551 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); 552 | } 553 | i.icon-next.color-white, 554 | i.icon-next.theme-white { 555 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ffffff'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E"); 556 | } 557 | i.icon-prev.color-white, 558 | i.icon-prev.theme-white { 559 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ffffff'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E"); 560 | } 561 | i.icon-back.color-black, 562 | i.icon-back.theme-black { 563 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); 564 | } 565 | i.icon-forward.color-black, 566 | i.icon-forward.theme-black { 567 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); 568 | } 569 | i.icon-next.color-black, 570 | i.icon-next.theme-black { 571 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23000000'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E"); 572 | } 573 | i.icon-prev.color-black, 574 | i.icon-prev.theme-black { 575 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23000000'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E"); 576 | } 577 | /* === Timeline === */ 578 | .timeline-sides .timeline-item { 579 | margin-right: -moz-calc(50% - (32px + 10px) / 2 - 50px); 580 | margin-right: -webkit-calc(50% - (32px + 10px) / 2 - 50px); 581 | margin-right: calc(50% - (32px + 10px) / 2 - 50px); 582 | margin-left: 0; 583 | } 584 | .timeline-sides .timeline-item .timeline-item-date { 585 | text-align: left; 586 | } 587 | .timeline-sides .timeline-item:not(.timeline-item-right):nth-child(2n) { 588 | -webkit-box-direction: reverse; 589 | -moz-box-direction: reverse; 590 | -ms-flex-direction: row-reverse; 591 | -webkit-flex-direction: row-reverse; 592 | flex-direction: row-reverse; 593 | margin-left: -moz-calc(50% - (32px + 10px) / 2 - 50px); 594 | margin-left: -webkit-calc(50% - (32px + 10px) / 2 - 50px); 595 | margin-left: calc(50% - (32px + 10px) / 2 - 50px); 596 | margin-right: 0; 597 | } 598 | .timeline-sides .timeline-item:not(.timeline-item-right):nth-child(2n) .timeline-item-date { 599 | text-align: right; 600 | } 601 | .timeline-sides .timeline-item-left { 602 | -webkit-box-direction: reverse; 603 | -moz-box-direction: reverse; 604 | -ms-flex-direction: row-reverse; 605 | -webkit-flex-direction: row-reverse; 606 | flex-direction: row-reverse; 607 | margin-left: -moz-calc(50% - (32px + 10px) / 2 - 50px); 608 | margin-left: -webkit-calc(50% - (32px + 10px) / 2 - 50px); 609 | margin-left: calc(50% - (32px + 10px) / 2 - 50px); 610 | margin-right: 0; 611 | } 612 | .timeline-sides .timeline-item-left .timeline-item-date { 613 | text-align: right; 614 | } 615 | .timeline-sides .timeline-item-right { 616 | margin-right: -moz-calc(50% - (32px + 10px) / 2 - 50px); 617 | margin-right: -webkit-calc(50% - (32px + 10px) / 2 - 50px); 618 | margin-right: calc(50% - (32px + 10px) / 2 - 50px); 619 | margin-left: 0; 620 | } 621 | .timeline-sides .timeline-item-right .timeline-item-date { 622 | text-align: left; 623 | } 624 | @media (min-width: 768px) { 625 | .tablet-sides .timeline-item { 626 | margin-right: -moz-calc(50% - (32px + 10px) / 2 - 50px); 627 | margin-right: -webkit-calc(50% - (32px + 10px) / 2 - 50px); 628 | margin-right: calc(50% - (32px + 10px) / 2 - 50px); 629 | margin-left: 0; 630 | } 631 | .tablet-sides .timeline-item .timeline-item-date { 632 | text-align: left; 633 | } 634 | .tablet-sides .timeline-item:not(.timeline-item-right):nth-child(2n) { 635 | -webkit-box-direction: reverse; 636 | -moz-box-direction: reverse; 637 | -ms-flex-direction: row-reverse; 638 | -webkit-flex-direction: row-reverse; 639 | flex-direction: row-reverse; 640 | margin-left: -moz-calc(50% - (32px + 10px) / 2 - 50px); 641 | margin-left: -webkit-calc(50% - (32px + 10px) / 2 - 50px); 642 | margin-left: calc(50% - (32px + 10px) / 2 - 50px); 643 | margin-right: 0; 644 | } 645 | .tablet-sides .timeline-item:not(.timeline-item-right):nth-child(2n) .timeline-item-date { 646 | text-align: right; 647 | } 648 | .tablet-sides .timeline-item-left { 649 | -webkit-box-direction: reverse; 650 | -moz-box-direction: reverse; 651 | -ms-flex-direction: row-reverse; 652 | -webkit-flex-direction: row-reverse; 653 | flex-direction: row-reverse; 654 | margin-left: -moz-calc(50% - (32px + 10px) / 2 - 50px); 655 | margin-left: -webkit-calc(50% - (32px + 10px) / 2 - 50px); 656 | margin-left: calc(50% - (32px + 10px) / 2 - 50px); 657 | margin-right: 0; 658 | } 659 | .tablet-sides .timeline-item-left .timeline-item-date { 660 | text-align: right; 661 | } 662 | .tablet-sides .timeline-item-right { 663 | margin-right: -moz-calc(50% - (32px + 10px) / 2 - 50px); 664 | margin-right: -webkit-calc(50% - (32px + 10px) / 2 - 50px); 665 | margin-right: calc(50% - (32px + 10px) / 2 - 50px); 666 | margin-left: 0; 667 | } 668 | .tablet-sides .timeline-item-right .timeline-item-date { 669 | text-align: left; 670 | } 671 | } 672 | .timeline-horizontal .timeline-item-date { 673 | text-align: right; 674 | } 675 | -------------------------------------------------------------------------------- /public/framework7/css/framework7.material.rtl.min.css: -------------------------------------------------------------------------------- 1 | /** 2 | * Framework7 1.5.2 3 | * Full featured mobile HTML framework for building iOS & Android apps 4 | * 5 | * http://framework7.io/ 6 | * 7 | * Copyright 2016, Vladimir Kharlampidi 8 | * The iDangero.us 9 | * http://www.idangero.us/ 10 | * 11 | * Licensed under MIT 12 | * 13 | * Released on: December 17, 2016 14 | */ 15 | html{direction:rtl}.list-block ul ul{padding-left:0;padding-right:56px}.list-block .item-content{padding-left:0;padding-right:16px}.list-block .item-inner{padding-right:0;padding-left:16px}.list-block .item-after{margin-left:0;margin-right:8px}.list-block .item-media i+i,.list-block .item-media i+img{margin-left:0;margin-right:8px}.list-block .item-media+.item-inner{margin-left:0;margin-right:16px}.list-block .item-link .item-inner{padding-right:0;padding-left:42px;background-position:16px center;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%2060%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'm60%2061.5-38.25%2038.25-9.75-9.75%2029.25-28.5-29.25-28.5%209.75-9.75z'%20fill%3D'%23c7c7cc'%20transform%3D'translate(60%2C120)%20rotate(180)'%2F%3E%3C%2Fsvg%3E")}.list-block li.media-item .item-link .item-inner,.list-block.media-list .item-link .item-inner{padding-right:0;padding-left:16px}.list-block li.media-item .item-link .item-title-row,.list-block.media-list .item-link .item-title-row{padding-right:0;padding-left:26px;background-position:center left;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%2060%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'm60%2061.5-38.25%2038.25-9.75-9.75%2029.25-28.5-29.25-28.5%209.75-9.75z'%20fill%3D'%23c7c7cc'%20transform%3D'translate(60%2C120)%20rotate(180)'%2F%3E%3C%2Fsvg%3E")}.list-block .sortable-handler{right:auto;left:0}.list-block.sortable-opened .item-inner,.list-block.sortable-opened .item-link .item-inner{padding-right:0;padding-left:50px}.list-block.sortable-opened .item-link .item-inner,.list-block.sortable-opened .item-link .item-title-row{background-image:none}.list-block .swipeout-actions-left,.list-block .swipeout-actions-right{direction:ltr}.navbar a.link i+i,.navbar a.link i+span,.navbar a.link span+i,.navbar a.link span+span,.toolbar a.link i+i,.toolbar a.link i+span,.toolbar a.link span+i,.toolbar a.link span+span{margin-left:0;margin-right:8px}.navbar .right{margin-left:0;margin-right:auto}.tabbar .tab-link-highlight{left:auto;right:0}.list-block input[type=text],.list-block input[type=password],.list-block input[type=search],.list-block input[type=email],.list-block input[type=tel],.list-block input[type=url],.list-block input[type=date],.list-block input[type=datetime-local],.list-block input[type=time],.list-block input[type=number],.list-block select,.list-block textarea{text-align:right}.list-block .input-item .floating-label,.list-block.inputs-list .floating-label{-webkit-transform-origin:right;transform-origin:right}.buttons-row .button{margin-left:0;margin-right:8px}.buttons-row .button:first-child{margin-right:0}.label-switch .checkbox:after{left:auto;right:0}.label-switch input[type=checkbox]:checked+.checkbox:after{-webkit-transform:translateX(-16px);transform:translateX(-16px)}.range-slider input[type=range]::-webkit-slider-thumb:before{right:auto;left:100%}label.label-checkbox .item-after i.icon-form-checkbox,label.label-checkbox .item-after i.icon-form-radio,label.label-radio .item-after i.icon-form-checkbox,label.label-radio .item-after i.icon-form-radio{margin-left:16px;margin-right:8px}.searchbar input[type=search]{background-position:right center;padding:0 24px 0 36px}.searchbar .searchbar-clear{right:auto;left:-16px}.modal-button+.modal-button{margin-left:0;margin-right:4px}.content-block-inner{margin-left:0;margin-right:-16px}.message-received{-ms-flex-item-align:end;-webkit-align-self:flex-end;align-self:flex-end;-webkit-box-align:end;-ms-flex-align:end;-webkit-align-items:flex-end;align-items:flex-end}.message-sent{-ms-flex-item-align:start;-webkit-align-self:flex-start;align-self:flex-start;-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start}.chip-media{margin-left:0;margin-right:-12px}.chip-media+.chip-label{margin-left:0;margin-right:8px}.chip-label+.chip-delete{margin-left:-8px;margin-right:4px}.chip-delete{margin-left:-8px}.list-block .accordion-toggle .item-inner{padding-right:0;padding-left:42px;background-position:16px center;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%2060%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'm60%2061.5-38.25%2038.25-9.75-9.75%2029.25-28.5-29.25-28.5%209.75-9.75z'%20fill%3D'%23c7c7cc'%20transform%3D'translate(60%2C120)%20rotate(180)'%2F%3E%3C%2Fsvg%3E")}.list-block .accordion-item-expanded.media-item .accordion-item-toggle .item-title-row,.list-block .accordion-item-expanded.media-item>.item-link .item-title-row,.list-block.media-list .accordion-item-expanded .accordion-item-toggle .item-title-row,.list-block.media-list .accordion-item-expanded>.item-link .item-title-row,.list-block:not(.media-list) .accordion-item-expanded:not(.media-item) .accordion-item-toggle .item-inner,.list-block:not(.media-list) .accordion-item-expanded:not(.media-item)>.item-link .item-inner{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%2060%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'm60%2061.5-38.25%2038.25-9.75-9.75%2029.25-28.5-29.25-28.5%209.75-9.75z'%20transform%3D'translate(70%2C%2030)%20rotate(90)'%20fill%3D'%23c7c7cc'%2F%3E%3C%2Fsvg%3E");background-size:20px 20px}.list-block .accordion-item ul{padding-right:0}.contacts-block li:not(.list-group-title){padding-left:0;padding-right:56px}i.icon.icon-back{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}i.icon.icon-forward{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}i.icon.icon-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ffffff'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")}i.icon.icon-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ffffff'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")}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'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%23f44336'%2F%3E%3C%2Fsvg%3E")}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'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%23f44336'%2F%3E%3C%2Fsvg%3E")}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'%20fill%3D'%23f44336'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")}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'%20fill%3D'%23f44336'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")}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'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%23e91e63'%2F%3E%3C%2Fsvg%3E")}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'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%23e91e63'%2F%3E%3C%2Fsvg%3E")}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'%20fill%3D'%23e91e63'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")}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'%20fill%3D'%23e91e63'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")}i.icon-back.color-purple,i.icon-back.theme-purple{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%239c27b0'%2F%3E%3C%2Fsvg%3E")}i.icon-forward.color-purple,i.icon-forward.theme-purple{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%239c27b0'%2F%3E%3C%2Fsvg%3E")}i.icon-next.color-purple,i.icon-next.theme-purple{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%239c27b0'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")}i.icon-prev.color-purple,i.icon-prev.theme-purple{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%239c27b0'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")}i.icon-back.color-deeppurple,i.icon-back.theme-deeppurple{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%23673ab7'%2F%3E%3C%2Fsvg%3E")}i.icon-forward.color-deeppurple,i.icon-forward.theme-deeppurple{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%23673ab7'%2F%3E%3C%2Fsvg%3E")}i.icon-next.color-deeppurple,i.icon-next.theme-deeppurple{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23673ab7'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")}i.icon-prev.color-deeppurple,i.icon-prev.theme-deeppurple{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23673ab7'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")}i.icon-back.color-indigo,i.icon-back.theme-indigo{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%233f51b5'%2F%3E%3C%2Fsvg%3E")}i.icon-forward.color-indigo,i.icon-forward.theme-indigo{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%233f51b5'%2F%3E%3C%2Fsvg%3E")}i.icon-next.color-indigo,i.icon-next.theme-indigo{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%233f51b5'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")}i.icon-prev.color-indigo,i.icon-prev.theme-indigo{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%233f51b5'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")}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'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%232196f3'%2F%3E%3C%2Fsvg%3E")}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'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%232196f3'%2F%3E%3C%2Fsvg%3E")}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'%20fill%3D'%232196f3'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")}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'%20fill%3D'%232196f3'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")}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'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%2303a9f4'%2F%3E%3C%2Fsvg%3E")}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'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%2303a9f4'%2F%3E%3C%2Fsvg%3E")}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'%20fill%3D'%2303a9f4'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")}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'%20fill%3D'%2303a9f4'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")}i.icon-back.color-cyan,i.icon-back.theme-cyan{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%2300bcd4'%2F%3E%3C%2Fsvg%3E")}i.icon-forward.color-cyan,i.icon-forward.theme-cyan{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%2300bcd4'%2F%3E%3C%2Fsvg%3E")}i.icon-next.color-cyan,i.icon-next.theme-cyan{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%2300bcd4'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")}i.icon-prev.color-cyan,i.icon-prev.theme-cyan{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%2300bcd4'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")}i.icon-back.color-teal,i.icon-back.theme-teal{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%23009688'%2F%3E%3C%2Fsvg%3E")}i.icon-forward.color-teal,i.icon-forward.theme-teal{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%23009688'%2F%3E%3C%2Fsvg%3E")}i.icon-next.color-teal,i.icon-next.theme-teal{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23009688'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")}i.icon-prev.color-teal,i.icon-prev.theme-teal{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23009688'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")}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'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%234caf50'%2F%3E%3C%2Fsvg%3E")}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'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%234caf50'%2F%3E%3C%2Fsvg%3E")}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'%20fill%3D'%234caf50'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")}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'%20fill%3D'%234caf50'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")}i.icon-back.color-lightgreen,i.icon-back.theme-lightgreen{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%238bc34a'%2F%3E%3C%2Fsvg%3E")}i.icon-forward.color-lightgreen,i.icon-forward.theme-lightgreen{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%238bc34a'%2F%3E%3C%2Fsvg%3E")}i.icon-next.color-lightgreen,i.icon-next.theme-lightgreen{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%238bc34a'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")}i.icon-prev.color-lightgreen,i.icon-prev.theme-lightgreen{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%238bc34a'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")}i.icon-back.color-lime,i.icon-back.theme-lime{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%23cddc39'%2F%3E%3C%2Fsvg%3E")}i.icon-forward.color-lime,i.icon-forward.theme-lime{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%23cddc39'%2F%3E%3C%2Fsvg%3E")}i.icon-next.color-lime,i.icon-next.theme-lime{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23cddc39'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")}i.icon-prev.color-lime,i.icon-prev.theme-lime{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23cddc39'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")}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'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%23ffeb3b'%2F%3E%3C%2Fsvg%3E")}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'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%23ffeb3b'%2F%3E%3C%2Fsvg%3E")}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'%20fill%3D'%23ffeb3b'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")}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'%20fill%3D'%23ffeb3b'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")}i.icon-back.color-amber,i.icon-back.theme-amber{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%23ffc107'%2F%3E%3C%2Fsvg%3E")}i.icon-forward.color-amber,i.icon-forward.theme-amber{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%23ffc107'%2F%3E%3C%2Fsvg%3E")}i.icon-next.color-amber,i.icon-next.theme-amber{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ffc107'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")}i.icon-prev.color-amber,i.icon-prev.theme-amber{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ffc107'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")}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'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%23ff9800'%2F%3E%3C%2Fsvg%3E")}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'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%23ff9800'%2F%3E%3C%2Fsvg%3E")}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'%20fill%3D'%23ff9800'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")}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'%20fill%3D'%23ff9800'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")}i.icon-back.color-deeporange,i.icon-back.theme-deeporange{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%23ff5722'%2F%3E%3C%2Fsvg%3E")}i.icon-forward.color-deeporange,i.icon-forward.theme-deeporange{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%23ff5722'%2F%3E%3C%2Fsvg%3E")}i.icon-next.color-deeporange,i.icon-next.theme-deeporange{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ff5722'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")}i.icon-prev.color-deeporange,i.icon-prev.theme-deeporange{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23ff5722'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")}i.icon-back.color-brown,i.icon-back.theme-brown{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%23795548'%2F%3E%3C%2Fsvg%3E")}i.icon-forward.color-brown,i.icon-forward.theme-brown{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%23795548'%2F%3E%3C%2Fsvg%3E")}i.icon-next.color-brown,i.icon-next.theme-brown{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23795548'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")}i.icon-prev.color-brown,i.icon-prev.theme-brown{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23795548'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")}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'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%239e9e9e'%2F%3E%3C%2Fsvg%3E")}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'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%239e9e9e'%2F%3E%3C%2Fsvg%3E")}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'%20fill%3D'%239e9e9e'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")}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'%20fill%3D'%239e9e9e'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")}i.icon-back.color-bluegray,i.icon-back.theme-bluegray{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%23607d8b'%2F%3E%3C%2Fsvg%3E")}i.icon-forward.color-bluegray,i.icon-forward.theme-bluegray{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%23607d8b'%2F%3E%3C%2Fsvg%3E")}i.icon-next.color-bluegray,i.icon-next.theme-bluegray{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23607d8b'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")}i.icon-prev.color-bluegray,i.icon-prev.theme-bluegray{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'%23607d8b'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")}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'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}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'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}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'%20fill%3D'%23ffffff'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")}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'%20fill%3D'%23ffffff'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")}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'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%204l-1.41%201.41L16.17%2011H4v2h12.17l-5.58%205.59L12%2020l8-8z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}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'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M20%2011H7.83l5.59-5.59L12%204l-8%208%208%208%201.41-1.41L7.83%2013H20v-2z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}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'%20fill%3D'%23000000'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M15.41%207.41L14%206l-6%206%206%206%201.41-1.41L10.83%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")}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'%20fill%3D'%23000000'%20width%3D'24'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M10%206L8.59%207.41%2013.17%2012l-4.58%204.59L10%2018l6-6z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E")}.timeline-sides .timeline-item{margin-right:-moz-calc(50% - (32px + 10px)/ 2 - 50px);margin-right:-webkit-calc(50% - (32px + 10px)/ 2 - 50px);margin-right:calc(50% - (32px + 10px)/ 2 - 50px);margin-left:0}.timeline-sides .timeline-item .timeline-item-date{text-align:left}.timeline-sides .timeline-item:not(.timeline-item-right):nth-child(2n){-webkit-box-direction:reverse;-moz-box-direction:reverse;-ms-flex-direction:row-reverse;-webkit-flex-direction:row-reverse;flex-direction:row-reverse;margin-left:-moz-calc(50% - (32px + 10px)/ 2 - 50px);margin-left:-webkit-calc(50% - (32px + 10px)/ 2 - 50px);margin-left:calc(50% - (32px + 10px)/ 2 - 50px);margin-right:0}.timeline-sides .timeline-item:not(.timeline-item-right):nth-child(2n) .timeline-item-date{text-align:right}.timeline-sides .timeline-item-left{-webkit-box-direction:reverse;-moz-box-direction:reverse;-ms-flex-direction:row-reverse;-webkit-flex-direction:row-reverse;flex-direction:row-reverse;margin-left:-moz-calc(50% - (32px + 10px)/ 2 - 50px);margin-left:-webkit-calc(50% - (32px + 10px)/ 2 - 50px);margin-left:calc(50% - (32px + 10px)/ 2 - 50px);margin-right:0}.timeline-sides .timeline-item-left .timeline-item-date{text-align:right}.timeline-sides .timeline-item-right{margin-right:-moz-calc(50% - (32px + 10px)/ 2 - 50px);margin-right:-webkit-calc(50% - (32px + 10px)/ 2 - 50px);margin-right:calc(50% - (32px + 10px)/ 2 - 50px);margin-left:0}.timeline-sides .timeline-item-right .timeline-item-date{text-align:left}@media (min-width:768px){.tablet-sides .timeline-item{margin-right:-moz-calc(50% - (32px + 10px)/ 2 - 50px);margin-right:-webkit-calc(50% - (32px + 10px)/ 2 - 50px);margin-right:calc(50% - (32px + 10px)/ 2 - 50px);margin-left:0}.tablet-sides .timeline-item .timeline-item-date{text-align:left}.tablet-sides .timeline-item:not(.timeline-item-right):nth-child(2n){-webkit-box-direction:reverse;-moz-box-direction:reverse;-ms-flex-direction:row-reverse;-webkit-flex-direction:row-reverse;flex-direction:row-reverse;margin-left:-moz-calc(50% - (32px + 10px)/ 2 - 50px);margin-left:-webkit-calc(50% - (32px + 10px)/ 2 - 50px);margin-left:calc(50% - (32px + 10px)/ 2 - 50px);margin-right:0}.tablet-sides .timeline-item:not(.timeline-item-right):nth-child(2n) .timeline-item-date{text-align:right}.tablet-sides .timeline-item-left{-webkit-box-direction:reverse;-moz-box-direction:reverse;-ms-flex-direction:row-reverse;-webkit-flex-direction:row-reverse;flex-direction:row-reverse;margin-left:-moz-calc(50% - (32px + 10px)/ 2 - 50px);margin-left:-webkit-calc(50% - (32px + 10px)/ 2 - 50px);margin-left:calc(50% - (32px + 10px)/ 2 - 50px);margin-right:0}.tablet-sides .timeline-item-left .timeline-item-date{text-align:right}.tablet-sides .timeline-item-right{margin-right:-moz-calc(50% - (32px + 10px)/ 2 - 50px);margin-right:-webkit-calc(50% - (32px + 10px)/ 2 - 50px);margin-right:calc(50% - (32px + 10px)/ 2 - 50px);margin-left:0}.tablet-sides .timeline-item-right .timeline-item-date{text-align:left}}.timeline-horizontal .timeline-item-date{text-align:right} -------------------------------------------------------------------------------- /public/framework7/css/my-app.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/roshanca/starter-framework7/c2acfd6de6c5cc39b258526bb0d14eae464fad7f/public/framework7/css/my-app.css -------------------------------------------------------------------------------- /public/framework7/img/i-f7-ios.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/roshanca/starter-framework7/c2acfd6de6c5cc39b258526bb0d14eae464fad7f/public/framework7/img/i-f7-ios.png -------------------------------------------------------------------------------- /public/framework7/img/i-f7-material.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/roshanca/starter-framework7/c2acfd6de6c5cc39b258526bb0d14eae464fad7f/public/framework7/img/i-f7-material.png -------------------------------------------------------------------------------- /public/framework7/js/my-app.js: -------------------------------------------------------------------------------- 1 | // Initialize your app 2 | var myApp = new Framework7(); 3 | 4 | // Export selectors engine 5 | var $$ = Dom7; 6 | 7 | // Add view 8 | var mainView = myApp.addView('.view-main', { 9 | // Because we use fixed-through navbar we can enable dynamic navbar 10 | dynamicNavbar: true 11 | }); 12 | 13 | // Callbacks to run specific code for specific pages, for example for About page: 14 | myApp.onPageInit('about', function (page) { 15 | // run createContentPage func after link was clicked 16 | $$('.create-page').on('click', function () { 17 | createContentPage(); 18 | }); 19 | }); 20 | 21 | // Generate dynamic page 22 | var dynamicPageIndex = 0; 23 | function createContentPage() { 24 | mainView.router.loadContent( 25 | '' + 26 | '
' + 27 | '
' + 28 | '
Back
' + 29 | '
Dynamic Page ' + (++dynamicPageIndex) + '
' + 30 | '
' + 31 | '
' + 32 | '
' + 33 | ' ' + 34 | '
' + 35 | ' ' + 36 | '
' + 37 | '
' + 38 | '
' + 39 | '

Here is a dynamic page created on ' + new Date() + ' !

' + 40 | '

Go back or go to Services.

' + 41 | '
' + 42 | '
' + 43 | '
' + 44 | '
' + 45 | '
' 46 | ); 47 | return; 48 | } -------------------------------------------------------------------------------- /public/img/android.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/roshanca/starter-framework7/c2acfd6de6c5cc39b258526bb0d14eae464fad7f/public/img/android.png -------------------------------------------------------------------------------- /public/img/iOS.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/roshanca/starter-framework7/c2acfd6de6c5cc39b258526bb0d14eae464fad7f/public/img/iOS.png -------------------------------------------------------------------------------- /public/img/logo-f7.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/roshanca/starter-framework7/c2acfd6de6c5cc39b258526bb0d14eae464fad7f/public/img/logo-f7.png -------------------------------------------------------------------------------- /public/img/logo-vue.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/roshanca/starter-framework7/c2acfd6de6c5cc39b258526bb0d14eae464fad7f/public/img/logo-vue.png -------------------------------------------------------------------------------- /public/img/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/roshanca/starter-framework7/c2acfd6de6c5cc39b258526bb0d14eae464fad7f/public/img/logo.png -------------------------------------------------------------------------------- /public/img/tile.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/roshanca/starter-framework7/c2acfd6de6c5cc39b258526bb0d14eae464fad7f/public/img/tile.png -------------------------------------------------------------------------------- /routes/api.js: -------------------------------------------------------------------------------- 1 | 'use strict'; 2 | 3 | const express = require('express'); 4 | const router = express.Router(); 5 | 6 | router.post('/login', (req, res) => { 7 | console.log(req.body); 8 | res.json({ 9 | errCode: 0, 10 | errMsg: '' 11 | }); 12 | }); 13 | 14 | module.exports = router; 15 | -------------------------------------------------------------------------------- /tasks/server: -------------------------------------------------------------------------------- 1 | #!/usr/bin/env node 2 | 3 | 'use strict'; 4 | 5 | const app = require('../index'); 6 | const http = require('http'); 7 | 8 | const port = process.env.PORT || 5000; 9 | app.set('port', port); 10 | http.createServer(app).listen(port, () => { 11 | /* eslint-disable no-console */ 12 | console.log(`The app is running at http://localhost:${port}/`); 13 | }); 14 | -------------------------------------------------------------------------------- /tasks/updateF7: -------------------------------------------------------------------------------- 1 | #!/usr/bin/env node 2 | 3 | /** 4 | * Module dependencies. 5 | */ 6 | const path = require('path'); 7 | const ncp = require('ncp').ncp; 8 | const del = require('del'); 9 | 10 | const sourcePath = 'node_modules/framework7/dist/'; 11 | const destinationPath = 'public/framework7/' 12 | 13 | function cp(folder) { 14 | ncp(sourcePath + folder, destinationPath + folder, (err) => { 15 | if (err) { 16 | return console.error(err); 17 | } 18 | console.log(folder + ' copied!'); 19 | }); 20 | } 21 | 22 | del([ 23 | destinationPath + 'css/**', 24 | destinationPath + 'js/**', 25 | destinationPath + '/img/**' 26 | ]).then(paths => { 27 | console.log('Deleted files and folders:\n', paths.join('\n')); 28 | cp('css'); 29 | cp('js'); 30 | cp('img'); 31 | }); 32 | --------------------------------------------------------------------------------