');
-
- var value = Common.localStorage.getItem("pe-mobile-macros-mode");
- if (value === null) {
- value = this.editorConfig.customization ? this.editorConfig.customization.macrosMode : 'warn';
- value = (value == 'enable') ? 1 : (value == 'disable' ? 2 : 0);
- } else
- value = parseInt(value);
- Common.Utils.InternalSettings.set("pe-mobile-macros-mode", value);
-
-// if (this.appOptions.location == 'us' || this.appOptions.location == 'ca')
-// Common.Utils.Metric.setDefaultMetric(Common.Utils.Metric.c_MetricUnits.inch);
- },
-
- loadDocument: function(data) {
- this.permissions = {};
- this.document = data.doc;
-
- var docInfo = {};
-
- if (data.doc) {
- this.permissions = $.extend(this.permissions, data.doc.permissions);
-
- var _permissions = $.extend({}, data.doc.permissions),
- _user = new Asc.asc_CUserInfo();
- _user.put_Id(this.appOptions.user.id);
- _user.put_FullName(this.appOptions.user.fullname);
-
- docInfo = new Asc.asc_CDocInfo();
- docInfo.put_Id(data.doc.key);
- docInfo.put_Url(data.doc.url);
- docInfo.put_Title(data.doc.title);
- docInfo.put_Format(data.doc.fileType);
- docInfo.put_VKey(data.doc.vkey);
- docInfo.put_Options(data.doc.options);
- docInfo.put_UserInfo(_user);
- docInfo.put_CallbackUrl(this.editorConfig.callbackUrl);
- docInfo.put_Token(data.doc.token);
- docInfo.put_Permissions(_permissions);
- docInfo.put_EncryptedInfo(this.editorConfig.encryptionKeys);
-
- var enable = !this.editorConfig.customization || (this.editorConfig.customization.macros!==false);
- docInfo.asc_putIsEnabledMacroses(!!enable);
- enable = !this.editorConfig.customization || (this.editorConfig.customization.plugins!==false);
- docInfo.asc_putIsEnabledPlugins(!!enable);
- }
-
- this.api.asc_registerCallback('asc_onGetEditorPermissions', _.bind(this.onEditorPermissions, this));
- this.api.asc_registerCallback('asc_onLicenseChanged', _.bind(this.onLicenseChanged, this));
- this.api.asc_registerCallback('asc_onRunAutostartMacroses', _.bind(this.onRunAutostartMacroses, this));
- this.api.asc_setDocInfo(docInfo);
- this.api.asc_getEditorPermissions(this.editorConfig.licenseUrl, this.editorConfig.customerId);
-
- Common.SharedSettings.set('document', data.doc);
-
- if (data.doc) {
- PE.getController('Toolbar').setDocumentTitle(data.doc.title);
- if (data.doc.info) {
- data.doc.info.author && console.log("Obsolete: The 'author' parameter of the document 'info' section is deprecated. Please use 'owner' instead.");
- data.doc.info.created && console.log("Obsolete: The 'created' parameter of the document 'info' section is deprecated. Please use 'uploaded' instead.");
- }
- }
- },
-
- setMode: function(mode){
- var me = this;
-
- Common.SharedSettings.set('mode', mode.isEdit ? 'edit' : 'view');
-
- if (me.api) {
- me.api.asc_enableKeyEvents(mode.isEdit);
- me.api.asc_setViewMode(!mode.isEdit);
- }
- },
-
- onProcessSaveResult: function(data) {
- this.api.asc_OnSaveEnd(data.result);
-
- if (data && data.result === false) {
- uiApp.alert(
- _.isEmpty(data.message) ? this.errorProcessSaveResult : data.message,
- this.criticalErrorTitle
- );
- }
- },
-
- onProcessRightsChange: function(data) {
- if (data && data.enabled === false) {
- var me = this,
- old_rights = this._state.lostEditingRights;
- this._state.lostEditingRights = !this._state.lostEditingRights;
- this.api.asc_coAuthoringDisconnect();
- Common.NotificationCenter.trigger('api:disconnect');
-
- if (!old_rights) {
- uiApp.alert(
- _.isEmpty(data.message) ? this.warnProcessRightsChange : data.message,
- this.notcriticalErrorTitle,
- function () {
- me._state.lostEditingRights = false;
- me.onEditComplete();
- }
- );
- }
- }
- },
-
- onDownloadAs: function() {
- if ( !this.appOptions.canDownload) {
- Common.Gateway.reportError(Asc.c_oAscError.ID.AccessDeny, this.errorAccessDeny);
- return;
- }
- this._state.isFromGatewayDownloadAs = true;
- this.api.asc_DownloadAs(new Asc.asc_CDownloadOptions(Asc.c_oAscFileType.PPTX, true));
- },
-
- goBack: function(current) {
- if (this.appOptions.customization.goback.requestClose && this.appOptions.canRequestClose) {
- Common.Gateway.requestClose();
- } else {
- var href = this.appOptions.customization.goback.url;
- if (!current && this.appOptions.customization.goback.blank!==false) {
- window.open(href, "_blank");
- } else {
- parent.location.href = href;
- }
- }
- },
-
- onEditComplete: function(cmp) {
- //
- },
-
- onLongActionBegin: function(type, id) {
- var action = {id: id, type: type};
- this.stackLongActions.push(action);
- this.setLongActionView(action);
- },
-
- onLongActionEnd: function(type, id) {
- var me = this,
- action = {id: id, type: type};
-
- me.stackLongActions.pop(action);
- me.updateWindowTitle(true);
-
- action = me.stackLongActions.get({type: Asc.c_oAscAsyncActionType.Information});
-
- if (action) {
- me.setLongActionView(action)
- } else {
- if (me._state.fastCoauth && me._state.usersCount>1 && id==Asc.c_oAscAsyncAction['Save']) {
- // me._state.timerSave = setTimeout(function () {
- //console.debug('End long action');
- // }, 500);
- } else {
- // console.debug('End long action');
- }
- }
-
- action = me.stackLongActions.get({type: Asc.c_oAscAsyncActionType.BlockInteraction});
-
- if (action) {
- me.setLongActionView(action)
- } else {
- _.delay(function () {
- $(me.loadMask).hasClass('modal-in') && uiApp.closeModal(me.loadMask);
- }, 300);
- }
-
- if (id==Asc.c_oAscAsyncAction['Save'] && (!me._state.fastCoauth || me._state.usersCount<2)) {
- // me.synchronizeChanges();
- }
- },
-
- setLongActionView: function(action) {
- var me = this,
- title = '',
- text = '';
-
- switch (action.id) {
- case Asc.c_oAscAsyncAction['Open']:
- title = me.openTitleText;
- text = me.openTextText;
- break;
-
- case Asc.c_oAscAsyncAction['Save']:
- // clearTimeout(me._state.timerSave);
- title = me.saveTitleText;
- text = me.saveTextText;
- break;
-
- case Asc.c_oAscAsyncAction['LoadDocumentFonts']:
- title = me.loadFontsTitleText;
- text = me.loadFontsTextText;
- break;
-
- case Asc.c_oAscAsyncAction['LoadDocumentImages']:
- title = me.loadImagesTitleText;
- text = me.loadImagesTextText;
- break;
-
- case Asc.c_oAscAsyncAction['LoadFont']:
- title = me.loadFontTitleText;
- text = me.loadFontTextText;
- break;
-
- case Asc.c_oAscAsyncAction['LoadImage']:
- title = me.loadImageTitleText;
- text = me.loadImageTextText;
- break;
-
- case Asc.c_oAscAsyncAction['DownloadAs']:
- title = me.downloadTitleText;
- text = me.downloadTextText;
- break;
-
- case Asc.c_oAscAsyncAction['Print']:
- title = me.printTitleText;
- text = me.printTextText;
- break;
-
- case Asc.c_oAscAsyncAction['UploadImage']:
- title = me.uploadImageTitleText;
- text = me.uploadImageTextText;
- break;
-
- case Asc.c_oAscAsyncAction['LoadTheme']:
- title = this.loadThemeTitleText;
- text = this.loadThemeTextText;
- break;
-
- case Asc.c_oAscAsyncAction['ApplyChanges']:
- title = me.applyChangesTitleText;
- text = me.applyChangesTextText;
- break;
-
- case Asc.c_oAscAsyncAction['PrepareToSave']:
- title = me.savePreparingText;
- text = me.savePreparingTitle;
- break;
-
- case Asc.c_oAscAsyncAction['Waiting']:
- title = me.waitText;
- text = me.waitText;
- break;
-
- case ApplyEditRights:
- title = me.txtEditingMode;
- text = me.txtEditingMode;
- break;
-
- case LoadingDocument:
- title = me.loadingDocumentTitleText;
- text = me.loadingDocumentTextText;
- break;
- default:
- if (typeof action.id == 'string'){
- title = action.id;
- text = action.id;
- }
- break;
- }
-
- if (action.type == Asc.c_oAscAsyncActionType['BlockInteraction']) {
- if (action.id == Asc.c_oAscAsyncAction['ApplyChanges'] || action.id == Asc.c_oAscAsyncAction['LoadDocumentFonts']) {
- return;
- }
- if (me.loadMask && $(me.loadMask).hasClass('modal-in')) {
- $$(me.loadMask).find('.modal-title').text(title);
- } else {
- me.loadMask = uiApp.showPreloader(title);
- }
- }
- else {
-// this.getApplication().getController('Statusbar').setStatusCaption(text);
- }
- },
-
- onDocumentContentReady: function() {
- if (this._isDocReady)
- return;
-
- if (this._state.openDlg)
- uiApp.closeModal(this._state.openDlg);
-
- var me = this,
- value;
-
- me._isDocReady = true;
-
- me.api.SetDrawingFreeze(false);
- me.hidePreloader();
- me.onLongActionEnd(Asc.c_oAscAsyncActionType['BlockInteraction'], LoadingDocument);
-
- value = Common.localStorage.getItem("pe-settings-zoom");
- var zf = (value!==null) ? parseInt(value) : (me.appOptions.customization && me.appOptions.customization.zoom ? parseInt(me.appOptions.customization.zoom) : -1);
- (zf == -1) ? me.api.zoomFitToPage() : ((zf == -2) ? me.api.zoomFitToWidth() : me.api.zoom(zf>0 ? zf : 100));
-
- value = Common.localStorage.getBool("pe-mobile-spellcheck", !(this.appOptions.customization && this.appOptions.customization.spellcheck===false));
- Common.Utils.InternalSettings.set("pe-mobile-spellcheck", value);
- me.api.asc_setSpellCheck(value);
-
- me.api.asc_registerCallback('asc_onStartAction', _.bind(me.onLongActionBegin, me));
- me.api.asc_registerCallback('asc_onEndAction', _.bind(me.onLongActionEnd, me));
- me.api.asc_registerCallback('asc_onCoAuthoringDisconnect', _.bind(me.onCoAuthoringDisconnect, me));
- me.api.asc_registerCallback('asc_onPrint', _.bind(me.onPrint, me));
-
- me.updateWindowTitle(true);
-
- me.api.SetTextBoxInputMode(Common.localStorage.getBool("pe-settings-inputmode"));
-
- /** coauthoring begin **/
- if (me.appOptions.isEdit && me.appOptions.canLicense && !me.appOptions.isOffline && me.appOptions.canCoAuthoring) {
- // Force ON fast co-authoring mode
- me._state.fastCoauth = true;
- } else {
- me._state.fastCoauth = false;
- }
- me.api.asc_SetFastCollaborative(me._state.fastCoauth);
- /** coauthoring end **/
-
- if (me.appOptions.isEdit) {
- value = me._state.fastCoauth; // Common.localStorage.getItem("de-settings-autosave");
- value = (!me._state.fastCoauth && value!==null) ? parseInt(value) : (me.appOptions.canCoAuthoring ? 1 : 0);
-
- me.api.asc_setAutoSaveGap(value);
-
- if (me.needToUpdateVersion) {
- Common.NotificationCenter.trigger('api:disconnect');
- }
- }
-
-// if (this.appOptions.canAnalytics && false)
-// Common.component.Analytics.initialize('UA-12442749-13', 'Document Editor');
-
- Common.Gateway.on('processsaveresult', _.bind(me.onProcessSaveResult, me));
- Common.Gateway.on('processrightschange', _.bind(me.onProcessRightsChange, me));
- Common.Gateway.on('downloadas', _.bind(me.onDownloadAs, me));
-
- Common.Gateway.sendInfo({
- mode: me.appOptions.isEdit ? 'edit' : 'view'
- });
-
- if (me.api) {
- me.api.Resize();
- me.api.zoomFitToPage();
- me.api.asc_GetDefaultTableStyles && _.defer(function () {me.api.asc_GetDefaultTableStyles()});
- }
-
- me.applyLicense();
-
- $(document).on('contextmenu', _.bind(me.onContextMenu, me));
- Common.Gateway.documentReady();
-
- $('.doc-placeholder').remove();
- },
-
- onLicenseChanged: function(params) {
- var licType = params.asc_getLicenseType();
- if (licType !== undefined && this.appOptions.canEdit && this.editorConfig.mode !== 'view' &&
- (licType===Asc.c_oLicenseResult.Connections || licType===Asc.c_oLicenseResult.UsersCount || licType===Asc.c_oLicenseResult.ConnectionsOS || licType===Asc.c_oLicenseResult.UsersCountOS))
- this._state.licenseType = licType;
-
- if (this._isDocReady && this._state.licenseType)
- this.applyLicense();
- },
-
- applyLicense: function() {
- var me = this;
- if (this.editorConfig.mode !== 'view' && !this.isSupportEditFeature()) {
- var value = Common.localStorage.getItem("pe-opensource-warning");
- value = (value!==null) ? parseInt(value) : 0;
- var now = (new Date).getTime();
- if (now - value > 86400000) {
- Common.localStorage.setItem("pe-opensource-warning", now);
- uiApp.modal({
- title: me.notcriticalErrorTitle,
- text : me.errorOpensource,
- buttons: [{text: 'OK'}]
- });
- }
- PE.getController('Toolbar').activateControls();
- return;
- }
-
- if (this._state.licenseType) {
- var license = this._state.licenseType,
- buttons = [{text: 'OK'}];
- if (license===Asc.c_oLicenseResult.Connections || license===Asc.c_oLicenseResult.UsersCount) {
- license = (license===Asc.c_oLicenseResult.Connections) ? this.warnLicenseExceeded : this.warnLicenseUsersExceeded;
- } else {
- license = (license===Asc.c_oLicenseResult.ConnectionsOS) ? this.warnNoLicense : this.warnNoLicenseUsers;
- buttons = [{
- text: me.textBuyNow,
- bold: true,
- onClick: function() {
- window.open('{{PUBLISHER_URL}}', "_blank");
- }
- },
- {
- text: me.textContactUs,
- onClick: function() {
- window.open('mailto:{{SALES_EMAIL}}', "_blank");
- }
- }];
- }
- PE.getController('Toolbar').activateViewControls();
- PE.getController('Toolbar').deactivateEditControls();
- Common.NotificationCenter.trigger('api:disconnect');
-
- var value = Common.localStorage.getItem("pe-license-warning");
- value = (value!==null) ? parseInt(value) : 0;
- var now = (new Date).getTime();
-
- if (now - value > 86400000) {
- Common.localStorage.setItem("pe-license-warning", now);
- uiApp.modal({
- title: me.textNoLicenseTitle,
- text : license,
- buttons: buttons
- });
- }
- } else {
- if (!me.appOptions.isDesktopApp && !me.appOptions.canBrandingExt &&
- me.editorConfig && me.editorConfig.customization && (me.editorConfig.customization.loaderName || me.editorConfig.customization.loaderLogo)) {
- uiApp.modal({
- title: me.textPaidFeature,
- text : me.textCustomLoader,
- buttons: [{
- text: me.textContactUs,
- bold: true,
- onClick: function() {
- window.open('mailto:{{SALES_EMAIL}}', "_blank");
- }
- },
- { text: me.textClose }]
- });
- }
- PE.getController('Toolbar').activateControls();
- }
- },
-
- onOpenDocument: function(progress) {
- if (this.loadMask) {
- var $title = $$(this.loadMask).find('.modal-title'),
- proc = (progress.asc_getCurrentFont() + progress.asc_getCurrentImage())/(progress.asc_getFontsCount() + progress.asc_getImagesCount());
-
- $title.text(this.textLoadingDocument + ': ' + Math.min(Math.round(proc * 100), 100) + '%');
- }
- },
-
- onEditorPermissions: function(params) {
- var me = this,
- licType = params.asc_getLicenseType();
-
- if (Asc.c_oLicenseResult.Expired === licType ||
- Asc.c_oLicenseResult.Error === licType ||
- Asc.c_oLicenseResult.ExpiredTrial === licType) {
- uiApp.modal({
- title : me.titleLicenseExp,
- text : me.warnLicenseExp
- });
- return;
- }
-
- if ( me.onServerVersion(params.asc_getBuildVersion()) ) return;
-
- me.permissions.review = (me.permissions.review === undefined) ? (me.permissions.edit !== false) : me.permissions.review;
- me.appOptions.canAnalytics = params.asc_getIsAnalyticsEnable();
- me.appOptions.canLicense = (licType === Asc.c_oLicenseResult.Success || licType === Asc.c_oLicenseResult.SuccessLimit);
- me.appOptions.isLightVersion = params.asc_getIsLight();
- /** coauthoring begin **/
- me.appOptions.canCoAuthoring = !me.appOptions.isLightVersion;
- /** coauthoring end **/
- me.appOptions.isOffline = me.api.asc_isOffline();
- me.appOptions.isReviewOnly = (me.permissions.review === true) && (me.permissions.edit === false);
- me.appOptions.canRequestEditRights = me.editorConfig.canRequestEditRights;
- me.appOptions.canEdit = (me.permissions.edit !== false || me.permissions.review === true) && // can edit or review
- (me.editorConfig.canRequestEditRights || me.editorConfig.mode !== 'view') && // if mode=="view" -> canRequestEditRights must be defined
- (!me.appOptions.isReviewOnly || me.appOptions.canLicense) && // if isReviewOnly==true -> canLicense must be true
- me.isSupportEditFeature();
- me.appOptions.isEdit = me.appOptions.canLicense && me.appOptions.canEdit && me.editorConfig.mode !== 'view';
- me.appOptions.canReview = me.appOptions.canLicense && me.appOptions.isEdit && (me.permissions.review===true);
- me.appOptions.canUseHistory = me.appOptions.canLicense && !me.appOptions.isLightVersion && me.editorConfig.canUseHistory && me.appOptions.canCoAuthoring && !me.appOptions.isDesktopApp;
- me.appOptions.canHistoryClose = me.editorConfig.canHistoryClose;
- me.appOptions.canUseMailMerge = me.appOptions.canLicense && me.appOptions.canEdit && !me.appOptions.isDesktopApp;
- me.appOptions.canSendEmailAddresses = me.appOptions.canLicense && me.editorConfig.canSendEmailAddresses && me.appOptions.canEdit && me.appOptions.canCoAuthoring;
- me.appOptions.canComments = me.appOptions.canLicense && (me.permissions.comment===undefined ? me.appOptions.isEdit : me.permissions.comment) && (me.editorConfig.mode !== 'view');
- me.appOptions.canComments = me.appOptions.canComments && !((typeof (me.editorConfig.customization) == 'object') && me.editorConfig.customization.comments===false);
- me.appOptions.canViewComments = me.appOptions.canComments || !((typeof (me.editorConfig.customization) == 'object') && me.editorConfig.customization.comments===false);
- me.appOptions.canEditComments = me.appOptions.isOffline || !(typeof (me.editorConfig.customization) == 'object' && me.editorConfig.customization.commentAuthorOnly);
- me.appOptions.canChat = me.appOptions.canLicense && !me.appOptions.isOffline && !((typeof (me.editorConfig.customization) == 'object') && me.editorConfig.customization.chat===false);
- me.appOptions.canEditStyles = me.appOptions.canLicense && me.appOptions.canEdit;
- me.appOptions.canPrint = (me.permissions.print !== false);
-
- var type = /^(?:(pdf|djvu|xps))$/.exec(me.document.fileType);
- me.appOptions.canDownloadOrigin = me.permissions.download !== false && (type && typeof type[1] === 'string');
- me.appOptions.canDownload = me.permissions.download !== false && (!type || typeof type[1] !== 'string');
-
- me.appOptions.canBranding = params.asc_getCustomization();
- me.appOptions.canBrandingExt = params.asc_getCanBranding() && (typeof me.editorConfig.customization == 'object');
-
- me.applyModeCommonElements();
- me.applyModeEditorElements();
-
- me.api.asc_setViewMode(!me.appOptions.isEdit);
- me.api.asc_LoadDocument();
- me.api.Resize();
-
- if (!me.appOptions.isEdit) {
- me.hidePreloader();
- me.onLongActionBegin(Asc.c_oAscAsyncActionType['BlockInteraction'], LoadingDocument);
- }
-
- if (me.appOptions.canBrandingExt && (me.editorConfig.customization && (me.editorConfig.customization.loaderName || me.editorConfig.customization.loaderLogo))) {
- $('#editor-navbar #navbar-logo').hide();
- $('#editor-navbar').removeClass('logo-navbar');
- $('#editor_sdk').removeClass('with-logo');
- }
- },
-
- applyModeCommonElements: function() {
- var me = this;
-
- window.editor_elements_prepared = true;
-
- _.each(me.getApplication().controllers, function(controller) {
- if (controller && _.isFunction(controller.setMode)) {
- controller.setMode(me.appOptions);
- }
- });
-
- if (me.api) {
- me.api.asc_registerCallback('asc_onSendThemeColors', _.bind(me.onSendThemeColors, me));
- me.api.asc_registerCallback('asc_onDownloadUrl', _.bind(me.onDownloadUrl, me));
- me.api.asc_registerCallback('asc_onAuthParticipantsChanged', _.bind(me.onAuthParticipantsChanged, me));
- me.api.asc_registerCallback('asc_onParticipantsChanged', _.bind(me.onAuthParticipantsChanged, me));
- }
- },
-
- applyModeEditorElements: function() {
- if (this.appOptions.isEdit) {
- var me = this,
- value;
-
- value = Common.localStorage.getItem('pe-mobile-settings-unit');
- value = (value!==null) ? parseInt(value) : (me.appOptions.customization && me.appOptions.customization.unit ? Common.Utils.Metric.c_MetricUnits[me.appOptions.customization.unit.toLocaleLowerCase()] : Common.Utils.Metric.getDefaultMetric());
- (value===undefined) && (value = Common.Utils.Metric.getDefaultMetric());
- Common.Utils.Metric.setCurrentMetric(value);
- me.api.asc_SetDocumentUnits((value==Common.Utils.Metric.c_MetricUnits.inch) ? Asc.c_oAscDocumentUnits.Inch : ((value==Common.Utils.Metric.c_MetricUnits.pt) ? Asc.c_oAscDocumentUnits.Point : Asc.c_oAscDocumentUnits.Millimeter));
-
- // value = Common.localStorage.getItem('pe-hidden-rulers');
- // if (me.api.asc_SetViewRulers) me.api.asc_SetViewRulers(value===null || parseInt(value) === 0);
-
- me.api.asc_registerCallback('asc_onChangeObjectLock', _.bind(me._onChangeObjectLock, me));
- me.api.asc_registerCallback('asc_onDocumentModifiedChanged', _.bind(me.onDocumentModifiedChanged, me));
- me.api.asc_registerCallback('asc_onDocumentCanSaveChanged', _.bind(me.onDocumentCanSaveChanged, me));
- /** coauthoring begin **/
- me.api.asc_registerCallback('asc_onCollaborativeChanges', _.bind(me.onCollaborativeChanges, me));
- me.api.asc_registerCallback('asc_OnTryUndoInFastCollaborative',_.bind(me.onTryUndoInFastCollaborative, me));
- /** coauthoring end **/
-
- if (me.stackLongActions.exist({id: ApplyEditRights, type: Asc.c_oAscAsyncActionType['BlockInteraction']})) {
- me.onLongActionEnd(Asc.c_oAscAsyncActionType['BlockInteraction'], ApplyEditRights);
- } else if (!this._isDocReady) {
- me.hidePreloader();
- me.onLongActionBegin(Asc.c_oAscAsyncActionType['BlockInteraction'], LoadingDocument);
- }
-
- // Message on window close
- window.onbeforeunload = _.bind(me.onBeforeUnload, me);
- window.onunload = _.bind(me.onUnload, me);
- }
- },
-
- onExternalMessage: function(msg) {
- if (msg && msg.msg) {
- msg.msg = (msg.msg).toString();
- uiApp.addNotification({
- title: uiApp.params.modalTitle,
- message: [msg.msg.charAt(0).toUpperCase() + msg.msg.substring(1)]
- });
-
- Common.component.Analytics.trackEvent('External Error');
- }
- },
-
- onError: function(id, level, errData) {
- if (id == Asc.c_oAscError.ID.LoadingScriptError) {
- uiApp.addNotification({
- title: this.criticalErrorTitle,
- message: this.scriptLoadError
- });
- return;
- }
-
- this.hidePreloader();
- this.onLongActionEnd(Asc.c_oAscAsyncActionType['BlockInteraction'], LoadingDocument);
-
- var config = {
- closable: false
- };
-
- switch (id)
- {
- case Asc.c_oAscError.ID.Unknown:
- config.msg = this.unknownErrorText;
- break;
-
- case Asc.c_oAscError.ID.ConvertationTimeout:
- config.msg = this.convertationTimeoutText;
- break;
-
- case Asc.c_oAscError.ID.ConvertationOpenError:
- config.msg = this.openErrorText;
- break;
-
- case Asc.c_oAscError.ID.ConvertationSaveError:
- config.msg = this.saveErrorText;
- break;
-
- case Asc.c_oAscError.ID.DownloadError:
- config.msg = this.downloadErrorText;
- break;
-
- case Asc.c_oAscError.ID.UplImageSize:
- config.msg = this.uploadImageSizeMessage;
- break;
-
- case Asc.c_oAscError.ID.UplImageExt:
- config.msg = this.uploadImageExtMessage;
- break;
-
- case Asc.c_oAscError.ID.UplImageFileCount:
- config.msg = this.uploadImageFileCountMessage;
- break;
-
- case Asc.c_oAscError.ID.SplitCellMaxRows:
- config.msg = this.splitMaxRowsErrorText.replace('%1', errData.get_Value());
- break;
-
- case Asc.c_oAscError.ID.SplitCellMaxCols:
- config.msg = this.splitMaxColsErrorText.replace('%1', errData.get_Value());
- break;
-
- case Asc.c_oAscError.ID.SplitCellRowsDivider:
- config.msg = this.splitDividerErrorText.replace('%1', errData.get_Value());
- break;
-
- case Asc.c_oAscError.ID.VKeyEncrypt:
- config.msg = this.errorKeyEncrypt;
- break;
-
- case Asc.c_oAscError.ID.KeyExpire:
- config.msg = this.errorKeyExpire;
- break;
-
- case Asc.c_oAscError.ID.UserCountExceed:
- config.msg = this.errorUsersExceed;
- break;
-
- case Asc.c_oAscError.ID.CoAuthoringDisconnect:
- config.msg = this.errorViewerDisconnect;
- break;
-
- case Asc.c_oAscError.ID.ConvertationPassword:
- config.msg = this.errorFilePassProtect;
- break;
-
- case Asc.c_oAscError.ID.StockChartError:
- config.msg = this.errorStockChart;
- break;
-
- case Asc.c_oAscError.ID.DataRangeError:
- config.msg = this.errorDataRange;
- break;
-
- case Asc.c_oAscError.ID.Database:
- config.msg = this.errorDatabaseConnection;
- break;
-
- case Asc.c_oAscError.ID.UserDrop:
- if (this._state.lostEditingRights) {
- this._state.lostEditingRights = false;
- return;
- }
- this._state.lostEditingRights = true;
- config.msg = this.errorUserDrop;
- break;
-
- case Asc.c_oAscError.ID.Warning:
- config.msg = this.errorConnectToServer;
- break;
-
- case Asc.c_oAscError.ID.UplImageUrl:
- config.msg = this.errorBadImageUrl;
- break;
-
- case Asc.c_oAscError.ID.DataEncrypted:
- config.msg = this.errorDataEncrypted;
- break;
-
- case Asc.c_oAscError.ID.AccessDeny:
- config.msg = this.errorAccessDeny;
- break;
-
- case Asc.c_oAscError.ID.EditingError:
- config.msg = this.errorEditingDownloadas;
- break;
-
- case Asc.c_oAscError.ID.ConvertationOpenLimitError:
- config.msg = this.errorFileSizeExceed;
- break;
-
- case Asc.c_oAscError.ID.UpdateVersion:
- config.msg = this.errorUpdateVersionOnDisconnect;
- break;
-
- default:
- config.msg = this.errorDefaultMessage.replace('%1', id);
- break;
- }
-
-
- if (level == Asc.c_oAscError.Level.Critical) {
-
- // report only critical errors
- Common.Gateway.reportError(id, config.msg);
-
- config.title = this.criticalErrorTitle;
-// config.iconCls = 'error';
-
- if (this.appOptions.canBackToFolder && !this.appOptions.isDesktopApp) {
- config.msg += '' + this.criticalErrorExtText;
- config.callback = function() {
- Common.NotificationCenter.trigger('goback', true);
- }
- }
- if (id == Asc.c_oAscError.ID.DataEncrypted) {
- this.api.asc_coAuthoringDisconnect();
- Common.NotificationCenter.trigger('api:disconnect');
- }
- } else {
- Common.Gateway.reportWarning(id, config.msg);
-
- config.title = this.notcriticalErrorTitle;
- config.callback = _.bind(function(btn){
- if (id == Asc.c_oAscError.ID.Warning && btn == 'ok' && (this.appOptions.canDownload || this.appOptions.canDownloadOrigin)) {
- Common.UI.Menu.Manager.hideAll();
- if (this.appOptions.isDesktopApp && this.appOptions.isOffline)
- this.api.asc_DownloadAs();
- else
- (this.appOptions.canDownload) ? this.getApplication().getController('LeftMenu').leftMenu.showMenu('file:saveas') : this.api.asc_DownloadOrigin();
- }
- this._state.lostEditingRights = false;
- this.onEditComplete();
- }, this);
- }
-
- uiApp.modal({
- title : config.title,
- text : config.msg,
- buttons: [
- {
- text: 'OK',
- onClick: config.callback
- }
- ]
- });
-
- Common.component.Analytics.trackEvent('Internal Error', id.toString());
- },
-
- onCoAuthoringDisconnect: function() {
- this._state.isDisconnected = true;
- },
-
- updateWindowTitle: function(force) {
- var isModified = this.api.isDocumentModified();
- if (this._state.isDocModified !== isModified || force) {
- var title = this.defaultTitleText;
-
- if (window.document.title != title)
- window.document.title = title;
-
- Common.Gateway.setDocumentModified(isModified);
- this._state.isDocModified = isModified;
- }
- },
-
- onDocumentModifiedChanged: function() {
- var isModified = this.api.asc_isDocumentCanSave();
- if (this._state.isDocModified !== isModified) {
- Common.Gateway.setDocumentModified(this.api.isDocumentModified());
- }
-
- this.updateWindowTitle();
- },
-
- onDocumentCanSaveChanged: function (isCanSave) {
- //
- },
-
- onBeforeUnload: function() {
- Common.localStorage.save();
-
- if (this.api.isDocumentModified()) {
- var me = this;
- this.api.asc_stopSaving();
- this.continueSavingTimer = window.setTimeout(function() {
- me.api.asc_continueSaving();
- }, 500);
-
- return this.leavePageText;
- }
- },
-
- onUnload: function() {
- if (this.continueSavingTimer)
- clearTimeout(this.continueSavingTimer);
- },
-
- hidePreloader: function() {
- $('#loading-mask').hide().remove();
- },
-
- onDownloadUrl: function(url) {
- if (this._state.isFromGatewayDownloadAs) {
- Common.Gateway.downloadAs(url);
- }
-
- this._state.isFromGatewayDownloadAs = false;
- },
-
- onUpdateVersion: function(callback) {
- var me = this;
- me.needToUpdateVersion = true;
- me.onLongActionEnd(Asc.c_oAscAsyncActionType['BlockInteraction'], LoadingDocument);
-
- uiApp.alert(
- me.errorUpdateVersion,
- me.titleUpdateVersion,
- function () {
- _.defer(function() {
- Common.Gateway.updateVersion();
-
- if (callback) {
- callback.call(me);
- }
-
- me.onLongActionBegin(Asc.c_oAscAsyncActionType['BlockInteraction'], LoadingDocument);
- })
- });
- },
-
- onServerVersion: function(buildVersion) {
- var me = this;
- if (me.changeServerVersion) return true;
-
- if (DocsAPI.DocEditor.version() !== buildVersion && !window.compareVersions) {
- me.changeServerVersion = true;
- uiApp.alert(
- me.errorServerVersion,
- me.titleServerVersion,
- function () {
- _.defer(function() {
- Common.Gateway.updateVersion();
- })
- });
- return true;
- }
- return false;
- },
-
- onCollaborativeChanges: function() {
- //
- },
- /** coauthoring end **/
-
- initNames: function() {
- this.shapeGroupNames = [
- this.txtBasicShapes,
- this.txtFiguredArrows,
- this.txtMath,
- this.txtCharts,
- this.txtStarsRibbons,
- this.txtCallouts,
- this.txtButtons,
- this.txtRectangles,
- this.txtLines
- ];
-
- this.layoutNames = [
- this.txtSldLtTBlank, this.txtSldLtTChart, this.txtSldLtTChartAndTx, this.txtSldLtTClipArtAndTx,
- this.txtSldLtTClipArtAndVertTx, this.txtSldLtTCust, this.txtSldLtTDgm, this.txtSldLtTFourObj,
- this.txtSldLtTMediaAndTx, this.txtSldLtTObj, this.txtSldLtTObjAndTwoObj, this.txtSldLtTObjAndTx,
- this.txtSldLtTObjOnly, this.txtSldLtTObjOverTx, this.txtSldLtTObjTx, this.txtSldLtTPicTx,
- this.txtSldLtTSecHead, this.txtSldLtTTbl, this.txtSldLtTTitle, this.txtSldLtTTitleOnly,
- this.txtSldLtTTwoColTx, this.txtSldLtTTwoObj, this.txtSldLtTTwoObjAndObj, this.txtSldLtTTwoObjAndTx,
- this.txtSldLtTTwoObjOverTx, this.txtSldLtTTwoTxTwoObj, this.txtSldLtTTx, this.txtSldLtTTxAndChart,
- this.txtSldLtTTxAndClipArt, this.txtSldLtTTxAndMedia, this.txtSldLtTTxAndObj,
- this.txtSldLtTTxAndTwoObj, this.txtSldLtTTxOverObj, this.txtSldLtTVertTitleAndTx,
- this.txtSldLtTVertTitleAndTxOverChart, this.txtSldLtTVertTx
- ];
- },
-
- updateThemeColors: function() {
- //
- },
-
- onSendThemeColors: function(colors, standart_colors) {
- },
-
- onFocusObject: function(SelectedObjects) {
-// if (SelectedObjects.length>0) {
-// var rightpan = this.getApplication().getController('RightMenu');
-// // var docPreview = this.getApplication().getController('Viewport').getView('DocumentPreview');
-// if (rightpan /*&& !docPreview.isVisible()*/) rightpan.onFocusObject.call(rightpan, SelectedObjects);
-// }
- },
-
- _onChangeObjectLock: function() {
- var elements = this.api.getSelectedElements();
- this.onFocusObject(elements);
- },
-
- onThumbnailsShow: function(isShow) {
- this.isThumbnailsShow = isShow;
- },
-
- onAdvancedOptions: function(type, advOptions) {
- if (this._state.openDlg) return;
-
- var me = this;
-
- if (type == Asc.c_oAscAdvancedOptionsID.DRM) {
- $(me.loadMask).hasClass('modal-in') && uiApp.closeModal(me.loadMask);
-
- me.onLongActionEnd(Asc.c_oAscAsyncActionType.BlockInteraction, LoadingDocument);
-
- var buttons = [{
- text: 'OK',
- bold: true,
- onClick: function () {
- var password = $(me._state.openDlg).find('.modal-text-input[name="modal-password"]').val();
- me.api.asc_setAdvancedOptions(type, new Asc.asc_CDRMAdvancedOptions(password));
-
- if (!me._isDocReady) {
- me.onLongActionBegin(Asc.c_oAscAsyncActionType['BlockInteraction'], LoadingDocument);
- }
- me._state.openDlg = null;
- }
- }];
- if (me.appOptions.canRequestClose)
- buttons.push({
- text: me.closeButtonText,
- onClick: function () {
- Common.Gateway.requestClose();
- me._state.openDlg = null;
- }
- });
-
- me._state.openDlg = uiApp.modal({
- title: me.advDRMOptions,
- text: me.txtProtected,
- afterText: '',
- buttons: buttons
- });
-
- // Vertical align
- $$(me._state.openDlg).css({
- marginTop: - Math.round($$(me._state.openDlg).outerHeight() / 2) + 'px'
- });
- }
- },
-
- onTryUndoInFastCollaborative: function() {
- uiApp.alert(
- this.textTryUndoRedo,
- this.notcriticalErrorTitle
- );
- },
-
- onAuthParticipantsChanged: function(users) {
- var length = 0;
- _.each(users, function(item){
- if (!item.asc_getView())
- length++;
- });
- this._state.usersCount = length;
- },
-
- returnUserCount: function() {
- return this._state.usersCount;
- },
-
- onDocumentName: function(name) {
-// this.getApplication().getController('Viewport').getView('Common.Views.Header').setDocumentCaption(name);
- this.updateWindowTitle(true);
- },
-
- onMeta: function(meta) {
- // var app = this.getApplication(),
- // filemenu = app.getController('LeftMenu').getView('LeftMenu').getMenu('file');
- // app.getController('Viewport').getView('Common.Views.Header').setDocumentCaption(meta.title);
- this.updateWindowTitle(true);
- // this.document.title = meta.title;
- // filemenu.loadDocument({doc:this.document});
- // filemenu.panels['info'].updateInfo(this.document);
- Common.Gateway.metaChange(meta);
- },
-
- onPrint: function() {
- if (!this.appOptions.canPrint) return;
-
- if (this.api)
- this.api.asc_Print();
- Common.component.Analytics.trackEvent('Print');
- },
-
- onPrintUrl: function(url) {
- var me = this;
-
- if (me.iframePrint) {
- me.iframePrint.parentNode.removeChild(me.iframePrint);
- me.iframePrint = null;
- }
-
- if (!me.iframePrint) {
- me.iframePrint = document.createElement("iframe");
- me.iframePrint.id = "id-print-frame";
- me.iframePrint.style.display = 'none';
- me.iframePrint.style.visibility = "hidden";
- me.iframePrint.style.position = "fixed";
- me.iframePrint.style.right = "0";
- me.iframePrint.style.bottom = "0";
- document.body.appendChild(me.iframePrint);
- me.iframePrint.onload = function() {
- me.iframePrint.contentWindow.focus();
- me.iframePrint.contentWindow.print();
- me.iframePrint.contentWindow.blur();
- window.focus();
- };
- }
-
- if (url) {
- me.iframePrint.src = url;
- }
- },
-
- onContextMenu: function(event){
- var canCopyAttr = event.target.getAttribute('data-can-copy'),
- isInputEl = (event.target instanceof HTMLInputElement) || (event.target instanceof HTMLTextAreaElement);
-
- if ((isInputEl && canCopyAttr === 'false') ||
- (!isInputEl && canCopyAttr !== 'true')) {
- event.stopPropagation();
- event.preventDefault();
- return false;
- }
- },
-
- isSupportEditFeature: function() {
- return false;
- },
-
- onRunAutostartMacroses: function() {
- var me = this,
- enable = !this.editorConfig.customization || (this.editorConfig.customization.macros!==false);
- if (enable) {
- var value = Common.Utils.InternalSettings.get("pe-mobile-macros-mode");
- if (value==1)
- this.api.asc_runAutostartMacroses();
- else if (value === 0) {
- uiApp.modal({
- title: this.notcriticalErrorTitle,
- text: this.textHasMacros,
- afterText: '',
- buttons: [{
- text: this.textYes,
- onClick: function () {
- var dontshow = $('input[name="checkbox-show-macros"]').prop('checked');
- if (dontshow) {
- Common.Utils.InternalSettings.set("pe-mobile-macros-mode", 1);
- Common.localStorage.setItem("pe-mobile-macros-mode", 1);
- }
- setTimeout(function() {
- me.api.asc_runAutostartMacroses();
- }, 1);
- }
- },
- {
- text: this.textNo,
- onClick: function () {
- var dontshow = $('input[name="checkbox-show-macros"]').prop('checked');
- if (dontshow) {
- Common.Utils.InternalSettings.set("pe-mobile-macros-mode", 2);
- Common.localStorage.setItem("pe-mobile-macros-mode", 2);
- }
- }
- }]
- });
- }
- }
- },
-
- // Translation
- leavePageText: 'You have unsaved changes in this document. Click \'Stay on this Page\' to await the autosave of the document. Click \'Leave this Page\' to discard all the unsaved changes.',
- criticalErrorTitle: 'Error',
- notcriticalErrorTitle: 'Warning',
- errorDefaultMessage: 'Error code: %1',
- criticalErrorExtText: 'Press "OK" to to back to document list.',
- openTitleText: 'Opening Document',
- openTextText: 'Opening document...',
- saveTitleText: 'Saving Document',
- saveTextText: 'Saving document...',
- loadFontsTitleText: 'Loading Data',
- loadFontsTextText: 'Loading data...',
- loadImagesTitleText: 'Loading Images',
- loadImagesTextText: 'Loading images...',
- loadFontTitleText: 'Loading Data',
- loadFontTextText: 'Loading data...',
- loadImageTitleText: 'Loading Image',
- loadImageTextText: 'Loading image...',
- downloadTitleText: 'Downloading Document',
- downloadTextText: 'Downloading document...',
- printTitleText: 'Printing Document',
- printTextText: 'Printing document...',
- uploadImageTitleText: 'Uploading Image',
- uploadImageTextText: 'Uploading image...',
- uploadImageSizeMessage: 'Maximium image size limit exceeded.',
- uploadImageExtMessage: 'Unknown image format.',
- uploadImageFileCountMessage: 'No images uploaded.',
- reloadButtonText: 'Reload Page',
- unknownErrorText: 'Unknown error.',
- convertationTimeoutText: 'Convertation timeout exceeded.',
- downloadErrorText: 'Download failed.',
- unsupportedBrowserErrorText: 'Your browser is not supported.',
- splitMaxRowsErrorText: 'The number of rows must be less than %1',
- splitMaxColsErrorText: 'The number of columns must be less than %1',
- splitDividerErrorText: 'The number of rows must be a divisor of %1',
- requestEditFailedTitleText: 'Access denied',
- requestEditFailedMessageText: 'Someone is editing this document right now. Please try again later.',
- txtSldLtTBlank: 'Blank',
- txtSldLtTChart: 'Chart',
- txtSldLtTChartAndTx: 'Chart and Text',
- txtSldLtTClipArtAndTx: 'Clip Art and Text',
- txtSldLtTClipArtAndVertTx: 'Clip Art and Vertical Text',
- txtSldLtTCust: 'Custom',
- txtSldLtTDgm: 'Diagram',
- txtSldLtTFourObj: 'Four Objects',
- txtSldLtTMediaAndTx: 'Media and Text',
- txtSldLtTObj: 'Title and Object',
- txtSldLtTObjAndTwoObj: 'Object and Two Object',
- txtSldLtTObjAndTx: 'Object and Text',
- txtSldLtTObjOnly: 'Object',
- txtSldLtTObjOverTx: 'Object over Text',
- txtSldLtTObjTx: 'Title, Object, and Caption',
- txtSldLtTPicTx: 'Picture and Caption',
- txtSldLtTSecHead: 'Section Header',
- txtSldLtTTbl: 'Table',
- txtSldLtTTitle: 'Title',
- txtSldLtTTitleOnly: 'Title Only',
- txtSldLtTTwoColTx: 'Two Column Text',
- txtSldLtTTwoObj: 'Two Objects',
- txtSldLtTTwoObjAndObj: 'Two Objects and Object',
- txtSldLtTTwoObjAndTx: 'Two Objects and Text',
- txtSldLtTTwoObjOverTx: 'Two Objects over Text',
- txtSldLtTTwoTxTwoObj: 'Two Text and Two Objects',
- txtSldLtTTx: 'Text',
- txtSldLtTTxAndChart: 'Text and Chart',
- txtSldLtTTxAndClipArt: 'Text and Clip Art',
- txtSldLtTTxAndMedia: 'Text and Media',
- txtSldLtTTxAndObj: 'Text and Object',
- txtSldLtTTxAndTwoObj: 'Text and Two Objects',
- txtSldLtTTxOverObj: 'Text over Object',
- txtSldLtTVertTitleAndTx: 'Vertical Title and Text',
- txtSldLtTVertTitleAndTxOverChart: 'Vertical Title and Text Over Chart',
- txtSldLtTVertTx: 'Vertical Text',
- textLoadingDocument: 'Loading presentation',
- loadThemeTitleText: 'Loading Theme',
- loadThemeTextText: 'Loading theme...',
- txtBasicShapes: 'Basic Shapes',
- txtFiguredArrows: 'Figured Arrows',
- txtMath: 'Math',
- txtCharts: 'Charts',
- txtStarsRibbons: 'Stars & Ribbons',
- txtCallouts: 'Callouts',
- txtButtons: 'Buttons',
- txtRectangles: 'Rectangles',
- txtLines: 'Lines',
- errorKeyEncrypt: 'Unknown key descriptor',
- errorKeyExpire: 'Key descriptor expired',
- errorUsersExceed: 'Count of users was exceed',
- txtEditingMode: 'Set editing mode...',
- errorCoAuthoringDisconnect: 'Server connection lost. You can\'t edit anymore.',
- errorFilePassProtect: 'The file is password protected and cannot be opened.',
- textAnonymous: 'Anonymous',
- txtNeedSynchronize: 'You have an updates',
- applyChangesTitleText: 'Loading Data',
- applyChangesTextText: 'Loading data...',
- savePreparingText: 'Preparing to save',
- savePreparingTitle: 'Preparing to save. Please wait...',
- loadingDocumentTitleText: 'Loading presentation',
- loadingDocumentTextText: 'Loading presentation...',
- warnProcessRightsChange: 'You have been denied the right to edit the file.',
- errorProcessSaveResult: 'Saving is failed.',
- textCloseTip: '\nClick to close the tip.',
- textShape: 'Shape',
- errorStockChart: 'Incorrect row order. To build a stock chart place the data on the sheet in the following order:
opening price, max price, min price, closing price.', - errorDataRange: 'Incorrect data range.', - errorDatabaseConnection: 'External error.
Database connection error. Please, contact support.', - errorUpdateVersion: 'The file version has been changed. The page will be reloaded.', - errorUserDrop: 'The file cannot be accessed right now.', - txtDiagramTitle: 'Chart Title', - txtXAxis: 'X Axis', - txtYAxis: 'Y Axis', - txtSeries: 'Seria', - txtArt: 'Your text here', - errorConnectToServer: ' The document could not be saved. Please check connection settings or contact your administrator.
When you click the \'OK\' button, you will be prompted to download the document.', - textTryUndoRedo: 'The Undo/Redo functions are disabled for the Fast co-editing mode.', - textBuyNow: 'Visit website', - textNoLicenseTitle: 'License limit reached', - textContactUs: 'Contact sales', - errorViewerDisconnect: 'Connection is lost. You can still view the document,
but will not be able to download until the connection is restored and page is reloaded.', - warnLicenseExp: 'Your license has expired.
Please update your license and refresh the page.', - titleLicenseExp: 'License expired', - openErrorText: 'An error has occurred while opening the file', - saveErrorText: 'An error has occurred while saving the file', - advDRMOptions: 'Protected File', - advDRMEnterPassword: 'You password please:', - advDRMPassword: 'Password', - textOK: 'OK', - textCancel: 'Cancel', - textPreloader: 'Loading... ', - textUsername: 'Username', - textPassword: 'Password', - textBack: 'Back', - textClose: 'Close', - textDone: 'Done', - titleServerVersion: 'Editor updated', - errorServerVersion: 'The editor version has been updated. The page will be reloaded to apply the changes.', - errorBadImageUrl: 'Image url is incorrect', - txtSlideText: 'Slide text', - txtClipArt: 'Clip Art', - txtDiagram: 'SmartArt', - txtDateTime: 'Date and time', - txtFooter: 'Footer', - txtHeader: 'Header', - txtMedia: 'Media', - txtPicture: 'Picture', - txtImage: 'Image', - txtSlideNumber: 'Slide number', - txtSlideSubtitle: 'Slide subtitle', - txtSlideTitle: 'Slide title', - txtProtected: 'Once you enter the password and open the file, the current password to the file will be reset', - warnNoLicense: "You've reached the limit for simultaneous connections to %1 editors. This document will be opened for viewing only.
Contact %1 sales team for personal upgrade terms.", - warnNoLicenseUsers: "You've reached the user limit for %1 editors. Contact %1 sales team for personal upgrade terms.", - warnLicenseExceeded: "You've reached the limit for simultaneous connections to %1 editors. This document will be opened for viewing only.
Contact your administrator to learn more.", - warnLicenseUsersExceeded: "You've reached the user limit for %1 editors. Contact your administrator to learn more.", - errorDataEncrypted: 'Encrypted changes have been received, they cannot be deciphered.', - closeButtonText: 'Close File', - scriptLoadError: 'The connection is too slow, some of the components could not be loaded. Please reload the page.', - errorAccessDeny: 'You are trying to perform an action you do not have rights for.
Please contact your Document Server administrator.', - errorEditingDownloadas: 'An error occurred during the work with the document.
Use the \'Download\' option to save the file backup copy to your computer hard drive.', - textPaidFeature: 'Paid feature', - textCustomLoader: 'Please note that according to the terms of the license you are not entitled to change the loader.
Please contact our Sales Department to get a quote.', - waitText: 'Please, wait...', - errorFileSizeExceed: 'The file size exceeds the limitation set for your server.
Please contact your Document Server administrator for details.', - errorUpdateVersionOnDisconnect: 'Internet connection has been restored, and the file version has been changed.
Before you can continue working, you need to download the file or copy its content to make sure nothing is lost, and then reload this page.', - errorOpensource: 'Using the free Community version you can open documents for viewing only. To access mobile web editors, a commercial license is required.', - textHasMacros: 'The file contains automatic macros.
Do you want to run macros?', - textRemember: 'Remember my choice', - textYes: 'Yes', - textNo: 'No' - } - })(), PE.Controllers.Main || {})) -}); \ No newline at end of file diff --git a/apps/presentationeditor/mobile/app/controller/Search.js b/apps/presentationeditor/mobile/app/controller/Search.js deleted file mode 100644 index 95d74a3d2..000000000 --- a/apps/presentationeditor/mobile/app/controller/Search.js +++ /dev/null @@ -1,337 +0,0 @@ -/* - * - * (c) Copyright Ascensio System SIA 2010-2019 - * - * This program is a free software product. You can redistribute it and/or - * modify it under the terms of the GNU Affero General Public License (AGPL) - * version 3 as published by the Free Software Foundation. In accordance with - * Section 7(a) of the GNU AGPL its Section 15 shall be amended to the effect - * that Ascensio System SIA expressly excludes the warranty of non-infringement - * of any third-party rights. - * - * This program is distributed WITHOUT ANY WARRANTY; without even the implied - * warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. For - * details, see the GNU AGPL at: http://www.gnu.org/licenses/agpl-3.0.html - * - * You can contact Ascensio System SIA at 20A-12 Ernesta Birznieka-Upisha - * street, Riga, Latvia, EU, LV-1050. - * - * The interactive user interfaces in modified source and object code versions - * of the Program must display Appropriate Legal Notices, as required under - * Section 5 of the GNU AGPL version 3. - * - * Pursuant to Section 7(b) of the License you must retain the original Product - * logo when distributing the program. Pursuant to Section 7(e) we decline to - * grant you any rights under trademark law for use of our trademarks. - * - * All the Product's GUI elements, including illustrations and icon sets, as - * well as technical writing content are licensed under the terms of the - * Creative Commons Attribution-ShareAlike 4.0 International. See the License - * terms at http://creativecommons.org/licenses/by-sa/4.0/legalcode - * - */ - -/** - * Search.js - * Presentation Editor - * - * Created by Alexander Yuzhin on 11/22/16 - * Copyright (c) 2018 Ascensio System SIA. All rights reserved. - * - */ - - -define([ - 'core', - 'jquery', - 'underscore', - 'backbone', - 'presentationeditor/mobile/app/view/Search' -], function (core, $, _, Backbone) { - 'use strict'; - - PE.Controllers.Search = Backbone.Controller.extend(_.extend((function() { - // private - - var _isShow = false, - _startPoint = {}; - - var pointerEventToXY = function(e){ - var out = {x:0, y:0}; - if(e.type == 'touchstart' || e.type == 'touchend'){ - var touch = e.originalEvent.touches[0] || e.originalEvent.changedTouches[0]; - out.x = touch.pageX; - out.y = touch.pageY; - } else if (e.type == 'mousedown' || e.type == 'mouseup') { - out.x = e.pageX; - out.y = e.pageY; - } - return out; - }; - - function iOSVersion() { - var ua = navigator.userAgent; - var m; - return (m = /(iPad|iPhone|iphone).*?(OS |os |OS\_)(\d+((_|\.)\d)?((_|\.)\d)?)/.exec(ua)) ? parseFloat(m[3]) : 0; - } - - return { - models: [], - collections: [], - views: [ - 'Search' - ], - - initialize: function() { - this.addListeners({ - 'Search': { - 'searchbar:show' : this.onSearchbarShow, - 'searchbar:hide' : this.onSearchbarHide, - 'searchbar:render' : this.onSearchbarRender, - 'searchbar:showsettings': this.onSearchbarSettings - } - }); - }, - - setApi: function(api) { - this.api = api; - }, - - setMode: function (mode) { - this.getView('Search').setMode(mode); - }, - - onLaunch: function() { - var me = this; - me.createView('Search').render(); - - if (iOSVersion()<13) { - $('#editor_sdk').single('mousedown touchstart', _.bind(me.onEditorTouchStart, me)); - $('#editor_sdk').single('mouseup touchend', _.bind(me.onEditorTouchEnd, me)); - } else { - $('#editor_sdk').single('pointerdown', _.bind(me.onEditorTouchStart, me)); - $('#editor_sdk').single('pointerup', _.bind(me.onEditorTouchEnd, me)); - } - }, - - showSearch: function () { - this.getView('Search').showSearch(); - }, - - hideSearch: function () { - this.getView('Search').hideSearch(); - }, - - // Handlers - - onEditorTouchStart: function (e) { - _startPoint = pointerEventToXY(e); - }, - - onEditorTouchEnd: function (e) { - var _endPoint = pointerEventToXY(e); - - if (_isShow) { - var distance = (_startPoint.x===undefined || _startPoint.y===undefined) ? 0 : - Math.sqrt((_endPoint.x -= _startPoint.x) * _endPoint.x + (_endPoint.y -= _startPoint.y) * _endPoint.y); - - if (distance < 1) { - this.hideSearch(); - } - } - }, - - onSearchbarRender: function(bar) { - var me = this, - searchString = Common.SharedSettings.get('search-search') || '', - replaceString = Common.SharedSettings.get('search-replace')|| ''; - - me.searchBar = uiApp.searchbar('.searchbar.document .searchbar.search', { - customSearch: true, - onSearch : _.bind(me.onSearchChange, me), - onEnable : _.bind(me.onSearchEnable, me), - onClear : _.bind(me.onSearchClear, me) - }); - - me.replaceBar = uiApp.searchbar('.searchbar.document .searchbar.replace', { - customSearch: true, - onSearch : _.bind(me.onReplaceChange, me), - onEnable : _.bind(me.onReplaceEnable, me), - onClear : _.bind(me.onReplaceClear, me) - }); - - me.searchPrev = $('.searchbar.document .prev'); - me.searchNext = $('.searchbar.document .next'); - me.replaceBtn = $('.searchbar.document .link.replace'); - - me.searchPrev.single('click', _.bind(me.onSearchPrev, me)); - me.searchNext.single('click', _.bind(me.onSearchNext, me)); - me.replaceBtn.single('click', _.bind(me.onReplace, me)); - - $$('.searchbar.document .link.replace').on('taphold', _.bind(me.onReplaceAll, me)); - - me.searchBar.search(searchString); - me.replaceBar.search(replaceString); - }, - - onSearchbarSettings: function (view) { - var strictBool = function (settingName) { - var value = Common.SharedSettings.get(settingName); - return !_.isUndefined(value) && (value === true); - }; - - var me = this, - isReplace = strictBool('search-is-replace'), - isCaseSensitive = strictBool('search-case-sensitive'), - $pageSettings = $('.page[data-page=search-settings]'), - $inputType = $pageSettings.find('input[name=search-type]'), - $inputCase = $pageSettings.find('#search-case-sensitive input:checkbox'); - - $inputType.val([isReplace ? 'replace' : 'search']); - $inputCase.prop('checked', isCaseSensitive); - - // init events - $inputType.single('change', _.bind(me.onTypeChange, me)); - $inputCase.single('change', _.bind(me.onCaseClick, me)); - }, - - onSearchbarShow: function(bar) { - _isShow = true; - }, - - onSearchEnable: function (bar) { - this.replaceBar.container.removeClass('searchbar-active'); - }, - - onSearchbarHide: function(bar) { - _isShow = false; - }, - - onSearchChange: function(search) { - var me = this, - isEmpty = (search.query.trim().length < 1); - - Common.SharedSettings.set('search-search', search.query); - - _.each([me.searchPrev, me.searchNext, me.replaceBtn], function(btn) { - btn.toggleClass('disabled', isEmpty); - }); - }, - - onSearchClear: function(search) { - Common.SharedSettings.set('search-search', ''); -// window.focus(); -// document.activeElement.blur(); - }, - - onReplaceChange: function(replace) { - var me = this, - isEmpty = (replace.query.trim().length < 1); - - Common.SharedSettings.set('search-replace', replace.query); - }, - - onReplaceEnable: function (bar) { - this.searchBar.container.removeClass('searchbar-active'); - }, - - onReplaceClear: function(replace) { - Common.SharedSettings.set('search-replace', ''); - }, - - onSearchPrev: function(btn) { - this.onQuerySearch(this.searchBar.query, 'back'); - }, - - onSearchNext: function(btn) { - this.onQuerySearch(this.searchBar.query, 'next'); - }, - - onReplace: function (btn) { - this.onQueryReplace(this.searchBar.query, this.replaceBar.query); - }, - - onReplaceAll: function (e) { - var me = this, - popover = [ - '
',
- '
'
- ].join('');
-
- popover = uiApp.popover(popover, $$(e.currentTarget));
-
- $('#replace-all').single('click', _.bind(function () {
- me.onQueryReplaceAll(this.searchBar.query, this.replaceBar.query);
- uiApp.closeModal(popover);
- }, me))
- },
-
- onQuerySearch: function(query, direction) {
- var matchcase = Common.SharedSettings.get('search-case-sensitive') || false;
-
- if (query && query.length) {
- if (!this.api.findText(query, direction != 'back', matchcase)) {
- var me = this;
- uiApp.alert(
- '',
- me.textNoTextFound,
- function () {
- me.searchBar.input.focus();
- }
- );
- }
- }
- },
-
- onQueryReplace: function(search, replace) {
- var matchcase = Common.SharedSettings.get('search-case-sensitive') || false;
-
- if (search && search.length) {
- if (!this.api.asc_replaceText(search, replace, false, matchcase)) {
- var me = this;
- uiApp.alert(
- '',
- me.textNoTextFound,
- function () {
- me.searchBar.input.focus();
- }
- );
- }
- }
- },
-
- onQueryReplaceAll: function(search, replace) {
- var matchcase = Common.SharedSettings.get('search-case-sensitive') || false;
-
- if (search && search.length) {
- this.api.asc_replaceText(search, replace, true, matchcase);
- }
- },
-
- onTypeChange: function (e) {
- var me = this,
- $target = $(e.currentTarget),
- isReplace = ($target.val() === 'replace');
-
- Common.SharedSettings.set('search-is-replace', isReplace);
- $('.searchbar.document').toggleClass('replace', isReplace);
- },
-
- onCaseClick: function (e) {
- Common.SharedSettings.set('search-case-sensitive', $(e.currentTarget).is(':checked'));
- },
-
- // API handlers
-
- textNoTextFound : 'Text not found',
- textReplaceAll: 'Replace All'
- }
- })(), PE.Controllers.Search || {}))
-});
\ No newline at end of file
diff --git a/apps/presentationeditor/mobile/app/controller/Settings.js b/apps/presentationeditor/mobile/app/controller/Settings.js
deleted file mode 100644
index c939fd041..000000000
--- a/apps/presentationeditor/mobile/app/controller/Settings.js
+++ /dev/null
@@ -1,419 +0,0 @@
-/*
- *
- * (c) Copyright Ascensio System SIA 2010-2019
- *
- * This program is a free software product. You can redistribute it and/or
- * modify it under the terms of the GNU Affero General Public License (AGPL)
- * version 3 as published by the Free Software Foundation. In accordance with
- * Section 7(a) of the GNU AGPL its Section 15 shall be amended to the effect
- * that Ascensio System SIA expressly excludes the warranty of non-infringement
- * of any third-party rights.
- *
- * This program is distributed WITHOUT ANY WARRANTY; without even the implied
- * warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. For
- * details, see the GNU AGPL at: http://www.gnu.org/licenses/agpl-3.0.html
- *
- * You can contact Ascensio System SIA at 20A-12 Ernesta Birznieka-Upisha
- * street, Riga, Latvia, EU, LV-1050.
- *
- * The interactive user interfaces in modified source and object code versions
- * of the Program must display Appropriate Legal Notices, as required under
- * Section 5 of the GNU AGPL version 3.
- *
- * Pursuant to Section 7(b) of the License you must retain the original Product
- * logo when distributing the program. Pursuant to Section 7(e) we decline to
- * grant you any rights under trademark law for use of our trademarks.
- *
- * All the Product's GUI elements, including illustrations and icon sets, as
- * well as technical writing content are licensed under the terms of the
- * Creative Commons Attribution-ShareAlike 4.0 International. See the License
- * terms at http://creativecommons.org/licenses/by-sa/4.0/legalcode
- *
- */
-
-/**
- * Settings.js
- * Presentation Editor
- *
- * Created by Alexander Yuzhin on 11/22/16
- * Copyright (c) 2018 Ascensio System SIA. All rights reserved.
- *
- */
-
-
-define([
- 'core',
- 'jquery',
- 'underscore',
- 'backbone',
- 'presentationeditor/mobile/app/view/Settings'
-], function (core, $, _, Backbone) {
- 'use strict';
-
- PE.Controllers.Settings = Backbone.Controller.extend(_.extend((function() {
- // private
- var rootView,
- inProgress,
- infoObj,
- modalView,
- _licInfo,
- _lang;
-
- var _slideSizeArr = [
- [254, 190.5], [254, 143]
- ];
-
- return {
- models: [],
- collections: [],
- views: [
- 'Settings'
- ],
-
- initialize: function () {
- Common.SharedSettings.set('readerMode', false);
- Common.NotificationCenter.on('settingscontainer:show', _.bind(this.initEvents, this));
-
- this.addListeners({
- 'Settings': {
- 'page:show' : this.onPageShow
- }
- });
- },
-
- setApi: function (api) {
- this.api = api;
-
- this.api.asc_registerCallback('asc_onPresentationSize', _.bind(this.onApiPageSize, this));
- this.api.asc_registerCallback('asc_onSendThemeColorSchemes', _.bind(this.onSendThemeColorSchemes, this));
- },
-
- onLaunch: function () {
- this.createView('Settings').render();
- },
-
- setMode: function (mode) {
- this.getView('Settings').setMode(mode);
- if (mode.canBranding)
- _licInfo = mode.customization;
- _lang = mode.lang;
- },
-
- initEvents: function () {
- },
-
- rootView : function() {
- return rootView;
- },
-
- showModal: function() {
- uiApp.closeModal();
-
- if (Common.SharedSettings.get('phone')) {
- modalView = uiApp.popup(
- '',
- '
',
- '',
- '
',
- '- ',
- '
- {0} '.format(me.textReplaceAll), - '
' +
- '
'
- );
- } else {
- modalView = uiApp.popover(
- '' +
- '' +
- '
' +
- '' +
- '' +
- '
',
- $$('#toolbar-settings')
- );
- }
-
- if (Framework7.prototype.device.android === true) {
- $$('.view.settings-root-view.navbar-through').removeClass('navbar-through').addClass('navbar-fixed');
- $$('.view.settings-root-view .navbar').prependTo('.view.settings-root-view > .pages > .page');
- }
-
- rootView = uiApp.addView('.settings-root-view', {
- dynamicNavbar: true,
- domCache: true
- });
-
- Common.NotificationCenter.trigger('settingscontainer:show');
- this.onPageShow(this.getView('Settings'));
- },
-
- hideModal: function() {
- if (modalView) {
- uiApp.closeModal(modalView);
- }
- },
-
- onPageShow: function(view, pageId) {
- var me = this;
- $('#settings-spellcheck input:checkbox').attr('checked', Common.Utils.InternalSettings.get("pe-mobile-spellcheck"));
- $('#settings-search').single('click', _.bind(me._onSearch, me));
- $('#settings-readermode input:checkbox').single('change', _.bind(me._onReaderMode, me));
- $('#settings-spellcheck input:checkbox').single('change', _.bind(me._onSpellcheck, me));
- $(modalView).find('.formats .page-content a').single('click', _.bind(me._onSaveFormat, me));
- $('#page-settings-view #slide-size-block li').single('click', _.bind(me._onSlideSize, me));
- $('#settings-print').single('click', _.bind(me._onPrint, me));
- $('#settings-collaboration').single('click', _.bind(me.onCollaboration, me));
-
- var _userCount = PE.getController('Main').returnUserCount();
- if (_userCount > 0) {
- $('#settings-collaboration').show();
- }
-
- Common.Utils.addScrollIfNeed('.page[data-page=settings-setup-view]', '.page[data-page=settings-setup-view] .page-content');
- Common.Utils.addScrollIfNeed('.page[data-page=settings-download-view]', '.page[data-page=settings-download-view] .page-content');
- Common.Utils.addScrollIfNeed('.page[data-page=settings-info-view]', '.page[data-page=settings-info-view] .page-content');
- Common.Utils.addScrollIfNeed('.page[data-page=settings-about-view]', '.page[data-page=settings-about-view] .page-content');
- Common.Utils.addScrollIfNeed('.page[data-page=color-schemes-view]', '.page[data-page=color-schemes-view] .page-content');
- Common.Utils.addScrollIfNeed('.page[data-page=settings-macros-view]', '.page[data-page=settings-macros-view] .page-content');
-
- me.initSettings(pageId);
- },
-
- initSettings: function (pageId) {
- var me = this;
- if (pageId == '#settings-setup-view') {
- me.onApiPageSize(me.api.get_PresentationWidth(), me.api.get_PresentationHeight());
- } else if (pageId == '#settings-about-view') {
- // About
- me.setLicInfo(_licInfo);
- } else if ('#settings-application-view' == pageId) {
- me.initPageApplicationSettings();
- } else if ('#color-schemes-view' == pageId) {
- me.initPageColorSchemes();
- } else if ('#settings-info-view' == pageId) {
- me.initPageInfo();
- } else if ('#settings-macros-view' == pageId) {
- me.initPageMacrosSettings();
- }
- },
-
- initPageMacrosSettings: function() {
- var me = this,
- $pageMacrosSettings = $('.page[data-page="settings-macros-view"] input:radio[name=macros-settings]'),
- value = Common.Utils.InternalSettings.get("pe-mobile-macros-mode") || 0;
- $pageMacrosSettings.single('change', _.bind(me.onChangeMacrosSettings, me));
- $pageMacrosSettings.val([value]);
- },
-
- onChangeMacrosSettings: function(e) {
- var value = parseInt($(e.currentTarget).val());
- Common.Utils.InternalSettings.set("pe-mobile-macros-mode", value);
- Common.localStorage.setItem("pe-mobile-macros-mode", value);
- },
-
- initPageInfo: function() {
- var document = Common.SharedSettings.get('document') || {},
- info = document.info || {};
-
- document.title ? $('#settings-presentation-title').html(document.title) : $('.display-presentation-title').remove();
- var value = info.owner || info.author;
- value ? $('#settings-pe-owner').html(value) : $('.display-owner').remove();
- value = info.uploaded || info.created;
- value ? $('#settings-pe-uploaded').html(value) : $('.display-uploaded').remove();
- info.folder ? $('#settings-pe-location').html(info.folder) : $('.display-location').remove();
-
- var appProps = (this.api) ? this.api.asc_getAppProps() : null;
- if (appProps) {
- var appName = (appProps.asc_getApplication() || '') + ' ' + (appProps.asc_getAppVersion() || '');
- appName ? $('#settings-pe-application').html(appName) : $('.display-application').remove();
- }
-
- var props = (this.api) ? this.api.asc_getCoreProps() : null;
- if (props) {
- value = props.asc_getTitle();
- value ? $('#settings-pe-title').html(value) : $('.display-title').remove();
- value = props.asc_getSubject();
- value ? $('#settings-pe-subject').html(value) : $('.display-subject').remove();
- value = props.asc_getDescription();
- value ? $('#settings-pe-comment').html(value) : $('.display-comment').remove();
- value = props.asc_getModified();
- value ? $('#settings-pe-last-mod').html(value.toLocaleString(_lang, {year: 'numeric', month: '2-digit', day: '2-digit'}) + ' ' + value.toLocaleString(_lang, {timeStyle: 'short'})) : $('.display-last-mode').remove();
- value = props.asc_getLastModifiedBy();
- value ? $('#settings-pe-mod-by').html(value) : $('.display-mode-by').remove();
- value = props.asc_getCreated();
- value ? $('#settings-pe-date').html(value.toLocaleString(_lang, {year: 'numeric', month: '2-digit', day: '2-digit'}) + ' ' + value.toLocaleString(_lang, {timeStyle: 'short'})) : $('.display-created-date').remove();
- value = props.asc_getCreator();
- var templateCreator = "";
- value && value.split(/\s*[,;]\s*/).forEach(function(item) {
- templateCreator = templateCreator + "' +
- '
' +
- '' +
- '' +
- '
' +
- '" + item + "
' +
- '
'
- );
-
- _.each(layoutAdds, function (addView, index) {
- $layoutPages.find('.tabs').append(
- '' +
- '
' +
- '' +
- '
' +
- '' +
- '
'
- );
- });
-
- if (isPhone) {
- me.picker = $$(uiApp.popup(
- '' +
- '' +
- '
' +
- '' +
- '' +
- '
'
- ))
- } else {
- me.picker = uiApp.popover(
- '' +
- '' +
- '<% } %>',
- ''
- ].join('');
- var insert = _.template(template)({
- android: Framework7.prototype.device.android,
- comment: comment,
- textAddComment: me.textAddComment
- });
- $commentInfo.html(insert);
- _.defer(function () {
- var $textarea = $('.comment-textarea')[0];
- var $btnAddComment = $('#done-comment');
- $btnAddComment.addClass('disabled');
- $textarea.focus();
- $textarea.oninput = function () {
- if ($textarea.value.length < 1) {
- if (!$btnAddComment.hasClass('disabled'))
- $btnAddComment.addClass('disabled');
- } else {
- if ($btnAddComment.hasClass('disabled')) {
- $btnAddComment.removeClass('disabled');
- }
- }
- };
- });
- }, 100);
- },
-
- showPageTable: function() {
- this.showPage('#addother-insert-table');
- this.renderTableStyles();
- PE.getController('AddTable').initEvents();
- },
-
- renderTableStyles: function() {
- var $stylesList = $('.table-styles ul');
- var template = [
- '<% _.each(styles, function(style) { %>',
- '',
- '
',
- ' ',
- '<% }); %>'
- ].join('');
- var insert = _.template(template)({
- android : Common.SharedSettings.get('android'),
- phone : Common.SharedSettings.get('phone'),
- styles : PE.getController('AddTable').getStyles()
- });
- $stylesList.html(insert);
- },
-
- showPageLink: function() {
- this.showPage('#addother-insert-link');
- $('#add-link-number').single('click', _.bind(this.showPageNumber, this));
- $('#add-link-type').single('click', _.bind(this.showLinkType, this));
- },
-
- showLinkType: function () {
- this.showPage('#addlink-type');
- },
-
- showPageNumber: function () {
- this.showPage('#addlink-slidenumber');
- },
-
- textComment: 'Comment',
- textAddComment: 'Add Comment',
- textDone: 'Done',
- textTable: 'Table',
- textLinkType: 'Link Type',
- textExternalLink: 'External Link',
- textInternalLink: 'Slide in this Presentation',
- textLink: 'Link',
- textLinkSlide: 'Link to',
- textBack: 'Back',
- textDisplay: 'Display',
- textTip: 'Screen Tip',
- textInsert: 'Insert',
- textNext: 'Next Slide',
- textPrev: 'Previous Slide',
- textFirst: 'First Slide',
- textLast: 'Last Slide',
- textNumber: 'Slide Number'
-
- }
- })(), PE.Views.AddOther || {}))
-});
\ No newline at end of file
diff --git a/apps/presentationeditor/mobile/app/view/add/AddShape.js b/apps/presentationeditor/mobile/app/view/add/AddShape.js
deleted file mode 100644
index 5e815d183..000000000
--- a/apps/presentationeditor/mobile/app/view/add/AddShape.js
+++ /dev/null
@@ -1,99 +0,0 @@
-/*
- *
- * (c) Copyright Ascensio System SIA 2010-2019
- *
- * This program is a free software product. You can redistribute it and/or
- * modify it under the terms of the GNU Affero General Public License (AGPL)
- * version 3 as published by the Free Software Foundation. In accordance with
- * Section 7(a) of the GNU AGPL its Section 15 shall be amended to the effect
- * that Ascensio System SIA expressly excludes the warranty of non-infringement
- * of any third-party rights.
- *
- * This program is distributed WITHOUT ANY WARRANTY; without even the implied
- * warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. For
- * details, see the GNU AGPL at: http://www.gnu.org/licenses/agpl-3.0.html
- *
- * You can contact Ascensio System SIA at 20A-12 Ernesta Birznieka-Upisha
- * street, Riga, Latvia, EU, LV-1050.
- *
- * The interactive user interfaces in modified source and object code versions
- * of the Program must display Appropriate Legal Notices, as required under
- * Section 5 of the GNU AGPL version 3.
- *
- * Pursuant to Section 7(b) of the License you must retain the original Product
- * logo when distributing the program. Pursuant to Section 7(e) we decline to
- * grant you any rights under trademark law for use of our trademarks.
- *
- * All the Product's GUI elements, including illustrations and icon sets, as
- * well as technical writing content are licensed under the terms of the
- * Creative Commons Attribution-ShareAlike 4.0 International. See the License
- * terms at http://creativecommons.org/licenses/by-sa/4.0/legalcode
- *
- */
-
-/**
- * AddShape.js
- * Presentation Editor
- *
- * Created by Julia Radzhabova on 11/28/16
- * Copyright (c) 2018 Ascensio System SIA. All rights reserved.
- *
- */
-
-
-define([
- 'text!presentationeditor/mobile/app/template/AddShape.template',
- 'jquery',
- 'underscore',
- 'backbone'
-], function (addTemplate, $, _, Backbone) {
- 'use strict';
-
- PE.Views.AddShape = Backbone.View.extend(_.extend((function() {
- // private
-
- return {
- // el: '.view-main',
-
- template: _.template(addTemplate),
-
- events: {
- },
-
- initialize: function () {
- Common.NotificationCenter.on('addcontainer:show', _.bind(this.initEvents, this));
- Common.NotificationCenter.on('shapes:load', _.bind(this.render, this));
- },
-
- initEvents: function () {
- Common.Utils.addScrollIfNeed('#add-shape .pages', '#add-shape .page');
- this.initControls();
- },
-
- // Render layout
- render: function () {
- this.layout = $('').append(this.template({
- android : Common.SharedSettings.get('android'),
- phone : Common.SharedSettings.get('phone'),
- shapes : Common.SharedSettings.get('shapes')
- }));
-
- return this;
- },
-
- rootLayout: function () {
- if (this.layout) {
- return this.layout
- .find('#add-shapes-root')
- .html();
- }
-
- return '';
- },
-
- initControls: function () {
- //
- }
- }
- })(), PE.Views.AddShape || {}))
-});
\ No newline at end of file
diff --git a/apps/presentationeditor/mobile/app/view/add/AddSlide.js b/apps/presentationeditor/mobile/app/view/add/AddSlide.js
deleted file mode 100644
index 7dd090a69..000000000
--- a/apps/presentationeditor/mobile/app/view/add/AddSlide.js
+++ /dev/null
@@ -1,137 +0,0 @@
-/*
- *
- * (c) Copyright Ascensio System SIA 2010-2019
- *
- * This program is a free software product. You can redistribute it and/or
- * modify it under the terms of the GNU Affero General Public License (AGPL)
- * version 3 as published by the Free Software Foundation. In accordance with
- * Section 7(a) of the GNU AGPL its Section 15 shall be amended to the effect
- * that Ascensio System SIA expressly excludes the warranty of non-infringement
- * of any third-party rights.
- *
- * This program is distributed WITHOUT ANY WARRANTY; without even the implied
- * warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. For
- * details, see the GNU AGPL at: http://www.gnu.org/licenses/agpl-3.0.html
- *
- * You can contact Ascensio System SIA at 20A-12 Ernesta Birznieka-Upisha
- * street, Riga, Latvia, EU, LV-1050.
- *
- * The interactive user interfaces in modified source and object code versions
- * of the Program must display Appropriate Legal Notices, as required under
- * Section 5 of the GNU AGPL version 3.
- *
- * Pursuant to Section 7(b) of the License you must retain the original Product
- * logo when distributing the program. Pursuant to Section 7(e) we decline to
- * grant you any rights under trademark law for use of our trademarks.
- *
- * All the Product's GUI elements, including illustrations and icon sets, as
- * well as technical writing content are licensed under the terms of the
- * Creative Commons Attribution-ShareAlike 4.0 International. See the License
- * terms at http://creativecommons.org/licenses/by-sa/4.0/legalcode
- *
- */
-
-/**
- * AddSlide.js
- * Presentation Editor
- *
- * Created by Julia Radzhabova on 12/06/16
- * Copyright (c) 2018 Ascensio System SIA. All rights reserved.
- *
- */
-
-define([
- 'text!presentationeditor/mobile/app/template/AddSlide.template',
- 'jquery',
- 'underscore',
- 'backbone'
-], function (addTemplate, $, _, Backbone) {
- 'use strict';
-
- PE.Views.AddSlide = Backbone.View.extend(_.extend((function() {
- // private
- var _layouts = [];
-
- return {
- // el: '.view-main',
-
- template: _.template(addTemplate),
-
- events: {
- },
-
- initialize: function () {
- Common.NotificationCenter.on('addcontainer:show', _.bind(this.initEvents, this));
- },
-
- initEvents: function () {
- var me = this;
-
- Common.Utils.addScrollIfNeed('#add-slide .pages', '#add-slide .page');
- me.initControls();
- },
-
- // Render layout
- render: function () {
- this.layout = $('').append(this.template({
- android : Common.SharedSettings.get('android'),
- phone : Common.SharedSettings.get('phone')
- }));
-
- return this;
- },
-
- rootLayout: function () {
- if (this.layout) {
- return this.layout
- .find('#add-slide-root')
- .html();
- }
-
- return '';
- },
-
- initControls: function () {
- //
- },
-
- updateLayouts: function (layouts) {
- _layouts = layouts;
- this.renderLayouts();
- },
-
- renderLayouts: function() {
- var $layoutContainer = $('.container-add .slide-layout');
- if ($layoutContainer.length > 0 && _layouts.length>0) {
- var columns = parseInt(($layoutContainer.width()-20) / (_layouts[0].itemWidth+2)), // magic
- row = -1,
- layouts = [];
-
- _.each(_layouts, function (layout, index) {
- if (0 == index % columns) {
- layouts.push([]);
- row++
- }
- layouts[row].push(layout);
- });
-
- var template = _.template([
- '<% _.each(layouts, function(row) { %>',
- '',
- '',
- ' ',
- '<% }); %>'
- ].join(''))({
- android : Common.SharedSettings.get('android'),
- types: _arrCurrentEffectTypes
- });
-
- $typeContainer.html(template);
- }
- },
-
- fillEffectTypes: function (type) {
- _arrCurrentEffectTypes = [];
- switch (type) {
- case Asc.c_oAscSlideTransitionTypes.Fade:
- _arrCurrentEffectTypes.push(this._arrEffectType[0], this._arrEffectType[1]);
- break;
- case Asc.c_oAscSlideTransitionTypes.Push:
- _arrCurrentEffectTypes = this._arrEffectType.slice(2, 6);
- break;
- case Asc.c_oAscSlideTransitionTypes.Wipe:
- _arrCurrentEffectTypes = this._arrEffectType.slice(2, 10);
- break;
- case Asc.c_oAscSlideTransitionTypes.Split:
- _arrCurrentEffectTypes = this._arrEffectType.slice(10, 14);
- break;
- case Asc.c_oAscSlideTransitionTypes.UnCover:
- _arrCurrentEffectTypes = this._arrEffectType.slice(2, 10);
- break;
- case Asc.c_oAscSlideTransitionTypes.Cover:
- _arrCurrentEffectTypes = this._arrEffectType.slice(2, 10);
- break;
- case Asc.c_oAscSlideTransitionTypes.Clock:
- _arrCurrentEffectTypes = this._arrEffectType.slice(14, 17);
- break;
- case Asc.c_oAscSlideTransitionTypes.Zoom:
- _arrCurrentEffectTypes = this._arrEffectType.slice(17);
- break;
- }
- return (_arrCurrentEffectTypes.length>0) ? _arrCurrentEffectTypes[0].value : -1;
- },
-
- getEffectName: function(effect) {
- for (var i=0; i').append(this.template({
- android : Common.SharedSettings.get('android'),
- phone : Common.SharedSettings.get('phone'),
- scope : this
- }));
-
- return this;
- },
-
- rootLayout: function () {
- if (this.layout) {
- return this.layout
- .find('#edit-table-root')
- .html();
- }
-
- return '';
- },
-
- initControls: function () {
- //
- },
-
- updateStyles: function (styles) {
- _styles = styles;
- this.renderStyles();
- },
-
- renderStyles: function() {
- var $styleContainer = $('#edit-table-styles .item-inner');
-
- if ($styleContainer.length > 0) {
- var columns = parseInt($styleContainer.width() / 70), // magic
- row = -1,
- styles = [];
-
- _.each(_styles, function (style, index) {
- if (0 == index % columns) {
- styles.push([]);
- row++
- }
- styles[row].push(style);
- });
-
- var template = _.template([
- 'ONLYOFFICE Document Editor
-
-
-
-
-
-
-
-
- ONLYOFFICE Presentations
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/apps/presentationeditor/mobile/index_loader.html.deploy b/apps/presentationeditor/mobile/index_loader.html.deploy
deleted file mode 100644
index 5e0dea145..000000000
--- a/apps/presentationeditor/mobile/index_loader.html.deploy
+++ /dev/null
@@ -1,293 +0,0 @@
-
-
-
-
-
-
-
-
-
- ONLYOFFICE Document Editor
-
-
-
-
-
-
-
-
-
-
-
-
-
diff --git a/apps/presentationeditor/mobile/resources/css/app-ios.css b/apps/presentationeditor/mobile/resources/css/app-ios.css
deleted file mode 100644
index 15b182f75..000000000
--- a/apps/presentationeditor/mobile/resources/css/app-ios.css
+++ /dev/null
@@ -1,7761 +0,0 @@
-html,
-body,
-.framework7-root {
- position: relative;
- height: 100%;
- width: 100%;
- overflow-x: hidden;
-}
-body {
- font-family: -apple-system, SF UI Text, Helvetica Neue, Helvetica, Arial, sans-serif;
- margin: 0;
- padding: 0;
- color: #000;
- font-size: 14px;
- line-height: 1.4;
- width: 100%;
- -webkit-text-size-adjust: 100%;
- background: #fff;
- overflow: hidden;
-}
-.framework7-root {
- overflow: hidden;
-}
-@media all and (width: 1024px) and (height: 691px) and (orientation: landscape) {
- html,
- body,
- .framework7-root {
- height: 671px;
- }
-}
-@media all and (width: 1024px) and (height: 692px) and (orientation: landscape) {
- html,
- body,
- .framework7-root {
- height: 672px;
- }
-}
-* {
- -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
- -webkit-touch-callout: none;
-}
-a,
-input,
-textarea,
-select {
- outline: 0;
-}
-a {
- text-decoration: none;
- color: #aa5252;
-}
-p {
- margin: 1em 0;
-}
-/* === Grid === */
-.row {
- display: -webkit-box;
- display: -ms-flexbox;
- display: -webkit-flex;
- display: flex;
- -webkit-box-pack: justify;
- -ms-flex-pack: justify;
- -webkit-justify-content: space-between;
- justify-content: space-between;
- -webkit-box-lines: multiple;
- -moz-box-lines: multiple;
- -webkit-flex-wrap: wrap;
- -ms-flex-wrap: wrap;
- flex-wrap: wrap;
- -webkit-box-align: start;
- -ms-flex-align: start;
- -webkit-align-items: flex-start;
- align-items: flex-start;
-}
-.row > [class*="col-"] {
- box-sizing: border-box;
-}
-.row .col-auto {
- width: 100%;
-}
-.row .col-100 {
- width: 100%;
- width: -webkit-calc((100% - 15px*0) / 1);
- width: calc((100% - 15px*0) / 1);
-}
-.row.no-gutter .col-100 {
- width: 100%;
-}
-.row .col-95 {
- width: 95%;
- width: -webkit-calc((100% - 15px*0.05263157894736836) / 1.0526315789473684);
- width: calc((100% - 15px*0.05263157894736836) / 1.0526315789473684);
-}
-.row.no-gutter .col-95 {
- width: 95%;
-}
-.row .col-90 {
- width: 90%;
- width: -webkit-calc((100% - 15px*0.11111111111111116) / 1.1111111111111112);
- width: calc((100% - 15px*0.11111111111111116) / 1.1111111111111112);
-}
-.row.no-gutter .col-90 {
- width: 90%;
-}
-.row .col-85 {
- width: 85%;
- width: -webkit-calc((100% - 15px*0.17647058823529416) / 1.1764705882352942);
- width: calc((100% - 15px*0.17647058823529416) / 1.1764705882352942);
-}
-.row.no-gutter .col-85 {
- width: 85%;
-}
-.row .col-80 {
- width: 80%;
- width: -webkit-calc((100% - 15px*0.25) / 1.25);
- width: calc((100% - 15px*0.25) / 1.25);
-}
-.row.no-gutter .col-80 {
- width: 80%;
-}
-.row .col-75 {
- width: 75%;
- width: -webkit-calc((100% - 15px*0.33333333333333326) / 1.3333333333333333);
- width: calc((100% - 15px*0.33333333333333326) / 1.3333333333333333);
-}
-.row.no-gutter .col-75 {
- width: 75%;
-}
-.row .col-70 {
- width: 70%;
- width: -webkit-calc((100% - 15px*0.4285714285714286) / 1.4285714285714286);
- width: calc((100% - 15px*0.4285714285714286) / 1.4285714285714286);
-}
-.row.no-gutter .col-70 {
- width: 70%;
-}
-.row .col-66 {
- width: 66.66666666666666%;
- width: -webkit-calc((100% - 15px*0.5000000000000002) / 1.5000000000000002);
- width: calc((100% - 15px*0.5000000000000002) / 1.5000000000000002);
-}
-.row.no-gutter .col-66 {
- width: 66.66666666666666%;
-}
-.row .col-65 {
- width: 65%;
- width: -webkit-calc((100% - 15px*0.5384615384615385) / 1.5384615384615385);
- width: calc((100% - 15px*0.5384615384615385) / 1.5384615384615385);
-}
-.row.no-gutter .col-65 {
- width: 65%;
-}
-.row .col-60 {
- width: 60%;
- width: -webkit-calc((100% - 15px*0.6666666666666667) / 1.6666666666666667);
- width: calc((100% - 15px*0.6666666666666667) / 1.6666666666666667);
-}
-.row.no-gutter .col-60 {
- width: 60%;
-}
-.row .col-55 {
- width: 55%;
- width: -webkit-calc((100% - 15px*0.8181818181818181) / 1.8181818181818181);
- width: calc((100% - 15px*0.8181818181818181) / 1.8181818181818181);
-}
-.row.no-gutter .col-55 {
- width: 55%;
-}
-.row .col-50 {
- width: 50%;
- width: -webkit-calc((100% - 15px*1) / 2);
- width: calc((100% - 15px*1) / 2);
-}
-.row.no-gutter .col-50 {
- width: 50%;
-}
-.row .col-45 {
- width: 45%;
- width: -webkit-calc((100% - 15px*1.2222222222222223) / 2.2222222222222223);
- width: calc((100% - 15px*1.2222222222222223) / 2.2222222222222223);
-}
-.row.no-gutter .col-45 {
- width: 45%;
-}
-.row .col-40 {
- width: 40%;
- width: -webkit-calc((100% - 15px*1.5) / 2.5);
- width: calc((100% - 15px*1.5) / 2.5);
-}
-.row.no-gutter .col-40 {
- width: 40%;
-}
-.row .col-35 {
- width: 35%;
- width: -webkit-calc((100% - 15px*1.8571428571428572) / 2.857142857142857);
- width: calc((100% - 15px*1.8571428571428572) / 2.857142857142857);
-}
-.row.no-gutter .col-35 {
- width: 35%;
-}
-.row .col-33 {
- width: 33.333333333333336%;
- width: -webkit-calc((100% - 15px*2) / 3);
- width: calc((100% - 15px*2) / 3);
-}
-.row.no-gutter .col-33 {
- width: 33.333333333333336%;
-}
-.row .col-30 {
- width: 30%;
- width: -webkit-calc((100% - 15px*2.3333333333333335) / 3.3333333333333335);
- width: calc((100% - 15px*2.3333333333333335) / 3.3333333333333335);
-}
-.row.no-gutter .col-30 {
- width: 30%;
-}
-.row .col-25 {
- width: 25%;
- width: -webkit-calc((100% - 15px*3) / 4);
- width: calc((100% - 15px*3) / 4);
-}
-.row.no-gutter .col-25 {
- width: 25%;
-}
-.row .col-20 {
- width: 20%;
- width: -webkit-calc((100% - 15px*4) / 5);
- width: calc((100% - 15px*4) / 5);
-}
-.row.no-gutter .col-20 {
- width: 20%;
-}
-.row .col-15 {
- width: 15%;
- width: -webkit-calc((100% - 15px*5.666666666666667) / 6.666666666666667);
- width: calc((100% - 15px*5.666666666666667) / 6.666666666666667);
-}
-.row.no-gutter .col-15 {
- width: 15%;
-}
-.row .col-10 {
- width: 10%;
- width: -webkit-calc((100% - 15px*9) / 10);
- width: calc((100% - 15px*9) / 10);
-}
-.row.no-gutter .col-10 {
- width: 10%;
-}
-.row .col-5 {
- width: 5%;
- width: -webkit-calc((100% - 15px*19) / 20);
- width: calc((100% - 15px*19) / 20);
-}
-.row.no-gutter .col-5 {
- width: 5%;
-}
-.row .col-auto:nth-last-child(1),
-.row .col-auto:nth-last-child(1) ~ .col-auto {
- width: 100%;
- width: -webkit-calc((100% - 15px*0) / 1);
- width: calc((100% - 15px*0) / 1);
-}
-.row.no-gutter .col-auto:nth-last-child(1),
-.row.no-gutter .col-auto:nth-last-child(1) ~ .col-auto {
- width: 100%;
-}
-.row .col-auto:nth-last-child(2),
-.row .col-auto:nth-last-child(2) ~ .col-auto {
- width: 50%;
- width: -webkit-calc((100% - 15px*1) / 2);
- width: calc((100% - 15px*1) / 2);
-}
-.row.no-gutter .col-auto:nth-last-child(2),
-.row.no-gutter .col-auto:nth-last-child(2) ~ .col-auto {
- width: 50%;
-}
-.row .col-auto:nth-last-child(3),
-.row .col-auto:nth-last-child(3) ~ .col-auto {
- width: 33.33333333%;
- width: -webkit-calc((100% - 15px*2) / 3);
- width: calc((100% - 15px*2) / 3);
-}
-.row.no-gutter .col-auto:nth-last-child(3),
-.row.no-gutter .col-auto:nth-last-child(3) ~ .col-auto {
- width: 33.33333333%;
-}
-.row .col-auto:nth-last-child(4),
-.row .col-auto:nth-last-child(4) ~ .col-auto {
- width: 25%;
- width: -webkit-calc((100% - 15px*3) / 4);
- width: calc((100% - 15px*3) / 4);
-}
-.row.no-gutter .col-auto:nth-last-child(4),
-.row.no-gutter .col-auto:nth-last-child(4) ~ .col-auto {
- width: 25%;
-}
-.row .col-auto:nth-last-child(5),
-.row .col-auto:nth-last-child(5) ~ .col-auto {
- width: 20%;
- width: -webkit-calc((100% - 15px*4) / 5);
- width: calc((100% - 15px*4) / 5);
-}
-.row.no-gutter .col-auto:nth-last-child(5),
-.row.no-gutter .col-auto:nth-last-child(5) ~ .col-auto {
- width: 20%;
-}
-.row .col-auto:nth-last-child(6),
-.row .col-auto:nth-last-child(6) ~ .col-auto {
- width: 16.66666667%;
- width: -webkit-calc((100% - 15px*5) / 6);
- width: calc((100% - 15px*5) / 6);
-}
-.row.no-gutter .col-auto:nth-last-child(6),
-.row.no-gutter .col-auto:nth-last-child(6) ~ .col-auto {
- width: 16.66666667%;
-}
-.row .col-auto:nth-last-child(7),
-.row .col-auto:nth-last-child(7) ~ .col-auto {
- width: 14.28571429%;
- width: -webkit-calc((100% - 15px*6) / 7);
- width: calc((100% - 15px*6) / 7);
-}
-.row.no-gutter .col-auto:nth-last-child(7),
-.row.no-gutter .col-auto:nth-last-child(7) ~ .col-auto {
- width: 14.28571429%;
-}
-.row .col-auto:nth-last-child(8),
-.row .col-auto:nth-last-child(8) ~ .col-auto {
- width: 12.5%;
- width: -webkit-calc((100% - 15px*7) / 8);
- width: calc((100% - 15px*7) / 8);
-}
-.row.no-gutter .col-auto:nth-last-child(8),
-.row.no-gutter .col-auto:nth-last-child(8) ~ .col-auto {
- width: 12.5%;
-}
-.row .col-auto:nth-last-child(9),
-.row .col-auto:nth-last-child(9) ~ .col-auto {
- width: 11.11111111%;
- width: -webkit-calc((100% - 15px*8) / 9);
- width: calc((100% - 15px*8) / 9);
-}
-.row.no-gutter .col-auto:nth-last-child(9),
-.row.no-gutter .col-auto:nth-last-child(9) ~ .col-auto {
- width: 11.11111111%;
-}
-.row .col-auto:nth-last-child(10),
-.row .col-auto:nth-last-child(10) ~ .col-auto {
- width: 10%;
- width: -webkit-calc((100% - 15px*9) / 10);
- width: calc((100% - 15px*9) / 10);
-}
-.row.no-gutter .col-auto:nth-last-child(10),
-.row.no-gutter .col-auto:nth-last-child(10) ~ .col-auto {
- width: 10%;
-}
-.row .col-auto:nth-last-child(11),
-.row .col-auto:nth-last-child(11) ~ .col-auto {
- width: 9.09090909%;
- width: -webkit-calc((100% - 15px*10) / 11);
- width: calc((100% - 15px*10) / 11);
-}
-.row.no-gutter .col-auto:nth-last-child(11),
-.row.no-gutter .col-auto:nth-last-child(11) ~ .col-auto {
- width: 9.09090909%;
-}
-.row .col-auto:nth-last-child(12),
-.row .col-auto:nth-last-child(12) ~ .col-auto {
- width: 8.33333333%;
- width: -webkit-calc((100% - 15px*11) / 12);
- width: calc((100% - 15px*11) / 12);
-}
-.row.no-gutter .col-auto:nth-last-child(12),
-.row.no-gutter .col-auto:nth-last-child(12) ~ .col-auto {
- width: 8.33333333%;
-}
-.row .col-auto:nth-last-child(13),
-.row .col-auto:nth-last-child(13) ~ .col-auto {
- width: 7.69230769%;
- width: -webkit-calc((100% - 15px*12) / 13);
- width: calc((100% - 15px*12) / 13);
-}
-.row.no-gutter .col-auto:nth-last-child(13),
-.row.no-gutter .col-auto:nth-last-child(13) ~ .col-auto {
- width: 7.69230769%;
-}
-.row .col-auto:nth-last-child(14),
-.row .col-auto:nth-last-child(14) ~ .col-auto {
- width: 7.14285714%;
- width: -webkit-calc((100% - 15px*13) / 14);
- width: calc((100% - 15px*13) / 14);
-}
-.row.no-gutter .col-auto:nth-last-child(14),
-.row.no-gutter .col-auto:nth-last-child(14) ~ .col-auto {
- width: 7.14285714%;
-}
-.row .col-auto:nth-last-child(15),
-.row .col-auto:nth-last-child(15) ~ .col-auto {
- width: 6.66666667%;
- width: -webkit-calc((100% - 15px*14) / 15);
- width: calc((100% - 15px*14) / 15);
-}
-.row.no-gutter .col-auto:nth-last-child(15),
-.row.no-gutter .col-auto:nth-last-child(15) ~ .col-auto {
- width: 6.66666667%;
-}
-.row .col-auto:nth-last-child(16),
-.row .col-auto:nth-last-child(16) ~ .col-auto {
- width: 6.25%;
- width: -webkit-calc((100% - 15px*15) / 16);
- width: calc((100% - 15px*15) / 16);
-}
-.row.no-gutter .col-auto:nth-last-child(16),
-.row.no-gutter .col-auto:nth-last-child(16) ~ .col-auto {
- width: 6.25%;
-}
-.row .col-auto:nth-last-child(17),
-.row .col-auto:nth-last-child(17) ~ .col-auto {
- width: 5.88235294%;
- width: -webkit-calc((100% - 15px*16) / 17);
- width: calc((100% - 15px*16) / 17);
-}
-.row.no-gutter .col-auto:nth-last-child(17),
-.row.no-gutter .col-auto:nth-last-child(17) ~ .col-auto {
- width: 5.88235294%;
-}
-.row .col-auto:nth-last-child(18),
-.row .col-auto:nth-last-child(18) ~ .col-auto {
- width: 5.55555556%;
- width: -webkit-calc((100% - 15px*17) / 18);
- width: calc((100% - 15px*17) / 18);
-}
-.row.no-gutter .col-auto:nth-last-child(18),
-.row.no-gutter .col-auto:nth-last-child(18) ~ .col-auto {
- width: 5.55555556%;
-}
-.row .col-auto:nth-last-child(19),
-.row .col-auto:nth-last-child(19) ~ .col-auto {
- width: 5.26315789%;
- width: -webkit-calc((100% - 15px*18) / 19);
- width: calc((100% - 15px*18) / 19);
-}
-.row.no-gutter .col-auto:nth-last-child(19),
-.row.no-gutter .col-auto:nth-last-child(19) ~ .col-auto {
- width: 5.26315789%;
-}
-.row .col-auto:nth-last-child(20),
-.row .col-auto:nth-last-child(20) ~ .col-auto {
- width: 5%;
- width: -webkit-calc((100% - 15px*19) / 20);
- width: calc((100% - 15px*19) / 20);
-}
-.row.no-gutter .col-auto:nth-last-child(20),
-.row.no-gutter .col-auto:nth-last-child(20) ~ .col-auto {
- width: 5%;
-}
-.row .col-auto:nth-last-child(21),
-.row .col-auto:nth-last-child(21) ~ .col-auto {
- width: 4.76190476%;
- width: -webkit-calc((100% - 15px*20) / 21);
- width: calc((100% - 15px*20) / 21);
-}
-.row.no-gutter .col-auto:nth-last-child(21),
-.row.no-gutter .col-auto:nth-last-child(21) ~ .col-auto {
- width: 4.76190476%;
-}
-@media all and (min-width: 768px) {
- .row .tablet-100 {
- width: 100%;
- width: -webkit-calc((100% - 15px*0) / 1);
- width: calc((100% - 15px*0) / 1);
- }
- .row.no-gutter .tablet-100 {
- width: 100%;
- }
- .row .tablet-95 {
- width: 95%;
- width: -webkit-calc((100% - 15px*0.05263157894736836) / 1.0526315789473684);
- width: calc((100% - 15px*0.05263157894736836) / 1.0526315789473684);
- }
- .row.no-gutter .tablet-95 {
- width: 95%;
- }
- .row .tablet-90 {
- width: 90%;
- width: -webkit-calc((100% - 15px*0.11111111111111116) / 1.1111111111111112);
- width: calc((100% - 15px*0.11111111111111116) / 1.1111111111111112);
- }
- .row.no-gutter .tablet-90 {
- width: 90%;
- }
- .row .tablet-85 {
- width: 85%;
- width: -webkit-calc((100% - 15px*0.17647058823529416) / 1.1764705882352942);
- width: calc((100% - 15px*0.17647058823529416) / 1.1764705882352942);
- }
- .row.no-gutter .tablet-85 {
- width: 85%;
- }
- .row .tablet-80 {
- width: 80%;
- width: -webkit-calc((100% - 15px*0.25) / 1.25);
- width: calc((100% - 15px*0.25) / 1.25);
- }
- .row.no-gutter .tablet-80 {
- width: 80%;
- }
- .row .tablet-75 {
- width: 75%;
- width: -webkit-calc((100% - 15px*0.33333333333333326) / 1.3333333333333333);
- width: calc((100% - 15px*0.33333333333333326) / 1.3333333333333333);
- }
- .row.no-gutter .tablet-75 {
- width: 75%;
- }
- .row .tablet-70 {
- width: 70%;
- width: -webkit-calc((100% - 15px*0.4285714285714286) / 1.4285714285714286);
- width: calc((100% - 15px*0.4285714285714286) / 1.4285714285714286);
- }
- .row.no-gutter .tablet-70 {
- width: 70%;
- }
- .row .tablet-66 {
- width: 66.66666666666666%;
- width: -webkit-calc((100% - 15px*0.5000000000000002) / 1.5000000000000002);
- width: calc((100% - 15px*0.5000000000000002) / 1.5000000000000002);
- }
- .row.no-gutter .tablet-66 {
- width: 66.66666666666666%;
- }
- .row .tablet-65 {
- width: 65%;
- width: -webkit-calc((100% - 15px*0.5384615384615385) / 1.5384615384615385);
- width: calc((100% - 15px*0.5384615384615385) / 1.5384615384615385);
- }
- .row.no-gutter .tablet-65 {
- width: 65%;
- }
- .row .tablet-60 {
- width: 60%;
- width: -webkit-calc((100% - 15px*0.6666666666666667) / 1.6666666666666667);
- width: calc((100% - 15px*0.6666666666666667) / 1.6666666666666667);
- }
- .row.no-gutter .tablet-60 {
- width: 60%;
- }
- .row .tablet-55 {
- width: 55%;
- width: -webkit-calc((100% - 15px*0.8181818181818181) / 1.8181818181818181);
- width: calc((100% - 15px*0.8181818181818181) / 1.8181818181818181);
- }
- .row.no-gutter .tablet-55 {
- width: 55%;
- }
- .row .tablet-50 {
- width: 50%;
- width: -webkit-calc((100% - 15px*1) / 2);
- width: calc((100% - 15px*1) / 2);
- }
- .row.no-gutter .tablet-50 {
- width: 50%;
- }
- .row .tablet-45 {
- width: 45%;
- width: -webkit-calc((100% - 15px*1.2222222222222223) / 2.2222222222222223);
- width: calc((100% - 15px*1.2222222222222223) / 2.2222222222222223);
- }
- .row.no-gutter .tablet-45 {
- width: 45%;
- }
- .row .tablet-40 {
- width: 40%;
- width: -webkit-calc((100% - 15px*1.5) / 2.5);
- width: calc((100% - 15px*1.5) / 2.5);
- }
- .row.no-gutter .tablet-40 {
- width: 40%;
- }
- .row .tablet-35 {
- width: 35%;
- width: -webkit-calc((100% - 15px*1.8571428571428572) / 2.857142857142857);
- width: calc((100% - 15px*1.8571428571428572) / 2.857142857142857);
- }
- .row.no-gutter .tablet-35 {
- width: 35%;
- }
- .row .tablet-33 {
- width: 33.333333333333336%;
- width: -webkit-calc((100% - 15px*2) / 3);
- width: calc((100% - 15px*2) / 3);
- }
- .row.no-gutter .tablet-33 {
- width: 33.333333333333336%;
- }
- .row .tablet-30 {
- width: 30%;
- width: -webkit-calc((100% - 15px*2.3333333333333335) / 3.3333333333333335);
- width: calc((100% - 15px*2.3333333333333335) / 3.3333333333333335);
- }
- .row.no-gutter .tablet-30 {
- width: 30%;
- }
- .row .tablet-25 {
- width: 25%;
- width: -webkit-calc((100% - 15px*3) / 4);
- width: calc((100% - 15px*3) / 4);
- }
- .row.no-gutter .tablet-25 {
- width: 25%;
- }
- .row .tablet-20 {
- width: 20%;
- width: -webkit-calc((100% - 15px*4) / 5);
- width: calc((100% - 15px*4) / 5);
- }
- .row.no-gutter .tablet-20 {
- width: 20%;
- }
- .row .tablet-15 {
- width: 15%;
- width: -webkit-calc((100% - 15px*5.666666666666667) / 6.666666666666667);
- width: calc((100% - 15px*5.666666666666667) / 6.666666666666667);
- }
- .row.no-gutter .tablet-15 {
- width: 15%;
- }
- .row .tablet-10 {
- width: 10%;
- width: -webkit-calc((100% - 15px*9) / 10);
- width: calc((100% - 15px*9) / 10);
- }
- .row.no-gutter .tablet-10 {
- width: 10%;
- }
- .row .tablet-5 {
- width: 5%;
- width: -webkit-calc((100% - 15px*19) / 20);
- width: calc((100% - 15px*19) / 20);
- }
- .row.no-gutter .tablet-5 {
- width: 5%;
- }
- .row .tablet-auto:nth-last-child(1),
- .row .tablet-auto:nth-last-child(1) ~ .col-auto {
- width: 100%;
- width: -webkit-calc((100% - 15px*0) / 1);
- width: calc((100% - 15px*0) / 1);
- }
- .row.no-gutter .tablet-auto:nth-last-child(1),
- .row.no-gutter .tablet-auto:nth-last-child(1) ~ .tablet-auto {
- width: 100%;
- }
- .row .tablet-auto:nth-last-child(2),
- .row .tablet-auto:nth-last-child(2) ~ .col-auto {
- width: 50%;
- width: -webkit-calc((100% - 15px*1) / 2);
- width: calc((100% - 15px*1) / 2);
- }
- .row.no-gutter .tablet-auto:nth-last-child(2),
- .row.no-gutter .tablet-auto:nth-last-child(2) ~ .tablet-auto {
- width: 50%;
- }
- .row .tablet-auto:nth-last-child(3),
- .row .tablet-auto:nth-last-child(3) ~ .col-auto {
- width: 33.33333333%;
- width: -webkit-calc((100% - 15px*2) / 3);
- width: calc((100% - 15px*2) / 3);
- }
- .row.no-gutter .tablet-auto:nth-last-child(3),
- .row.no-gutter .tablet-auto:nth-last-child(3) ~ .tablet-auto {
- width: 33.33333333%;
- }
- .row .tablet-auto:nth-last-child(4),
- .row .tablet-auto:nth-last-child(4) ~ .col-auto {
- width: 25%;
- width: -webkit-calc((100% - 15px*3) / 4);
- width: calc((100% - 15px*3) / 4);
- }
- .row.no-gutter .tablet-auto:nth-last-child(4),
- .row.no-gutter .tablet-auto:nth-last-child(4) ~ .tablet-auto {
- width: 25%;
- }
- .row .tablet-auto:nth-last-child(5),
- .row .tablet-auto:nth-last-child(5) ~ .col-auto {
- width: 20%;
- width: -webkit-calc((100% - 15px*4) / 5);
- width: calc((100% - 15px*4) / 5);
- }
- .row.no-gutter .tablet-auto:nth-last-child(5),
- .row.no-gutter .tablet-auto:nth-last-child(5) ~ .tablet-auto {
- width: 20%;
- }
- .row .tablet-auto:nth-last-child(6),
- .row .tablet-auto:nth-last-child(6) ~ .col-auto {
- width: 16.66666667%;
- width: -webkit-calc((100% - 15px*5) / 6);
- width: calc((100% - 15px*5) / 6);
- }
- .row.no-gutter .tablet-auto:nth-last-child(6),
- .row.no-gutter .tablet-auto:nth-last-child(6) ~ .tablet-auto {
- width: 16.66666667%;
- }
- .row .tablet-auto:nth-last-child(7),
- .row .tablet-auto:nth-last-child(7) ~ .col-auto {
- width: 14.28571429%;
- width: -webkit-calc((100% - 15px*6) / 7);
- width: calc((100% - 15px*6) / 7);
- }
- .row.no-gutter .tablet-auto:nth-last-child(7),
- .row.no-gutter .tablet-auto:nth-last-child(7) ~ .tablet-auto {
- width: 14.28571429%;
- }
- .row .tablet-auto:nth-last-child(8),
- .row .tablet-auto:nth-last-child(8) ~ .col-auto {
- width: 12.5%;
- width: -webkit-calc((100% - 15px*7) / 8);
- width: calc((100% - 15px*7) / 8);
- }
- .row.no-gutter .tablet-auto:nth-last-child(8),
- .row.no-gutter .tablet-auto:nth-last-child(8) ~ .tablet-auto {
- width: 12.5%;
- }
- .row .tablet-auto:nth-last-child(9),
- .row .tablet-auto:nth-last-child(9) ~ .col-auto {
- width: 11.11111111%;
- width: -webkit-calc((100% - 15px*8) / 9);
- width: calc((100% - 15px*8) / 9);
- }
- .row.no-gutter .tablet-auto:nth-last-child(9),
- .row.no-gutter .tablet-auto:nth-last-child(9) ~ .tablet-auto {
- width: 11.11111111%;
- }
- .row .tablet-auto:nth-last-child(10),
- .row .tablet-auto:nth-last-child(10) ~ .col-auto {
- width: 10%;
- width: -webkit-calc((100% - 15px*9) / 10);
- width: calc((100% - 15px*9) / 10);
- }
- .row.no-gutter .tablet-auto:nth-last-child(10),
- .row.no-gutter .tablet-auto:nth-last-child(10) ~ .tablet-auto {
- width: 10%;
- }
- .row .tablet-auto:nth-last-child(11),
- .row .tablet-auto:nth-last-child(11) ~ .col-auto {
- width: 9.09090909%;
- width: -webkit-calc((100% - 15px*10) / 11);
- width: calc((100% - 15px*10) / 11);
- }
- .row.no-gutter .tablet-auto:nth-last-child(11),
- .row.no-gutter .tablet-auto:nth-last-child(11) ~ .tablet-auto {
- width: 9.09090909%;
- }
- .row .tablet-auto:nth-last-child(12),
- .row .tablet-auto:nth-last-child(12) ~ .col-auto {
- width: 8.33333333%;
- width: -webkit-calc((100% - 15px*11) / 12);
- width: calc((100% - 15px*11) / 12);
- }
- .row.no-gutter .tablet-auto:nth-last-child(12),
- .row.no-gutter .tablet-auto:nth-last-child(12) ~ .tablet-auto {
- width: 8.33333333%;
- }
- .row .tablet-auto:nth-last-child(13),
- .row .tablet-auto:nth-last-child(13) ~ .col-auto {
- width: 7.69230769%;
- width: -webkit-calc((100% - 15px*12) / 13);
- width: calc((100% - 15px*12) / 13);
- }
- .row.no-gutter .tablet-auto:nth-last-child(13),
- .row.no-gutter .tablet-auto:nth-last-child(13) ~ .tablet-auto {
- width: 7.69230769%;
- }
- .row .tablet-auto:nth-last-child(14),
- .row .tablet-auto:nth-last-child(14) ~ .col-auto {
- width: 7.14285714%;
- width: -webkit-calc((100% - 15px*13) / 14);
- width: calc((100% - 15px*13) / 14);
- }
- .row.no-gutter .tablet-auto:nth-last-child(14),
- .row.no-gutter .tablet-auto:nth-last-child(14) ~ .tablet-auto {
- width: 7.14285714%;
- }
- .row .tablet-auto:nth-last-child(15),
- .row .tablet-auto:nth-last-child(15) ~ .col-auto {
- width: 6.66666667%;
- width: -webkit-calc((100% - 15px*14) / 15);
- width: calc((100% - 15px*14) / 15);
- }
- .row.no-gutter .tablet-auto:nth-last-child(15),
- .row.no-gutter .tablet-auto:nth-last-child(15) ~ .tablet-auto {
- width: 6.66666667%;
- }
- .row .tablet-auto:nth-last-child(16),
- .row .tablet-auto:nth-last-child(16) ~ .col-auto {
- width: 6.25%;
- width: -webkit-calc((100% - 15px*15) / 16);
- width: calc((100% - 15px*15) / 16);
- }
- .row.no-gutter .tablet-auto:nth-last-child(16),
- .row.no-gutter .tablet-auto:nth-last-child(16) ~ .tablet-auto {
- width: 6.25%;
- }
- .row .tablet-auto:nth-last-child(17),
- .row .tablet-auto:nth-last-child(17) ~ .col-auto {
- width: 5.88235294%;
- width: -webkit-calc((100% - 15px*16) / 17);
- width: calc((100% - 15px*16) / 17);
- }
- .row.no-gutter .tablet-auto:nth-last-child(17),
- .row.no-gutter .tablet-auto:nth-last-child(17) ~ .tablet-auto {
- width: 5.88235294%;
- }
- .row .tablet-auto:nth-last-child(18),
- .row .tablet-auto:nth-last-child(18) ~ .col-auto {
- width: 5.55555556%;
- width: -webkit-calc((100% - 15px*17) / 18);
- width: calc((100% - 15px*17) / 18);
- }
- .row.no-gutter .tablet-auto:nth-last-child(18),
- .row.no-gutter .tablet-auto:nth-last-child(18) ~ .tablet-auto {
- width: 5.55555556%;
- }
- .row .tablet-auto:nth-last-child(19),
- .row .tablet-auto:nth-last-child(19) ~ .col-auto {
- width: 5.26315789%;
- width: -webkit-calc((100% - 15px*18) / 19);
- width: calc((100% - 15px*18) / 19);
- }
- .row.no-gutter .tablet-auto:nth-last-child(19),
- .row.no-gutter .tablet-auto:nth-last-child(19) ~ .tablet-auto {
- width: 5.26315789%;
- }
- .row .tablet-auto:nth-last-child(20),
- .row .tablet-auto:nth-last-child(20) ~ .col-auto {
- width: 5%;
- width: -webkit-calc((100% - 15px*19) / 20);
- width: calc((100% - 15px*19) / 20);
- }
- .row.no-gutter .tablet-auto:nth-last-child(20),
- .row.no-gutter .tablet-auto:nth-last-child(20) ~ .tablet-auto {
- width: 5%;
- }
- .row .tablet-auto:nth-last-child(21),
- .row .tablet-auto:nth-last-child(21) ~ .col-auto {
- width: 4.76190476%;
- width: -webkit-calc((100% - 15px*20) / 21);
- width: calc((100% - 15px*20) / 21);
- }
- .row.no-gutter .tablet-auto:nth-last-child(21),
- .row.no-gutter .tablet-auto:nth-last-child(21) ~ .tablet-auto {
- width: 4.76190476%;
- }
-}
-/* === Views === */
-.views,
-.view {
- position: relative;
- width: 100%;
- height: 100%;
- z-index: 5000;
-}
-.views {
- overflow: auto;
- -webkit-overflow-scrolling: touch;
-}
-.view {
- overflow: hidden;
- box-sizing: border-box;
-}
-/* === Pages === */
-.pages {
- position: relative;
- width: 100%;
- height: 100%;
- overflow: hidden;
- background: #000;
-}
-.page {
- box-sizing: border-box;
- position: absolute;
- left: 0;
- top: 0;
- width: 100%;
- height: 100%;
- background: #efeff4;
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
-}
-.page.cached {
- display: none;
-}
-.page-on-left {
- opacity: 0.9;
- -webkit-transform: translate3d(-20%, 0, 0);
- transform: translate3d(-20%, 0, 0);
-}
-.page-on-center .swipeback-page-shadow {
- opacity: 1;
-}
-.page-on-right {
- -webkit-transform: translate3d(100%, 0, 0);
- transform: translate3d(100%, 0, 0);
-}
-.page-on-right .swipeback-page-shadow {
- opacity: 0;
-}
-.page-content {
- overflow: auto;
- -webkit-overflow-scrolling: touch;
- box-sizing: border-box;
- height: 100%;
- position: relative;
- z-index: 1;
-}
-.swipeback-page-shadow {
- position: absolute;
- right: 100%;
- top: 0;
- width: 16px;
- height: 100%;
- background: -webkit-linear-gradient(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%);
- background: linear-gradient(to 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%);
- z-index: -1;
- content: '';
-}
-html.android .swipeback-page-shadow {
- display: none;
- -webkit-animation: none;
- animation: none;
-}
-.page-transitioning,
-.page-transitioning .swipeback-page-shadow {
- -webkit-transition-duration: 400ms;
- transition-duration: 400ms;
-}
-.page-from-right-to-center:before,
-.page-from-center-to-right:before {
- position: absolute;
- right: 100%;
- top: 0;
- width: 16px;
- height: 100%;
- background: -webkit-linear-gradient(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%);
- background: linear-gradient(to 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%);
- z-index: -1;
- content: '';
-}
-html.android .page-from-right-to-center:before,
-html.android .page-from-center-to-right:before {
- display: none;
- -webkit-animation: none;
- animation: none;
-}
-.page-from-right-to-center {
- -webkit-animation: pageFromRightToCenter 400ms forwards;
- animation: pageFromRightToCenter 400ms forwards;
-}
-.page-from-right-to-center:before {
- -webkit-animation: pageFromRightToCenterShadow 400ms forwards;
- animation: pageFromRightToCenterShadow 400ms forwards;
-}
-.page-from-center-to-right {
- -webkit-animation: pageFromCenterToRight 400ms forwards;
- animation: pageFromCenterToRight 400ms forwards;
-}
-.page-from-center-to-right:before {
- -webkit-animation: pageFromCenterToRightShadow 400ms forwards;
- animation: pageFromCenterToRightShadow 400ms forwards;
-}
-@-webkit-keyframes pageFromRightToCenter {
- from {
- -webkit-transform: translate3d(100%, 0, 0);
- }
- to {
- -webkit-transform: translate3d(0, 0, 0);
- }
-}
-@keyframes pageFromRightToCenter {
- from {
- transform: translate3d(100%, 0, 0);
- }
- to {
- transform: translate3d(0, 0, 0);
- }
-}
-@-webkit-keyframes pageFromRightToCenterShadow {
- from {
- opacity: 0;
- }
- to {
- opacity: 1;
- }
-}
-@keyframes pageFromRightToCenterShadow {
- from {
- opacity: 0;
- }
- to {
- opacity: 1;
- }
-}
-@-webkit-keyframes pageFromCenterToRight {
- from {
- -webkit-transform: translate3d(0, 0, 0);
- }
- to {
- -webkit-transform: translate3d(100%, 0, 0);
- }
-}
-@keyframes pageFromCenterToRight {
- from {
- transform: translate3d(0, 0, 0);
- }
- to {
- transform: translate3d(100%, 0, 0);
- }
-}
-@-webkit-keyframes pageFromCenterToRightShadow {
- from {
- opacity: 1;
- }
- to {
- opacity: 0;
- }
-}
-@keyframes pageFromCenterToRightShadow {
- from {
- opacity: 1;
- }
- to {
- opacity: 0;
- }
-}
-.page-from-center-to-left {
- -webkit-animation: pageFromCenterToLeft 400ms forwards;
- animation: pageFromCenterToLeft 400ms forwards;
-}
-.page-from-left-to-center {
- -webkit-animation: pageFromLeftToCenter 400ms forwards;
- animation: pageFromLeftToCenter 400ms forwards;
-}
-@-webkit-keyframes pageFromCenterToLeft {
- from {
- opacity: 1;
- -webkit-transform: translate3d(0, 0, 0);
- }
- to {
- opacity: 0.9;
- -webkit-transform: translate3d(-20%, 0, 0);
- }
-}
-@keyframes pageFromCenterToLeft {
- from {
- transform: translate3d(0, 0, 0);
- }
- to {
- opacity: 0.9;
- transform: translate3d(-20%, 0, 0);
- }
-}
-@-webkit-keyframes pageFromLeftToCenter {
- from {
- opacity: 0.9;
- -webkit-transform: translate3d(-20%, 0, 0);
- }
- to {
- opacity: 1;
- -webkit-transform: translate3d(0, 0, 0);
- }
-}
-@keyframes pageFromLeftToCenter {
- from {
- transform: translate3d(-20%, 0, 0);
- }
- to {
- opacity: 1;
- transform: translate3d(0, 0, 0);
- }
-}
-/* === Toolbars === */
-.navbar-inner,
-.toolbar-inner {
- position: absolute;
- left: 0;
- top: 0;
- width: 100%;
- height: 100%;
- padding: 0 8px;
- box-sizing: border-box;
- display: -webkit-box;
- display: -ms-flexbox;
- display: -webkit-flex;
- display: flex;
- -webkit-box-pack: justify;
- -ms-flex-pack: justify;
- -webkit-justify-content: space-between;
- justify-content: space-between;
- -webkit-box-align: center;
- -ms-flex-align: center;
- -webkit-align-items: center;
- align-items: center;
-}
-.navbar-inner.cached {
- display: none;
-}
-.navbar,
-.toolbar {
- height: 44px;
- width: 100%;
- box-sizing: border-box;
- font-size: 17px;
- position: relative;
- margin: 0;
- z-index: 500;
- -webkit-backface-visibility: hidden;
- backface-visibility: hidden;
-}
-.navbar b,
-.toolbar b {
- font-weight: 500;
-}
-html.ios-gt-8 .navbar b,
-html.ios-gt-8 .toolbar b {
- font-weight: 600;
-}
-.navbar,
-.toolbar,
-.subnavbar {
- background: #f7f7f8;
-}
-.navbar a.link,
-.toolbar a.link,
-.subnavbar a.link {
- line-height: 44px;
- height: 44px;
- text-decoration: none;
- position: relative;
- display: -webkit-box;
- display: -ms-flexbox;
- display: -webkit-flex;
- display: flex;
- -webkit-box-pack: start;
- -ms-flex-pack: start;
- -webkit-justify-content: flex-start;
- justify-content: flex-start;
- -webkit-box-align: center;
- -ms-flex-align: center;
- -webkit-align-items: center;
- align-items: center;
- -webkit-transition-duration: 300ms;
- transition-duration: 300ms;
- -webkit-transform: translateZ(0px);
- transform: translateZ(0px);
-}
-html:not(.watch-active-state) .navbar a.link:active,
-html:not(.watch-active-state) .toolbar a.link:active,
-html:not(.watch-active-state) .subnavbar a.link:active,
-.navbar a.link.active-state,
-.toolbar a.link.active-state,
-.subnavbar a.link.active-state {
- opacity: 0.3;
- -webkit-transition-duration: 0ms;
- transition-duration: 0ms;
-}
-.navbar a.link i + span,
-.toolbar a.link i + span,
-.subnavbar a.link i + span,
-.navbar a.link i + i,
-.toolbar a.link i + i,
-.subnavbar a.link i + i,
-.navbar a.link span + i,
-.toolbar a.link span + i,
-.subnavbar a.link span + i,
-.navbar a.link span + span,
-.toolbar a.link span + span,
-.subnavbar a.link span + span {
- margin-left: 7px;
-}
-.navbar a.icon-only,
-.toolbar a.icon-only,
-.subnavbar a.icon-only {
- min-width: 44px;
- display: -webkit-box;
- display: -ms-flexbox;
- display: -webkit-flex;
- display: flex;
- -webkit-box-pack: center;
- -ms-flex-pack: center;
- -webkit-justify-content: center;
- justify-content: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- -webkit-align-items: center;
- align-items: center;
- margin: 0;
-}
-.navbar i.icon,
-.toolbar i.icon,
-.subnavbar i.icon {
- display: block;
-}
-.navbar {
- left: 0;
- top: 0;
-}
-.navbar:after {
- content: '';
- position: absolute;
- left: 0;
- bottom: 0;
- right: auto;
- top: auto;
- height: 1px;
- width: 100%;
- background-color: #c4c4c4;
- display: block;
- z-index: 15;
- -webkit-transform-origin: 50% 100%;
- transform-origin: 50% 100%;
-}
-html.pixel-ratio-2 .navbar:after {
- -webkit-transform: scaleY(0.5);
- transform: scaleY(0.5);
-}
-html.pixel-ratio-3 .navbar:after {
- -webkit-transform: scaleY(0.33);
- transform: scaleY(0.33);
-}
-.navbar:after {
- backface-visibility: hidden;
-}
-.navbar.no-border:after {
- display: none;
-}
-.navbar .center {
- font-size: 17px;
- font-weight: 500;
- text-align: center;
- margin: 0;
- position: relative;
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
- line-height: 44px;
- -webkit-flex-shrink: 10;
- -ms-flex: 0 10 auto;
- flex-shrink: 10;
- display: -webkit-box;
- display: -ms-flexbox;
- display: -webkit-flex;
- display: flex;
- -webkit-box-align: center;
- -ms-flex-align: center;
- -webkit-align-items: center;
- align-items: center;
-}
-html.ios-gt-8 .navbar .center {
- font-weight: 600;
-}
-.navbar .left,
-.navbar .right {
- -webkit-flex-shrink: 0;
- -ms-flex: 0 0 auto;
- flex-shrink: 0;
- display: -webkit-box;
- display: -ms-flexbox;
- display: -webkit-flex;
- display: flex;
- -webkit-box-pack: start;
- -ms-flex-pack: start;
- -webkit-justify-content: flex-start;
- justify-content: flex-start;
- -webkit-box-align: center;
- -ms-flex-align: center;
- -webkit-align-items: center;
- align-items: center;
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
-}
-.navbar .left a + a,
-.navbar .right a + a {
- margin-left: 15px;
-}
-.navbar .left {
- margin-right: 10px;
-}
-.navbar .right {
- margin-left: 10px;
-}
-.navbar .right:first-child {
- position: absolute;
- right: 8px;
- height: 100%;
-}
-.popup .navbar {
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
-}
-.subnavbar {
- height: 44px;
- width: 100%;
- position: absolute;
- left: 0;
- top: 100%;
- margin-top: -1px;
- z-index: 20;
- box-sizing: border-box;
- padding: 0 8px;
- display: -webkit-box;
- display: -ms-flexbox;
- display: -webkit-flex;
- display: flex;
- -webkit-box-pack: justify;
- -ms-flex-pack: justify;
- -webkit-justify-content: space-between;
- justify-content: space-between;
- -webkit-box-align: center;
- -ms-flex-align: center;
- -webkit-align-items: center;
- align-items: center;
-}
-.subnavbar:after {
- content: '';
- position: absolute;
- left: 0;
- bottom: 0;
- right: auto;
- top: auto;
- height: 1px;
- width: 100%;
- background-color: #c4c4c4;
- display: block;
- z-index: 15;
- -webkit-transform-origin: 50% 100%;
- transform-origin: 50% 100%;
-}
-html.pixel-ratio-2 .subnavbar:after {
- -webkit-transform: scaleY(0.5);
- transform: scaleY(0.5);
-}
-html.pixel-ratio-3 .subnavbar:after {
- -webkit-transform: scaleY(0.33);
- transform: scaleY(0.33);
-}
-.subnavbar.no-border:after {
- display: none;
-}
-.navbar.no-border .subnavbar {
- margin-top: 0;
-}
-.navbar-on-left .subnavbar,
-.navbar-on-right .subnavbar {
- pointer-events: none;
-}
-.navbar .subnavbar,
-.page .subnavbar {
- position: absolute;
-}
-.page > .subnavbar {
- top: 0;
- margin-top: 0;
-}
-.subnavbar > .buttons-row {
- width: 100%;
-}
-.subnavbar .searchbar,
-.subnavbar.searchbar {
- position: absolute;
-}
-.subnavbar.searchbar,
-.subnavbar .searchbar {
- position: absolute;
-}
-.subnavbar .searchbar {
- left: 0;
- top: 0;
-}
-.toolbar {
- left: 0;
- bottom: 0;
-}
-.toolbar:before {
- content: '';
- position: absolute;
- left: 0;
- top: 0;
- bottom: auto;
- right: auto;
- height: 1px;
- width: 100%;
- background-color: #c4c4c4;
- display: block;
- z-index: 15;
- -webkit-transform-origin: 50% 0%;
- transform-origin: 50% 0%;
-}
-html.pixel-ratio-2 .toolbar:before {
- -webkit-transform: scaleY(0.5);
- transform: scaleY(0.5);
-}
-html.pixel-ratio-3 .toolbar:before {
- -webkit-transform: scaleY(0.33);
- transform: scaleY(0.33);
-}
-.toolbar.no-border:before {
- display: none;
-}
-.toolbar a {
- -webkit-flex-shrink: 1;
- -ms-flex: 0 1 auto;
- flex-shrink: 1;
- position: relative;
- white-space: nowrap;
- text-overflow: ellipsis;
- overflow: hidden;
-}
-.tabbar {
- color: #929292;
- z-index: 5001;
-}
-.tabbar a {
- color: #929292;
-}
-.tabbar a.active {
- color: #aa5252;
-}
-.tabbar a.link {
- line-height: 1.4;
-}
-.tabbar a.tab-link,
-.tabbar a.link {
- height: 100%;
- width: 100%;
- box-sizing: border-box;
- display: -webkit-box;
- display: -ms-flexbox;
- display: -webkit-flex;
- display: flex;
- -webkit-box-pack: center;
- -ms-flex-pack: center;
- -webkit-justify-content: center;
- justify-content: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- -webkit-align-items: center;
- align-items: center;
- overflow: visible;
- -webkit-box-flex: 1;
- -ms-flex: 1;
- -webkit-box-orient: vertical;
- -moz-box-orient: vertical;
- -ms-flex-direction: column;
- -webkit-flex-direction: column;
- flex-direction: column;
-}
-.tabbar i.icon {
- height: 30px;
-}
-.tabbar-labels {
- height: 50px;
-}
-.tabbar-labels a.tab-link,
-.tabbar-labels a.link {
- padding-top: 4px;
- padding-bottom: 4px;
- height: 100%;
- -webkit-box-pack: justify;
- -ms-flex-pack: justify;
- -webkit-justify-content: space-between;
- justify-content: space-between;
-}
-.tabbar-labels a.tab-link i + span,
-.tabbar-labels a.link i + span {
- margin: 0;
-}
-.tabbar-labels span.tabbar-label {
- line-height: 1;
- display: block;
- margin: 0;
- letter-spacing: 0.01em;
- font-size: 10px;
- position: relative;
- text-overflow: ellipsis;
- white-space: nowrap;
-}
-.subnavbar input[type="text"],
-.navbar input[type="text"],
-.subnavbar input[type="password"],
-.navbar input[type="password"],
-.subnavbar input[type="search"],
-.navbar input[type="search"],
-.subnavbar input[type="email"],
-.navbar input[type="email"],
-.subnavbar input[type="tel"],
-.navbar input[type="tel"],
-.subnavbar input[type="url"],
-.navbar input[type="url"] {
- box-sizing: border-box;
- width: 100%;
- height: 28px;
- display: block;
- border: none;
- -webkit-appearance: none;
- -moz-appearance: none;
- -ms-appearance: none;
- appearance: none;
- border-radius: 5px;
- font-family: inherit;
- color: #000;
- font-size: 14px;
- font-weight: normal;
- padding: 0 8px;
- background-color: #fff;
-}
-@media all and (min-width: 768px) {
- .tabbar .toolbar-inner {
- -webkit-box-pack: center;
- -ms-flex-pack: center;
- -webkit-justify-content: center;
- justify-content: center;
- }
- .tabbar a.tab-link,
- .tabbar a.link {
- width: auto;
- min-width: 105px;
- }
- .tabbar-labels {
- height: 56px;
- }
- .tabbar-labels span.tabbar-label {
- font-size: 14px;
- }
-}
-.navbar-from-right-to-center .left,
-.navbar-from-right-to-center .right,
-.navbar-from-right-to-center .center,
-.navbar-from-right-to-center .subnavbar,
-.navbar-from-right-to-center .fading {
- -webkit-animation: navbarElementFadeIn 400ms forwards;
- animation: navbarElementFadeIn 400ms forwards;
-}
-.navbar-from-right-to-center .sliding {
- opacity: 1;
-}
-.navbar-from-center-to-right .left,
-.navbar-from-center-to-right .right,
-.navbar-from-center-to-right .center,
-.navbar-from-center-to-right .subnavbar,
-.navbar-from-center-to-right .fading {
- -webkit-animation: navbarElementFadeOut 400ms forwards;
- animation: navbarElementFadeOut 400ms forwards;
-}
-.navbar-from-center-to-right .sliding {
- opacity: 0;
-}
-.navbar-from-center-to-right .subnavbar.sliding {
- opacity: 1;
-}
-@-webkit-keyframes navbarElementFadeIn {
- from {
- opacity: 0;
- }
- to {
- opacity: 1;
- }
-}
-@keyframes navbarElementFadeIn {
- from {
- opacity: 0;
- }
- to {
- opacity: 1;
- }
-}
-.navbar-from-center-to-left .left,
-.navbar-from-center-to-left .right,
-.navbar-from-center-to-left .center,
-.navbar-from-center-to-left .subnavbar,
-.navbar-from-center-to-left .fading {
- -webkit-animation: navbarElementFadeOut 400ms forwards;
- animation: navbarElementFadeOut 400ms forwards;
-}
-.navbar-from-center-to-left .sliding {
- opacity: 0;
-}
-.navbar-from-center-to-left .subnavbar.sliding {
- opacity: 1;
-}
-.navbar-from-left-to-center .left,
-.navbar-from-left-to-center .right,
-.navbar-from-left-to-center .center,
-.navbar-from-left-to-center .subnavbar,
-.navbar-from-left-to-center .fading {
- -webkit-animation: navbarElementFadeIn 400ms forwards;
- animation: navbarElementFadeIn 400ms forwards;
-}
-.navbar-from-left-to-center .sliding {
- opacity: 1;
-}
-.navbar-on-left .left,
-.navbar-on-left .right,
-.navbar-on-left .center,
-.navbar-on-left .subnavbar,
-.navbar-on-left .fading {
- opacity: 0;
-}
-.navbar-on-left .sliding {
- opacity: 0;
-}
-.navbar-on-left .subnavbar.sliding {
- opacity: 1;
- -webkit-transform: translate3d(-100%, 0, 0);
- transform: translate3d(-100%, 0, 0);
-}
-.navbar-on-right .left,
-.navbar-on-right .right,
-.navbar-on-right .center,
-.navbar-on-right .subnavbar,
-.navbar-on-right .fading {
- opacity: 0;
-}
-.navbar-on-right .sliding {
- opacity: 0;
-}
-.navbar-on-right .subnavbar.sliding {
- -webkit-transform: translate3d(100%, 0, 0);
- transform: translate3d(100%, 0, 0);
-}
-@-webkit-keyframes navbarElementFadeOut {
- from {
- opacity: 1;
- }
- to {
- opacity: 0;
- }
-}
-@keyframes navbarElementFadeOut {
- from {
- opacity: 1;
- }
- to {
- opacity: 0;
- }
-}
-.navbar-from-right-to-center .left.sliding .back.link .icon,
-.navbar-from-center-to-right .left.sliding .back.link .icon,
-.navbar-from-center-to-left .left.sliding .back.link .icon,
-.navbar-from-left-to-center .left.sliding .back.link .icon {
- -webkit-transition-duration: 400ms;
- transition-duration: 400ms;
-}
-.navbar-from-right-to-center .sliding,
-.navbar-from-center-to-right .sliding,
-.navbar-from-center-to-left .sliding,
-.navbar-from-left-to-center .sliding {
- -webkit-transition-duration: 400ms;
- transition-duration: 400ms;
- -webkit-animation: none;
- animation: none;
-}
-/* === Relation between toolbar/navbar types and pages === */
-.page > .navbar,
-.view > .navbar,
-.views > .navbar,
-.page > .toolbar,
-.view > .toolbar,
-.views > .toolbar {
- position: absolute;
-}
-.subnavbar ~ .page-content {
- padding-top: 44px;
-}
-.navbar-through .page-content,
-.navbar-fixed .page-content {
- padding-top: 44px;
-}
-.navbar-through .with-subnavbar .page-content,
-.navbar-fixed .with-subnavbar .page-content,
-.navbar-through .page-content.with-subnavbar,
-.navbar-fixed .page-content.with-subnavbar,
-.navbar-through .subnavbar ~ .page-content,
-.navbar-fixed .subnavbar ~ .page-content {
- padding-top: 88px;
-}
-.navbar-through .page .subnavbar,
-.navbar-fixed .page .subnavbar,
-.navbar-through.page .subnavbar,
-.navbar-fixed.page .subnavbar {
- top: 44px;
-}
-.toolbar-through .page-content,
-.toolbar-fixed .page-content,
-.tabbar-through .page-content,
-.tabbar-fixed .page-content {
- padding-bottom: 44px;
-}
-.tabbar-labels-fixed .page-content,
-.tabbar-labels-through .page-content {
- padding-bottom: 50px;
-}
-@media all and (min-width: 768px) {
- .tabbar-labels-fixed .page-content,
- .tabbar-labels-through .page-content {
- padding-bottom: 56px;
- }
-}
-.navbar.navbar-hiding {
- -webkit-transition-duration: 400ms;
- transition-duration: 400ms;
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
-}
-.navbar.navbar-hiding ~ .page-content .list-group-title,
-.navbar.navbar-hiding ~ .pages .list-group-title,
-.navbar.navbar-hiding ~ .page .list-group-title {
- -webkit-transition-duration: 400ms;
- transition-duration: 400ms;
-}
-.navbar.navbar-hiding ~ .page-content .subnavbar,
-.navbar.navbar-hiding ~ .pages .subnavbar,
-.navbar.navbar-hiding ~ .page .subnavbar {
- -webkit-transition-duration: 400ms;
- transition-duration: 400ms;
-}
-.navbar.navbar-hidden {
- -webkit-transition-duration: 400ms;
- transition-duration: 400ms;
- -webkit-transform: translate3d(0, -100%, 0);
- transform: translate3d(0, -100%, 0);
-}
-.navbar.navbar-hidden ~ .page-content .list-group-title,
-.navbar.navbar-hidden ~ .pages .list-group-title,
-.navbar.navbar-hidden ~ .page .list-group-title {
- -webkit-transition-duration: 400ms;
- transition-duration: 400ms;
- top: -44px;
-}
-.navbar.navbar-hidden ~ .page-content .subnavbar,
-.navbar.navbar-hidden ~ .pages .subnavbar,
-.navbar.navbar-hidden ~ .page .subnavbar {
- -webkit-transform: translate3d(0, -100%, 0);
- transform: translate3d(0, -100%, 0);
- -webkit-transition-duration: 400ms;
- transition-duration: 400ms;
-}
-.page.no-navbar .page-content {
- padding-top: 0;
-}
-.page.no-navbar.with-subnavbar .page-content,
-.with-subnavbar .page.no-navbar .page-content,
-.page.no-navbar .page-content.with-subnavbar {
- padding-top: 44px;
-}
-.toolbar.toolbar-hiding,
-.tabbar.toolbar-hiding,
-.toolbar.tabbar-hiding,
-.tabbar.tabbar-hiding {
- -webkit-transition-duration: 400ms;
- transition-duration: 400ms;
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
-}
-.toolbar.toolbar-hidden,
-.tabbar.toolbar-hidden,
-.toolbar.tabbar-hidden,
-.tabbar.tabbar-hidden {
- -webkit-transition-duration: 400ms;
- transition-duration: 400ms;
- -webkit-transform: translate3d(0, 100%, 0);
- transform: translate3d(0, 100%, 0);
-}
-.page.no-toolbar .page-content,
-.page.no-tabbar .page-content {
- padding-bottom: 0;
-}
-/* === Search Bar === */
-.searchbar {
- height: 44px;
- width: 100%;
- background: #c9c9ce;
- box-sizing: border-box;
- padding: 0 8px;
- overflow: hidden;
- position: relative;
- display: -webkit-box;
- display: -ms-flexbox;
- display: -webkit-flex;
- display: flex;
- -webkit-box-align: center;
- -ms-flex-align: center;
- -webkit-align-items: center;
- align-items: center;
-}
-.searchbar:after {
- content: '';
- position: absolute;
- left: 0;
- bottom: 0;
- right: auto;
- top: auto;
- height: 1px;
- width: 100%;
- background-color: #b4b4b4;
- display: block;
- z-index: 15;
- -webkit-transform-origin: 50% 100%;
- transform-origin: 50% 100%;
-}
-html.pixel-ratio-2 .searchbar:after {
- -webkit-transform: scaleY(0.5);
- transform: scaleY(0.5);
-}
-html.pixel-ratio-3 .searchbar:after {
- -webkit-transform: scaleY(0.33);
- transform: scaleY(0.33);
-}
-.searchbar .searchbar-input {
- width: 100%;
- height: 28px;
- position: relative;
- -webkit-flex-shrink: 1;
- -ms-flex: 0 1 auto;
- flex-shrink: 1;
-}
-.searchbar input[type="search"] {
- box-sizing: border-box;
- width: 100%;
- height: 28px;
- display: block;
- border: none;
- -webkit-appearance: none;
- -moz-appearance: none;
- -ms-appearance: none;
- appearance: none;
- border-radius: 5px;
- font-family: inherit;
- color: #000;
- font-size: 14px;
- font-weight: normal;
- padding: 0 8px;
- background-color: #fff;
- padding: 0 28px;
- height: 100%;
- background-repeat: no-repeat;
- background-position: 8px center;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2013%2013'%20enable-background%3D'new%200%200%2013%2013'%3E%3Cg%3E%3Cpath%20fill%3D'%23939398'%20d%3D'M5%2C1c2.2%2C0%2C4%2C1.8%2C4%2C4S7.2%2C9%2C5%2C9S1%2C7.2%2C1%2C5S2.8%2C1%2C5%2C1%20M5%2C0C2.2%2C0%2C0%2C2.2%2C0%2C5s2.2%2C5%2C5%2C5s5-2.2%2C5-5S7.8%2C0%2C5%2C0%20L5%2C0z'%2F%3E%3C%2Fg%3E%3Cline%20stroke%3D'%23939398'%20stroke-miterlimit%3D'10'%20x1%3D'12.6'%20y1%3D'12.6'%20x2%3D'8.2'%20y2%3D'8.2'%2F%3E%3C%2Fsvg%3E");
- -webkit-background-size: 13px 13px;
- background-size: 13px 13px;
-}
-.searchbar input[type="search"]::-webkit-input-placeholder {
- color: #939398;
- opacity: 1;
-}
-.searchbar input[type="search"]::-webkit-search-cancel-button {
- -webkit-appearance: none;
-}
-.searchbar .searchbar-clear {
- position: absolute;
- width: 28px;
- height: 28px;
- right: 0;
- top: 0;
- opacity: 0;
- pointer-events: none;
- background-position: center;
- background-repeat: no-repeat;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2028%2028'%3E%3Ccircle%20cx%3D'14'%20cy%3D'14'%20r%3D'14'%20fill%3D'%238e8e93'%2F%3E%3Cline%20stroke%3D'%23ffffff'%20stroke-width%3D'2'%20stroke-miterlimit%3D'10'%20x1%3D'8'%20y1%3D'8'%20x2%3D'20'%20y2%3D'20'%2F%3E%3Cline%20fill%3D'none'%20stroke%3D'%23ffffff'%20stroke-width%3D'2'%20stroke-miterlimit%3D'10'%20x1%3D'20'%20y1%3D'8'%20x2%3D'8'%20y2%3D'20'%2F%3E%3C%2Fsvg%3E");
- -webkit-background-size: 14px 14px;
- background-size: 14px 14px;
- -webkit-transition-duration: 300ms;
- transition-duration: 300ms;
- cursor: pointer;
-}
-.searchbar .searchbar-cancel {
- -webkit-transition-duration: 300ms;
- transition-duration: 300ms;
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- font-size: 17px;
- cursor: pointer;
- opacity: 0;
- -webkit-flex-shrink: 0;
- -ms-flex: 0 0 auto;
- flex-shrink: 0;
- margin-left: 0;
- pointer-events: none;
- display: none;
-}
-.searchbar.searchbar-active .searchbar-cancel {
- margin-left: 8px;
- opacity: 1;
- pointer-events: auto;
-}
-html:not(.watch-active-state) .searchbar.searchbar-active .searchbar-cancel:active,
-.searchbar.searchbar-active .searchbar-cancel.active-state {
- opacity: 0.3;
- -webkit-transition-duration: 0ms;
- transition-duration: 0ms;
-}
-.searchbar.searchbar-not-empty .searchbar-clear {
- pointer-events: auto;
- opacity: 1;
-}
-.searchbar-overlay {
- position: absolute;
- left: 0;
- top: 0;
- width: 100%;
- height: 100%;
- z-index: 100;
- opacity: 0;
- pointer-events: none;
- background: rgba(0, 0, 0, 0.4);
- -webkit-transition-duration: 300ms;
- transition-duration: 300ms;
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
-}
-.searchbar-overlay.searchbar-overlay-active {
- opacity: 1;
- pointer-events: auto;
-}
-.searchbar-not-found {
- display: none;
-}
-.hidden-by-searchbar,
-.list-block .hidden-by-searchbar,
-.list-block li.hidden-by-searchbar {
- display: none;
-}
-.page > .searchbar {
- position: absolute;
- width: 100%;
- left: 0;
- top: 0;
- z-index: 200;
-}
-.page > .searchbar ~ .page-content {
- padding-top: 44px;
-}
-.navbar-fixed .page > .searchbar,
-.navbar-through .page > .searchbar,
-.navbar-fixed > .searchbar,
-.navbar-through > .searchbar {
- top: 44px;
-}
-.navbar-fixed .page > .searchbar ~ .page-content,
-.navbar-through .page > .searchbar ~ .page-content,
-.navbar-fixed > .searchbar ~ .page-content,
-.navbar-through > .searchbar ~ .page-content {
- padding-top: 88px;
-}
-/* === Message Bar === */
-.messagebar {
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- -webkit-transition-duration: 0ms;
- transition-duration: 0ms;
- background: #fff;
-}
-.messagebar:before {
- display: none;
-}
-.messagebar textarea {
- -webkit-appearance: none;
- -moz-appearance: none;
- -ms-appearance: none;
- appearance: none;
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
- box-sizing: border-box;
- border: 1px solid #c8c8cd;
- background: #fff;
- border-radius: 17px;
- box-shadow: none;
- display: block;
- padding: 6px 15px;
- margin: 0;
- width: 100%;
- height: 34px;
- color: #000;
- font-size: 17px;
- line-height: 20px;
- font-family: inherit;
- resize: none;
- -webkit-flex-shrink: 1;
- -ms-flex: 0 1 auto;
- flex-shrink: 1;
-}
-.messagebar .link {
- -ms-flex-item-align: flex-end;
- -webkit-align-self: flex-end;
- align-self: flex-end;
-}
-.messagebar .link.icon-only:first-child {
- margin-left: -6px;
-}
-.messagebar .link:not(.icon-only) + textarea {
- margin-left: 8px;
-}
-.messagebar textarea + .link {
- margin-left: 8px;
-}
-.messagebar .link {
- -webkit-flex-shrink: 0;
- -ms-flex: 0 0 auto;
- flex-shrink: 0;
-}
-.messagebar ~ .page-content {
- padding-bottom: 44px;
-}
-.page.no-toolbar .messagebar ~ .page-content {
- padding-bottom: 44px;
-}
-.hidden-toolbar .messagebar {
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- -webkit-transition-duration: 0ms;
- transition-duration: 0ms;
-}
-/* === Icons === */
-i.icon {
- display: inline-block;
- vertical-align: middle;
- background-size: 100% auto;
- background-position: center;
- background-repeat: no-repeat;
- font-style: normal;
- position: relative;
-}
-i.icon.icon-back {
- width: 12px;
- height: 20px;
- background-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'%23aa5252'%2F%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-forward {
- width: 12px;
- height: 20px;
- background-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'%23aa5252'%2F%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-bars {
- width: 21px;
- height: 14px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2021%2014'%3E%3Cpath%20fill%3D'%23aa5252'%20d%3D'M0%2C0h2v2H0V0z%20M4%2C0h17v1H4V0z%20M0%2C6h2v2H0V6z%20M4%2C6h17v1H4V6z%20M0%2C12h2v2H0V12z%20M4%2C12h17v1H4V12z'%2F%3E%3C%2Fsvg%3E");
-}
-@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2ddpx) {
- i.icon.icon-bars {
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2042%2026'%3E%3Cpath%20fill%3D'%23aa5252'%20d%3D'M0%2C0h4v4H0V0z%20M8%2C1h34v2H8V1z%20M0%2C11h4v4H0V11z%20M8%2C12h34v2H8V12z%20M0%2C22h4v4H0V22z%20M8%2C23h34v2H8V23z'%2F%3E%3C%2Fsvg%3E");
- height: 13px;
- }
-}
-i.icon.icon-camera {
- width: 25px;
- height: 20px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20x%3D'0px'%20y%3D'0px'%20viewBox%3D'0%200%2025%2020'%3E%3Cpath%20fill%3D'%238C8D92'%20d%3D'M13.3%2C5.5c-2.7%2C0-5%2C2.2-5%2C5s2.2%2C5%2C5%2C5c2.7%2C0%2C5-2.2%2C5-5S16%2C5.5%2C13.3%2C5.5z'%2F%3E%3Cpath%20fill%3D'%238C8D92'%20d%3D'M22.8%2C1.8h-3.3c-0.2-1.3-1-1.8-2-1.8H8.1c-1%2C0-1.8%2C0.4-2%2C1.8H2.8C1.4%2C1.8%2C0%2C2.8%2C0%2C4.2v12.6%20c0%2C1.4%2C1.4%2C2.5%2C2.8%2C2.5h20c1.4%2C0%2C2.2-1.1%2C2.2-2.5V4.2C25%2C2.8%2C24.2%2C1.8%2C22.8%2C1.8z%20M3.5%2C6.4C2.6%2C6.4%2C2%2C5.8%2C2%2C5c0-0.8%2C0.7-1.5%2C1.5-1.5%20S5%2C4.1%2C5%2C5C5%2C5.8%2C4.3%2C6.4%2C3.5%2C6.4z%20M13.3%2C16.8c-3.5%2C0-6.3-2.7-6.3-6.2c0-3.3%2C2.5-6.2%2C5.7-6.2h1.2c3.2%2C0%2C5.7%2C2.9%2C5.7%2C6.2%20C19.6%2C14.1%2C16.7%2C16.8%2C13.3%2C16.8z'%2F%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-f7 {
- width: 29px;
- height: 29px;
- background-image: url("../img/i-f7-ios.png");
- border-radius: 6px;
-}
-i.icon.icon-next,
-i.icon.icon-prev {
- width: 15px;
- height: 15px;
-}
-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'%23aa5252'%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");
-}
-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'%23aa5252'%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-plus {
- width: 25px;
- height: 25px;
- font-size: 31px;
- line-height: 20px;
- text-align: center;
- font-weight: 100;
-}
-.navbar .framework7-icons,
-.navbar .f7-icons,
-.toolbar .framework7-icons,
-.toolbar .f7-icons {
- font-size: 22px;
-}
-.tabbar .framework7-icons,
-.tabbar .f7-icons,
-.tabbar-labels .framework7-icons,
-.tabbar-labels .f7-icons {
- font-size: 25px;
-}
-/* === Content Block === */
-.content-block {
- margin: 35px 0;
- padding: 0 15px;
- color: #6d6d72;
- box-sizing: border-box;
-}
-.content-block.no-hairlines:before,
-.content-block.no-hairlines ul:before,
-.content-block.no-hairlines .content-block-inner:before {
- display: none;
-}
-.content-block.no-hairlines:after,
-.content-block.no-hairlines ul:after,
-.content-block.no-hairlines .content-block-inner:after {
- display: none;
-}
-.content-block-title {
- position: relative;
- overflow: hidden;
- margin: 0;
- white-space: nowrap;
- text-overflow: ellipsis;
- font-size: 14px;
- text-transform: uppercase;
- line-height: 1;
- color: #6d6d72;
- margin: 35px 15px 10px;
-}
-.content-block-title + .list-block,
-.content-block-title + .content-block,
-.content-block-title + .card {
- margin-top: 10px;
-}
-.content-block-inner {
- background: #fff;
- padding: 10px 15px;
- margin-left: -15px;
- width: 100%;
- position: relative;
- color: #000;
-}
-.content-block-inner:before {
- content: '';
- position: absolute;
- left: 0;
- top: 0;
- bottom: auto;
- right: auto;
- height: 1px;
- width: 100%;
- background-color: #c8c7cc;
- display: block;
- z-index: 15;
- -webkit-transform-origin: 50% 0%;
- transform-origin: 50% 0%;
-}
-html.pixel-ratio-2 .content-block-inner:before {
- -webkit-transform: scaleY(0.5);
- transform: scaleY(0.5);
-}
-html.pixel-ratio-3 .content-block-inner:before {
- -webkit-transform: scaleY(0.33);
- transform: scaleY(0.33);
-}
-.content-block-inner:after {
- content: '';
- position: absolute;
- left: 0;
- bottom: 0;
- right: auto;
- top: auto;
- height: 1px;
- width: 100%;
- background-color: #c8c7cc;
- display: block;
- z-index: 15;
- -webkit-transform-origin: 50% 100%;
- transform-origin: 50% 100%;
-}
-html.pixel-ratio-2 .content-block-inner:after {
- -webkit-transform: scaleY(0.5);
- transform: scaleY(0.5);
-}
-html.pixel-ratio-3 .content-block-inner:after {
- -webkit-transform: scaleY(0.33);
- transform: scaleY(0.33);
-}
-.content-block.inset {
- margin-left: 15px;
- margin-right: 15px;
- border-radius: 7px;
-}
-.content-block.inset .content-block-inner {
- border-radius: 7px;
-}
-.content-block.inset .content-block-inner:before {
- display: none;
-}
-.content-block.inset .content-block-inner:after {
- display: none;
-}
-@media all and (min-width: 768px) {
- .content-block.tablet-inset {
- margin-left: 15px;
- margin-right: 15px;
- border-radius: 7px;
- }
- .content-block.tablet-inset .content-block-inner {
- border-radius: 7px;
- }
- .content-block.tablet-inset .content-block-inner:before {
- display: none;
- }
- .content-block.tablet-inset .content-block-inner:after {
- display: none;
- }
-}
-/* === Lists === */
-.list-block {
- margin: 35px 0;
- font-size: 17px;
-}
-.list-block ul {
- background: #fff;
- list-style: none;
- padding: 0;
- margin: 0;
- position: relative;
-}
-.list-block ul:before {
- content: '';
- position: absolute;
- left: 0;
- top: 0;
- bottom: auto;
- right: auto;
- height: 1px;
- width: 100%;
- background-color: #c8c7cc;
- display: block;
- z-index: 15;
- -webkit-transform-origin: 50% 0%;
- transform-origin: 50% 0%;
-}
-html.pixel-ratio-2 .list-block ul:before {
- -webkit-transform: scaleY(0.5);
- transform: scaleY(0.5);
-}
-html.pixel-ratio-3 .list-block ul:before {
- -webkit-transform: scaleY(0.33);
- transform: scaleY(0.33);
-}
-.list-block ul:after {
- content: '';
- position: absolute;
- left: 0;
- bottom: 0;
- right: auto;
- top: auto;
- height: 1px;
- width: 100%;
- background-color: #c8c7cc;
- display: block;
- z-index: 15;
- -webkit-transform-origin: 50% 100%;
- transform-origin: 50% 100%;
-}
-html.pixel-ratio-2 .list-block ul:after {
- -webkit-transform: scaleY(0.5);
- transform: scaleY(0.5);
-}
-html.pixel-ratio-3 .list-block ul:after {
- -webkit-transform: scaleY(0.33);
- transform: scaleY(0.33);
-}
-.list-block ul ul {
- padding-left: 45px;
-}
-.list-block ul ul:before {
- display: none;
-}
-.list-block ul ul:after {
- display: none;
-}
-.list-block .align-top,
-.list-block .align-top .item-content,
-.list-block .align-top .item-inner {
- -webkit-box-align: start;
- -ms-flex-align: start;
- -webkit-align-items: flex-start;
- align-items: flex-start;
-}
-.list-block.inset {
- margin-left: 15px;
- margin-right: 15px;
- border-radius: 7px;
-}
-.list-block.inset .content-block-title {
- margin-left: 0;
- margin-right: 0;
-}
-.list-block.inset ul {
- border-radius: 7px;
-}
-.list-block.inset ul:before {
- display: none;
-}
-.list-block.inset ul:after {
- display: none;
-}
-.list-block.inset li:first-child > a {
- border-radius: 7px 7px 0 0;
-}
-.list-block.inset li:last-child > a {
- border-radius: 0 0 7px 7px;
-}
-.list-block.inset li:first-child:last-child > a {
- border-radius: 7px;
-}
-@media all and (min-width: 768px) {
- .list-block.tablet-inset {
- margin-left: 15px;
- margin-right: 15px;
- border-radius: 7px;
- }
- .list-block.tablet-inset .content-block-title {
- margin-left: 0;
- margin-right: 0;
- }
- .list-block.tablet-inset ul {
- border-radius: 7px;
- }
- .list-block.tablet-inset ul:before {
- display: none;
- }
- .list-block.tablet-inset ul:after {
- display: none;
- }
- .list-block.tablet-inset li:first-child > a {
- border-radius: 7px 7px 0 0;
- }
- .list-block.tablet-inset li:last-child > a {
- border-radius: 0 0 7px 7px;
- }
- .list-block.tablet-inset li:first-child:last-child > a {
- border-radius: 7px;
- }
- .list-block.tablet-inset .content-block-title {
- margin-left: 0;
- margin-right: 0;
- }
- .list-block.tablet-inset ul {
- border-radius: 7px;
- }
- .list-block.tablet-inset ul:before {
- display: none;
- }
- .list-block.tablet-inset ul:after {
- display: none;
- }
- .list-block.tablet-inset li:first-child > a {
- border-radius: 7px 7px 0 0;
- }
- .list-block.tablet-inset li:last-child > a {
- border-radius: 0 0 7px 7px;
- }
- .list-block.tablet-inset li:first-child:last-child > a {
- border-radius: 7px;
- }
-}
-.list-block li {
- box-sizing: border-box;
- position: relative;
-}
-.list-block .item-media {
- display: -webkit-box;
- display: -ms-flexbox;
- display: -webkit-flex;
- display: flex;
- -webkit-flex-shrink: 0;
- -ms-flex: 0 0 auto;
- flex-shrink: 0;
- -webkit-box-lines: single;
- -moz-box-lines: single;
- -webkit-flex-wrap: nowrap;
- -ms-flex-wrap: none;
- -ms-flex-wrap: nowrap;
- flex-wrap: nowrap;
- box-sizing: border-box;
- -webkit-box-align: center;
- -ms-flex-align: center;
- -webkit-align-items: center;
- align-items: center;
- padding-top: 7px;
- padding-bottom: 8px;
-}
-.list-block .item-media i + i {
- margin-left: 5px;
-}
-.list-block .item-media i + img {
- margin-left: 5px;
-}
-.list-block .item-media + .item-inner {
- margin-left: 15px;
-}
-.list-block .item-inner {
- padding-right: 15px;
- position: relative;
- width: 100%;
- padding-top: 8px;
- padding-bottom: 7px;
- min-height: 44px;
- box-sizing: border-box;
- display: -webkit-box;
- display: -ms-flexbox;
- display: -webkit-flex;
- display: flex;
- -webkit-box-flex: 1;
- -ms-flex: 1;
- overflow: hidden;
- -webkit-box-pack: justify;
- -ms-flex-pack: justify;
- -webkit-justify-content: space-between;
- justify-content: space-between;
- -webkit-box-align: center;
- -ms-flex-align: center;
- -webkit-align-items: center;
- align-items: center;
- -ms-flex-item-align: stretch;
- -webkit-align-self: stretch;
- align-self: stretch;
-}
-.list-block .item-inner:after {
- content: '';
- position: absolute;
- left: 0;
- bottom: 0;
- right: auto;
- top: auto;
- height: 1px;
- width: 100%;
- background-color: #c8c7cc;
- display: block;
- z-index: 15;
- -webkit-transform-origin: 50% 100%;
- transform-origin: 50% 100%;
-}
-html.pixel-ratio-2 .list-block .item-inner:after {
- -webkit-transform: scaleY(0.5);
- transform: scaleY(0.5);
-}
-html.pixel-ratio-3 .list-block .item-inner:after {
- -webkit-transform: scaleY(0.33);
- transform: scaleY(0.33);
-}
-.list-block .item-title {
- -webkit-flex-shrink: 1;
- -ms-flex: 0 1 auto;
- flex-shrink: 1;
- min-width: 0;
- white-space: nowrap;
- position: relative;
- overflow: hidden;
- text-overflow: ellipsis;
- max-width: 100%;
-}
-.list-block .item-after {
- white-space: nowrap;
- color: #8e8e93;
- -webkit-flex-shrink: 0;
- -ms-flex: 0 0 auto;
- flex-shrink: 0;
- margin-left: 5px;
- display: -webkit-box;
- display: -ms-flexbox;
- display: -webkit-flex;
- display: flex;
- max-height: 28px;
-}
-.list-block .smart-select .item-after,
-.list-block .autocomplete-opener .item-after {
- max-width: 70%;
- overflow: hidden;
- text-overflow: ellipsis;
- position: relative;
- display: block;
-}
-.list-block .item-link {
- -webkit-transition-duration: 300ms;
- transition-duration: 300ms;
- display: block;
- color: inherit;
-}
-.list-block .item-link .item-inner {
- padding-right: 35px;
- 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'%2F%3E%3C%2Fsvg%3E");
- background-size: 10px 20px;
- background-repeat: no-repeat;
- background-position: 95% center;
- background-position: -webkit-calc(100% - 15px) center;
- background-position: calc(100% - 15px) center;
-}
-html:not(.watch-active-state) .list-block .item-link:active,
-.list-block .item-link.active-state {
- -webkit-transition-duration: 0ms;
- transition-duration: 0ms;
- background-color: #d9d9d9;
-}
-html:not(.watch-active-state) .list-block .item-link:active .item-inner:after,
-.list-block .item-link.active-state .item-inner:after {
- background-color: transparent;
-}
-.list-block .item-link.list-button {
- padding: 0 15px;
- text-align: center;
- color: #007aff;
- display: block;
- line-height: 43px;
-}
-.list-block .item-link.list-button:after {
- content: '';
- position: absolute;
- left: 0;
- bottom: 0;
- right: auto;
- top: auto;
- height: 1px;
- width: 100%;
- background-color: #c8c7cc;
- display: block;
- z-index: 15;
- -webkit-transform-origin: 50% 100%;
- transform-origin: 50% 100%;
-}
-html.pixel-ratio-2 .list-block .item-link.list-button:after {
- -webkit-transform: scaleY(0.5);
- transform: scaleY(0.5);
-}
-html.pixel-ratio-3 .list-block .item-link.list-button:after {
- -webkit-transform: scaleY(0.33);
- transform: scaleY(0.33);
-}
-.list-block .item-content {
- box-sizing: border-box;
- padding-left: 15px;
- min-height: 44px;
- display: -webkit-box;
- display: -ms-flexbox;
- display: -webkit-flex;
- display: flex;
- -webkit-box-pack: justify;
- -ms-flex-pack: justify;
- -webkit-justify-content: space-between;
- justify-content: space-between;
- -webkit-box-align: center;
- -ms-flex-align: center;
- -webkit-align-items: center;
- align-items: center;
-}
-.list-block .list-block-label {
- margin: 10px 0 35px;
- padding: 0 15px;
- font-size: 14px;
- color: #8f8f94;
-}
-.list-block .swipeout {
- overflow: hidden;
- -webkit-transform-style: preserve-3d;
- transform-style: preserve-3d;
-}
-.list-block .swipeout.deleting {
- -webkit-transition-duration: 300ms;
- transition-duration: 300ms;
-}
-.list-block .swipeout.deleting .swipeout-content {
- -webkit-transform: translateX(-100%);
- transform: translateX(-100%);
-}
-.list-block .swipeout.transitioning .swipeout-content,
-.list-block .swipeout.transitioning .swipeout-actions-right a,
-.list-block .swipeout.transitioning .swipeout-actions-left a,
-.list-block .swipeout.transitioning .swipeout-overswipe {
- -webkit-transition: 300ms;
- transition: 300ms;
-}
-.list-block .swipeout-content {
- position: relative;
- z-index: 10;
-}
-.list-block .swipeout-overswipe {
- -webkit-transition: 200ms left;
- transition: 200ms left;
-}
-.list-block .swipeout-actions-left,
-.list-block .swipeout-actions-right {
- position: absolute;
- top: 0;
- height: 100%;
- display: -webkit-box;
- display: -ms-flexbox;
- display: -webkit-flex;
- display: flex;
-}
-.list-block .swipeout-actions-left a,
-.list-block .swipeout-actions-right a {
- padding: 0 30px;
- color: #fff;
- background: #c7c7cc;
- display: -webkit-box;
- display: -ms-flexbox;
- display: -webkit-flex;
- display: flex;
- -webkit-box-align: center;
- -ms-flex-align: center;
- -webkit-align-items: center;
- align-items: center;
- position: relative;
- left: 0;
-}
-.list-block .swipeout-actions-left a:after,
-.list-block .swipeout-actions-right a:after {
- content: '';
- position: absolute;
- top: 0;
- width: 600%;
- height: 100%;
- background: inherit;
- z-index: -1;
-}
-.list-block .swipeout-actions-left a.swipeout-delete,
-.list-block .swipeout-actions-right a.swipeout-delete {
- background: #ff3b30;
-}
-.list-block .swipeout-actions-right {
- right: 0%;
- -webkit-transform: translateX(100%);
- transform: translateX(100%);
-}
-.list-block .swipeout-actions-right a:after {
- left: 100%;
- margin-left: -1px;
-}
-.list-block .swipeout-actions-left {
- left: 0%;
- -webkit-transform: translateX(-100%);
- transform: translateX(-100%);
-}
-.list-block .swipeout-actions-left a:after {
- right: 100%;
- margin-right: -1px;
-}
-.list-block .item-subtitle {
- font-size: 15px;
- position: relative;
- overflow: hidden;
- white-space: nowrap;
- max-width: 100%;
- text-overflow: ellipsis;
-}
-.list-block .item-text {
- font-size: 15px;
- color: #8e8e93;
- line-height: 21px;
- position: relative;
- overflow: hidden;
- height: 42px;
- text-overflow: ellipsis;
- -webkit-line-clamp: 2;
- -webkit-box-orient: vertical;
- display: -webkit-box;
-}
-.list-block.media-list .item-title,
-.list-block li.media-item .item-title {
- font-weight: 500;
-}
-html.ios-gt-8 .list-block.media-list .item-title,
-html.ios-gt-8 .list-block li.media-item .item-title {
- font-weight: 600;
-}
-.list-block.media-list .item-inner,
-.list-block li.media-item .item-inner {
- display: block;
- padding-top: 10px;
- padding-bottom: 9px;
- -ms-flex-item-align: stretch;
- -webkit-align-self: stretch;
- align-self: stretch;
-}
-.list-block.media-list .item-link .item-inner,
-.list-block li.media-item .item-link .item-inner {
- background: none;
- padding-right: 15px;
-}
-.list-block.media-list .item-link .item-title-row,
-.list-block li.media-item .item-link .item-title-row {
- padding-right: 20px;
- background: no-repeat right 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'%2F%3E%3C%2Fsvg%3E");
- background-size: 10px 20px;
-}
-.list-block.media-list .item-media,
-.list-block li.media-item .item-media {
- padding-top: 9px;
- padding-bottom: 10px;
-}
-.list-block.media-list .item-media img,
-.list-block li.media-item .item-media img {
- display: block;
-}
-.list-block.media-list .item-title-row,
-.list-block li.media-item .item-title-row {
- display: -webkit-box;
- display: -ms-flexbox;
- display: -webkit-flex;
- display: flex;
- -webkit-box-pack: justify;
- -ms-flex-pack: justify;
- -webkit-justify-content: space-between;
- justify-content: space-between;
-}
-.list-block.media-list .item-content > .item-after,
-.list-block li.media-item .item-content > .item-after {
- margin-right: 15px;
- margin-left: 15px;
-}
-.list-block .list-group ul:after,
-.list-block .list-group ul:before {
- z-index: 25;
-}
-.list-block .list-group + .list-group ul:before {
- display: none;
-}
-.list-block .item-divider,
-.list-block .list-group-title {
- background: #F7F7F7;
- margin-top: -1px;
- padding: 4px 15px;
- white-space: nowrap;
- position: relative;
- max-width: 100%;
- text-overflow: ellipsis;
- overflow: hidden;
- color: #8e8e93;
- z-index: 15;
-}
-.list-block .item-divider:before,
-.list-block .list-group-title:before {
- content: '';
- position: absolute;
- left: 0;
- top: 0;
- bottom: auto;
- right: auto;
- height: 1px;
- width: 100%;
- background-color: #c8c7cc;
- display: block;
- z-index: 15;
- -webkit-transform-origin: 50% 0%;
- transform-origin: 50% 0%;
-}
-html.pixel-ratio-2 .list-block .item-divider:before,
-html.pixel-ratio-2 .list-block .list-group-title:before {
- -webkit-transform: scaleY(0.5);
- transform: scaleY(0.5);
-}
-html.pixel-ratio-3 .list-block .item-divider:before,
-html.pixel-ratio-3 .list-block .list-group-title:before {
- -webkit-transform: scaleY(0.33);
- transform: scaleY(0.33);
-}
-.list-block .list-group-title {
- position: relative;
- position: -webkit-sticky;
- position: -moz-sticky;
- position: sticky;
- top: 0px;
- z-index: 20;
- margin-top: 0;
-}
-.list-block .list-group-title:before {
- display: none;
-}
-.list-block .sortable-handler {
- position: absolute;
- right: 0;
- top: 0;
- bottom: 1px;
- z-index: 10;
- background-repeat: no-repeat;
- background-size: 18px 12px;
- background-position: center;
- width: 35px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2018%2012'%20fill%3D'%23c7c7cc'%3E%3Cpath%20d%3D'M0%2C2V0h22v2H0z'%2F%3E%3Cpath%20d%3D'M0%2C7V5h22v2H0z'%2F%3E%3Cpath%20d%3D'M0%2C12v-2h22v2H0z'%2F%3E%3C%2Fsvg%3E");
- opacity: 0;
- visibility: hidden;
- cursor: pointer;
- -webkit-transition-duration: 300ms;
- transition-duration: 300ms;
-}
-.list-block.sortable .item-inner {
- -webkit-transition-duration: 300ms;
- transition-duration: 300ms;
-}
-.list-block.sortable-opened .sortable-handler {
- visibility: visible;
- opacity: 1;
-}
-.list-block.sortable-opened .item-inner,
-.list-block.sortable-opened .item-link .item-inner {
- padding-right: 35px;
-}
-.list-block.sortable-opened .item-link .item-inner,
-.list-block.sortable-opened .item-link .item-title-row {
- background-image: none;
-}
-.list-block.sortable-sorting li {
- -webkit-transition-duration: 300ms;
- transition-duration: 300ms;
-}
-.list-block li.sorting {
- z-index: 50;
- background: rgba(255, 255, 255, 0.8);
- box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.6);
- -webkit-transition-duration: 0ms;
- transition-duration: 0ms;
-}
-.list-block li.sorting .item-inner:after {
- display: none;
-}
-.list-block li:last-child .list-button:after {
- display: none;
-}
-.list-block li:last-child .item-inner:after,
-.list-block li:last-child li:last-child .item-inner:after {
- display: none;
-}
-.list-block li li:last-child .item-inner:after,
-.list-block li:last-child li .item-inner:after {
- content: '';
- position: absolute;
- left: 0;
- bottom: 0;
- right: auto;
- top: auto;
- height: 1px;
- width: 100%;
- background-color: #c8c7cc;
- display: block;
- z-index: 15;
- -webkit-transform-origin: 50% 100%;
- transform-origin: 50% 100%;
-}
-html.pixel-ratio-2 .list-block li li:last-child .item-inner:after,
-html.pixel-ratio-2 .list-block li:last-child li .item-inner:after {
- -webkit-transform: scaleY(0.5);
- transform: scaleY(0.5);
-}
-html.pixel-ratio-3 .list-block li li:last-child .item-inner:after,
-html.pixel-ratio-3 .list-block li:last-child li .item-inner:after {
- -webkit-transform: scaleY(0.33);
- transform: scaleY(0.33);
-}
-.list-block.no-hairlines:before,
-.list-block.no-hairlines ul:before,
-.list-block.no-hairlines .content-block-inner:before {
- display: none;
-}
-.list-block.no-hairlines:after,
-.list-block.no-hairlines ul:after,
-.list-block.no-hairlines .content-block-inner:after {
- display: none;
-}
-.list-block.no-hairlines-between .item-inner:after,
-.list-block.no-hairlines-between .list-button:after,
-.list-block.no-hairlines-between .item-divider:after,
-.list-block.no-hairlines-between .list-group-title:after,
-.list-block.no-hairlines-between .list-group-title:after {
- display: none;
-}
-/* === Forms === */
-.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 {
- -webkit-appearance: none;
- -moz-appearance: none;
- -ms-appearance: none;
- appearance: none;
- box-sizing: border-box;
- border: none;
- background: none;
- border-radius: 0 0 0 0;
- box-shadow: none;
- display: block;
- padding: 0px;
- margin: 0;
- width: 100%;
- height: 43px;
- color: #000;
- font-size: 17px;
- font-family: inherit;
-}
-.list-block .item-title.label {
- vertical-align: top;
-}
-.list-block .item-title.label + .item-input {
- margin-left: 5px;
-}
-.list-block input[type="date"],
-.list-block input[type="datetime-local"] {
- line-height: 44px;
-}
-.list-block select {
- -webkit-appearance: none;
- -moz-appearance: none;
- -ms-appearance: none;
- appearance: none;
-}
-.list-block textarea {
- height: 100px;
- resize: none;
- line-height: 1.4;
- padding-top: 8px;
- padding-bottom: 7px;
-}
-.list-block textarea.resizable {
- height: 43px;
-}
-.list-block .item-input {
- width: 100%;
- margin-top: -8px;
- margin-bottom: -7px;
- -webkit-box-flex: 1;
- -ms-flex: 1;
- -webkit-flex-shrink: 1;
- -ms-flex: 0 1 auto;
- flex-shrink: 1;
-}
-.list-block .item-title.label {
- width: 35%;
- -webkit-flex-shrink: 0;
- -ms-flex: 0 0 auto;
- flex-shrink: 0;
-}
-.label-switch {
- display: inline-block;
- vertical-align: middle;
- width: 52px;
- border-radius: 16px;
- box-sizing: border-box;
- height: 32px;
- position: relative;
- cursor: pointer;
- -ms-flex-item-align: center;
- -webkit-align-self: center;
- align-self: center;
-}
-.label-switch .checkbox {
- width: 52px;
- border-radius: 16px;
- box-sizing: border-box;
- height: 32px;
- background: #e5e5e5;
- z-index: 0;
- margin: 0;
- padding: 0;
- -webkit-appearance: none;
- -moz-appearance: none;
- -ms-appearance: none;
- appearance: none;
- border: none;
- cursor: pointer;
- position: relative;
- -webkit-transition-duration: 300ms;
- transition-duration: 300ms;
-}
-.label-switch .checkbox:before {
- content: ' ';
- position: absolute;
- left: 2px;
- top: 2px;
- width: 48px;
- border-radius: 16px;
- box-sizing: border-box;
- height: 28px;
- background: #fff;
- z-index: 1;
- -webkit-transition-duration: 300ms;
- transition-duration: 300ms;
- -webkit-transform: scale(1);
- transform: scale(1);
-}
-.label-switch .checkbox:after {
- content: ' ';
- height: 28px;
- width: 28px;
- border-radius: 28px;
- background: #fff;
- position: absolute;
- z-index: 2;
- top: 2px;
- left: 2px;
- box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4);
- -webkit-transform: translateX(0px);
- transform: translateX(0px);
- -webkit-transition-duration: 300ms;
- transition-duration: 300ms;
-}
-.label-switch input[type="checkbox"] {
- display: none;
-}
-.label-switch input[type="checkbox"]:checked + .checkbox {
- background: #4cd964;
-}
-.label-switch input[type="checkbox"]:checked + .checkbox:before {
- -webkit-transform: scale(0);
- transform: scale(0);
-}
-.label-switch input[type="checkbox"]:checked + .checkbox:after {
- -webkit-transform: translateX(20px);
- transform: translateX(20px);
-}
-html.android .label-switch input[type="checkbox"] + .checkbox {
- -webkit-transition-duration: 0;
- transition-duration: 0;
-}
-html.android .label-switch input[type="checkbox"] + .checkbox:after,
-html.android .label-switch input[type="checkbox"] + .checkbox:before {
- -webkit-transition-duration: 0;
- transition-duration: 0;
-}
-.button {
- border: 1px solid #aa5252;
- color: #aa5252;
- text-decoration: none;
- text-align: center;
- display: block;
- border-radius: 5px;
- line-height: 27px;
- box-sizing: border-box;
- -webkit-appearance: none;
- -moz-appearance: none;
- -ms-appearance: none;
- appearance: none;
- background: none;
- padding: 0 10px;
- margin: 0;
- height: 29px;
- white-space: nowrap;
- position: relative;
- overflow: hidden;
- text-overflow: ellipsis;
- font-size: 14px;
- font-family: inherit;
- cursor: pointer;
- outline: 0;
-}
-input[type="submit"].button,
-input[type="button"].button {
- width: 100%;
-}
-html:not(.watch-active-state) .button:active,
-.button.active-state {
- background: rgba(170, 82, 82, 0.15);
-}
-.button.button-round {
- border-radius: 27px;
-}
-.button.active {
- background: #aa5252;
- color: #fff;
-}
-.button.button-big {
- font-size: 17px;
- height: 44px;
- line-height: 42px;
-}
-.button.button-fill {
- color: #fff;
- background: #aa5252;
- border-color: transparent;
-}
-html:not(.watch-active-state) .button.button-fill:active,
-.button.button-fill.active-state {
- opacity: 0.8;
-}
-.button i.icon:first-child {
- margin-right: 10px;
-}
-.button i.icon:last-child {
- margin-left: 10px;
-}
-.button i.icon:first-child:last-child {
- margin-left: 0;
- margin-right: 0;
-}
-.buttons-row {
- -ms-flex-item-align: center;
- -webkit-align-self: center;
- align-self: center;
- display: -webkit-box;
- display: -ms-flexbox;
- display: -webkit-flex;
- display: flex;
- -webkit-box-lines: single;
- -moz-box-lines: single;
- -webkit-flex-wrap: nowrap;
- -ms-flex-wrap: none;
- -ms-flex-wrap: nowrap;
- flex-wrap: nowrap;
-}
-.buttons-row .button {
- border-radius: 0 0 0 0;
- border-left-width: 0;
- width: 100%;
- -webkit-box-flex: 1;
- -ms-flex: 1;
-}
-.buttons-row .button:first-child {
- border-radius: 5px 0 0 5px;
- border-left-width: 1px;
- border-left-style: solid;
-}
-.buttons-row .button:last-child {
- border-radius: 0 5px 5px 0;
-}
-.buttons-row .button:first-child:last-child {
- border-radius: 5px;
-}
-.buttons-row .button.button-round:first-child {
- border-radius: 27px 0 0 27px;
-}
-.buttons-row .button.button-round:last-child {
- border-radius: 0 27px 27px 0;
-}
-.range-slider {
- width: 100%;
- position: relative;
- overflow: hidden;
- padding-left: 3px;
- padding-right: 3px;
- margin-left: -1px;
- -ms-flex-item-align: center;
- -webkit-align-self: center;
- align-self: center;
-}
-.range-slider input[type="range"] {
- position: relative;
- height: 28px;
- width: 100%;
- margin: 4px 0 5px 0;
- -webkit-appearance: none;
- -moz-appearance: none;
- -ms-appearance: none;
- appearance: none;
- background: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0, #b7b8b7), color-stop(100%, #b7b8b7));
- background: linear-gradient(to right, #b7b8b7 0, #b7b8b7 100%);
- background-position: center;
- background-size: 100% 2px;
- background-repeat: no-repeat;
- outline: 0;
- border: none;
- box-sizing: content-box;
- -ms-background-position-y: 500px;
-}
-.range-slider input[type="range"]:focus,
-.range-slider input[type="range"]:active {
- border: 0;
- outline: 0;
-}
-.range-slider input[type="range"]:after {
- height: 2px;
- background: #fff;
- content: ' ';
- width: 5px;
- top: 50%;
- margin-top: -1px;
- left: -5px;
- z-index: 1;
- position: absolute;
-}
-.range-slider input[type="range"]::-webkit-slider-thumb {
- -webkit-appearance: none;
- -moz-appearance: none;
- -ms-appearance: none;
- appearance: none;
- border: none;
- height: 28px;
- width: 28px;
- position: relative;
- background: none;
-}
-.range-slider input[type="range"]::-webkit-slider-thumb:after {
- height: 28px;
- width: 28px;
- border-radius: 28px;
- background: #fff;
- z-index: 10;
- box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
- border: 0;
- outline: 0;
- position: absolute;
- box-sizing: border-box;
- content: ' ';
- left: 0;
- top: 0;
-}
-.range-slider input[type="range"]::-webkit-slider-thumb:before {
- position: absolute;
- top: 50%;
- right: 100%;
- width: 2000px;
- height: 2px;
- margin-top: -1px;
- z-index: 1;
- background: #aa5252;
- content: ' ';
-}
-.range-slider input[type="range"]::-moz-range-track {
- width: 100%;
- height: 2px;
- background: #b7b8b7;
- border: none;
- outline: 0;
-}
-.range-slider input[type="range"]::-moz-range-thumb {
- height: 28px;
- width: 28px;
- border-radius: 28px;
- background: #fff;
- z-index: 10;
- box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
- border: 0;
- outline: 0;
- position: absolute;
- box-sizing: border-box;
- content: ' ';
-}
-.range-slider input[type="range"]::-ms-track {
- width: 100%;
- height: 2px;
- cursor: pointer;
- background: transparent;
- border-color: transparent;
- color: transparent;
-}
-.range-slider input[type="range"]::-ms-thumb {
- height: 28px;
- width: 28px;
- border-radius: 28px;
- background: #fff;
- z-index: 10;
- box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
- border: 0;
- outline: 0;
- position: absolute;
- content: ' ';
- box-shadow: none;
- border: 1px solid rgba(0, 0, 0, 0.2);
- box-sizing: border-box;
- margin-top: 0;
- top: 50%;
-}
-.range-slider input[type="range"]::-ms-fill-lower {
- background: #aa5252;
-}
-.range-slider input[type="range"]::-ms-fill-upper {
- background: #b7b8b7;
-}
-label.label-checkbox {
- cursor: pointer;
-}
-label.label-checkbox i.icon-form-checkbox {
- width: 22px;
- height: 22px;
- position: relative;
- border-radius: 22px;
- border: 1px solid #c7c7cc;
- box-sizing: border-box;
-}
-label.label-checkbox i.icon-form-checkbox:after {
- content: ' ';
- position: absolute;
- left: 50%;
- margin-left: -6px;
- top: 50%;
- margin-top: -4px;
- width: 12px;
- height: 9px;
-}
-label.label-checkbox input[type="checkbox"],
-label.label-checkbox input[type="radio"] {
- display: none;
-}
-label.label-checkbox input[type="checkbox"]:checked + .item-media i.icon-form-checkbox,
-label.label-checkbox input[type="radio"]:checked + .item-media i.icon-form-checkbox {
- border: none;
- background-color: #aa5252;
-}
-label.label-checkbox input[type="checkbox"]:checked + .item-media i.icon-form-checkbox:after,
-label.label-checkbox input[type="radio"]:checked + .item-media i.icon-form-checkbox:after {
- background: no-repeat center;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20x%3D'0px'%20y%3D'0px'%20viewBox%3D'0%200%2012%209'%20xml%3Aspace%3D'preserve'%3E%3Cpolygon%20fill%3D'%23ffffff'%20points%3D'12%2C0.7%2011.3%2C0%203.9%2C7.4%200.7%2C4.2%200%2C4.9%203.9%2C8.8%203.9%2C8.8%203.9%2C8.8%20'%2F%3E%3C%2Fsvg%3E");
- -webkit-background-size: 12px 9px;
- background-size: 12px 9px;
-}
-label.label-radio {
- cursor: pointer;
-}
-label.label-radio input[type="checkbox"],
-label.label-radio input[type="radio"] {
- display: none;
-}
-label.label-radio input[type="checkbox"] ~ .item-inner,
-label.label-radio input[type="radio"] ~ .item-inner {
- padding-right: 35px;
-}
-label.label-radio input[type="checkbox"]:checked ~ .item-inner,
-label.label-radio input[type="radio"]:checked ~ .item-inner {
- background: no-repeat center;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2013%2010'%3E%3Cpolygon%20fill%3D'%23aa5252'%20points%3D'11.6%2C0%204.4%2C7.2%201.4%2C4.2%200%2C5.6%204.4%2C10%204.4%2C10%204.4%2C10%2013%2C1.4%20'%2F%3E%3C%2Fsvg%3E");
- background-position: 90% center;
- background-position: -webkit-calc(100% - 15px) center;
- background-position: calc(100% - 15px) center;
- -webkit-background-size: 13px 10px;
- background-size: 13px 10px;
-}
-label.label-checkbox,
-label.label-radio {
- -webkit-transition-duration: 300ms;
- transition-duration: 300ms;
-}
-html:not(.watch-active-state) label.label-checkbox:active,
-html:not(.watch-active-state) label.label-radio:active,
-label.label-checkbox.active-state,
-label.label-radio.active-state {
- -webkit-transition-duration: 0ms;
- transition-duration: 0ms;
- background-color: #d9d9d9;
-}
-html:not(.watch-active-state) label.label-checkbox:active .item-inner:after,
-html:not(.watch-active-state) label.label-radio:active .item-inner:after,
-label.label-checkbox.active-state .item-inner:after,
-label.label-radio.active-state .item-inner:after {
- background-color: transparent;
-}
-.smart-select select {
- display: none;
-}
-/* === Cards === */
-.cards-list ul,
-.card .list-block ul {
- background: none;
-}
-.cards-list > ul:before,
-.card .list-block > ul:before {
- display: none;
-}
-.cards-list > ul:after,
-.card .list-block > ul:after {
- display: none;
-}
-.card {
- background: #fff;
- box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
- margin: 10px;
- position: relative;
- border-radius: 2px;
- font-size: 14px;
-}
-.card .list-block,
-.card .content-block {
- margin: 0;
-}
-.row:not(.no-gutter) .col > .card {
- margin-left: 0;
- margin-right: 0;
-}
-.card-content {
- position: relative;
-}
-.card-content-inner {
- padding: 15px;
- position: relative;
-}
-.card-content-inner > p:first-child {
- margin-top: 0;
-}
-.card-content-inner > p:last-child {
- margin-bottom: 0;
-}
-.card-content-inner > .list-block,
-.card-content-inner > .content-block {
- margin: -15px;
-}
-.card-header,
-.card-footer {
- min-height: 44px;
- position: relative;
- padding: 10px 15px;
- box-sizing: border-box;
- display: -webkit-box;
- display: -ms-flexbox;
- display: -webkit-flex;
- display: flex;
- -webkit-box-pack: justify;
- -ms-flex-pack: justify;
- -webkit-justify-content: space-between;
- justify-content: space-between;
- -webkit-box-align: center;
- -ms-flex-align: center;
- -webkit-align-items: center;
- align-items: center;
-}
-.card-header[valign="top"],
-.card-footer[valign="top"] {
- -webkit-box-align: start;
- -ms-flex-align: start;
- -webkit-align-items: flex-start;
- align-items: flex-start;
-}
-.card-header[valign="bottom"],
-.card-footer[valign="bottom"] {
- -webkit-box-align: end;
- -ms-flex-align: end;
- -webkit-align-items: flex-end;
- align-items: flex-end;
-}
-.card-header a.link,
-.card-footer a.link {
- line-height: 44px;
- height: 44px;
- text-decoration: none;
- position: relative;
- margin-top: -10px;
- margin-bottom: -10px;
- display: -webkit-box;
- display: -ms-flexbox;
- display: -webkit-flex;
- display: flex;
- -webkit-box-pack: start;
- -ms-flex-pack: start;
- -webkit-justify-content: flex-start;
- justify-content: flex-start;
- -webkit-box-align: center;
- -ms-flex-align: center;
- -webkit-align-items: center;
- align-items: center;
- -webkit-transition-duration: 300ms;
- transition-duration: 300ms;
-}
-html:not(.watch-active-state) .card-header a.link:active,
-html:not(.watch-active-state) .card-footer a.link:active,
-.card-header a.link.active-state,
-.card-footer a.link.active-state {
- opacity: 0.3;
- -webkit-transition-duration: 0ms;
- transition-duration: 0ms;
-}
-.card-header a.link i + span,
-.card-footer a.link i + span,
-.card-header a.link i + i,
-.card-footer a.link i + i,
-.card-header a.link span + i,
-.card-footer a.link span + i,
-.card-header a.link span + span,
-.card-footer a.link span + span {
- margin-left: 7px;
-}
-.card-header a.link i.icon,
-.card-footer a.link i.icon {
- display: block;
-}
-.card-header a.icon-only,
-.card-footer a.icon-only {
- min-width: 44px;
- display: -webkit-box;
- display: -ms-flexbox;
- display: -webkit-flex;
- display: flex;
- -webkit-box-pack: center;
- -ms-flex-pack: center;
- -webkit-justify-content: center;
- justify-content: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- -webkit-align-items: center;
- align-items: center;
- margin: 0;
-}
-.card-header {
- border-radius: 2px 2px 0 0;
- font-size: 17px;
-}
-.card-header:after {
- content: '';
- position: absolute;
- left: 0;
- bottom: 0;
- right: auto;
- top: auto;
- height: 1px;
- width: 100%;
- background-color: #e1e1e1;
- display: block;
- z-index: 15;
- -webkit-transform-origin: 50% 100%;
- transform-origin: 50% 100%;
-}
-html.pixel-ratio-2 .card-header:after {
- -webkit-transform: scaleY(0.5);
- transform: scaleY(0.5);
-}
-html.pixel-ratio-3 .card-header:after {
- -webkit-transform: scaleY(0.33);
- transform: scaleY(0.33);
-}
-.card-header.no-border:after {
- display: none;
-}
-.card-footer {
- border-radius: 0 0 2px 2px;
- color: #6d6d72;
-}
-.card-footer:before {
- content: '';
- position: absolute;
- left: 0;
- top: 0;
- bottom: auto;
- right: auto;
- height: 1px;
- width: 100%;
- background-color: #e1e1e1;
- display: block;
- z-index: 15;
- -webkit-transform-origin: 50% 0%;
- transform-origin: 50% 0%;
-}
-html.pixel-ratio-2 .card-footer:before {
- -webkit-transform: scaleY(0.5);
- transform: scaleY(0.5);
-}
-html.pixel-ratio-3 .card-footer:before {
- -webkit-transform: scaleY(0.33);
- transform: scaleY(0.33);
-}
-.card-footer.no-border:before {
- display: none;
-}
-/* === Modals === */
-.modal-overlay,
-.preloader-indicator-overlay,
-.popup-overlay {
- position: absolute;
- left: 0;
- top: 0;
- width: 100%;
- height: 100%;
- background: rgba(0, 0, 0, 0.4);
- z-index: 13000;
- visibility: hidden;
- opacity: 0;
- -webkit-transition-duration: 400ms;
- transition-duration: 400ms;
-}
-.modal-overlay.modal-overlay-visible,
-.preloader-indicator-overlay.modal-overlay-visible,
-.popup-overlay.modal-overlay-visible {
- visibility: visible;
- opacity: 1;
-}
-.popup-overlay {
- z-index: 10500;
-}
-.modal {
- width: 270px;
- position: absolute;
- z-index: 13500;
- left: 50%;
- margin-left: -135px;
- margin-top: 0;
- top: 50%;
- text-align: center;
- border-radius: 13px;
- overflow: hidden;
- opacity: 0;
- -webkit-transform: translate3d(0, 0, 0) scale(1.185);
- transform: translate3d(0, 0, 0) scale(1.185);
- -webkit-transition-property: -webkit-transform, opacity;
- -moz-transition-property: -moz-transform, opacity;
- -ms-transition-property: -ms-transform, opacity;
- -o-transition-property: -o-transform, opacity;
- transition-property: transform, opacity;
- color: #000;
- display: none;
-}
-.modal.modal-in {
- opacity: 1;
- -webkit-transition-duration: 400ms;
- transition-duration: 400ms;
- -webkit-transform: translate3d(0, 0, 0) scale(1);
- transform: translate3d(0, 0, 0) scale(1);
-}
-.modal.modal-out {
- opacity: 0;
- z-index: 13499;
- -webkit-transition-duration: 400ms;
- transition-duration: 400ms;
- -webkit-transform: translate3d(0, 0, 0) scale(1);
- transform: translate3d(0, 0, 0) scale(1);
-}
-.modal-inner {
- padding: 15px;
- border-radius: 13px 13px 0 0;
- position: relative;
- background: rgba(255, 255, 255, 0.95);
-}
-.modal-inner:after {
- content: '';
- position: absolute;
- left: 0;
- bottom: 0;
- right: auto;
- top: auto;
- height: 1px;
- width: 100%;
- background-color: rgba(0, 0, 0, 0.2);
- display: block;
- z-index: 15;
- -webkit-transform-origin: 50% 100%;
- transform-origin: 50% 100%;
-}
-html.pixel-ratio-2 .modal-inner:after {
- -webkit-transform: scaleY(0.5);
- transform: scaleY(0.5);
-}
-html.pixel-ratio-3 .modal-inner:after {
- -webkit-transform: scaleY(0.33);
- transform: scaleY(0.33);
-}
-.modal-title {
- font-weight: 500;
- font-size: 18px;
- text-align: center;
-}
-html.ios-gt-8 .modal-title {
- font-weight: 600;
-}
-.modal-title + .modal-text {
- margin-top: 5px;
-}
-.modal-buttons {
- height: 44px;
- position: relative;
- display: -webkit-box;
- display: -ms-flexbox;
- display: -webkit-flex;
- display: flex;
- -webkit-box-pack: center;
- -ms-flex-pack: center;
- -webkit-justify-content: center;
- justify-content: center;
-}
-.modal-buttons.modal-buttons-vertical {
- display: block;
- height: auto;
-}
-.modal-button {
- width: 100%;
- padding: 0 5px;
- height: 44px;
- font-size: 17px;
- line-height: 44px;
- text-align: center;
- color: #aa5252;
- display: block;
- position: relative;
- white-space: nowrap;
- text-overflow: ellipsis;
- overflow: hidden;
- cursor: pointer;
- box-sizing: border-box;
- -webkit-box-flex: 1;
- -ms-flex: 1;
- background: rgba(255, 255, 255, 0.95);
-}
-.modal-button:after {
- content: '';
- position: absolute;
- right: 0;
- top: 0;
- left: auto;
- bottom: auto;
- width: 1px;
- height: 100%;
- background-color: rgba(0, 0, 0, 0.2);
- display: block;
- z-index: 15;
- -webkit-transform-origin: 100% 50%;
- transform-origin: 100% 50%;
-}
-html.pixel-ratio-2 .modal-button:after {
- -webkit-transform: scaleX(0.5);
- transform: scaleX(0.5);
-}
-html.pixel-ratio-3 .modal-button:after {
- -webkit-transform: scaleX(0.33);
- transform: scaleX(0.33);
-}
-.modal-button:first-child {
- border-radius: 0 0 0 13px;
-}
-.modal-button:last-child {
- border-radius: 0 0 13px 0;
-}
-.modal-button:last-child:after {
- display: none;
-}
-.modal-button:first-child:last-child {
- border-radius: 0 0 13px 13px;
-}
-.modal-button.modal-button-bold {
- font-weight: 500;
-}
-html.ios-gt-8 .modal-button.modal-button-bold {
- font-weight: 600;
-}
-html:not(.watch-active-state) .modal-button:active,
-.modal-button.active-state {
- background: rgba(230, 230, 230, 0.95);
-}
-.modal-buttons-vertical .modal-button {
- border-radius: 0;
-}
-.modal-buttons-vertical .modal-button:after {
- display: none;
-}
-.modal-buttons-vertical .modal-button:before {
- display: none;
-}
-.modal-buttons-vertical .modal-button:after {
- content: '';
- position: absolute;
- left: 0;
- bottom: 0;
- right: auto;
- top: auto;
- height: 1px;
- width: 100%;
- background-color: rgba(0, 0, 0, 0.2);
- display: block;
- z-index: 15;
- -webkit-transform-origin: 50% 100%;
- transform-origin: 50% 100%;
-}
-html.pixel-ratio-2 .modal-buttons-vertical .modal-button:after {
- -webkit-transform: scaleY(0.5);
- transform: scaleY(0.5);
-}
-html.pixel-ratio-3 .modal-buttons-vertical .modal-button:after {
- -webkit-transform: scaleY(0.33);
- transform: scaleY(0.33);
-}
-.modal-buttons-vertical .modal-button:last-child {
- border-radius: 0 0 13px 13px;
-}
-.modal-buttons-vertical .modal-button:last-child:after {
- display: none;
-}
-.modal-no-buttons .modal-inner {
- border-radius: 13px;
-}
-.modal-no-buttons .modal-inner:after {
- display: none;
-}
-.modal-no-buttons .modal-buttons {
- display: none;
-}
-.actions-modal {
- position: absolute;
- left: 0;
- bottom: 0;
- z-index: 13500;
- width: 100%;
- -webkit-transform: translate3d(0, 100%, 0);
- transform: translate3d(0, 100%, 0);
- max-height: 100%;
- overflow: auto;
- -webkit-overflow-scrolling: touch;
-}
-@media (min-width: 496px) {
- .actions-modal {
- width: 480px;
- left: 50%;
- margin-left: -240px;
- }
-}
-.actions-modal.modal-in {
- -webkit-transition-duration: 300ms;
- transition-duration: 300ms;
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
-}
-.actions-modal.modal-out {
- z-index: 13499;
- -webkit-transition-duration: 300ms;
- transition-duration: 300ms;
- -webkit-transform: translate3d(0, 100%, 0);
- transform: translate3d(0, 100%, 0);
-}
-.actions-modal-group {
- margin: 8px;
- position: relative;
- border-radius: 13px;
- overflow: hidden;
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
-}
-.actions-modal-button,
-.actions-modal-label {
- width: 100%;
- text-align: center;
- font-weight: normal;
- margin: 0;
- background: rgba(255, 255, 255, 0.95);
- box-sizing: border-box;
- display: block;
- position: relative;
- overflow: hidden;
-}
-.actions-modal-button:after,
-.actions-modal-label:after {
- content: '';
- position: absolute;
- left: 0;
- bottom: 0;
- right: auto;
- top: auto;
- height: 1px;
- width: 100%;
- background-color: rgba(0, 0, 0, 0.2);
- display: block;
- z-index: 15;
- -webkit-transform-origin: 50% 100%;
- transform-origin: 50% 100%;
-}
-html.pixel-ratio-2 .actions-modal-button:after,
-html.pixel-ratio-2 .actions-modal-label:after {
- -webkit-transform: scaleY(0.5);
- transform: scaleY(0.5);
-}
-html.pixel-ratio-3 .actions-modal-button:after,
-html.pixel-ratio-3 .actions-modal-label:after {
- -webkit-transform: scaleY(0.33);
- transform: scaleY(0.33);
-}
-.actions-modal-button a,
-.actions-modal-label a {
- text-decoration: none;
- color: inherit;
- display: block;
-}
-.actions-modal-button b,
-.actions-modal-label b {
- font-weight: 500;
-}
-html.ios-gt-8 .actions-modal-button b,
-html.ios-gt-8 .actions-modal-label b {
- font-weight: 600;
-}
-.actions-modal-button.actions-modal-button-bold,
-.actions-modal-label.actions-modal-button-bold {
- font-weight: 500;
-}
-html.ios-gt-8 .actions-modal-button.actions-modal-button-bold,
-html.ios-gt-8 .actions-modal-label.actions-modal-button-bold {
- font-weight: 600;
-}
-.actions-modal-button.actions-modal-button-red,
-.actions-modal-label.actions-modal-button-red {
- color: #ff3b30;
-}
-.actions-modal-button:first-child,
-.actions-modal-label:first-child {
- border-radius: 13px 13px 0 0;
-}
-.actions-modal-button:last-child,
-.actions-modal-label:last-child {
- border-radius: 0 0 13px 13px;
-}
-.actions-modal-button:last-child:after,
-.actions-modal-label:last-child:after {
- display: none;
-}
-.actions-modal-button:first-child:last-child,
-.actions-modal-label:first-child:last-child {
- border-radius: 13px;
-}
-.actions-modal-button.disabled,
-.actions-modal-label.disabled {
- opacity: 0.9;
- color: #8e8e93;
-}
-.actions-modal-button {
- cursor: pointer;
- height: 57px;
- line-height: 57px;
- font-size: 20px;
- color: #aa5252;
- white-space: normal;
- text-overflow: ellipsis;
-}
-html:not(.watch-active-state) .actions-modal-button:active,
-.actions-modal-button.active-state {
- background: rgba(230, 230, 230, 0.9);
-}
-.actions-modal-label {
- font-size: 13px;
- line-height: 1.3;
- min-height: 57px;
- padding: 8px 10px;
- color: #8a8a8a;
- display: -webkit-box;
- display: -ms-flexbox;
- display: -webkit-flex;
- display: flex;
- -webkit-box-pack: center;
- -ms-flex-pack: center;
- -webkit-justify-content: center;
- justify-content: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- -webkit-align-items: center;
- align-items: center;
-}
-@media (orientation: landscape) {
- .actions-modal-label {
- min-height: 44px;
- }
- .actions-modal-button {
- height: 44px;
- line-height: 44px;
- }
-}
-input.modal-text-input {
- box-sizing: border-box;
- height: 26px;
- background: #fff;
- margin: 0;
- margin-top: 15px;
- padding: 0 5px;
- border: 1px solid rgba(0, 0, 0, 0.3);
- border-radius: 0;
- width: 100%;
- font-size: 14px;
- font-family: inherit;
- display: block;
- box-shadow: 0 0 0 rgba(0, 0, 0, 0);
- -webkit-appearance: none;
- -moz-appearance: none;
- -ms-appearance: none;
- appearance: none;
-}
-input.modal-text-input + input.modal-text-input {
- margin-top: 5px;
-}
-.modal-input-double + .modal-input-double input.modal-text-input {
- border-top: 0;
- margin-top: 0;
-}
-.popover {
- width: 320px;
- background: rgba(255, 255, 255, 0.95);
- z-index: 13500;
- margin: 0;
- top: 0;
- opacity: 0;
- left: 0;
- border-radius: 13px;
- position: absolute;
- display: none;
- -webkit-transform: none;
- transform: none;
- -webkit-transition-property: opacity;
- -moz-transition-property: opacity;
- -ms-transition-property: opacity;
- -o-transition-property: opacity;
- transition-property: opacity;
-}
-.popover.modal-in {
- -webkit-transition-duration: 300ms;
- transition-duration: 300ms;
- opacity: 1;
-}
-.popover .list-block {
- margin: 0;
-}
-.popover .list-block ul {
- background: none;
-}
-.popover .list-block:first-child ul {
- border-radius: 13px 13px 0 0;
-}
-.popover .list-block:first-child ul:before {
- display: none;
-}
-.popover .list-block:first-child li:first-child a {
- border-radius: 13px 13px 0 0;
-}
-.popover .list-block:last-child ul {
- border-radius: 0 0 13px 13px;
-}
-.popover .list-block:last-child ul:after {
- display: none;
-}
-.popover .list-block:last-child li:last-child a {
- border-radius: 0 0 13px 13px;
-}
-.popover .list-block:first-child:last-child li:first-child:last-child a,
-.popover .list-block:first-child:last-child ul:first-child:last-child {
- border-radius: 13px;
-}
-.popover .list-block + .list-block {
- margin-top: 35px;
-}
-.popover-angle {
- width: 26px;
- height: 26px;
- position: absolute;
- left: -26px;
- top: 0;
- z-index: 100;
- overflow: hidden;
-}
-.popover-angle:after {
- content: ' ';
- background: rgba(255, 255, 255, 0.95);
- width: 26px;
- height: 26px;
- position: absolute;
- left: 0;
- top: 0;
- border-radius: 3px;
- -webkit-transform: rotate(45deg);
- transform: rotate(45deg);
-}
-.popover-angle.on-left {
- left: -26px;
-}
-.popover-angle.on-left:after {
- left: 19px;
- top: 0;
-}
-.popover-angle.on-right {
- left: 100%;
-}
-.popover-angle.on-right:after {
- left: -19px;
- top: 0;
-}
-.popover-angle.on-top {
- left: 0;
- top: -26px;
-}
-.popover-angle.on-top:after {
- left: 0;
- top: 19px;
-}
-.popover-angle.on-bottom {
- left: 0;
- top: 100%;
-}
-.popover-angle.on-bottom:after {
- left: 0;
- top: -19px;
-}
-.popover-inner {
- overflow: auto;
- -webkit-overflow-scrolling: touch;
-}
-.actions-popover .list-block + .list-block {
- margin-top: 20px;
-}
-.actions-popover .list-block ul {
- background: #fff;
-}
-.actions-popover-label {
- padding: 8px 10px;
- color: #8a8a8a;
- font-size: 13px;
- line-height: 1.3;
- text-align: center;
- position: relative;
-}
-.actions-popover-label:after {
- content: '';
- position: absolute;
- left: 0;
- bottom: 0;
- right: auto;
- top: auto;
- height: 1px;
- width: 100%;
- background-color: rgba(0, 0, 0, 0.2);
- display: block;
- z-index: 15;
- -webkit-transform-origin: 50% 100%;
- transform-origin: 50% 100%;
-}
-html.pixel-ratio-2 .actions-popover-label:after {
- -webkit-transform: scaleY(0.5);
- transform: scaleY(0.5);
-}
-html.pixel-ratio-3 .actions-popover-label:after {
- -webkit-transform: scaleY(0.33);
- transform: scaleY(0.33);
-}
-.actions-popover-label:last-child:after {
- display: none;
-}
-.popup,
-.login-screen {
- position: absolute;
- left: 0;
- top: 0;
- width: 100%;
- height: 100%;
- z-index: 11000;
- background: #fff;
- box-sizing: border-box;
- display: none;
- overflow: auto;
- -webkit-overflow-scrolling: touch;
- -webkit-transition-property: -webkit-transform;
- -moz-transition-property: -moz-transform;
- -ms-transition-property: -ms-transform;
- -o-transition-property: -o-transform;
- transition-property: transform;
- -webkit-transform: translate3d(0, 100%, 0);
- transform: translate3d(0, 100%, 0);
-}
-.popup.modal-in,
-.login-screen.modal-in,
-.popup.modal-out,
-.login-screen.modal-out {
- -webkit-transition-duration: 400ms;
- transition-duration: 400ms;
-}
-.popup.modal-in,
-.login-screen.modal-in {
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
-}
-.popup.modal-out,
-.login-screen.modal-out {
- -webkit-transform: translate3d(0, 100%, 0);
- transform: translate3d(0, 100%, 0);
-}
-.login-screen.modal-in,
-.login-screen.modal-out {
- display: block;
-}
-@media all and (min-width: 630px) and (min-height: 630px) {
- .popup:not(.tablet-fullscreen) {
- width: 630px;
- height: 630px;
- left: 50%;
- top: 50%;
- margin-left: -315px;
- margin-top: -315px;
- -webkit-transform: translate3d(0, 1024px, 0);
- transform: translate3d(0, 1024px, 0);
- }
- .popup:not(.tablet-fullscreen).modal-in {
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- }
- .popup:not(.tablet-fullscreen).modal-out {
- -webkit-transform: translate3d(0, 1024px, 0);
- transform: translate3d(0, 1024px, 0);
- }
-}
-@media all and (max-width: 629px), (max-height: 629px) {
- html.with-statusbar-overlay .popup {
- height: -webkit-calc(100% - 20px);
- height: calc(100% - 20px);
- top: 20px;
- }
- html.with-statusbar-overlay .popup-overlay {
- z-index: 9500;
- }
-}
-html.with-statusbar-overlay .login-screen,
-html.with-statusbar-overlay .popup.tablet-fullscreen {
- height: -webkit-calc(100% - 20px);
- height: calc(100% - 20px);
- top: 20px;
-}
-.modal .preloader {
- width: 34px;
- height: 34px;
-}
-.preloader-indicator-overlay {
- visibility: visible;
- opacity: 0;
- background: none;
-}
-.preloader-indicator-modal {
- position: absolute;
- left: 50%;
- top: 50%;
- padding: 8px;
- margin-left: -25px;
- margin-top: -25px;
- background: rgba(0, 0, 0, 0.8);
- z-index: 13500;
- border-radius: 5px;
-}
-.preloader-indicator-modal .preloader {
- display: block;
- width: 34px;
- height: 34px;
-}
-.picker-modal {
- position: absolute;
- left: 0;
- bottom: 0;
- width: 100%;
- height: 260px;
- z-index: 12500;
- display: none;
- -webkit-transition-property: -webkit-transform;
- -moz-transition-property: -moz-transform;
- -ms-transition-property: -ms-transform;
- -o-transition-property: -o-transform;
- transition-property: transform;
- background: #cfd5da;
- -webkit-transform: translate3d(0, 100%, 0);
- transform: translate3d(0, 100%, 0);
-}
-.picker-modal.modal-in,
-.picker-modal.modal-out {
- -webkit-transition-duration: 400ms;
- transition-duration: 400ms;
-}
-.picker-modal.modal-in {
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
-}
-.picker-modal.modal-out {
- -webkit-transform: translate3d(0, 100%, 0);
- transform: translate3d(0, 100%, 0);
-}
-.picker-modal .picker-modal-inner {
- height: 100%;
- position: relative;
-}
-.picker-modal .toolbar {
- position: relative;
- width: 100%;
- background: #f7f7f8;
-}
-.picker-modal .toolbar:before {
- content: '';
- position: absolute;
- left: 0;
- top: 0;
- bottom: auto;
- right: auto;
- height: 1px;
- width: 100%;
- background-color: #929499;
- display: block;
- z-index: 15;
- -webkit-transform-origin: 50% 0%;
- transform-origin: 50% 0%;
-}
-html.pixel-ratio-2 .picker-modal .toolbar:before {
- -webkit-transform: scaleY(0.5);
- transform: scaleY(0.5);
-}
-html.pixel-ratio-3 .picker-modal .toolbar:before {
- -webkit-transform: scaleY(0.33);
- transform: scaleY(0.33);
-}
-.picker-modal .toolbar + .picker-modal-inner {
- height: -webkit-calc(100% - 44px);
- height: -moz-calc(100% - 44px);
- height: calc(100% - 44px);
-}
-.picker-modal.picker-modal-inline,
-.popover .picker-modal {
- display: block;
- position: relative;
- background: none;
- z-index: inherit;
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
-}
-.picker-modal.picker-modal-inline .toolbar:before,
-.popover .picker-modal .toolbar:before {
- display: none;
-}
-.picker-modal.picker-modal-inline .toolbar:after,
-.popover .picker-modal .toolbar:after {
- content: '';
- position: absolute;
- left: 0;
- bottom: 0;
- right: auto;
- top: auto;
- height: 1px;
- width: 100%;
- background-color: #929499;
- display: block;
- z-index: 15;
- -webkit-transform-origin: 50% 100%;
- transform-origin: 50% 100%;
-}
-html.pixel-ratio-2 .picker-modal.picker-modal-inline .toolbar:after,
-html.pixel-ratio-2 .popover .picker-modal .toolbar:after {
- -webkit-transform: scaleY(0.5);
- transform: scaleY(0.5);
-}
-html.pixel-ratio-3 .picker-modal.picker-modal-inline .toolbar:after,
-html.pixel-ratio-3 .popover .picker-modal .toolbar:after {
- -webkit-transform: scaleY(0.33);
- transform: scaleY(0.33);
-}
-.popover .picker-modal {
- width: auto;
-}
-.popover .picker-modal .toolbar {
- background: none;
-}
-.picker-modal.smart-select-picker .page {
- background: #fff;
-}
-.picker-modal.smart-select-picker .toolbar:after {
- content: '';
- position: absolute;
- left: 0;
- bottom: 0;
- right: auto;
- top: auto;
- height: 1px;
- width: 100%;
- background-color: #c4c4c4;
- display: block;
- z-index: 15;
- -webkit-transform-origin: 50% 100%;
- transform-origin: 50% 100%;
-}
-html.pixel-ratio-2 .picker-modal.smart-select-picker .toolbar:after {
- -webkit-transform: scaleY(0.5);
- transform: scaleY(0.5);
-}
-html.pixel-ratio-3 .picker-modal.smart-select-picker .toolbar:after {
- -webkit-transform: scaleY(0.33);
- transform: scaleY(0.33);
-}
-.picker-modal.smart-select-picker .list-block {
- margin: 0;
-}
-.picker-modal.smart-select-picker .list-block ul:before {
- display: none;
-}
-.picker-modal.smart-select-picker .list-block ul:after {
- display: none;
-}
-/* === Panels === */
-.panel-overlay {
- position: absolute;
- left: 0;
- top: 0;
- width: 100%;
- height: 100%;
- background: rgba(0, 0, 0, 0);
- opacity: 0;
- z-index: 5999;
- display: none;
-}
-.panel {
- z-index: 1000;
- display: none;
- background: #111;
- box-sizing: border-box;
- overflow: auto;
- -webkit-overflow-scrolling: touch;
- position: absolute;
- width: 260px;
- top: 0;
- height: 100%;
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- -webkit-transition-duration: 400ms;
- transition-duration: 400ms;
-}
-.panel.panel-left.panel-cover {
- z-index: 6000;
- left: -260px;
-}
-.panel.panel-left.panel-reveal {
- left: 0;
-}
-.panel.panel-right.panel-cover {
- z-index: 6000;
- right: -260px;
-}
-.panel.panel-right.panel-reveal {
- right: 0;
-}
-body.with-panel-left-cover .views,
-body.with-panel-right-cover .views {
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
-}
-body.with-panel-left-cover .panel-overlay,
-body.with-panel-right-cover .panel-overlay {
- display: block;
-}
-body.with-panel-left-reveal .views,
-body.with-panel-right-reveal .views {
- -webkit-transition-duration: 400ms;
- transition-duration: 400ms;
- -webkit-transition-property: -webkit-transform;
- -moz-transition-property: -moz-transform;
- transition-property: transform;
-}
-body.with-panel-left-reveal .panel-overlay,
-body.with-panel-right-reveal .panel-overlay {
- display: block;
-}
-body.with-panel-left-reveal .views {
- -webkit-transform: translate3d(260px, 0, 0);
- transform: translate3d(260px, 0, 0);
-}
-body.with-panel-left-reveal .panel-overlay {
- margin-left: 260px;
-}
-body.with-panel-left-cover .panel-left {
- -webkit-transform: translate3d(260px, 0, 0);
- transform: translate3d(260px, 0, 0);
-}
-body.with-panel-right-reveal .views {
- -webkit-transform: translate3d(-260px, 0, 0);
- transform: translate3d(-260px, 0, 0);
-}
-body.with-panel-right-reveal .panel-overlay {
- margin-left: -260px;
-}
-body.with-panel-right-cover .panel-right {
- -webkit-transform: translate3d(-260px, 0, 0);
- transform: translate3d(-260px, 0, 0);
-}
-body.panel-closing .views {
- -webkit-transition-duration: 400ms;
- transition-duration: 400ms;
- -webkit-transition-property: -webkit-transform;
- -moz-transition-property: -moz-transform;
- transition-property: transform;
-}
-/* === Tabs === */
-.tabs .tab {
- display: none;
-}
-.tabs .tab.active {
- display: block;
-}
-.tabs-animated-wrap {
- position: relative;
- width: 100%;
- overflow: hidden;
- height: 100%;
-}
-.tabs-animated-wrap > .tabs {
- display: -webkit-box;
- display: -ms-flexbox;
- display: -webkit-flex;
- display: flex;
- height: 100%;
- -webkit-transition-duration: 300ms;
- transition-duration: 300ms;
-}
-.tabs-animated-wrap > .tabs > .tab {
- width: 100%;
- display: block;
- -webkit-flex-shrink: 0;
- -ms-flex: 0 0 auto;
- flex-shrink: 0;
-}
-.tabs-swipeable-wrap {
- height: 100%;
-}
-.tabs-swipeable-wrap > .tabs > .tab {
- display: block;
-}
-/* === Messages === */
-.messages-content {
- background: #fff;
-}
-.messages {
- display: -webkit-box;
- display: -ms-flexbox;
- display: -webkit-flex;
- display: flex;
- -webkit-box-orient: vertical;
- -moz-box-orient: vertical;
- -ms-flex-direction: column;
- -webkit-flex-direction: column;
- flex-direction: column;
-}
-.messages-date {
- text-align: center;
- font-weight: 500;
- font-size: 11px;
- line-height: 1;
- margin: 10px 15px;
- color: #8e8e93;
-}
-html.ios-gt-8 .messages-date {
- font-weight: 600;
-}
-.messages-date span {
- font-weight: 400;
-}
-.message {
- box-sizing: border-box;
- margin: 1px 10px 0;
- max-width: 70%;
- display: -webkit-box;
- display: -ms-flexbox;
- display: -webkit-flex;
- display: flex;
- -webkit-box-orient: vertical;
- -moz-box-orient: vertical;
- -ms-flex-direction: column;
- -webkit-flex-direction: column;
- flex-direction: column;
-}
-.message:first-child {
- margin-top: 10px;
-}
-.message .message-text {
- box-sizing: border-box;
- border-radius: 16px;
- padding: 6px 16px 9px;
- min-width: 48px;
- min-height: 35px;
- font-size: 17px;
- line-height: 1.2;
- word-break: break-word;
-}
-.message .message-text img {
- max-width: 100%;
- height: auto;
-}
-.message.message-pic .message-text {
- padding: 0;
- background: none;
-}
-.message.message-pic img {
- display: block;
- border-radius: 16px;
-}
-.message-name {
- font-size: 12px;
- line-height: 1;
- color: #8e8e93;
- margin-bottom: 2px;
- margin-top: 7px;
-}
-.message-hide-name .message-name {
- display: none;
-}
-.message-label {
- font-size: 12px;
- line-height: 1;
- color: #8e8e93;
- margin-top: 4px;
-}
-.message-hide-label .message-label {
- display: none;
-}
-.message-avatar {
- width: 29px;
- height: 29px;
- border-radius: 100%;
- margin-top: -29px;
- position: relative;
- top: 1px;
- background-size: cover;
- opacity: 1;
- -webkit-transition-duration: 400ms;
- transition-duration: 400ms;
-}
-.message-hide-avatar .message-avatar {
- opacity: 0;
-}
-.message-date {
- font-size: 12px;
- margin-top: 4px;
- opacity: 0.8;
-}
-.message-pic img + .message-date {
- margin-top: 8px;
-}
-.message-sent .message-date {
- text-align: right;
-}
-.message-sent {
- -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 .message-name {
- margin-right: 16px;
-}
-.message-sent .message-label {
- margin-right: 6px;
-}
-.message-sent.message-with-avatar .message-text {
- margin-right: 29px;
-}
-.message-sent.message-with-avatar .message-name {
- margin-right: 45px;
-}
-.message-sent.message-with-avatar .message-label {
- margin-right: 34px;
-}
-.message-sent .message-text {
- padding-right: 22px;
- background-color: #00d449;
- color: white;
- margin-left: auto;
- -webkit-mask-box-image: url("data:image/svg+xml;charset=utf-8,") 50% 56% 46% 42%;
-}
-.message-sent.message-last .message-text,
-.message-sent.message-with-tail .message-text {
- border-radius: 16px 16px 0 16px;
- -webkit-mask-box-image: url("data:image/svg+xml;charset=utf-8,") 50% 56% 46% 42%;
-}
-.message-sent.message-last.message-pic img,
-.message-sent.message-with-tail.message-pic img {
- border-radius: 16px 16px 0 16px;
-}
-.message-received {
- -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;
-}
-.message-received .message-text {
- padding-left: 22px;
- background-color: #e5e5ea;
- color: #000;
- -webkit-mask-box-image: url("data:image/svg+xml;charset=utf-8,") 50% 42% 46% 56%;
-}
-.message-received .message-name {
- margin-left: 16px;
-}
-.message-received .message-label {
- margin-left: 6px;
-}
-.message-received.message-with-avatar .message-text {
- margin-left: 29px;
-}
-.message-received.message-with-avatar .message-name {
- margin-left: 45px;
-}
-.message-received.message-with-avatar .message-label {
- margin-left: 34px;
-}
-.message-received.message-last .message-text,
-.message-received.message-with-tail .message-text {
- border-radius: 16px 16px 16px 0;
- -webkit-mask-box-image: url("data:image/svg+xml;charset=utf-8,") 50% 42% 46% 56%;
-}
-.message-received.message-last.message-pic img,
-.message-received.message-with-tail.message-pic img {
- border-radius: 16px 16px 16px 0;
-}
-.message-last {
- margin-bottom: 8px;
-}
-.message-appear-from-bottom {
- -webkit-animation: messageAppearFromBottom 400ms;
- animation: messageAppearFromBottom 400ms;
-}
-.message-appear-from-top {
- -webkit-animation: messageAppearFromTop 400ms;
- animation: messageAppearFromTop 400ms;
-}
-.messages-auto-layout .message-name,
-.messages-auto-layout .message-label {
- display: none;
-}
-.messages-auto-layout .message-avatar {
- opacity: 0;
-}
-.messages-auto-layout .message-first .message-name {
- display: block;
-}
-.messages-auto-layout .message-last .message-avatar {
- opacity: 1;
-}
-.messages-auto-layout .message-last .message-label {
- display: block;
-}
-html.retina.ios-6 .message,
-html.retina.ios-6 .message.message-pic img {
- -webkit-mask-box-image: none;
- border-radius: 16px;
-}
-@-webkit-keyframes messageAppearFromBottom {
- from {
- -webkit-transform: translate3d(0, 100%, 0);
- }
- to {
- -webkit-transform: translate3d(0, 0, 0);
- }
-}
-@keyframes messageAppearFromBottom {
- from {
- transform: translate3d(0, 100%, 0);
- }
- to {
- transform: translate3d(0, 0, 0);
- }
-}
-@-webkit-keyframes messageAppearFromTop {
- from {
- -webkit-transform: translate3d(0, -100%, 0);
- }
- to {
- -webkit-transform: translate3d(0, 0, 0);
- }
-}
-@keyframes messageAppearFromTop {
- from {
- transform: translate3d(0, -100%, 0);
- }
- to {
- transform: translate3d(0, 0, 0);
- }
-}
-/* === Statusbar overlay === */
-html.with-statusbar-overlay body {
- padding-top: 20px;
- box-sizing: border-box;
-}
-html.with-statusbar-overlay body .statusbar-overlay {
- display: block;
-}
-html.with-statusbar-overlay body .panel {
- padding-top: 20px;
-}
-.statusbar-overlay {
- background: #f7f7f8;
- z-index: 10000;
- position: absolute;
- left: 0;
- top: 0;
- height: 20px;
- width: 100%;
- display: none;
- -webkit-transition-duration: 400ms;
- transition-duration: 400ms;
-}
-/* === Preloader === */
-.preloader {
- display: inline-block;
- width: 20px;
- height: 20px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
- background-position: 50%;
- background-size: 100%;
- background-repeat: no-repeat;
- -webkit-animation: preloader-spin 1s steps(12, end) infinite;
- animation: preloader-spin 1s steps(12, end) infinite;
-}
-@-webkit-keyframes preloader-spin {
- 100% {
- -webkit-transform: rotate(360deg);
- }
-}
-@keyframes preloader-spin {
- 100% {
- transform: rotate(360deg);
- }
-}
-/* === Progress Bar === */
-.progressbar,
-.progressbar-infinite {
- height: 2px;
- width: 100%;
- overflow: hidden;
- position: relative;
- display: block;
- background: #b6b6b6;
- border-radius: 2px;
- -webkit-transform-origin: center top;
- transform-origin: center top;
- -webkit-transform-style: preserve-3d;
- transform-style: preserve-3d;
-}
-.progressbar {
- vertical-align: middle;
-}
-.progressbar span {
- width: 100%;
- background: #aa5252;
- height: 100%;
- position: absolute;
- left: 0;
- top: 0;
- -webkit-transform: translate3d(-100%, 0, 0);
- transform: translate3d(-100%, 0, 0);
- -webkit-transition-duration: 150ms;
- transition-duration: 150ms;
-}
-.progressbar-infinite:before {
- content: '';
- position: absolute;
- left: 0;
- top: 0;
- width: 100%;
- height: 100%;
- background: #aa5252;
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- -webkit-transform-origin: left center;
- transform-origin: left center;
- -webkit-animation: progressbar-infinite 1s linear infinite;
- animation: progressbar-infinite 1s linear infinite;
-}
-html.with-statusbar-overlay body > .progressbar-infinite,
-html.with-statusbar-overlay .framework7-root > .progressbar-infinite {
- top: 20px;
-}
-.progressbar-infinite.color-multi {
- background: none;
-}
-.progressbar-infinite.color-multi:before {
- content: '';
- position: absolute;
- left: 0;
- top: 0;
- width: 400%;
- height: 100%;
- background-image: -webkit-linear-gradient(left, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55, #5856d6, #34aadc, #007aff, #5ac8fa, #4cd964);
- background-image: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55, #5856d6, #34aadc, #007aff, #5ac8fa, #4cd964);
- background-size: 25% 100%;
- background-repeat: repeat-x;
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- -webkit-animation: progressbar-infinite-multicolor 3s linear infinite;
- animation: progressbar-infinite-multicolor 3s linear infinite;
-}
-html.with-statusbar-overlay body > .progressbar-infinite.color-multi,
-html.with-statusbar-overlay .framework7-root > .progressbar-infinite.color-multi {
- top: 20px;
-}
-body > .progressbar,
-.view > .progressbar,
-.views > .progressbar,
-.page > .progressbar,
-.panel > .progressbar,
-.popup > .progressbar,
-.framework7-root > .progressbar,
-body > .progressbar-infinite,
-.view > .progressbar-infinite,
-.views > .progressbar-infinite,
-.page > .progressbar-infinite,
-.panel > .progressbar-infinite,
-.popup > .progressbar-infinite,
-.framework7-root > .progressbar-infinite {
- position: absolute;
- left: 0;
- top: 0;
- z-index: 15000;
- border-radius: 0;
-}
-.progressbar-in {
- -webkit-animation: progressbar-in 300ms forwards;
- animation: progressbar-in 300ms forwards;
-}
-.progressbar-out {
- -webkit-animation: progressbar-out 300ms forwards;
- animation: progressbar-out 300ms forwards;
-}
-html.with-statusbar-overlay body > .progressbar {
- top: 20px;
-}
-@-webkit-keyframes progressbar-in {
- from {
- opacity: 0;
- -webkit-transform: scaleY(0);
- }
- to {
- opacity: 1;
- -webkit-transform: scaleY(1);
- }
-}
-@keyframes progressbar-in {
- from {
- opacity: 0;
- transform: scaleY(0);
- }
- to {
- opacity: 1;
- transform: scaleY(1);
- }
-}
-@-webkit-keyframes progressbar-out {
- from {
- opacity: 1;
- -webkit-transform: scaleY(1);
- }
- to {
- opacity: 0;
- -webkit-transform: scaleY(0);
- }
-}
-@keyframes progressbar-out {
- from {
- opacity: 1;
- transform: scaleY(1);
- }
- to {
- opacity: 0;
- transform: scaleY(0);
- }
-}
-@-webkit-keyframes progressbar-infinite {
- 0% {
- -webkit-transform: translate3d(-50%, 0, 0) scaleX(0.5);
- }
- 100% {
- -webkit-transform: translate3d(100%, 0, 0) scaleX(0.5);
- }
-}
-@keyframes progressbar-infinite {
- 0% {
- transform: translate3d(-50%, 0, 0) scaleX(0.5);
- }
- 100% {
- transform: translate3d(100%, 0, 0) scaleX(0.5);
- }
-}
-@-webkit-keyframes progressbar-infinite-multicolor {
- from {
- -webkit-transform: translate3d(0%, 0, 0);
- }
- to {
- -webkit-transform: translate3d(-50%, 0, 0);
- }
-}
-@keyframes progressbar-infinite-multicolor {
- from {
- transform: translate3d(0%, 0, 0);
- }
- to {
- transform: translate3d(-50%, 0, 0);
- }
-}
-/* === Swiper === */
-.swiper-container {
- margin-left: auto;
- margin-right: auto;
- position: relative;
- overflow: hidden;
- /* Fix of Webkit flickering */
- z-index: 1;
-}
-.swiper-container-no-flexbox .swiper-slide {
- float: left;
-}
-.swiper-container-vertical > .swiper-wrapper {
- -webkit-box-orient: vertical;
- -moz-box-orient: vertical;
- -ms-flex-direction: column;
- -webkit-flex-direction: column;
- flex-direction: column;
-}
-.swiper-wrapper {
- position: relative;
- width: 100%;
- height: 100%;
- z-index: 1;
- display: -webkit-box;
- display: -moz-box;
- display: -ms-flexbox;
- display: -webkit-flex;
- display: flex;
- -webkit-transition-property: -webkit-transform;
- -moz-transition-property: -moz-transform;
- -o-transition-property: -o-transform;
- -ms-transition-property: -ms-transform;
- transition-property: transform;
- -webkit-box-sizing: content-box;
- -moz-box-sizing: content-box;
- box-sizing: content-box;
-}
-.swiper-container-android .swiper-slide,
-.swiper-wrapper {
- -webkit-transform: translate3d(0px, 0, 0);
- -moz-transform: translate3d(0px, 0, 0);
- -o-transform: translate(0px, 0px);
- -ms-transform: translate3d(0px, 0, 0);
- transform: translate3d(0px, 0, 0);
-}
-.swiper-container-multirow > .swiper-wrapper {
- -webkit-box-lines: multiple;
- -moz-box-lines: multiple;
- -ms-flex-wrap: wrap;
- -webkit-flex-wrap: wrap;
- flex-wrap: wrap;
-}
-.swiper-container-free-mode > .swiper-wrapper {
- -webkit-transition-timing-function: ease-out;
- -moz-transition-timing-function: ease-out;
- -ms-transition-timing-function: ease-out;
- -o-transition-timing-function: ease-out;
- transition-timing-function: ease-out;
- margin: 0 auto;
-}
-.swiper-slide {
- -webkit-flex-shrink: 0;
- -ms-flex: 0 0 auto;
- flex-shrink: 0;
- width: 100%;
- height: 100%;
- position: relative;
-}
-/* Auto Height */
-.swiper-container-autoheight,
-.swiper-container-autoheight .swiper-slide {
- height: auto;
-}
-.swiper-container-autoheight .swiper-wrapper {
- -webkit-box-align: start;
- -ms-flex-align: start;
- -webkit-align-items: flex-start;
- align-items: flex-start;
- -webkit-transition-property: -webkit-transform, height;
- -moz-transition-property: -moz-transform;
- -o-transition-property: -o-transform;
- -ms-transition-property: -ms-transform;
- transition-property: transform, height;
-}
-/* a11y */
-.swiper-container .swiper-notification {
- position: absolute;
- left: 0;
- top: 0;
- pointer-events: none;
- opacity: 0;
- z-index: -1000;
-}
-/* IE10 Windows Phone 8 Fixes */
-.swiper-wp8-horizontal {
- -ms-touch-action: pan-y;
- touch-action: pan-y;
-}
-.swiper-wp8-vertical {
- -ms-touch-action: pan-x;
- touch-action: pan-x;
-}
-/* Arrows */
-.swiper-button-prev,
-.swiper-button-next {
- position: absolute;
- top: 50%;
- width: 27px;
- height: 44px;
- margin-top: -22px;
- z-index: 10;
- cursor: pointer;
- -moz-background-size: 27px 44px;
- -webkit-background-size: 27px 44px;
- background-size: 27px 44px;
- background-position: center;
- background-repeat: no-repeat;
-}
-.swiper-button-prev.swiper-button-disabled,
-.swiper-button-next.swiper-button-disabled {
- opacity: 0.35;
- cursor: auto;
- pointer-events: none;
-}
-.swiper-button-prev,
-.swiper-container-rtl .swiper-button-next {
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
- left: 10px;
- right: auto;
-}
-.swiper-button-next,
-.swiper-container-rtl .swiper-button-prev {
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
- right: 10px;
- left: auto;
-}
-/* Pagination Styles */
-.swiper-pagination {
- position: absolute;
- text-align: center;
- -webkit-transition: 300ms;
- -moz-transition: 300ms;
- -o-transition: 300ms;
- transition: 300ms;
- -webkit-transform: translate3d(0, 0, 0);
- -ms-transform: translate3d(0, 0, 0);
- -o-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- z-index: 10;
-}
-.swiper-pagination.swiper-pagination-hidden {
- opacity: 0;
-}
-/* Common Styles */
-.swiper-pagination-fraction,
-.swiper-pagination-custom,
-.swiper-container-horizontal > .swiper-pagination-bullets {
- bottom: 10px;
- left: 0;
- width: 100%;
-}
-/* Bullets */
-.swiper-pagination-bullet {
- width: 8px;
- height: 8px;
- display: inline-block;
- border-radius: 100%;
- background: #000;
- opacity: 0.2;
-}
-button.swiper-pagination-bullet {
- border: none;
- margin: 0;
- padding: 0;
- box-shadow: none;
- -moz-appearance: none;
- -ms-appearance: none;
- -webkit-appearance: none;
- appearance: none;
-}
-.swiper-pagination-clickable .swiper-pagination-bullet {
- cursor: pointer;
-}
-.swiper-pagination-bullet-active {
- opacity: 1;
- background: #007aff;
-}
-.swiper-container-vertical > .swiper-pagination-bullets {
- right: 10px;
- top: 50%;
- -webkit-transform: translate3d(0px, -50%, 0);
- -moz-transform: translate3d(0px, -50%, 0);
- -o-transform: translate(0px, -50%);
- -ms-transform: translate3d(0px, -50%, 0);
- transform: translate3d(0px, -50%, 0);
-}
-.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
- margin: 5px 0;
- display: block;
-}
-.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
- margin: 0 5px;
-}
-/* Progress */
-.swiper-pagination-progress {
- background: rgba(0, 0, 0, 0.25);
- position: absolute;
-}
-.swiper-pagination-progress .swiper-pagination-progressbar {
- background: #007aff;
- position: absolute;
- left: 0;
- top: 0;
- width: 100%;
- height: 100%;
- -webkit-transform: scale(0);
- -ms-transform: scale(0);
- -o-transform: scale(0);
- transform: scale(0);
- -webkit-transform-origin: left top;
- -moz-transform-origin: left top;
- -ms-transform-origin: left top;
- -o-transform-origin: left top;
- transform-origin: left top;
-}
-.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
- -webkit-transform-origin: right top;
- -moz-transform-origin: right top;
- -ms-transform-origin: right top;
- -o-transform-origin: right top;
- transform-origin: right top;
-}
-.swiper-container-horizontal > .swiper-pagination-progress {
- width: 100%;
- height: 4px;
- left: 0;
- top: 0;
-}
-.swiper-container-vertical > .swiper-pagination-progress {
- width: 4px;
- height: 100%;
- left: 0;
- top: 0;
-}
-/* 3D Container */
-.swiper-container-3d {
- -webkit-perspective: 1200px;
- -moz-perspective: 1200px;
- -o-perspective: 1200px;
- perspective: 1200px;
-}
-.swiper-container-3d .swiper-wrapper,
-.swiper-container-3d .swiper-slide,
-.swiper-container-3d .swiper-slide-shadow-left,
-.swiper-container-3d .swiper-slide-shadow-right,
-.swiper-container-3d .swiper-slide-shadow-top,
-.swiper-container-3d .swiper-slide-shadow-bottom,
-.swiper-container-3d .swiper-cube-shadow {
- -webkit-transform-style: preserve-3d;
- -moz-transform-style: preserve-3d;
- -ms-transform-style: preserve-3d;
- transform-style: preserve-3d;
-}
-.swiper-container-3d .swiper-slide-shadow-left,
-.swiper-container-3d .swiper-slide-shadow-right,
-.swiper-container-3d .swiper-slide-shadow-top,
-.swiper-container-3d .swiper-slide-shadow-bottom {
- position: absolute;
- left: 0;
- top: 0;
- width: 100%;
- height: 100%;
- pointer-events: none;
- z-index: 10;
-}
-.swiper-container-3d .swiper-slide-shadow-left {
- background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
- /* Safari 4+, Chrome */
- background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
- /* Chrome 10+, Safari 5.1+, iOS 5+ */
- background-image: -moz-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
- /* Firefox 3.6-15 */
- background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
- /* Opera 11.10-12.00 */
- background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
- /* Firefox 16+, IE10, Opera 12.50+ */
-}
-.swiper-container-3d .swiper-slide-shadow-right {
- background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
- /* Safari 4+, Chrome */
- background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
- /* Chrome 10+, Safari 5.1+, iOS 5+ */
- background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
- /* Firefox 3.6-15 */
- background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
- /* Opera 11.10-12.00 */
- background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
- /* Firefox 16+, IE10, Opera 12.50+ */
-}
-.swiper-container-3d .swiper-slide-shadow-top {
- background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
- /* Safari 4+, Chrome */
- background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
- /* Chrome 10+, Safari 5.1+, iOS 5+ */
- background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
- /* Firefox 3.6-15 */
- background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
- /* Opera 11.10-12.00 */
- background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
- /* Firefox 16+, IE10, Opera 12.50+ */
-}
-.swiper-container-3d .swiper-slide-shadow-bottom {
- background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
- /* Safari 4+, Chrome */
- background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
- /* Chrome 10+, Safari 5.1+, iOS 5+ */
- background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
- /* Firefox 3.6-15 */
- background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
- /* Opera 11.10-12.00 */
- background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
- /* Firefox 16+, IE10, Opera 12.50+ */
-}
-/* Coverflow */
-.swiper-container-coverflow .swiper-wrapper,
-.swiper-container-flip .swiper-wrapper {
- /* Windows 8 IE 10 fix */
- -ms-perspective: 1200px;
-}
-/* Cube + Flip */
-.swiper-container-cube,
-.swiper-container-flip {
- overflow: visible;
-}
-.swiper-container-cube .swiper-slide,
-.swiper-container-flip .swiper-slide {
- pointer-events: none;
- -webkit-backface-visibility: hidden;
- -moz-backface-visibility: hidden;
- -ms-backface-visibility: hidden;
- backface-visibility: hidden;
- z-index: 1;
-}
-.swiper-container-cube .swiper-slide .swiper-slide,
-.swiper-container-flip .swiper-slide .swiper-slide {
- pointer-events: none;
-}
-.swiper-container-cube .swiper-slide-active,
-.swiper-container-flip .swiper-slide-active,
-.swiper-container-cube .swiper-slide-active .swiper-slide-active,
-.swiper-container-flip .swiper-slide-active .swiper-slide-active {
- pointer-events: auto;
-}
-.swiper-container-cube .swiper-slide-shadow-top,
-.swiper-container-flip .swiper-slide-shadow-top,
-.swiper-container-cube .swiper-slide-shadow-bottom,
-.swiper-container-flip .swiper-slide-shadow-bottom,
-.swiper-container-cube .swiper-slide-shadow-left,
-.swiper-container-flip .swiper-slide-shadow-left,
-.swiper-container-cube .swiper-slide-shadow-right,
-.swiper-container-flip .swiper-slide-shadow-right {
- z-index: 0;
- -webkit-backface-visibility: hidden;
- -moz-backface-visibility: hidden;
- -ms-backface-visibility: hidden;
- backface-visibility: hidden;
-}
-/* Cube */
-.swiper-container-cube .swiper-slide {
- visibility: hidden;
- -webkit-transform-origin: 0 0;
- -moz-transform-origin: 0 0;
- -ms-transform-origin: 0 0;
- transform-origin: 0 0;
- width: 100%;
- height: 100%;
-}
-.swiper-container-cube.swiper-container-rtl .swiper-slide {
- -webkit-transform-origin: 100% 0;
- -moz-transform-origin: 100% 0;
- -ms-transform-origin: 100% 0;
- transform-origin: 100% 0;
-}
-.swiper-container-cube .swiper-slide-active,
-.swiper-container-cube .swiper-slide-next,
-.swiper-container-cube .swiper-slide-prev,
-.swiper-container-cube .swiper-slide-next + .swiper-slide {
- pointer-events: auto;
- visibility: visible;
-}
-.swiper-container-cube .swiper-cube-shadow {
- position: absolute;
- left: 0;
- bottom: 0px;
- width: 100%;
- height: 100%;
- background: #000;
- opacity: 0.6;
- -webkit-filter: blur(50px);
- filter: blur(50px);
- z-index: 0;
-}
-/* Fade */
-.swiper-container-fade.swiper-container-free-mode .swiper-slide {
- -webkit-transition-timing-function: ease-out;
- -moz-transition-timing-function: ease-out;
- -ms-transition-timing-function: ease-out;
- -o-transition-timing-function: ease-out;
- transition-timing-function: ease-out;
-}
-.swiper-container-fade .swiper-slide {
- pointer-events: none;
- -webkit-transition-property: opacity;
- -moz-transition-property: opacity;
- -o-transition-property: opacity;
- transition-property: opacity;
-}
-.swiper-container-fade .swiper-slide .swiper-slide {
- pointer-events: none;
-}
-.swiper-container-fade .swiper-slide-active,
-.swiper-container-fade .swiper-slide-active .swiper-slide-active {
- pointer-events: auto;
-}
-.swiper-zoom-container {
- width: 100%;
- height: 100%;
- display: -webkit-box;
- display: -moz-box;
- display: -ms-flexbox;
- display: -webkit-flex;
- display: flex;
- -webkit-box-pack: center;
- -moz-box-pack: center;
- -ms-flex-pack: center;
- -webkit-justify-content: center;
- justify-content: center;
- -webkit-box-align: center;
- -moz-box-align: center;
- -ms-flex-align: center;
- -webkit-align-items: center;
- align-items: center;
- text-align: center;
-}
-.swiper-zoom-container > img,
-.swiper-zoom-container > svg,
-.swiper-zoom-container > canvas {
- max-width: 100%;
- max-height: 100%;
- object-fit: contain;
-}
-/* Scrollbar */
-.swiper-scrollbar {
- border-radius: 10px;
- position: relative;
- -ms-touch-action: none;
- background: rgba(0, 0, 0, 0.1);
-}
-.swiper-container-horizontal > .swiper-scrollbar {
- position: absolute;
- left: 1%;
- bottom: 3px;
- z-index: 50;
- height: 5px;
- width: 98%;
-}
-.swiper-container-vertical > .swiper-scrollbar {
- position: absolute;
- right: 3px;
- top: 1%;
- z-index: 50;
- width: 5px;
- height: 98%;
-}
-.swiper-scrollbar-drag {
- height: 100%;
- width: 100%;
- position: relative;
- background: rgba(0, 0, 0, 0.5);
- border-radius: 10px;
- left: 0;
- top: 0;
-}
-.swiper-scrollbar-cursor-drag {
- cursor: move;
-}
-/* Preloader */
-.swiper-slide .preloader {
- width: 42px;
- height: 42px;
- position: absolute;
- left: 50%;
- top: 50%;
- margin-left: -21px;
- margin-top: -21px;
- z-index: 10;
-}
-/* === Columns Picker === */
-.picker-columns {
- width: 100%;
- height: 260px;
- z-index: 11500;
-}
-.picker-columns.picker-modal-inline,
-.popover .picker-columns {
- height: 200px;
-}
-@media (orientation: landscape) and (max-height: 415px) {
- .picker-columns:not(.picker-modal-inline) {
- height: 200px;
- }
-}
-.popover.popover-picker-columns {
- width: 280px;
-}
-.picker-items {
- display: -webkit-box;
- display: -ms-flexbox;
- display: -webkit-flex;
- display: flex;
- -webkit-box-pack: center;
- -ms-flex-pack: center;
- -webkit-justify-content: center;
- justify-content: center;
- padding: 0;
- text-align: right;
- font-size: 24px;
- -webkit-mask-box-image: -webkit-linear-gradient(bottom, transparent, transparent 5%, white 20%, white 80%, transparent 95%, transparent);
- -webkit-mask-box-image: linear-gradient(to top, transparent, transparent 5%, white 20%, white 80%, transparent 95%, transparent);
-}
-.picker-items-col {
- overflow: hidden;
- position: relative;
- max-height: 100%;
-}
-.picker-items-col.picker-items-col-left {
- text-align: left;
-}
-.picker-items-col.picker-items-col-center {
- text-align: center;
-}
-.picker-items-col.picker-items-col-right {
- text-align: right;
-}
-.picker-items-col.picker-items-col-divider {
- color: #000;
- display: -webkit-box;
- display: -ms-flexbox;
- display: -webkit-flex;
- display: flex;
- -webkit-box-align: center;
- -ms-flex-align: center;
- -webkit-align-items: center;
- align-items: center;
-}
-.picker-items-col-wrapper {
- -webkit-transition-duration: 300ms;
- transition-duration: 300ms;
- -webkit-transition-timing-function: ease-out;
- transition-timing-function: ease-out;
-}
-.picker-item {
- height: 36px;
- line-height: 36px;
- padding: 0 10px;
- white-space: nowrap;
- position: relative;
- overflow: hidden;
- text-overflow: ellipsis;
- color: #707274;
- left: 0;
- top: 0;
- width: 100%;
- box-sizing: border-box;
- -webkit-transition-duration: 300ms;
- transition-duration: 300ms;
-}
-.picker-items-col-absolute .picker-item {
- position: absolute;
-}
-.picker-item.picker-item-far {
- pointer-events: none;
-}
-.picker-item.picker-selected {
- color: #000;
- -webkit-transform: translate3d(0, 0, 0) rotateX(0deg);
- transform: translate3d(0, 0, 0) rotateX(0deg);
-}
-.picker-center-highlight {
- height: 36px;
- box-sizing: border-box;
- position: absolute;
- left: 0;
- width: 100%;
- top: 50%;
- margin-top: -18px;
- pointer-events: none;
-}
-.picker-center-highlight:before {
- content: '';
- position: absolute;
- left: 0;
- top: 0;
- bottom: auto;
- right: auto;
- height: 1px;
- width: 100%;
- background-color: #a8abb0;
- display: block;
- z-index: 15;
- -webkit-transform-origin: 50% 0%;
- transform-origin: 50% 0%;
-}
-html.pixel-ratio-2 .picker-center-highlight:before {
- -webkit-transform: scaleY(0.5);
- transform: scaleY(0.5);
-}
-html.pixel-ratio-3 .picker-center-highlight:before {
- -webkit-transform: scaleY(0.33);
- transform: scaleY(0.33);
-}
-.picker-center-highlight:after {
- content: '';
- position: absolute;
- left: 0;
- bottom: 0;
- right: auto;
- top: auto;
- height: 1px;
- width: 100%;
- background-color: #a8abb0;
- display: block;
- z-index: 15;
- -webkit-transform-origin: 50% 100%;
- transform-origin: 50% 100%;
-}
-html.pixel-ratio-2 .picker-center-highlight:after {
- -webkit-transform: scaleY(0.5);
- transform: scaleY(0.5);
-}
-html.pixel-ratio-3 .picker-center-highlight:after {
- -webkit-transform: scaleY(0.33);
- transform: scaleY(0.33);
-}
-.picker-3d .picker-items {
- overflow: hidden;
- -webkit-perspective: 1200px;
- perspective: 1200px;
-}
-.picker-3d .picker-items-col,
-.picker-3d .picker-items-col-wrapper,
-.picker-3d .picker-item {
- -webkit-transform-style: preserve-3d;
- transform-style: preserve-3d;
-}
-.picker-3d .picker-items-col {
- overflow: visible;
-}
-.picker-3d .picker-item {
- -webkit-transform-origin: center center -110px;
- transform-origin: center center -110px;
- -webkit-backface-visibility: hidden;
- backface-visibility: hidden;
- -webkit-transition-timing-function: ease-out;
- transition-timing-function: ease-out;
-}
-/* === Notifications === */
-.notifications {
- position: absolute;
- left: 0;
- top: 0;
- width: 100%;
- z-index: 20000;
- font-size: 14px;
- margin: 0;
- border: none;
- display: none;
- box-sizing: border-box;
- max-height: 100%;
- -webkit-transition-duration: 450ms;
- transition-duration: 450ms;
- -webkit-perspective: 1200px;
- perspective: 1200px;
- padding-top: 8px;
- padding-bottom: 8px;
-}
-.notifications.list-block > ul {
- background: none;
- margin: 0 auto;
- max-width: 584px;
-}
-.notifications.list-block > ul:before {
- display: none;
-}
-.notifications.list-block > ul:after {
- display: none;
-}
-.with-statusbar-overlay .notifications {
- padding-top: 20px;
- -webkit-transform: translate3d(0, -20px, 0);
- transform: translate3d(0, -20px, 0);
-}
-.notifications .item-content {
- padding-left: 8px;
- -webkit-box-align: start;
- -ms-flex-align: start;
- -webkit-align-items: flex-start;
- align-items: flex-start;
-}
-.notifications .item-title-row {
- margin-bottom: 8px;
-}
-.notifications .item-title-row:before {
- position: absolute;
- left: 0;
- top: 0;
- height: 36px;
- border-radius: 12px 12px 0 0;
- z-index: -1;
- background: #fff;
- content: '';
- width: 100%;
-}
-.notifications .item-title {
- font-weight: 400 !important;
- height: 36px;
- text-transform: uppercase;
- line-height: 35px;
- font-size: 13px;
-}
-html.ios-gt-8 .notifications .item-title {
- font-weight: 400 !important;
-}
-.notifications .item-subtitle {
- font-size: 15px;
- font-weight: 500;
-}
-html.ios-gt-8 .notifications .item-subtitle {
- font-weight: 600;
-}
-.notifications .item-text {
- font-size: 14px;
- color: inherit;
- height: auto;
- line-height: inherit;
-}
-.notifications .item-subtitle:first-child,
-.notifications .item-text:first-child {
- margin-top: 8px;
-}
-.notifications .item-content,
-.notifications .item-inner {
- min-height: 0;
-}
-.notifications .item-inner {
- position: static;
-}
-.notifications .item-inner:after {
- display: none;
-}
-.notifications .item-media {
- width: 20px;
-}
-.notifications .item-media img {
- max-width: 20px;
- max-height: 20px;
-}
-.notifications .item-media i.icon {
- width: 20px;
- height: 20px;
- -webkit-background-size: cover;
- background-size: cover;
- background-position: center;
- background-repeat: no-repeat;
-}
-.notifications .item-media + .item-inner {
- margin-left: 8px;
- overflow: visible;
-}
-.notifications li.notification-item {
- box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
-}
-.notifications li.notification-item .item-inner {
- padding-top: 0;
-}
-.notifications li.notification-item .item-media {
- padding-top: 8px;
-}
-.notifications .item-after {
- margin-top: auto;
- margin-bottom: auto;
-}
-.notifications .close-notification {
- width: 22px;
- height: 22px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%2044%2044'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cg%20stroke%3D'none'%20stroke-width%3D'1'%20fill%3D'none'%20fill-rule%3D'evenodd'%3E%3Cpath%20d%3D'M22.5%2C20.3786797%20L14.7218254%2C12.6005051%20L12.6005051%2C14.7218254%20L20.3786797%2C22.5%20L12.6005051%2C30.2781746%20L14.7218254%2C32.3994949%20L22.5%2C24.6213203%20L30.2781746%2C32.3994949%20L32.3994949%2C30.2781746%20L24.6213203%2C22.5%20L32.3994949%2C14.7218254%20L30.2781746%2C12.6005051%20L22.5%2C20.3786797%20Z%20M22%2C44%20C34.1502645%2C44%2044%2C34.1502645%2044%2C22%20C44%2C9.8497355%2034.1502645%2C0%2022%2C0%20C9.8497355%2C0%200%2C9.8497355%200%2C22%20C0%2C34.1502645%209.8497355%2C44%2022%2C44%20Z'%20fill%3D'%23000000'%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E");
- background-position: center top;
- background-repeat: no-repeat;
- -webkit-background-size: 100% auto;
- background-size: 100% auto;
- position: relative;
- opacity: 0.2;
-}
-.notifications .close-notification span {
- position: absolute;
- width: 44px;
- height: 44px;
- left: 50%;
- top: 50%;
- margin-left: -22px;
- margin-top: -22px;
-}
-.notifications .notification-item {
- max-width: 568px;
- margin: 0 auto 8px;
- -webkit-transition-duration: 450ms;
- transition-duration: 450ms;
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- opacity: 1;
- background: rgba(250, 250, 250, 0.95);
- border-radius: 12px;
- width: -webkit-calc(100% - 16px);
- width: -moz-calc(100% - 16px);
- width: calc(100% - 16px);
- position: absolute;
- left: 8px;
- top: 0;
-}
-.notifications .notification-item:last-child {
- margin-bottom: 0;
-}
-.notifications .notification-hidden {
- opacity: 0;
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
-}
-/* === Disabled elements === */
-.disabled,
-[disabled] {
- opacity: 0.55;
- pointer-events: none;
-}
-.disabled .disabled,
-.disabled [disabled],
-[disabled] .disabled,
-[disabled] [disabled] {
- opacity: 1;
-}
-* {
- -webkit-user-select: none;
- user-select: none;
-}
-input,
-textarea {
- -webkit-touch-callout: default;
- -webkit-user-select: text;
- user-select: text;
-}
-#editor-navbar.navbar .right a + a,
-#editor-navbar.navbar .left a + a {
- margin-left: 0;
-}
-html:not(.phone) #editor-navbar.navbar .right a + a,
-html:not(.phone) #editor-navbar.navbar .left a + a {
- margin-left: 10px;
-}
-.logo-navbar {
- height: 68px;
-}
-.logo-navbar .navbar-inner {
- top: 24px;
- height: 44px;
-}
-.phone.ios .container-edit .navbar:before,
-.phone.ios .container-collaboration .navbar:before,
-.phone.ios .container-filter .navbar:before {
- content: '';
- position: absolute;
- left: 0;
- top: 0;
- bottom: auto;
- right: auto;
- height: 1px;
- width: 100%;
- background-color: #c4c4c4;
- display: block;
- z-index: 15;
- -webkit-transform-origin: 50% 0%;
- transform-origin: 50% 0%;
-}
-html.pixel-ratio-2 .phone.ios .container-edit .navbar:before,
-html.pixel-ratio-2 .phone.ios .container-collaboration .navbar:before,
-html.pixel-ratio-2 .phone.ios .container-filter .navbar:before {
- -webkit-transform: scaleY(0.5);
- transform: scaleY(0.5);
-}
-html.pixel-ratio-3 .phone.ios .container-edit .navbar:before,
-html.pixel-ratio-3 .phone.ios .container-collaboration .navbar:before,
-html.pixel-ratio-3 .phone.ios .container-filter .navbar:before {
- -webkit-transform: scaleY(0.33);
- transform: scaleY(0.33);
-}
-.phone.ios .container-edit .page-content .list-block:first-child,
-.phone.ios .container-collaboration .page-content .list-block:first-child,
-.phone.ios .container-filter .page-content .list-block:first-child {
- margin-top: -1px;
-}
-.container-edit.popover,
-.container-add.popover,
-.container-settings.popover,
-.container-collaboration.popover,
-.container-filter.popover {
- width: 360px;
-}
-.settings.popup .list-block ul,
-.settings.popover .list-block ul {
- border-radius: 0 !important;
- background: #fff;
-}
-.settings.popup .list-block ul:last-child:after,
-.settings.popover .list-block ul:last-child:after {
- content: '';
- position: absolute;
- left: 0;
- bottom: 0;
- right: auto;
- top: auto;
- height: 1px;
- width: 100%;
- background-color: #c8c7cc;
- display: block;
- z-index: 15;
- -webkit-transform-origin: 50% 100%;
- transform-origin: 50% 100%;
-}
-html.pixel-ratio-2 .settings.popup .list-block ul:last-child:after,
-html.pixel-ratio-2 .settings.popover .list-block ul:last-child:after {
- -webkit-transform: scaleY(0.5);
- transform: scaleY(0.5);
-}
-html.pixel-ratio-3 .settings.popup .list-block ul:last-child:after,
-html.pixel-ratio-3 .settings.popover .list-block ul:last-child:after {
- -webkit-transform: scaleY(0.33);
- transform: scaleY(0.33);
-}
-.settings.popup .list-block:first-child,
-.settings.popover .list-block:first-child {
- margin-top: 0;
-}
-.settings.popup .list-block:last-child,
-.settings.popover .list-block:last-child {
- margin-bottom: 30px;
-}
-.settings.popup .list-block li:first-child a,
-.settings.popover .list-block li:first-child a,
-.settings.popup .list-block li:last-child a,
-.settings.popover .list-block li:last-child a {
- border-radius: 0 !important;
-}
-.settings.popup > .content-block,
-.settings.popover > .content-block,
-.settings.popup .popover-inner > .content-block,
-.settings.popover .popover-inner > .content-block {
- width: 100%;
- height: 100%;
- margin: 0;
- padding: 0;
- color: #000;
-}
-.settings.popup .popover-view,
-.settings.popover .popover-view {
- border-radius: 13px;
-}
-.settings.popup .popover-view > .pages,
-.settings.popover .popover-view > .pages {
- border-radius: 13px;
-}
-.settings.popup .content-block:first-child,
-.settings.popover .content-block:first-child {
- margin-top: 0;
-}
-.settings.popup .content-block:first-child .content-block-inner:before,
-.settings.popover .content-block:first-child .content-block-inner:before {
- height: 0;
-}
-.settings .categories {
- width: 100%;
-}
-.settings .categories > .buttons-row {
- width: 100%;
-}
-.settings .categories > .buttons-row .button {
- padding: 0 1px;
-}
-.settings .popover-inner {
- height: 400px;
-}
-.container-add .categories > .buttons-row .button {
- display: flex;
- justify-content: center;
- align-items: center;
-}
-.container-add .categories > .buttons-row .button.active i.icon {
- background-color: transparent;
-}
-.dataview.page-content {
- background: #ffffff;
-}
-.dataview .row {
- justify-content: space-around;
-}
-.dataview ul {
- padding: 0 10px;
- list-style: none;
-}
-.dataview ul li {
- display: inline-block;
-}
-.dataview .active {
- position: relative;
- z-index: 1;
-}
-.dataview .active::after {
- content: '';
- position: absolute;
- width: 22px;
- height: 22px;
- right: -5px;
- bottom: -5px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23aa5252%22%3E%3Cg%3E%3Ccircle%20fill%3D%22%23fff%22%20cx%3D%2211%22%20cy%3D%2211%22%20r%3D%2211%22%2F%3E%3Cpath%20d%3D%22M11%2C21A10%2C10%2C0%2C1%2C1%2C21%2C11%2C10%2C10%2C0%2C0%2C1%2C11%2C21h0ZM17.4%2C7.32L17.06%2C7a0.48%2C0.48%2C0%2C0%2C0-.67%2C0l-7%2C6.84L6.95%2C11.24a0.51%2C0.51%2C0%2C0%2C0-.59.08L6%2C11.66a0.58%2C0.58%2C0%2C0%2C0%2C0%2C.65l3.19%2C3.35a0.38%2C0.38%2C0%2C0%2C0%2C.39%2C0L17.4%2C8a0.48%2C0.48%2C0%2C0%2C0%2C0-.67h0Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
-}
-.item-content .item-after.splitter {
- color: #000;
-}
-.item-content .item-after.splitter label {
- margin: 0 5px;
-}
-.item-content .item-after.splitter .buttons-row {
- min-width: 90px;
- margin-left: 10px;
-}
-.item-content .item-after.value {
- display: block;
- min-width: 60px;
- color: #000000;
- margin-left: 10px;
- text-align: right;
-}
-.item-content .item-after input.field {
- color: #aa5252;
-}
-.item-content .item-after input.field.placeholder-color::-webkit-input-placeholder {
- color: #aa5252;
-}
-.item-content .item-after input.field.right {
- text-align: right;
-}
-.item-content.buttons .item-inner {
- padding-top: 0;
- padding-bottom: 0;
- align-items: stretch;
-}
-.item-content.buttons .item-inner > .row {
- width: 100%;
- align-items: stretch;
-}
-.item-content.buttons .item-inner > .row .button {
- flex: 1;
- border: none;
- height: inherit;
- border-radius: 0;
- font-size: 17px;
- display: flex;
- align-items: center;
- justify-content: center;
-}
-.item-content .item-after .color-preview {
- width: 75px;
- height: 30px;
- margin-top: -3px;
- box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset;
-}
-.item-content i .color-preview {
- width: 22px;
- height: 8px;
- display: inline-block;
- margin-top: 21px;
- box-sizing: border-box;
- box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset;
-}
-.item-link.no-indicator .item-inner {
- background-image: none;
- padding-right: 15px;
-}
-.list-block .item-link.list-button {
- color: #aa5252;
-}
-.button.active i.icon {
- background-color: #fff;
-}
-.document-menu {
- background-color: rgba(0, 0, 0, 0.9);
- width: auto;
- border-radius: 8px;
- z-index: 12500;
-}
-.document-menu .popover-angle:after {
- background: rgba(0, 0, 0, 0.9);
-}
-.document-menu .list-block {
- font-size: 14px;
- white-space: pre;
-}
-.document-menu .list-block:first-child ul {
- border-radius: 7px 0 0 7px;
-}
-.document-menu .list-block:first-child ul:before {
- display: none;
-}
-.document-menu .list-block:first-child li:first-child a {
- border-radius: 7px 0 0 7px;
-}
-.document-menu .list-block:last-child ul {
- border-radius: 0 7px 7px 0;
-}
-.document-menu .list-block:last-child ul:after {
- display: none;
-}
-.document-menu .list-block:last-child li:last-child a {
- border-radius: 0 7px 7px 0;
-}
-.document-menu .list-block:first-child:last-child li:first-child:last-child a,
-.document-menu .list-block:first-child:last-child ul:first-child:last-child {
- border-radius: 7px;
-}
-.document-menu .list-block .item-link {
- display: inline-block;
-}
-html:not(.watch-active-state) .document-menu .list-block .item-link:active,
-.document-menu .list-block .item-link.active-state {
- background-color: #d9d9d9;
-}
-html:not(.watch-active-state) .document-menu .list-block .item-link:active .item-inner:after,
-.document-menu .list-block .item-link.active-state .item-inner:after {
- background-color: transparent;
-}
-html.phone .document-menu .list-block .item-link {
- padding: 0 10px;
-}
-.document-menu .list-block .item-link.list-button {
- color: #ffffff;
- line-height: 36px;
-}
-.document-menu .list-block .item-link.list-button:after {
- content: '';
- position: absolute;
- right: 0;
- top: 0;
- left: auto;
- bottom: auto;
- width: 1px;
- height: 100%;
- background-color: rgba(230, 230, 230, 0.9);
- display: block;
- z-index: 15;
- -webkit-transform-origin: 100% 50%;
- transform-origin: 100% 50%;
-}
-html.pixel-ratio-2 .document-menu .list-block .item-link.list-button:after {
- -webkit-transform: scaleX(0.5);
- transform: scaleX(0.5);
-}
-html.pixel-ratio-3 .document-menu .list-block .item-link.list-button:after {
- -webkit-transform: scaleX(0.33);
- transform: scaleX(0.33);
-}
-.document-menu .list-block li {
- display: inline-block;
-}
-.document-menu .list-block li:last-child .list-button:after {
- display: none;
-}
-.document-menu .list-block li:last-child .item-inner:after,
-.document-menu .list-block li:last-child li:last-child .item-inner:after {
- display: none;
-}
-.document-menu .list-block li li:last-child .item-inner:after,
-.document-menu .list-block li:last-child li .item-inner:after {
- content: '';
- position: absolute;
- right: 0;
- top: 0;
- left: auto;
- bottom: auto;
- width: 1px;
- height: 100%;
- background-color: rgba(230, 230, 230, 0.9);
- display: block;
- z-index: 15;
- -webkit-transform-origin: 100% 50%;
- transform-origin: 100% 50%;
-}
-html.pixel-ratio-2 .document-menu .list-block li li:last-child .item-inner:after,
-html.pixel-ratio-2 .document-menu .list-block li:last-child li .item-inner:after {
- -webkit-transform: scaleX(0.5);
- transform: scaleX(0.5);
-}
-html.pixel-ratio-3 .document-menu .list-block li li:last-child .item-inner:after,
-html.pixel-ratio-3 .document-menu .list-block li:last-child li .item-inner:after {
- -webkit-transform: scaleX(0.33);
- transform: scaleX(0.33);
-}
-.document-menu .list-block.no-hairlines:before,
-.document-menu .list-block.no-hairlines ul:before,
-.document-menu .list-block.no-hairlines .content-block-inner:before {
- display: none;
-}
-.document-menu .list-block.no-hairlines:after,
-.document-menu .list-block.no-hairlines ul:after,
-.document-menu .list-block.no-hairlines .content-block-inner:after {
- display: none;
-}
-.document-menu .list-block.no-hairlines-between .item-inner:after,
-.document-menu .list-block.no-hairlines-between .list-button:after,
-.document-menu .list-block.no-hairlines-between .item-divider:after,
-.document-menu .list-block.no-hairlines-between .list-group-title:after,
-.document-menu .list-block.no-hairlines-between .list-group-title:after {
- display: none;
-}
-.color-palette a {
- flex-grow: 1;
- position: relative;
- min-width: 10px;
- min-height: 26px;
- margin: 1px 1px 0 0;
- box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset;
-}
-.color-palette a.active:after {
- content: ' ';
- position: absolute;
- width: 100%;
- height: 100%;
- box-shadow: 0 0 0 1px white, 0 0 0 4px #aa5252;
- z-index: 1;
- border-radius: 1px;
-}
-.color-palette a.transparent {
- background-repeat: no-repeat;
- background-size: 100% 100%;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20x%3D'0px'%20y%3D'0px'%20viewBox%3D'0%200%2022%2022'%20xml%3Aspace%3D'preserve'%3E%3Cline%20stroke%3D'%23ff0000'%20stroke-linecap%3D'undefined'%20stroke-linejoin%3D'undefined'%20id%3D'svg_1'%20y2%3D'0'%20x2%3D'22'%20y1%3D'22'%20x1%3D'0'%20stroke-width%3D'2'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E");
-}
-.color-palette .theme-colors .item-inner {
- display: inline-block;
- overflow: visible;
-}
-.color-palette .standart-colors .item-inner,
-.color-palette .dynamic-colors .item-inner {
- overflow: visible;
-}
-.custom-colors {
- display: flex;
- justify-content: space-around;
- align-items: center;
- margin: 15px;
-}
-.custom-colors.phone {
- max-width: 300px;
- margin: 0 auto;
- margin-top: 4px;
-}
-.custom-colors.phone .button-round {
- margin-top: 20px;
-}
-.custom-colors .right-block {
- margin-left: 20px;
-}
-.custom-colors .button-round {
- height: 72px;
- width: 72px;
- padding: 0;
- display: flex;
- justify-content: center;
- align-items: center;
- border-radius: 100px;
- background-color: #ffffff;
- box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
- border-color: transparent;
- margin-top: 25px;
-}
-.custom-colors .button-round.active-state {
- background-color: rgba(0, 0, 0, 0.1);
-}
-.custom-colors .color-hsb-preview {
- width: 72px;
- height: 72px;
- border-radius: 100px;
- overflow: hidden;
- border: 1px solid #c4c4c4;
-}
-.custom-colors .new-color-hsb-preview {
- width: 100%;
- height: 36px;
-}
-.custom-colors .current-color-hsb-preview {
- width: 100%;
- height: 36px;
-}
-.custom-colors .list-block ul:before,
-.custom-colors .list-block ul:after {
- content: none;
-}
-.custom-colors .list-block ul li {
- border: 1px solid rgba(0, 0, 0, 0.3);
-}
-.custom-colors .color-picker-wheel {
- position: relative;
- width: 290px;
- max-width: 100%;
- height: auto;
- font-size: 0;
-}
-.custom-colors .color-picker-wheel svg {
- width: 100%;
- height: auto;
-}
-.custom-colors .color-picker-wheel .color-picker-wheel-handle {
- width: calc(16.66666667%);
- height: calc(16.66666667%);
- position: absolute;
- box-sizing: border-box;
- border: 2px solid #fff;
- box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
- background: red;
- border-radius: 50%;
- left: 0;
- top: 0;
-}
-.custom-colors .color-picker-wheel .color-picker-sb-spectrum {
- background-color: #000;
- background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #000 100%), linear-gradient(to left, rgba(255, 255, 255, 0) 0%, #fff 100%);
- position: relative;
- width: 45%;
- height: 45%;
- left: 50%;
- top: 50%;
- transform: translate3d(-50%, -50%, 0);
- position: absolute;
-}
-.custom-colors .color-picker-wheel .color-picker-sb-spectrum-handle {
- width: 4px;
- height: 4px;
- position: absolute;
- left: -2px;
- top: -2px;
- z-index: 1;
-}
-.custom-colors .color-picker-wheel .color-picker-sb-spectrum-handle:after {
- background-color: inherit;
- content: '';
- position: absolute;
- width: 16px;
- height: 16px;
- border: 1px solid #fff;
- border-radius: 50%;
- box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);
- box-sizing: border-box;
- left: 50%;
- top: 50%;
- transform: translate(-50%, -50%);
- transition: 150ms;
- transition-property: transform;
- transform-origin: center;
-}
-.custom-colors .color-picker-wheel .color-picker-sb-spectrum-handle.color-picker-sb-spectrum-handle-pressed:after {
- transform: scale(1.5) translate(-33.333%, -33.333%);
-}
-.about .page-content {
- text-align: center;
-}
-.about .content-block:first-child {
- margin: 15px 0;
-}
-.about .content-block {
- margin: 0 auto 15px;
-}
-.about .content-block a {
- color: #000;
-}
-.about h3 {
- font-weight: normal;
- margin: 0;
-}
-.about h3.vendor {
- color: #000;
- font-weight: bold;
- margin-top: 15px;
-}
-.about p > label {
- margin-right: 5px;
-}
-.about .logo {
- background: url('../../../../common/mobile/resources/img/about/logo.svg') no-repeat center;
- margin-top: 20px;
-}
-.color-schemes-menu {
- cursor: pointer;
- display: block;
- background-color: #fff;
-}
-.color-schemes-menu .item-inner {
- justify-content: flex-start;
-}
-.color-schemes-menu .color-schema-block {
- display: flex;
-}
-.color-schemes-menu .color {
- min-width: 26px;
- min-height: 26px;
- margin: 0 2px 0 0;
- box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset;
-}
-.color-schemes-menu .text {
- margin-left: 20px;
- color: #212121;
-}
-.page-change {
- background-color: #FFFFFF;
-}
-.page-change .block-description {
- background-color: #fff;
- padding-top: 15px;
- padding-bottom: 15px;
- margin: 0;
- max-width: 100%;
- word-wrap: break-word;
-}
-.page-change #user-name {
- font-size: 17px;
- line-height: 22px;
- color: #000000;
- margin: 0;
-}
-.page-change #date-change {
- font-size: 14px;
- line-height: 18px;
- color: #6d6d72;
- margin: 0;
- margin-top: 3px;
-}
-.page-change #text-change {
- color: #000000;
- font-size: 15px;
- line-height: 20px;
- margin: 0;
- margin-top: 10px;
-}
-.page-change .block-btn,
-.page-change .content-block.block-btn:first-child {
- position: absolute;
- bottom: 0;
- display: flex;
- flex-direction: row;
- justify-content: space-between;
- margin: 0;
- width: 100%;
- height: 44px;
- align-items: center;
- box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.2);
-}
-.page-change .block-btn #btn-reject-change,
-.page-change .content-block.block-btn:first-child #btn-reject-change {
- margin-left: 20px;
-}
-.page-change .block-btn #btn-goto-change,
-.page-change .content-block.block-btn:first-child #btn-goto-change {
- margin-left: 10px;
-}
-.page-change .block-btn .change-buttons,
-.page-change .content-block.block-btn:first-child .change-buttons,
-.page-change .block-btn .accept-reject,
-.page-change .content-block.block-btn:first-child .accept-reject {
- display: flex;
-}
-.page-change .block-btn .next-prev,
-.page-change .content-block.block-btn:first-child .next-prev {
- display: flex;
-}
-.page-change .block-btn .next-prev .link,
-.page-change .content-block.block-btn:first-child .next-prev .link {
- width: 44px;
-}
-.page-change .block-btn .link,
-.page-change .content-block.block-btn:first-child .link {
- position: relative;
- display: flex;
- justify-content: center;
- align-items: center;
- font-size: 17px;
- height: 44px;
- min-width: 44px;
-}
-.page-change #no-changes {
- padding: 16px;
-}
-.navbar .center-collaboration {
- display: flex;
- justify-content: space-around;
-}
-.container-collaboration .navbar .right.close-collaboration {
- position: absolute;
- right: 10px;
-}
-.container-collaboration .page-content .list-block:first-child {
- margin-top: -1px;
-}
-.page-display-mode[data-page="display-mode-view"] .list-block li.media-item .item-title {
- font-weight: normal;
-}
-.page-display-mode[data-page="display-mode-view"] .list-block li.media-item .item-subtitle {
- font-size: 14px;
- color: #8e8e93;
-}
-#user-list .item-content {
- padding-left: 0;
-}
-#user-list .item-inner {
- justify-content: flex-start;
- padding-left: 15px;
-}
-#user-list .length {
- margin-left: 4px;
-}
-#user-list .color {
- min-width: 40px;
- min-height: 40px;
- margin-right: 20px;
- text-align: center;
- border-radius: 50px;
- line-height: 40px;
- color: #373737;
- font-weight: 500;
-}
-#user-list ul:before {
- content: none;
-}
-.page-comments .header-comment,
-.add-comment .header-comment,
-.page-view-comments .header-comment,
-.container-edit-comment .header-comment,
-.container-add-reply .header-comment,
-.page-edit-comment .header-comment,
-.page-add-reply .header-comment,
-.page-edit-reply .header-comment {
- display: flex;
- justify-content: space-between;
- padding-right: 16px;
-}
-.page-comments .header-comment .comment-right,
-.add-comment .header-comment .comment-right,
-.page-view-comments .header-comment .comment-right,
-.container-edit-comment .header-comment .comment-right,
-.container-add-reply .header-comment .comment-right,
-.page-edit-comment .header-comment .comment-right,
-.page-add-reply .header-comment .comment-right,
-.page-edit-reply .header-comment .comment-right {
- display: flex;
- justify-content: space-between;
- width: 70px;
-}
-.page-comments .list-block .item-inner,
-.add-comment .list-block .item-inner,
-.page-view-comments .list-block .item-inner,
-.container-edit-comment .list-block .item-inner,
-.container-add-reply .list-block .item-inner,
-.page-edit-comment .list-block .item-inner,
-.page-add-reply .list-block .item-inner,
-.page-edit-reply .list-block .item-inner {
- display: block;
- padding: 16px 0;
- word-wrap: break-word;
-}
-.page-comments .list-reply,
-.add-comment .list-reply,
-.page-view-comments .list-reply,
-.container-edit-comment .list-reply,
-.container-add-reply .list-reply,
-.page-edit-comment .list-reply,
-.page-add-reply .list-reply,
-.page-edit-reply .list-reply {
- padding-left: 26px;
-}
-.page-comments .reply-textarea,
-.add-comment .reply-textarea,
-.page-view-comments .reply-textarea,
-.container-edit-comment .reply-textarea,
-.container-add-reply .reply-textarea,
-.page-edit-comment .reply-textarea,
-.page-add-reply .reply-textarea,
-.page-edit-reply .reply-textarea,
-.page-comments .comment-textarea,
-.add-comment .comment-textarea,
-.page-view-comments .comment-textarea,
-.container-edit-comment .comment-textarea,
-.container-add-reply .comment-textarea,
-.page-edit-comment .comment-textarea,
-.page-add-reply .comment-textarea,
-.page-edit-reply .comment-textarea,
-.page-comments .edit-reply-textarea,
-.add-comment .edit-reply-textarea,
-.page-view-comments .edit-reply-textarea,
-.container-edit-comment .edit-reply-textarea,
-.container-add-reply .edit-reply-textarea,
-.page-edit-comment .edit-reply-textarea,
-.page-add-reply .edit-reply-textarea,
-.page-edit-reply .edit-reply-textarea {
- resize: vertical;
-}
-.page-comments .user-name,
-.add-comment .user-name,
-.page-view-comments .user-name,
-.container-edit-comment .user-name,
-.container-add-reply .user-name,
-.page-edit-comment .user-name,
-.page-add-reply .user-name,
-.page-edit-reply .user-name {
- font-size: 17px;
- line-height: 22px;
- color: #000000;
- margin: 0;
- font-weight: bold;
-}
-.page-comments .comment-date,
-.add-comment .comment-date,
-.page-view-comments .comment-date,
-.container-edit-comment .comment-date,
-.container-add-reply .comment-date,
-.page-edit-comment .comment-date,
-.page-add-reply .comment-date,
-.page-edit-reply .comment-date,
-.page-comments .reply-date,
-.add-comment .reply-date,
-.page-view-comments .reply-date,
-.container-edit-comment .reply-date,
-.container-add-reply .reply-date,
-.page-edit-comment .reply-date,
-.page-add-reply .reply-date,
-.page-edit-reply .reply-date {
- font-size: 13px;
- line-height: 18px;
- color: #6d6d72;
- margin: 0;
- margin-top: 0px;
-}
-.page-comments .comment-text,
-.add-comment .comment-text,
-.page-view-comments .comment-text,
-.container-edit-comment .comment-text,
-.container-add-reply .comment-text,
-.page-edit-comment .comment-text,
-.page-add-reply .comment-text,
-.page-edit-reply .comment-text,
-.page-comments .reply-text,
-.add-comment .reply-text,
-.page-view-comments .reply-text,
-.container-edit-comment .reply-text,
-.container-add-reply .reply-text,
-.page-edit-comment .reply-text,
-.page-add-reply .reply-text,
-.page-edit-reply .reply-text {
- color: #000000;
- font-size: 15px;
- line-height: 25px;
- margin: 0;
- max-width: 100%;
- padding-right: 15px;
-}
-.page-comments .comment-text pre,
-.add-comment .comment-text pre,
-.page-view-comments .comment-text pre,
-.container-edit-comment .comment-text pre,
-.container-add-reply .comment-text pre,
-.page-edit-comment .comment-text pre,
-.page-add-reply .comment-text pre,
-.page-edit-reply .comment-text pre,
-.page-comments .reply-text pre,
-.add-comment .reply-text pre,
-.page-view-comments .reply-text pre,
-.container-edit-comment .reply-text pre,
-.container-add-reply .reply-text pre,
-.page-edit-comment .reply-text pre,
-.page-add-reply .reply-text pre,
-.page-edit-reply .reply-text pre {
- white-space: pre-wrap;
-}
-.page-comments .reply-item,
-.add-comment .reply-item,
-.page-view-comments .reply-item,
-.container-edit-comment .reply-item,
-.container-add-reply .reply-item,
-.page-edit-comment .reply-item,
-.page-add-reply .reply-item,
-.page-edit-reply .reply-item {
- margin-top: 15px;
- padding-right: 16px;
- padding-top: 13px;
-}
-.page-comments .reply-item .header-reply,
-.add-comment .reply-item .header-reply,
-.page-view-comments .reply-item .header-reply,
-.container-edit-comment .reply-item .header-reply,
-.container-add-reply .reply-item .header-reply,
-.page-edit-comment .reply-item .header-reply,
-.page-add-reply .reply-item .header-reply,
-.page-edit-reply .reply-item .header-reply {
- display: flex;
- justify-content: space-between;
-}
-.page-comments .reply-item .user-name,
-.add-comment .reply-item .user-name,
-.page-view-comments .reply-item .user-name,
-.container-edit-comment .reply-item .user-name,
-.container-add-reply .reply-item .user-name,
-.page-edit-comment .reply-item .user-name,
-.page-add-reply .reply-item .user-name,
-.page-edit-reply .reply-item .user-name {
- padding-top: 3px;
-}
-.page-comments .reply-item:before,
-.add-comment .reply-item:before,
-.page-view-comments .reply-item:before,
-.container-edit-comment .reply-item:before,
-.container-add-reply .reply-item:before,
-.page-edit-comment .reply-item:before,
-.page-add-reply .reply-item:before,
-.page-edit-reply .reply-item:before {
- content: '';
- position: absolute;
- left: auto;
- bottom: 0;
- right: auto;
- top: 0;
- height: 1px;
- width: 100%;
- background-color: #c8c7cc;
- display: block;
- z-index: 15;
- -webkit-transform-origin: 50% 100%;
- transform-origin: 50% 100%;
-}
-.page-comments .comment-quote,
-.add-comment .comment-quote,
-.page-view-comments .comment-quote,
-.container-edit-comment .comment-quote,
-.container-add-reply .comment-quote,
-.page-edit-comment .comment-quote,
-.page-add-reply .comment-quote,
-.page-edit-reply .comment-quote {
- color: #aa5252;
- border-left: 1px solid #aa5252;
- padding-left: 10px;
- padding-right: 16px;
- margin: 5px 0;
- font-size: 15px;
-}
-.page-comments .wrap-comment,
-.add-comment .wrap-comment,
-.page-view-comments .wrap-comment,
-.container-edit-comment .wrap-comment,
-.container-add-reply .wrap-comment,
-.page-edit-comment .wrap-comment,
-.page-add-reply .wrap-comment,
-.page-edit-reply .wrap-comment,
-.page-comments .wrap-reply,
-.add-comment .wrap-reply,
-.page-view-comments .wrap-reply,
-.container-edit-comment .wrap-reply,
-.container-add-reply .wrap-reply,
-.page-edit-comment .wrap-reply,
-.page-add-reply .wrap-reply,
-.page-edit-reply .wrap-reply {
- padding: 16px 24px 0 16px;
-}
-.page-comments .comment-textarea,
-.add-comment .comment-textarea,
-.page-view-comments .comment-textarea,
-.container-edit-comment .comment-textarea,
-.container-add-reply .comment-textarea,
-.page-edit-comment .comment-textarea,
-.page-add-reply .comment-textarea,
-.page-edit-reply .comment-textarea,
-.page-comments .reply-textarea,
-.add-comment .reply-textarea,
-.page-view-comments .reply-textarea,
-.container-edit-comment .reply-textarea,
-.container-add-reply .reply-textarea,
-.page-edit-comment .reply-textarea,
-.page-add-reply .reply-textarea,
-.page-edit-reply .reply-textarea,
-.page-comments .edit-reply-textarea,
-.add-comment .edit-reply-textarea,
-.page-view-comments .edit-reply-textarea,
-.container-edit-comment .edit-reply-textarea,
-.container-add-reply .edit-reply-textarea,
-.page-edit-comment .edit-reply-textarea,
-.page-add-reply .edit-reply-textarea,
-.page-edit-reply .edit-reply-textarea {
- margin-top: 10px;
- background: transparent;
- outline: none;
- width: 100%;
- font-size: 17px;
- border: none;
- border-radius: 3px;
- min-height: 100px;
-}
-.settings.popup .list-block ul.list-reply:last-child:after,
-.settings.popover .list-block ul.list-reply:last-child:after {
- display: none;
-}
-.container-edit-comment .page {
- background-color: #FFFFFF;
-}
-.container-view-comment {
- position: fixed;
- -webkit-transition: height 100ms;
- transition: height 120ms;
- background-color: #FFFFFF;
- border-top-left-radius: 4px;
- border-top-right-radius: 4px;
- height: 50%;
- box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.2), 0px 4px 5px rgba(0, 0, 0, 0.12);
-}
-.container-view-comment .pages {
- background-color: #FFFFFF;
-}
-.container-view-comment .page-view-comments {
- background-color: #FFFFFF;
-}
-.container-view-comment .page-view-comments .list-block {
- margin-bottom: 100px;
-}
-.container-view-comment .page-view-comments .list-block ul:before,
-.container-view-comment .page-view-comments .list-block ul:after {
- content: none;
-}
-.container-view-comment .page-view-comments .list-block .item-inner {
- padding: 0;
-}
-.container-view-comment .toolbar {
- position: fixed;
- background-color: #FFFFFF;
- box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.2), 0px 4px 5px rgba(0, 0, 0, 0.12), 0px 2px 4px rgba(0, 0, 0, 0.14);
-}
-.container-view-comment .toolbar:before {
- content: none;
-}
-.container-view-comment .toolbar .toolbar-inner {
- display: flex;
- justify-content: space-between;
- padding: 0 16px;
-}
-.container-view-comment .toolbar .toolbar-inner .button-left {
- min-width: 80px;
-}
-.container-view-comment .toolbar .toolbar-inner .button-right {
- min-width: 62px;
- display: flex;
- justify-content: space-between;
-}
-.container-view-comment .toolbar .toolbar-inner .button-right a {
- padding: 0 12px;
-}
-.container-view-comment .swipe-container {
- display: flex;
- justify-content: center;
- height: 40px;
-}
-.container-view-comment .swipe-container .icon-swipe {
- margin-top: 8px;
- width: 40px;
- height: 4px;
- background: rgba(0, 0, 0, 0.12);
- border-radius: 2px;
-}
-.container-view-comment .list-block {
- margin-top: 0;
-}
-.container-view-comment.popover {
- position: absolute;
- border-radius: 4px;
- min-height: 170px;
- height: 400px;
- max-height: 600px;
-}
-.container-view-comment.popover .toolbar {
- position: absolute;
- border-radius: 0 0 4px 4px;
-}
-.container-view-comment.popover .toolbar .toolbar-inner {
- padding-right: 0;
-}
-.container-view-comment.popover .pages {
- position: absolute;
-}
-.container-view-comment.popover .pages .page {
- border-radius: 13px;
-}
-.container-view-comment.popover .pages .page .page-content {
- padding: 16px;
- padding-bottom: 80px;
-}
-.container-view-comment.popover .pages .page .page-content .list-block {
- margin-bottom: 0px;
-}
-.container-view-comment.popover .pages .page .page-content .list-block .item-content {
- padding-left: 0;
-}
-.container-view-comment.popover .pages .page .page-content .list-block .item-content .header-comment,
-.container-view-comment.popover .pages .page .page-content .list-block .item-content .reply-item {
- padding-right: 0;
-}
-.container-view-comment.popover .pages .page .page-content .block-reply {
- margin-top: 10px;
-}
-.container-view-comment.popover .pages .page .page-content .block-reply .reply-textarea {
- min-height: 70px;
- width: 278px;
- border: 1px solid #c4c4c4;
- border-radius: 6px;
- padding: 5px;
-}
-.container-view-comment.popover .pages .page .page-content .edit-reply-textarea {
- min-height: 60px;
- width: 100%;
- border: 1px solid #c4c4c4;
- border-radius: 6px;
- padding: 5px;
- height: 60px;
- margin-top: 10px;
-}
-.container-view-comment.popover .pages .page .page-content .comment-text {
- padding-right: 0;
-}
-.container-view-comment.popover .pages .page .page-content .comment-text .comment-textarea {
- border: 1px solid #c4c4c4;
- border-radius: 6px;
- padding: 8px;
- min-height: 80px;
- height: 80px;
-}
-#done-comment {
- color: #aa5252;
-}
-.page-add-comment {
- background-color: #FFFFFF;
-}
-.page-add-comment .wrap-comment,
-.page-add-comment .wrap-reply {
- padding: 16px 24px 0 16px;
-}
-.page-add-comment .wrap-comment .header-comment,
-.page-add-comment .wrap-reply .header-comment {
- justify-content: flex-start;
-}
-.page-add-comment .wrap-comment .user-name,
-.page-add-comment .wrap-reply .user-name {
- font-weight: bold;
- font-size: 17px;
- padding-left: 5px;
-}
-.page-add-comment .wrap-comment .comment-date,
-.page-add-comment .wrap-reply .comment-date {
- font-size: 13px;
- color: #6d6d72;
- padding-left: 5px;
-}
-.page-add-comment .wrap-comment .wrap-textarea,
-.page-add-comment .wrap-reply .wrap-textarea {
- margin-top: 16px;
- padding-right: 6px;
-}
-.page-add-comment .wrap-comment .wrap-textarea .comment-textarea,
-.page-add-comment .wrap-reply .wrap-textarea .comment-textarea {
- font-size: 17px;
- border: none;
- margin-top: 0;
- min-height: 100px;
- border-radius: 4px;
- width: 100%;
- padding-left: 5px;
-}
-.page-add-comment .wrap-comment .wrap-textarea .comment-textarea::placeholder,
-.page-add-comment .wrap-reply .wrap-textarea .comment-textarea::placeholder {
- color: #8e8e93;
- font-size: 17px;
-}
-.container-add-reply {
- height: 100%;
-}
-.container-add-reply .navbar a.link i + span {
- margin-left: 0;
-}
-.container-add-reply .page {
- background-color: #FFFFFF;
-}
-.actions-modal-button.color-red {
- color: #ff3b30;
-}
-.page-edit-comment,
-.page-add-reply,
-.page-edit-reply {
- background-color: #FFFFFF;
-}
-.page-edit-comment .header-comment,
-.page-add-reply .header-comment,
-.page-edit-reply .header-comment {
- justify-content: flex-start;
-}
-.page-edit-comment .navbar .right,
-.page-add-reply .navbar .right,
-.page-edit-reply .navbar .right {
- height: 100%;
-}
-.page-edit-comment .navbar .right #add-reply,
-.page-add-reply .navbar .right #add-reply,
-.page-edit-reply .navbar .right #add-reply,
-.page-edit-comment .navbar .right #edit-comment,
-.page-add-reply .navbar .right #edit-comment,
-.page-edit-reply .navbar .right #edit-comment,
-.page-edit-comment .navbar .right #edit-reply,
-.page-add-reply .navbar .right #edit-reply,
-.page-edit-reply .navbar .right #edit-reply {
- display: flex;
- align-items: center;
- padding-left: 16px;
- padding-right: 16px;
- height: 100%;
-}
-.container-edit-comment {
- position: fixed;
-}
-.tablet .searchbar.document.replace .center .searchbar:first-child {
- margin-right: 10px;
-}
-.tablet .searchbar.document.replace .center .replace {
- display: flex;
-}
-.tablet .searchbar.document.replace .right .replace {
- display: flex;
- margin: 0 10px;
-}
-.tablet .searchbar.document .center {
- width: 100%;
-}
-.tablet .searchbar.document .center .searchbar {
- background: inherit;
- padding: 0;
-}
-.tablet .searchbar.document .center .replace {
- display: none;
-}
-.tablet .searchbar.document .right .prev {
- margin-left: 0;
-}
-.tablet .searchbar.document .right .replace {
- display: none;
-}
-.phone .searchbar.document.replace {
- height: 88px;
-}
-.phone .searchbar.document.replace .left {
- margin-top: -44px;
-}
-.phone .searchbar.document.replace .center .searchbar-input {
- margin: 8px 0;
-}
-.phone .searchbar.document.replace .center .replace {
- display: block;
-}
-.phone .searchbar.document.replace .right > .replace {
- display: flex;
-}
-.phone .searchbar.document .left,
-.phone .searchbar.document .center,
-.phone .searchbar.document .right {
- flex-direction: column;
-}
-.phone .searchbar.document .center {
- width: 100%;
-}
-.phone .searchbar.document .center .searchbar {
- background: inherit;
- padding: 0;
-}
-.phone .searchbar.document .center .searchbar:after {
- content: none;
-}
-.phone .searchbar.document .center .replace {
- display: none;
-}
-.phone .searchbar.document .right > p {
- margin: 0;
-}
-.phone .searchbar.document .right > .replace {
- display: none;
-}
-.searchbar.document {
- background-color: #f7f7f8;
-}
-i.icon.icon-logo {
- width: 100px;
- height: 14px;
- background: url('../../../../common/mobile/resources/img/header/logo-ios.svg') no-repeat center;
-}
-i.icon.icon-search {
- width: 22px;
- height: 22px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23aa5252%22%3E%3Cg%3E%3Cpath%20d%3D%22M15.8%2C15c1.4-1.6%2C2.2-3.7%2C2.2-5.9c0-5-4-9-9-9C4%2C0%2C0%2C4%2C0%2C9c0%2C5%2C4%2C9%2C9%2C9c2.3%2C0%2C4.4-0.9%2C5.9-2.2l5.8%2C5.8l0.2-0.6l0.7-0.2L15.8%2C15z%20M9%2C17c-4.4%2C0-8-3.6-8-8c0-4.4%2C3.6-8%2C8-8c4.4%2C0%2C8%2C3.6%2C8%2C8C17%2C13.5%2C13.5%2C17%2C9%2C17z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-burger {
- width: 22px;
- height: 22px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23aa5252%22%3E%3Cg%3E%3Crect%20x%3D%222%22%20y%3D%2217%22%20width%3D%2218%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%222%22%20y%3D%2213%22%20width%3D%2218%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%222%22%20y%3D%229%22%20width%3D%2218%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%222%22%20y%3D%225%22%20width%3D%2218%22%20height%3D%221%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-edit {
- width: 22px;
- height: 22px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23aa5252%22%3E%3Cg%3E%3Cpath%20d%3D%22M0%2C20h22v1H0V20z%22%2F%3E%3Cpolygon%20points%3D%2219.3%2C5.3%206.1%2C18.4%204.6%2C16.9%2017.8%2C3.8%2017.1%2C3.1%203.5%2C16.7%203%2C20%206.3%2C19.5%2019.9%2C5.9%20%09%22%2F%3E%3Cpath%20d%3D%22M20.5%2C5.3L22%2C3.8c0%2C0-0.2-1.2-0.9-1.9C20.4%2C1.1%2C19.2%2C1%2C19.2%2C1l-1.5%2C1.5L20.5%2C5.3z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-edit-settings {
- width: 22px;
- height: 22px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23aa5252%22%3E%3Cg%3E%3Cpath%20d%3D%22M8%201L3%2015h1.19995l1.77686-5h5.04638l.61573%201.7325.87988-.87988L9%201zm.5%201.9L10.66772%209H6.33228z%22%20clip-rule%3D%22evenodd%22%20fill-rule%3D%22evenodd%22%2F%3E%3Cpath%20d%3D%22M18.3%2011.3l-9.2%209.1-1.5-1.5%209.2-9.1-.7-.7-9.6%209.6L6%2022l3.3-.5%209.6-9.6zm1.2%200L21%209.8s-.2-1.2-.9-1.9c-.7-.8-1.9-.9-1.9-.9l-1.5%201.5z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-play {
- width: 22px;
- height: 22px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23aa5252%22%3E%3Cg%3E%3Cpath%20d%3D%22M4.0464363%2C2.9884553c0.006526%2C0.00296%2C0.0142345%2C0.006835%2C0.0231438%2C0.0119021%20c0.5908604%2C0.3357637%2C12.7118397%2C7.2924433%2C13.8977489%2C8.0268402c-0.5831585%2C0.3417759-13.0137587%2C7.4879274-13.934659%2C7.9826727%20L4.0464363%2C2.9884553%20M3.9889357%2C2C3.4427795%2C2.0000577%2C3.000525%2C2.4533575%2C3.000525%2C3.015348%09c0%2C0.573487%2C0%2C15.1632957%2C0%2C15.9945221C3.000525%2C19.622963%2C3.4796104%2C20%2C3.9940588%2C20%20c0.1729372%2C0%2C0.3499191-0.0426311%2C0.5139763-0.1332226c0.8905602-0.491045%2C13.1880894-7.5583372%2C13.9407387-7.9994459%20c0.6751213-0.3955202%2C0.6867313-1.337512%2C0-1.7326603C17.4031754%2C9.5333271%2C5.1523852%2C2.501852%2C4.5393953%2C2.1535165%20C4.3526201%2C2.0472794%2C4.165401%2C1.9999813%2C3.9889357%2C2L3.9889357%2C2z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-undo {
- width: 22px;
- height: 22px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23aa5252%22%3E%3Cg%3E%3Cpath%20d%3D%22M22%2C16v2h-1v-2l0%2C0c0-2.9-2.1-5-5-5l0%2C0H1.9L5%2C14c0.1%2C0.1%2C0.1%2C0.2%2C0%2C0.3l-0.4%2C0.4c-0.1%2C0.1-0.2%2C0.1-0.3%2C0l-4.2-4.2c-0.1-0.1-0.1-0.2%2C0-0.3l0.4-0.4h0.1L4.4%2C6c0.1-0.1%2C0.2-0.1%2C0.3%2C0l0.5%2C0.4c0.1%2C0.1%2C0.1%2C0.2%2C0%2C0.3L1.9%2C10H16l0%2C0C19.3%2C10%2C22%2C12.7%2C22%2C16L22%2C16z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-redo {
- width: 22px;
- height: 22px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23aa5252%22%3E%3Cg%3E%3Cpath%20d%3D%22M0%2C16c0-3.3%2C2.7-6%2C6-6v0h14.1l-3.3-3.3c-0.1-0.1-0.1-0.2%2C0-0.3L17.3%2C6c0.1-0.1%2C0.2-0.1%2C0.3%2C0l3.8%2C3.8c0%2C0%2C0.1%2C0%2C0.1%2C0l0.4%2C0.4c0.1%2C0.1%2C0.1%2C0.2%2C0%2C0.3l-4.2%2C4.2c-0.1%2C0.1-0.2%2C0.1-0.3%2C0l-0.4-0.4c-0.1-0.1-0.1-0.2%2C0-0.3l3.1-3H6v0c-2.9%2C0-5%2C2.1-5%2C5h0v2H0L0%2C16L0%2C16z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-reader {
- width: 22px;
- height: 22px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23aa5252%22%3E%3Cg%3E%3Cpath%20d%3D%22M17%2C21H1V9h6V2l0%2C0h10v5h1V1H6.2L0%2C7.6V22h18v-3h-1V21z%20M6%2C2.8V8H1.1L6%2C2.8z%20M13%2C8c-5.1%2C0-9%2C5-9%2C5s4.1%2C5%2C9%2C5c5%2C0%2C9-5%2C9-5S18%2C8%2C13%2C8z%20M8.7%2C15.5C6.8%2C14.4%2C6.4%2C13%2C6.4%2C13s0.4-1.5%2C2.4-2.6C8.3%2C11.2%2C8%2C12%2C8%2C13C8%2C13.9%2C8.3%2C14.8%2C8.7%2C15.5z%20M13%2C16.7c-2.1%2C0-3.7-1.7-3.7-3.7c0-2.1%2C1.7-3.7%2C3.7-3.7c2.1%2C0%2C3.7%2C1.7%2C3.7%2C3.7C16.7%2C15.1%2C15.1%2C16.7%2C13%2C16.7z%20M17.3%2C15.5c0.4-0.7%2C0.7-1.6%2C0.7-2.5c0-1-0.3-1.8-0.7-2.6c2%2C1.1%2C3.4%2C2.6%2C3.4%2C2.6S19.2%2C14.4%2C17.3%2C15.5z%20M13%2C11.7c-0.7%2C0-1.3%2C0.6-1.3%2C1.3s0.6%2C1.3%2C1.3%2C1.3s1.3-0.6%2C1.3-1.3S13.7%2C11.7%2C13%2C11.7z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-download {
- width: 22px;
- height: 28px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2022%2022%22%20y%3D%220px%22%20x%3D%220px%22%20fill%3D%22%23aa5252%22%3E%3Cpath%20d%3D%22M12%200H11L11%2014L7.39999%2010.3L6.69999%2011.1L11.5%2016L16.3%2011.1L15.6%2010.3L12%2014L12%200Z%22%2F%3E%3Cpath%20d%3D%22M14%205V6H19V20H4V6H9V5H3V21H20V5H14Z%22%2F%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-print {
- width: 22px;
- height: 28px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%22-0%200%2022%2022%22%20y%3D%220px%22%20x%3D%220px%22%20fill%3D%22%23aa5252%22%3E%3Cg%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M5%201H17V6H21V17H17V21H5V17H1V6H5V1ZM6%206H16V2H6V6ZM5%2016V13H2V16H5ZM2%2012H20V7H2V12ZM20%2013H17V16H20V13ZM16%2013H6V20H16V13ZM14%2016H8V15H14V16ZM14%2018H8V17H14V18Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-spellcheck {
- width: 22px;
- height: 22px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23aa5252%22%3E%3Cg%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M8%201L3%2015H4.2L5.97686%2010H11.0231L11.6768%2011.8394C11.955%2011.5504%2012.262%2011.2892%2012.593%2011.0605L9%201H8ZM8.5%202.9L10.6678%209H6.33223L8.5%202.9Z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M16%2021C18.7614%2021%2021%2018.7614%2021%2016C21%2013.2386%2018.7614%2011%2016%2011C13.2386%2011%2011%2013.2386%2011%2016C11%2018.7614%2013.2386%2021%2016%2021ZM15.3536%2018.3536L19.3536%2014.3536L18.6464%2013.6464L15%2017.2929L13.3536%2015.6464L12.6464%2016.3536L14.6464%2018.3536L15%2018.7071L15.3536%2018.3536Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-info {
- width: 22px;
- height: 22px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23aa5252%22%3E%3Cg%3E%3Cpath%20d%3D%22M10%2C17h2V8h-2V17z%20M11%2C1C5.5%2C1%2C1%2C5.5%2C1%2C11s4.5%2C10%2C10%2C10s10-4.5%2C10-10S16.5%2C1%2C11%2C1z%20M11%2C20c-5%2C0-9-4-9-9s4-9%2C9-9s9%2C4%2C9%2C9S16%2C20%2C11%2C20z%20M10%2C7h2V5h-2V7z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-plus {
- width: 22px;
- height: 22px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23aa5252%22%3E%3Cg%3E%3Cpath%20d%3D%22M22%2C12H12v10h-1V12H1v-1h10V1h1v10h10V12z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-settings {
- width: 24px;
- height: 24px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23aa5252%22%3E%3Cg%3E%3Cpath%20d%3D%22M11.8%2C3l0.4%2C2c0.1%2C0.7%2C0.6%2C1.1%2C1.3%2C1.1c0.3%2C0%2C0.5-0.1%2C0.7-0.2l1.9-1.2l1.1%2C1.1l-1.1%2C1.8C15.8%2C8%2C15.8%2C8.5%2C16%2C8.9c0.2%2C0.4%2C0.5%2C0.7%2C1%2C0.8l2.1%2C0.5v1.6L17%2C12.2c-0.5%2C0.1-0.8%2C0.4-1%2C0.8c-0.2%2C0.4-0.1%2C0.9%2C0.1%2C1.2l1.2%2C1.9l-1.1%2C1.1l-1.8-1.1c-0.2-0.2-0.5-0.2-0.8-0.2c-0.6%2C0-1.2%2C0.5-1.3%2C1.1l-0.5%2C2.1h-1.6l-0.4-2C9.7%2C16.4%2C9.2%2C16%2C8.5%2C16c-0.3%2C0-0.5%2C0.1-0.7%2C0.2l-1.9%2C1.2l-1.1-1.1l1.1-1.8c0.3-0.4%2C0.3-0.9%2C0.1-1.3c-0.2-0.4-0.5-0.7-1-0.8l-2.1-0.5v-1.6l2-0.4c0.5-0.1%2C0.8-0.4%2C1-0.8C6.1%2C8.7%2C6%2C8.2%2C5.8%2C7.9l-1-2l1.1-1.1l1.8%2C1.1C8%2C6.1%2C8.2%2C6.2%2C8.5%2C6.2c0.6%2C0%2C1.2-0.5%2C1.3-1.1L10.3%2C3H11.8%20M11%2C15.5c2.5%2C0%2C4.5-2%2C4.5-4.5s-2-4.5-4.5-4.5s-4.5%2C2-4.5%2C4.5S8.5%2C15.5%2C11%2C15.5%20M12.1%2C2H9.9C9.6%2C2%2C9.4%2C2.2%2C9.3%2C2.5L8.8%2C4.9c0%2C0.2-0.2%2C0.3-0.3%2C0.3s-0.1%2C0-0.2-0.1L6.2%2C3.8C6.1%2C3.7%2C6%2C3.7%2C5.8%2C3.7c-0.1%2C0-0.3%2C0-0.4%2C0.1L3.8%2C5.4c-0.1%2C0.2-0.2%2C0.5%2C0%2C0.8l1.3%2C2.1c0.1%2C0.2%2C0.1%2C0.4-0.2%2C0.5L2.5%2C9.3C2.2%2C9.4%2C2%2C9.6%2C2%2C9.9v2.2c0%2C0.3%2C0.2%2C0.5%2C0.5%2C0.6l2.4%2C0.5c0.3%2C0.1%2C0.4%2C0.3%2C0.2%2C0.5l-1.3%2C2.1c-0.2%2C0.2-0.1%2C0.6%2C0.1%2C0.8l1.6%2C1.6c0.1%2C0.1%2C0.3%2C0.2%2C0.4%2C0.2s0.2%2C0%2C0.3-0.1L8.3%2C17c0.1-0.1%2C0.1-0.1%2C0.2-0.1s0.3%2C0.1%2C0.3%2C0.3l0.5%2C2.3C9.4%2C19.8%2C9.6%2C20%2C9.9%2C20h2.2c0.3%2C0%2C0.5-0.2%2C0.6-0.5l0.5-2.4c0-0.2%2C0.1-0.3%2C0.3-0.3c0.1%2C0%2C0.1%2C0%2C0.2%2C0.1l2.1%2C1.3c0.1%2C0.1%2C0.2%2C0.1%2C0.3%2C0.1c0.2%2C0%2C0.3-0.1%2C0.4-0.2l1.6-1.6c0.2-0.2%2C0.2-0.5%2C0.1-0.8l-1.3-2.1c-0.2-0.2-0.1-0.5%2C0.2-0.5l2.4-0.5c0.3-0.1%2C0.5-0.3%2C0.5-0.6V9.8c0-0.3-0.2-0.5-0.5-0.6l-2.4-0.5c-0.3-0.1-0.4-0.3-0.2-0.5l1.3-2.1c0.2-0.2%2C0.1-0.6-0.1-0.8l-1.6-1.6c-0.1-0.1-0.3-0.2-0.4-0.2c-0.1%2C0-0.2%2C0-0.3%2C0.1l-2.1%2C1.3C13.6%2C5%2C13.6%2C5%2C13.5%2C5c-0.1%2C0-0.3-0.1-0.3-0.3l-0.5-2.2C12.6%2C2.2%2C12.4%2C2%2C12.1%2C2L12.1%2C2z%20M11%2C14.5c-1.9%2C0-3.5-1.6-3.5-3.5S9.1%2C7.5%2C11%2C7.5s3.5%2C1.6%2C3.5%2C3.5S12.9%2C14.5%2C11%2C14.5L11%2C14.5z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-about {
- width: 22px;
- height: 22px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%22-1%207%2022%2022%22%20fill%3D%22%23aa5252%22%3E%3Cg%3E%3Cpath%20d%3D%22M21%2C18.5c0-0.3-0.1-0.6-0.7-0.9l-2.6-1.2l2.6-1.2c0.6-0.3%2C0.7-0.6%2C0.7-0.9c0-0.3-0.1-0.6-0.7-0.9l-8.9-4.1c-0.7-0.4-1.9-0.4-2.8%2C0l-8.9%2C4.1C-0.9%2C13.8-1%2C14.1-1%2C14.3s0.1%2C0.6%2C0.7%2C0.9l2.6%2C1.2l-2.6%2C1.2C-0.9%2C18-1%2C18.4-1%2C18.5c0%2C0.2%2C0.1%2C0.6%2C0.7%2C0.9l2.5%2C1.2l-2.5%2C1.2C-0.9%2C22.1-1%2C22.5-1%2C22.7c0%2C0.3%2C0.1%2C0.6%2C0.7%2C0.9l8.9%2C4.1c0.5%2C0.2%2C0.8%2C0.3%2C1.4%2C0.3s1-0.1%2C1.4-0.3l8.9-4.1c0.6-0.4%2C0.7-0.6%2C0.7-0.9c0-0.3-0.1-0.6-0.7-0.9l-2.5-1.2l2.5-1.2C20.9%2C19.2%2C21%2C18.8%2C21%2C18.5z%20M-0.2%2C14.3L-0.2%2C14.3c0%2C0%2C0.1-0.1%2C0.3-0.2L9%2C10c0.6-0.3%2C1.5-0.3%2C2%2C0l8.9%2C4.1c0.2%2C0.1%2C0.3%2C0.2%2C0.3%2C0.2l0%2C0c0%2C0-0.1%2C0.1-0.3%2C0.2L11%2C18.6c-0.6%2C0.3-1.5%2C0.3-2%2C0l-8.9-4.1C-0.1%2C14.4-0.2%2C14.3-0.2%2C14.3z%20M20.2%2C22.7L20.2%2C22.7c0%2C0-0.1%2C0.1-0.3%2C0.2L11%2C27.1c-0.6%2C0.3-1.5%2C0.3-2%2C0l-8.9-4.1c-0.2-0.1-0.3-0.2-0.3-0.2l0%2C0c0%2C0%2C0.1-0.1%2C0.3-0.2l3-1.5l5.5%2C2.6c0.7%2C0.4%2C1.9%2C0.4%2C2.8%2C0l5.5-2.6l3%2C1.5C20.1%2C22.7%2C20.2%2C22.7%2C20.2%2C22.7z%20M19.9%2C18.7L11%2C22.8c-0.6%2C0.3-1.5%2C0.3-2%2C0l-8.9-4.1c-0.2-0.1-0.3-0.2-0.3-0.2l0%2C0c0%2C0%2C0.1-0.1%2C0.3-0.2l3-1.5l5.5%2C2.6c0.7%2C0.4%2C1.9%2C0.4%2C2.8%2C0l5.5-2.6l3%2C1.5c0.2%2C0.1%2C0.3%2C0.2%2C0.3%2C0.2l0%2C0C20.2%2C18.5%2C20.1%2C18.6%2C19.9%2C18.7z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-help {
- width: 22px;
- height: 22px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23aa5252%22%3E%3Cg%3E%3Cpath%20d%3D%22M11.6%2C1.3c-3.3%2C0-6%2C2.8-6%2C6.2c0.3%2C0%2C0.7%2C0%2C0.9%2C0c0-2.9%2C2.3-5.2%2C5.1-5.2s5.1%2C2.3%2C5.1%2C5.2c0%2C1.7-1.9%2C3.2-3%2C4.3C12.9%2C12.6%2C11%2C14.2%2C11%2C16c0%2C1.2%2C0%2C2.2%2C0%2C2.7c0.3%2C0%2C0.6%2C0%2C0.9%2C0c0-0.6%2C0-1.6%2C0-2.5c0-1.4%2C1.1-2.4%2C2.2-3.5c1.7-1.5%2C3.5-3.1%2C3.5-5.2C17.6%2C4.1%2C14.9%2C1.3%2C11.6%2C1.3z%20M11.5%2C20.2c-0.3%2C0-0.5%2C0.2-0.5%2C0.5v0.8c0%2C0.3%2C0.2%2C0.5%2C0.5%2C0.5s0.5-0.2%2C0.5-0.5v-0.8C11.9%2C20.4%2C11.7%2C20.2%2C11.5%2C20.2z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-setup {
- width: 22px;
- height: 22px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23aa5252%22%3E%3Cg%3E%3Cpath%20d%3D%22M0%2C3v16h22V3H0z%20M21%2C17H1V5h20V17z%20M16.5%2C5.9l-7.2%2C7.2L8.8%2C15H4v1c0%2C0%2C3.2%2C0%2C5%2C0c0.4%2C0%2C0.2%2C0%2C0.2-0.2l2.2-0.6L18.7%2C8L16.5%2C5.9z%20M9.9%2C13.1l6.5-6.4L18%2C8l-6.5%2C6.4L9.9%2C13.1z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-versions {
- width: 22px;
- height: 22px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%22-1%207%2022%2022%22%20fill%3D%22%23aa5252%22%3E%3Cg%3E%3Cpath%20d%3D%22M19%2C12c0-1.1-0.9-2-2-2c0-1.1-0.9-2-2-2H5c-1.1%2C0-2%2C0.9-2%2C2c-1.1%2C0-2%2C0.9-2%2C2c-1.1%2C0-2%2C0.9-2%2C2v12c0%2C1.1%2C0.9%2C2%2C2%2C2h18c1.1%2C0%2C2-0.9%2C2-2V14C21%2C12.9%2C20.1%2C12%2C19%2C12z%20M5%2C9h10c0.6%2C0%2C1%2C0.4%2C1%2C1H4C4%2C9.4%2C4.4%2C9%2C5%2C9z%20M3%2C11h14c0.6%2C0%2C1%2C0.4%2C1%2C1H2C2%2C11.4%2C2.4%2C11%2C3%2C11z%20M20%2C26c0%2C0.6-0.4%2C1-1%2C1H1c-0.6%2C0-1-0.4-1-1V14c0-0.6%2C0.4-1%2C1-1h18c0.6%2C0%2C1%2C0.4%2C1%2C1V26z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-text-additional {
- width: 22px;
- height: 22px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23aa5252%22%3E%3Cg%3E%3Cpath%20d%3D%22M18.5%2C15.5c-1.1%2C0-2%2C0.9-2%2C2s0.9%2C2%2C2%2C2s2-0.9%2C2-2S19.6%2C15.5%2C18.5%2C15.5z%20M18.5%2C18.5c-0.6%2C0-1-0.4-1-1c0-0.6%2C0.4-1%2C1-1s1%2C0.4%2C1%2C1C19.5%2C18.1%2C19.1%2C18.5%2C18.5%2C18.5z%20M18.5%2C7.5c1.1%2C0%2C2-0.9%2C2-2c0-1.1-0.9-2-2-2s-2%2C0.9-2%2C2C16.5%2C6.6%2C17.4%2C7.5%2C18.5%2C7.5z%20M18.5%2C4.5c0.6%2C0%2C1%2C0.4%2C1%2C1s-0.4%2C1-1%2C1s-1-0.4-1-1S17.9%2C4.5%2C18.5%2C4.5z%20M18.5%2C9.5c-1.1%2C0-2%2C0.9-2%2C2s0.9%2C2%2C2%2C2s2-0.9%2C2-2S19.6%2C9.5%2C18.5%2C9.5z%20M18.5%2C12.5c-0.6%2C0-1-0.4-1-1c0-0.6%2C0.4-1%2C1-1s1%2C0.4%2C1%2C1C19.5%2C12.1%2C19.1%2C12.5%2C18.5%2C12.5z%20M6.9%2C3.8L1%2C18.9h1.5l1.8-4.7h6.9l1.7%2C4.7h1.5L8.6%2C3.8H6.9z%20M4.7%2C12.9l3-7.9l3%2C7.9H4.7z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-text-color {
- width: 22px;
- height: 22px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23aa5252%22%3E%3Cg%3E%3Cpath%20d%3D%22M8.9%2C12l2.3-6.3l2.2%2C6.3H8.9z%20M4.7%2C17.8h2l1.6-4.3h5.6l1.5%2C4.3h2.1L12.3%2C3.5h-2.2L4.7%2C17.8z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-text-selection {
- width: 22px;
- height: 22px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23aa5252%22%3E%3Cg%3E%3Cpath%20d%3D%22M7.6%2C10.3c0.2%2C0.3%2C0.4%2C0.4%2C0.5%2C0.5c0.3%2C0.2%2C0.6%2C0.3%2C1%2C0.3c0.7%2C0%2C1.3-0.3%2C1.7-0.8c0.4-0.5%2C0.6-1.2%2C0.6-2.1c0-0.9-0.2-1.5-0.6-2c-0.4-0.4-0.9-0.7-1.6-0.7c-0.3%2C0-0.6%2C0.1-0.9%2C0.2C8%2C6%2C7.8%2C6.2%2C7.6%2C6.4V3.8H6.8V11h0.8V10.3z%20M8%2C6.9c0.3-0.3%2C0.7-0.4%2C1.1-0.4c0.5%2C0%2C0.8%2C0.2%2C1%2C0.5c0.2%2C0.4%2C0.4%2C0.8%2C0.4%2C1.4c0%2C0.6-0.1%2C1.1-0.4%2C1.5c-0.2%2C0.4-0.6%2C0.6-1.1%2C0.6c-0.6%2C0-1.1-0.3-1.3-0.9C7.6%2C9.2%2C7.6%2C8.8%2C7.6%2C8.3C7.6%2C7.7%2C7.7%2C7.2%2C8%2C6.9z%20M5.7%2C10.4c-0.1%2C0-0.2%2C0-0.2-0.1c0-0.1-0.1-0.1-0.1-0.2v-3c0-0.5-0.2-0.9-0.6-1.1C4.4%2C5.8%2C4%2C5.6%2C3.3%2C5.6c-0.5%2C0-1%2C0.1-1.4%2C0.4C1.5%2C6.3%2C1.3%2C6.7%2C1.3%2C7.4h0.8c0-0.3%2C0.1-0.5%2C0.2-0.6c0.2-0.2%2C0.5-0.4%2C1-0.4c0.4%2C0%2C0.7%2C0.1%2C0.9%2C0.2c0.2%2C0.1%2C0.3%2C0.4%2C0.3%2C0.7c0%2C0.1%2C0%2C0.3-0.1%2C0.3C4.4%2C7.7%2C4.3%2C7.8%2C4.1%2C7.8L2.7%2C8C2.2%2C8.1%2C1.8%2C8.2%2C1.5%2C8.5C1.2%2C8.8%2C1%2C9.1%2C1%2C9.6c0%2C0.4%2C0.2%2C0.8%2C0.5%2C1.1c0.3%2C0.3%2C0.7%2C0.4%2C1.2%2C0.4c0.4%2C0%2C0.8-0.1%2C1.1-0.3c0.3-0.2%2C0.6-0.4%2C0.8-0.6c0%2C0.2%2C0.1%2C0.4%2C0.2%2C0.5c0.1%2C0.2%2C0.4%2C0.3%2C0.7%2C0.3c0.1%2C0%2C0.2%2C0%2C0.3%2C0c0.1%2C0%2C0.2%2C0%2C0.3-0.1v-0.6c-0.1%2C0-0.1%2C0-0.2%2C0C5.8%2C10.4%2C5.7%2C10.4%2C5.7%2C10.4z%20M4.5%2C9.1c0%2C0.5-0.2%2C0.9-0.7%2C1.2c-0.3%2C0.1-0.6%2C0.2-0.9%2C0.2c-0.3%2C0-0.5-0.1-0.7-0.2C2%2C10.1%2C2%2C9.9%2C2%2C9.6C2%2C9.3%2C2.1%2C9%2C2.4%2C8.9c0.2-0.1%2C0.4-0.2%2C0.7-0.2l0.5-0.1c0.2%2C0%2C0.3-0.1%2C0.5-0.1c0.2%2C0%2C0.3-0.1%2C0.4-0.2V9.1z%20M18.5%2C5L8.3%2C15.3l-0.5%2C2c-0.6%2C0.4-1.3%2C0.3-1.5%2C0.6c-0.3%2C0.4%2C0.9%2C0.4%2C1.5%2C0.3c0.4%2C0%2C0.5%2C0%2C0.5-0.2l2.2-0.6L20.7%2C7.1L18.5%2C5z%20M9%2C15.3l9.5-9.5L20%2C7.1l-9.5%2C9.5L9%2C15.3z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-bullets {
- width: 22px;
- height: 22px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23aa5252%22%3E%3Cg%3E%3Cpath%20d%3D%22M7%2C4v1h15V4H7z%20M1%2C6h3V3H1V6z%20M7%2C12h15v-1H7V12z%20M1%2C13h3v-3H1V13z%20M7%2C19h15v-1H7V19z%20M1%2C20h3v-3H1V20z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-numbers {
- width: 22px;
- height: 22px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23aa5252%22%3E%3Cg%3E%3Cpath%20d%3D%22M7%2C3.8v1h15v-1H7z%20M7%2C11.8h15v-1H7V11.8z%20M7%2C18.8h15v-1H7V18.8z%20M3.1%2C6.9h0.7V2H3.3C3.2%2C2.4%2C3.1%2C2.6%2C2.9%2C2.7C2.7%2C2.8%2C2.4%2C2.9%2C2%2C2.9v0.5h1.2V6.9z%20M3.3%2C9C2.6%2C9%2C2.1%2C9.2%2C1.9%2C9.7c-0.2%2C0.3-0.2%2C0.6-0.2%2C1h0.6c0-0.3%2C0.1-0.5%2C0.1-0.7c0.2-0.3%2C0.5-0.5%2C0.9-0.5c0.3%2C0%2C0.5%2C0.1%2C0.7%2C0.3s0.3%2C0.4%2C0.3%2C0.7c0%2C0.2-0.1%2C0.5-0.3%2C0.7c-0.1%2C0.1-0.3%2C0.3-0.6%2C0.4l-0.7%2C0.4c-0.4%2C0.3-0.7%2C0.5-0.9%2C0.9c-0.2%2C0.3-0.2%2C0.7-0.3%2C1.1h3.4v-0.6H2.2c0.1-0.2%2C0.2-0.5%2C0.4-0.7c0.1-0.1%2C0.3-0.2%2C0.5-0.4L3.6%2C12c0.4-0.2%2C0.7-0.4%2C0.9-0.6c0.3-0.3%2C0.4-0.6%2C0.4-1c0-0.4-0.1-0.7-0.4-1C4.3%2C9.1%2C3.9%2C9%2C3.3%2C9z%20M4.1%2C18.3c0.2-0.1%2C0.3-0.2%2C0.4-0.3c0.2-0.2%2C0.2-0.4%2C0.2-0.7c0-0.4-0.1-0.7-0.4-1C4%2C16.1%2C3.6%2C16%2C3.1%2C16c-0.6%2C0-1.1%2C0.2-1.3%2C0.7c-0.1%2C0.3-0.2%2C0.6-0.2%2C0.9h0.6c0-0.3%2C0.1-0.5%2C0.1-0.6c0.2-0.3%2C0.4-0.4%2C0.9-0.4c0.2%2C0%2C0.4%2C0.1%2C0.6%2C0.2C4%2C16.9%2C4.1%2C17%2C4.1%2C17.3c0%2C0.3-0.1%2C0.6-0.4%2C0.7c-0.1%2C0.1-0.3%2C0.1-0.6%2C0.1c-0.1%2C0-0.1%2C0-0.1%2C0c0%2C0-0.1%2C0-0.2%2C0v0.5c0%2C0%2C0.1%2C0%2C0.1%2C0c0%2C0%2C0.1%2C0%2C0.1%2C0c0.4%2C0%2C0.7%2C0.1%2C0.9%2C0.2c0.2%2C0.1%2C0.3%2C0.4%2C0.3%2C0.7c0%2C0.3-0.1%2C0.5-0.3%2C0.7c-0.2%2C0.2-0.5%2C0.3-0.8%2C0.3c-0.4%2C0-0.7-0.1-0.9-0.4c-0.1-0.1-0.2-0.4-0.2-0.7H1.5c0%2C0.5%2C0.1%2C0.8%2C0.4%2C1.2C2.1%2C20.8%2C2.5%2C21%2C3.1%2C21c0.6%2C0%2C1-0.1%2C1.3-0.4c0.3-0.3%2C0.5-0.7%2C0.5-1.1c0-0.3-0.1-0.5-0.2-0.7C4.5%2C18.5%2C4.3%2C18.3%2C4.1%2C18.3z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-linespacing {
- width: 22px;
- height: 22px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23aa5252%22%3E%3Cg%3E%3Cpolygon%20id%3D%22XMLID_7_%22%20points%3D%2222%2C4%2022%2C3%2012%2C3%2011%2C3%201%2C3%201%2C4%2011%2C4%2011%2C4.3%208%2C7.4%208.7%2C8.1%2011%2C5.7%2011%2C17.3%208.7%2C14.9%208%2C15.6%2011%2C18.7%2011%2C19%201%2C19%201%2C20%2011%2C20%2012%2C20%2022%2C20%2022%2C19%2012%2C19%2012%2C18.6%2015%2C15.6%2014.3%2C14.9%2012%2C17.2%2012%2C5.8%2014.3%2C8.1%2015%2C7.4%2012%2C4.4%2012%2C4%20%09%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-text-align-center {
- width: 22px;
- height: 22px;
- background-color: #aa5252;
- -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23aa5252%22%3E%3Cg%3E%3Cpath%20d%3D%22M1%2C3v1h21V3H1z%20M4%2C7v1h14V7H4z%20M1%2C12h21v-1H1V12z%20M4%2C15v1h14v-1H4z%20M1%2C20h21v-1H1V20z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-text-align-jast {
- width: 22px;
- height: 22px;
- background-color: #aa5252;
- -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23aa5252%22%3E%3Cg%3E%3Cpath%20d%3D%22M1%2C3v1h21V3H1z%20M1%2C8h21V7H1V8z%20M1%2C12h21v-1H1V12z%20M1%2C16h21v-1H1V16z%20M1%2C20h21v-1H1V20z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-text-align-left {
- width: 22px;
- height: 22px;
- background-color: #aa5252;
- -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23aa5252%22%3E%3Cg%3E%3Cpath%20d%3D%22M1%2C3v1h21V3H1z%20M15%2C7H1v1h14V7z%20M1%2C12h21v-1H1V12z%20M15%2C15H1v1h14V15z%20M1%2C20h21v-1H1V20z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-text-align-right {
- width: 22px;
- height: 22px;
- background-color: #aa5252;
- -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23aa5252%22%3E%3Cg%3E%3Cpath%20d%3D%22M1%2C3v1h21V3H1z%20M8%2C8h14V7H8V8z%20M22%2C11H1v1h21V11z%20M8%2C16h14v-1H8V16z%20M22%2C19H1v1h21V19z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-de-indent {
- width: 22px;
- height: 22px;
- background-color: #aa5252;
- -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23aa5252%22%3E%3Cg%3E%3Cpath%20d%3D%22M1%2C20v-1h21v1H1z%20M11%2C15h11v1H11V15z%20M11%2C11h11v1H11V11z%20M11%2C7h11v1H11V7z%20M6.3%2C7L7%2C7.7l-3.8%2C3.8L7%2C15.3L6.3%2C16L2%2C11.8l-0.2-0.3L2%2C11.2L6.3%2C7z%20M1%2C3h21v1H1V3z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-in-indent {
- width: 22px;
- height: 22px;
- background-color: #aa5252;
- -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23aa5252%22%3E%3Cg%3E%3Cpath%20d%3D%22M1%2C20v-1h21v1H1z%20M12%2C16H1v-1h11V16z%20M12%2C12H1v-1h11V12z%20M12%2C8H1V7h11V8z%20M21%2C11.2l0.2%2C0.3L21%2C11.8L16.7%2C16L16%2C15.3l3.8-3.8L16%2C7.7L16.7%2C7L21%2C11.2z%20M22%2C4H1V3h21V4z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-prev,
-i.icon.icon-prev-comment {
- width: 22px;
- height: 22px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23aa5252%22%3E%3Cg%3E%3Cpath%20d%3D%22M16%2C20.5L15%2C21.5L4.5%2C11l0%2C0l0%2C0L15%2C0.5L16%2C1.5L6.6%2C11L16%2C20.5z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-next,
-i.icon.icon-next-comment {
- width: 22px;
- height: 22px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23aa5252%22%3E%3Cg%3E%3Cpath%20d%3D%22M15.5%2C11L6%2C1.5l1.1-1.1L17.5%2C11l0%2C0l0%2C0L7.1%2C21.5L6%2C20.5L15.5%2C11z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-table-add-column-left {
- width: 22px;
- height: 22px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23aa5252%22%3E%3Cg%3E%3Cpath%20d%3D%22M15%2C19h-1H8H7v-1v-3H0V2h7h1h14v4v1v3v1v3v1v3v1H15z%20M15%2C18h6v-3h-6V18z%20M15%2C14h6v-3h-6V14z%20M8%2C18h6v-3H8V18z%20M8%2C14h6v-3H8V14z%20M14%2C10V7H8v3H14z%20M8%2C3v3h6V3H8z%20M21%2C3h-6v3h6V3z%20M15%2C7v3h6V7H15z%20M3%2C16h1v2h2v1H4v2H3v-2H1v-1h2V16z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-table-add-column-right {
- width: 22px;
- height: 22px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23aa5252%22%3E%3Cg%3E%3Cpath%20d%3D%22M0%2C19l0-1l0-3l0-1l0-3l0-1l0-3l0-1l0-4h14h1h7v13h-7v3v1h-1H8H7H0z%20M7%2C15H1v3h6V15z%20M7%2C11H1v3h6V11z%20M14%2C15H8v3h6V15z%20M14%2C11H8v3h6V11z%20M14%2C10V7H8v3H14z%20M8%2C3v3h6V3H8z%20M1%2C6h6V3H1V6z%20M1%2C7v3h6V7H1z%20M19%2C18h2v1h-2v2h-1v-2h-2v-1h2v-2h1V18z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-table-add-row-above {
- width: 22px;
- height: 22px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23aa5252%22%3E%3Cg%3E%3Cpath%20d%3D%22M21%2C20h-6h-1H8H7H0v-1v-3v-1v-3v-1V8V7V1h15v6h6h1v1v3v1v3v1v3v1H21z%20M7%2C8H1v3h6V8z%20M7%2C12H1v3h6V12z%20M7%2C16H1v3h6V16z%20M8%2C19h6v-3H8V19z%20M8%2C15h6v-3H8V15z%20M8%2C11h6V8H8V11z%20M21%2C8h-6v3h6V8z%20M21%2C12h-6v3h6V12z%20M21%2C16h-6v3h6V16z%20M19%2C6h-1V4h-2V3h2V1h1v2h2v1h-2V6z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-table-add-row-below {
- width: 22px;
- height: 22px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23aa5252%22%3E%3Cg%3E%3Cpath%20d%3D%22M22%2C1v1v3v1v3v1v3v1h-1h-6v6H0v-6v-1v-3V9V6V5V2V1h7h1h6h1h6H22z%20M7%2C10H1v3h6V10z%20M7%2C6H1v3h6V6z%20M7%2C2H1v3h6V2z%20M8%2C5h6V2H8V5z%20M8%2C9h6V6H8V9z%20M8%2C13h6v-3H8V13z%20M21%2C10h-6v3h6V10z%20M21%2C6h-6v3h6V6z%20M21%2C2h-6v3h6V2z%20M19%2C17h2v1h-2v2h-1v-2h-2v-1h2v-2h1V17z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-table-remove-column {
- width: 22px;
- height: 22px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23aa5252%22%3E%3Cg%3E%3Cpath%20d%3D%22M21%2C19h-6h-1h-1.6c-0.9%2C1.8-2.7%2C3-4.9%2C3s-4-1.2-4.9-3H1H0v-1v-3v-1v-3v-1V7V6V3V2h7h1h6h1h6h1v1v3v1v3v1v3v1v3v1H21z%20M7.5%2C12C5%2C12%2C3%2C14%2C3%2C16.5S5%2C21%2C7.5%2C21s4.5-2%2C4.5-4.5S10%2C12%2C7.5%2C12z%20M14%2C3H8v3h6V3z%20M14%2C7H8v3h6V7z%20M14%2C11H8v0.1c1.9%2C0.2%2C3.5%2C1.3%2C4.4%2C2.9H14V11z%20M14%2C15h-1.2c0.1%2C0.5%2C0.2%2C1%2C0.2%2C1.5c0%2C0.5-0.1%2C1-0.2%2C1.5H14V15z%20M21%2C3h-6v3h6V3z%20M21%2C7h-6v3h6V7z%20M21%2C11h-6v3h6V11z%20M21%2C15h-6v3h6V15z%20M9.6%2C19.3l-2.1-2.1l-2.1%2C2.1l-0.7-0.7l2.1-2.1l-2.1-2.1l0.7-0.7l2.1%2C2.1l2.1-2.1l0.7%2C0.7l-2.1%2C2.1l2.1%2C2.1L9.6%2C19.3z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-table-remove-row {
- width: 22px;
- height: 22px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23aa5252%22%3E%3Cg%3E%3Cpath%20d%3D%22M21%2C19h-6h-1h-1.6c-0.9%2C1.8-2.7%2C3-4.9%2C3s-4-1.2-4.9-3H1H0v-1v-3v-1v-3v-1V7V6V3V2h7h1h6h1h6h1v1v3v1v3v1v3v1v3v1H21z%20M1%2C18h1.2C2.1%2C17.5%2C2%2C17%2C2%2C16.5c0-0.5%2C0.1-1%2C0.2-1.5H1V18z%20M7%2C3H1v3h6V3z%20M7%2C7H1v3h6V7z%20M7.5%2C12C5%2C12%2C3%2C14%2C3%2C16.5S5%2C21%2C7.5%2C21s4.5-2%2C4.5-4.5S10%2C12%2C7.5%2C12z%20M14%2C3H8v3h6V3z%20M14%2C7H8v3h6V7z%20M14%2C15h-1.2c0.1%2C0.5%2C0.2%2C1%2C0.2%2C1.5c0%2C0.5-0.1%2C1-0.2%2C1.5H14V15z%20M21%2C3h-6v3h6V3z%20M21%2C7h-6v3h6V7z%20M21%2C15h-6v3h6V15z%20M9.6%2C19.3l-2.1-2.1l-2.1%2C2.1l-0.7-0.7l2.1-2.1l-2.1-2.1l0.7-0.7l2.1%2C2.1l2.1-2.1l0.7%2C0.7l-2.1%2C2.1l2.1%2C2.1L9.6%2C19.3z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-expand-down {
- width: 22px;
- height: 22px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23aa5252%22%3E%3Cg%3E%3Cpath%20d%3D%22M20.5%2C6.5l1.1%2C1.1L11%2C18l0%2C0l0%2C0L0.5%2C7.5l1.1-1.1l9.5%2C9.5L20.5%2C6.5z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-pagebreak {
- width: 22px;
- height: 22px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23aa5252%22%3E%3Cg%3E%3Cpath%20d%3D%22M8%2C14v1h1v-1H8z%20M6%2C14v1h1v-1H6z%20M18%2C21H3v-6H2v7h17v-7h-1V21z%20M4%2C14v1h1v-1H4z%20M14%2C14v1h1v-1H14z%20M10%2C14v1h1v-1H10z%20M8.2%2C1L2%2C7.6V14h1V9h6V2l0%2C0h9v12h1V1H8.2z%20M8%2C8H3.1L8%2C2.8V8z%20M12%2C14v1h1v-1H12z%20M16%2C14v1h1v-1H16z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-sectionbreak {
- width: 22px;
- height: 22px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23aa5252%22%3E%3Cg%3E%3Cpath%20d%3D%22M20%2C14V2H3v12H2V1h19v13H20z%20M5%2C14v1H4v-1H5z%20M7%2C14v1H6v-1H7z%20M9%2C14v1H8v-1H9z%20M11%2C14v1h-1v-1H11z%20M13%2C14v1h-1v-1H13z%20M15%2C14v1h-1v-1H15z%20M17%2C14v1h-1v-1H17z%20M18%2C14h1v1h-1V14z%20M3%2C21h17v-6h1v7H2v-7h1V21z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-stringbreak {
- width: 22px;
- height: 22px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23aa5252%22%3E%3Cg%3E%3Cpath%20d%3D%22M18%2C12H5.1L9%2C15.9l-0.7%2C0.7l-4.5-4.5l-0.6-0.6l0.6-0.6l4.5-4.5L9%2C7.1L5.1%2C11H18V5h1v6v1H18z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-pagenumber {
- width: 22px;
- height: 22px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23aa5252%22%3E%3Cg%3E%3Cpath%20d%3D%22M8.2%2C1L2%2C7.6V22h17V1H8.2z%20M8%2C2.8V8H3.1L8%2C2.8z%20M18%2C21H3V9h6V2l0%2C0h9V21z%20M12%2C19h1v-4h-0.7c0%2C0.2-0.1-0.1-0.1%2C0c-0.1%2C0.1-0.2%2C0-0.3%2C0c-0.1%2C0.1-0.2%2C0.1-0.4%2C0.1c-0.1%2C0-0.3%2C0-0.4%2C0V16H12V19z%20M15.3%2C17.3C15%2C17.9%2C15.1%2C18.4%2C15%2C19h0.9c0-0.3%2C0-0.6%2C0.1-0.9c0.1-0.3%2C0.1-0.6%2C0.3-0.9c0.1-0.3%2C0.3-0.6%2C0.4-0.9c0.2-0.3%2C0.1-0.3%2C0.3-0.5V15h-3v1h1.9C15.6%2C16.4%2C15.5%2C16.7%2C15.3%2C17.3z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-link {
- width: 22px;
- height: 22px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23aa5252%22%3E%3Cg%3E%3Cpath%20d%3D%22M12.4%2C9.8c0%2C0-2.1-0.1-3.8%2C1.2c-2.8%2C2-3.3%2C4.3-3.3%2C4.3s1.6-1.7%2C3.5-2.5c1.7-0.7%2C3.7-0.4%2C3.7-0.4v1.9l4.8-3.3V11l-4.8-3.3V9.8z%20M11%2C1C5.5%2C1%2C1%2C5.5%2C1%2C11c0%2C5.5%2C4.5%2C10%2C10%2C10s10-4.5%2C10-10C21%2C5.5%2C16.5%2C1%2C11%2C1z%20M11%2C20c-5%2C0-9-4.1-9-9C2%2C6%2C6%2C2%2C11%2C2s9%2C4.1%2C9%2C9C20%2C16%2C16%2C20%2C11%2C20z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-image-library {
- width: 22px;
- height: 22px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2022%2022%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bisolation%3Aisolate%3B%7D.cls-2%7Bopacity%3A0.2%3B%7D.cls-3%7Bfill%3A%23fff%3B%7D.cls-10%2C.cls-11%2C.cls-4%2C.cls-6%2C.cls-7%2C.cls-8%2C.cls-9%7Bmix-blend-mode%3Amultiply%3B%7D.cls-4%7Bfill%3Aurl(%23grad_8)%3B%7D.cls-5%7Bfill%3Aurl(%23grad_10)%3B%7D.cls-6%7Bfill%3Aurl(%23grad_12)%3B%7D.cls-7%7Bfill%3Aurl(%23grad_14)%3B%7D.cls-8%7Bfill%3Aurl(%23grad_79)%3B%7D.cls-9%7Bfill%3Aurl(%23grad_77)%3B%7D.cls-10%7Bfill%3Aurl(%23grad_75)%3B%7D.cls-11%7Bfill%3Aurl(%23grad_81)%3B%7D%3C%2Fstyle%3E%3ClinearGradient%20id%3D%22grad_8%22%20x1%3D%2211.08%22%20y1%3D%2210.26%22%20x2%3D%2211.08%22%20y2%3D%221.26%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23f3e916%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23f89d34%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22grad_10%22%20x1%3D%2211.08%22%20y1%3D%2220.44%22%20x2%3D%2211.08%22%20y2%3D%2211.88%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%235eb6e8%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23958cc3%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22grad_12%22%20x1%3D%221.46%22%20y1%3D%2211.05%22%20x2%3D%2210.46%22%20y2%3D%2211.05%22%20gradientTransform%3D%22translate(17%205.09)%20rotate(90)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23cc8dba%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23f86867%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22grad_14%22%20x1%3D%2211.73%22%20y1%3D%2211.05%22%20x2%3D%2220.73%22%20y2%3D%2211.05%22%20gradientTransform%3D%22translate(27.28%20-5.18)%20rotate(90)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%236ac07f%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23c5da3d%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22grad_79%22%20x1%3D%2211.74%22%20y1%3D%2210.42%22%20x2%3D%2217.52%22%20y2%3D%224.63%22%20gradientTransform%3D%22translate(30.29%202.51)%20rotate(135)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23c5da3d%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23f3e916%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22grad_77%22%20x1%3D%224.7%22%20y1%3D%2217.49%22%20x2%3D%2210.48%22%20y2%3D%2211.71%22%20gradientTransform%3D%22translate(23.24%2019.65)%20rotate(135)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%239595c3%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23cc8dba%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22grad_75%22%20x1%3D%224.69%22%20y1%3D%224.64%22%20x2%3D%2210.47%22%20y2%3D%2210.42%22%20gradientTransform%3D%22translate(7.54%20-3.15)%20rotate(45)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23f86867%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23f89d34%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22grad_81%22%20x1%3D%2211.77%22%20y1%3D%2211.78%22%20x2%3D%2217.55%22%20y2%3D%2217.56%22%20gradientTransform%3D%22translate(14.63%20-6.05)%20rotate(45)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%235ec0e8%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%236ac07f%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Ctitle%3Eicons_for_svg%3C%2Ftitle%3E%3Cg%20class%3D%22cls-1%22%3E%3Cg%20id%3D%22%D0%A1%D0%BB%D0%BE%D0%B9_1%22%20data-name%3D%22%D0%A1%D0%BB%D0%BE%D0%B9%201%22%3E%3Crect%20class%3D%22cls-2%22%20x%3D%220.09%22%20y%3D%220.01%22%20width%3D%2222%22%20height%3D%2222%22%20rx%3D%224%22%20ry%3D%224%22%2F%3E%3Crect%20class%3D%22cls-3%22%20x%3D%220.57%22%20y%3D%220.49%22%20width%3D%2221.04%22%20height%3D%2221.04%22%20rx%3D%223.6%22%20ry%3D%223.6%22%2F%3E%3Crect%20class%3D%22cls-4%22%20x%3D%228.33%22%20y%3D%221.26%22%20width%3D%225.5%22%20height%3D%229%22%20rx%3D%222.5%22%20ry%3D%222.5%22%2F%3E%3Crect%20class%3D%22cls-5%22%20x%3D%228.33%22%20y%3D%2211.76%22%20width%3D%225.5%22%20height%3D%229%22%20rx%3D%222.5%22%20ry%3D%222.5%22%2F%3E%3Crect%20class%3D%22cls-6%22%20x%3D%223.21%22%20y%3D%226.55%22%20width%3D%225.5%22%20height%3D%229%22%20rx%3D%222.5%22%20ry%3D%222.5%22%20transform%3D%22translate(-5.09%2017)%20rotate(-90)%22%2F%3E%3Crect%20class%3D%22cls-7%22%20x%3D%2213.48%22%20y%3D%226.55%22%20width%3D%225.5%22%20height%3D%229%22%20rx%3D%222.5%22%20ry%3D%222.5%22%20transform%3D%22translate(5.18%2027.28)%20rotate(-90)%22%2F%3E%3Crect%20class%3D%22cls-8%22%20x%3D%2211.87%22%20y%3D%223.03%22%20width%3D%225.5%22%20height%3D%229%22%20rx%3D%222.5%22%20ry%3D%222.5%22%20transform%3D%22translate(19.64%2023.19)%20rotate(-135)%22%2F%3E%3Crect%20class%3D%22cls-9%22%20x%3D%224.8%22%20y%3D%2210.14%22%20width%3D%225.5%22%20height%3D%229%22%20rx%3D%222.5%22%20ry%3D%222.5%22%20transform%3D%22translate(2.54%2030.33)%20rotate(-135)%22%2F%3E%3Crect%20class%3D%22cls-10%22%20x%3D%224.83%22%20y%3D%223.03%22%20width%3D%225.5%22%20height%3D%229%22%20rx%3D%222.5%22%20ry%3D%222.5%22%20transform%3D%22translate(-3.1%207.56)%20rotate(-45)%22%2F%3E%3Crect%20class%3D%22cls-11%22%20x%3D%2211.87%22%20y%3D%2210.14%22%20width%3D%225.5%22%20height%3D%229%22%20rx%3D%222.5%22%20ry%3D%222.5%22%20transform%3D%22translate(-6.07%2014.63)%20rotate(-45)%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-text-valign-top {
- width: 22px;
- height: 22px;
- background-color: #aa5252;
- -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23aa5252%22%3E%3Cg%3E%3Crect%20class%3D%22cls-1%22%20x%3D%222%22%20y%3D%222%22%20width%3D%2219%22%20height%3D%221%22%2F%3E%3Crect%20class%3D%22cls-1%22%20x%3D%222%22%20y%3D%224%22%20width%3D%2219%22%20height%3D%221%22%2F%3E%3Cpolygon%20class%3D%22cls-1%22%20points%3D%2212%2018%2011%2018%2011%207.83%208.65%209.8%208%208.94%2011.5%206%2015%209%2014.35%209.8%2012%207.83%2012%2018%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-text-valign-middle {
- width: 22px;
- height: 22px;
- background-color: #aa5252;
- -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23aa5252%22%3E%3Cg%3E%3Crect%20class%3D%22cls-1%22%20x%3D%222%22%20y%3D%2210%22%20width%3D%2219%22%20height%3D%221%22%2F%3E%3Crect%20class%3D%22cls-1%22%20x%3D%222%22%20y%3D%2212%22%20width%3D%2219%22%20height%3D%221%22%2F%3E%3Cpolygon%20class%3D%22cls-1%22%20points%3D%2211%202%2012%202%2012%207.17%2014.35%205.2%2015%206.06%2011.5%209%208%206%208.65%205.2%2011%207.17%2011%202%22%2F%3E%3Cpolygon%20class%3D%22cls-1%22%20points%3D%2212%2021%2011%2021%2011%2015.83%208.65%2017.8%208%2016.94%2011.5%2014%2015%2017%2014.35%2017.8%2012%2015.83%2012%2021%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-text-valign-bottom {
- width: 22px;
- height: 22px;
- background-color: #aa5252;
- -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23aa5252%22%3E%3Cg%3E%3Crect%20class%3D%22cls-1%22%20x%3D%222%22%20y%3D%2218%22%20width%3D%2219%22%20height%3D%221%22%2F%3E%3Crect%20class%3D%22cls-1%22%20x%3D%222%22%20y%3D%2220%22%20width%3D%2219%22%20height%3D%221%22%2F%3E%3Cpolygon%20class%3D%22cls-1%22%20points%3D%2211%204%2012%204%2012%2015.17%2014.35%2013.2%2015%2014.06%2011.5%2017%208%2014%208.65%2013.2%2011%2015.17%2011%204%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-table-borders-all {
- width: 28px;
- height: 28px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2028%2028%22%20fill%3D%22%23aa5252%22%3E%3Cg%3E%3Cpath%20d%3D%22M26.9%2C0H0V27H27V0H26.9ZM13%2C26H1V14H13V26Zm0-13H1V1H13V13ZM26%2C26H14V14H26V26Zm0-13H14V1H26V13Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-table-borders-none {
- width: 28px;
- height: 28px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2028%2028%22%20fill%3D%22%23aa5252%22%3E%3Cg%3E%3Cpath%20opacity%3D%220.3%22%20d%3D%22M26.9%2C0H0V27H27V0H26.9ZM13%2C26H1V14H13V26Zm0-13H1V1H13V13ZM26%2C26H14V14H26V26Zm0-13H14V1H26V13Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-table-borders-inner {
- width: 28px;
- height: 28px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2028%2028%22%20fill%3D%22%23aa5252%22%3E%3Cg%3E%3Cpolygon%20points%3D%2226%2013%2014%2013%2014%201%2013%201%2013%2013%201%2013%201%2014%2013%2014%2013%2026%2014%2026%2014%2014%2026%2014%2026%2013%22%2F%3E%3Cpath%20opacity%3D%220.3%22%20d%3D%22M27%2C0H0V27H27V0ZM1%2C26V1H26V26H1Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-table-borders-outer {
- width: 28px;
- height: 28px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2028%2028%22%20fill%3D%22%23aa5252%22%3E%3Cg%3E%3Cpath%20d%3D%22M27%2C0H0V27H27V0ZM1%2C26V1H26V26H1Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-table-borders-left {
- width: 28px;
- height: 28px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2028%2028%22%20fill%3D%22%23aa5252%22%3E%3Cg%3E%3Cpath%20opacity%3D%220.3%22%20d%3D%22M27%2C0H0V27H27V0ZM1%2C26V1H26V26H1Z%22%2F%3E%3Crect%20width%3D%221%22%20height%3D%2227%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-table-borders-center {
- width: 28px;
- height: 28px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2028%2028%22%20fill%3D%22%23aa5252%22%3E%3Cg%3E%3Cpath%20opacity%3D%220.3%22%20d%3D%22M27%2C0H0V27H27V0ZM1%2C26V1H26V26H1Z%22%2F%3E%3Crect%20x%3D%2213%22%20width%3D%221%22%20height%3D%2227%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-table-borders-right {
- width: 28px;
- height: 28px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2028%2028%22%20fill%3D%22%23aa5252%22%3E%3Cg%3E%3Cpath%20opacity%3D%220.3%22%20d%3D%22M27%2C0H0V27H27V0ZM1%2C26V1H26V26H1Z%22%2F%3E%3Crect%20x%3D%2226%22%20width%3D%221%22%20height%3D%2227%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-table-borders-top {
- width: 28px;
- height: 28px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2028%2028%22%20fill%3D%22%23aa5252%22%3E%3Cg%3E%3Cpath%20opacity%3D%220.3%22%20d%3D%22M27%2C0H0V27H27V0ZM1%2C26V1H26V26H1Z%22%2F%3E%3Crect%20width%3D%2227%22%20height%3D%221%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-table-borders-middle {
- width: 28px;
- height: 28px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2028%2028%22%20fill%3D%22%23aa5252%22%3E%3Cg%3E%3Cpath%20opacity%3D%220.3%22%20d%3D%22M27%2C0H0V27H27V0ZM1%2C26V1H26V26H1Z%22%2F%3E%3Crect%20y%3D%2213%22%20width%3D%2227%22%20height%3D%221%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-table-borders-bottom {
- width: 28px;
- height: 28px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2028%2028%22%20fill%3D%22%23aa5252%22%3E%3Cg%3E%3Cpath%20opacity%3D%220.3%22%20d%3D%22M27%2C0H0V27H27V0ZM1%2C26V1H26V26H1Z%22%2F%3E%3Crect%20y%3D%2226%22%20width%3D%2227%22%20height%3D%221%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-move-backward {
- width: 28px;
- height: 28px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2028%2028%22%20fill%3D%22%23aa5252%22%3E%3Cg%3E%3Crect%20opacity%3D%220.3%22%20x%3D%221%22%20y%3D%221%22%20width%3D%2217%22%20height%3D%2217%22%2F%3E%3Cpath%20d%3D%22M10%2C10V27H27V10H10ZM26%2C26H11V11H26V26Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-move-forward {
- width: 28px;
- height: 28px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2028%2028%22%20fill%3D%22%23aa5252%22%3E%3Cg%3E%3Cpath%20opacity%3D%220.3%22%20d%3D%22M10%2C10V27H27V10H10ZM26%2C26H11V11H26V26Z%22%2F%3E%3Crect%20x%3D%221%22%20y%3D%221%22%20width%3D%2217%22%20height%3D%2217%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-move-background {
- width: 28px;
- height: 28px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2028%2028%22%20fill%3D%22%23aa5252%22%3E%3Cg%3E%3Crect%20opacity%3D%220.3%22%20x%3D%228%22%20y%3D%228%22%20width%3D%2213%22%20height%3D%2213%22%2F%3E%3Cpath%20d%3D%22M1%2C1V13H13V1H1ZM12%2C12H2V2H12V12Z%22%2F%3E%3Cpath%20d%3D%22M15%2C15V27H27V15H15ZM26%2C26H16V16H26V26Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-move-foreground {
- width: 28px;
- height: 28px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2028%2028%22%20fill%3D%22%23aa5252%22%3E%3Cg%3E%3Cpath%20opacity%3D%220.3%22%20d%3D%22M1%2C1V13H13V1H1ZM12%2C12H2V2H12V12Z%22%2F%3E%3Cpath%20opacity%3D%220.3%22%20d%3D%22M15%2C15V27H27V15H15ZM26%2C26H16V16H26V26Z%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%228%22%20width%3D%2213%22%20height%3D%2213%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-align-left {
- width: 22px;
- height: 22px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2022%2022%22%20style%3D%22enable-background%3Anew%200%200%2022%2022%3B%22%20xml%3Aspace%3D%22preserve%22%20fill%3D%22%23aa5252%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%3C%2Fstyle%3E%3Cg%3E%3Cg%20id%3D%22XMLID_35_%22%3E%3Cpath%20id%3D%22XMLID_36_%22%20class%3D%22st0%22%20d%3D%22M1%2C21h1V1H1V21z%20M4%2C13v4h16v-4H4z%20M12%2C5H4v4h8V5z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-align-center {
- width: 22px;
- height: 22px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2022%2022%22%20style%3D%22enable-background%3Anew%200%200%2022%2022%3B%22%20xml%3Aspace%3D%22preserve%22%20fill%3D%22%23aa5252%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%3C%2Fstyle%3E%3Cg%20id%3D%22XMLID_5_%22%3E%3Cg%20id%3D%22XMLID_24_%22%3E%3Cpolygon%20id%3D%22XMLID_25_%22%20class%3D%22st0%22%20points%3D%2219%2C13%2011%2C13%2011%2C9%2015%2C9%2015%2C5%2011%2C5%2011%2C1%2010%2C1%2010%2C5%206%2C5%206%2C9%2010%2C9%2010%2C13%202%2C13%202%2C17%2010%2C17%2010%2C21%2011%2C21%2011%2C17%2019%2C17%20%09%09%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-align-right {
- width: 22px;
- height: 22px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2022%2022%22%20style%3D%22enable-background%3Anew%200%200%2022%2022%3B%22%20xml%3Aspace%3D%22preserve%22%20fill%3D%22%23aa5252%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%3C%2Fstyle%3E%3Cg%20id%3D%22XMLID_5_%22%3E%3Cg%20id%3D%22XMLID_42_%22%3E%3Cpath%20id%3D%22XMLID_44_%22%20class%3D%22st0%22%20d%3D%22M20%2C1v20h1V1H20z%20M2%2C17h16v-4H2V17z%20M10%2C9h8V5h-8V9z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-align-top {
- width: 22px;
- height: 22px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2022%2022%22%20style%3D%22enable-background%3Anew%200%200%2022%2022%3B%22%20xml%3Aspace%3D%22preserve%22%20fill%3D%22%23aa5252%22%3E%3Cg%3E%3Cg%20id%3D%22XMLID_35_%22%3E%3Cpath%20id%3D%22XMLID_36_%22%20d%3D%22M1%2C1v1h20V1H1z%20M9%2C4H5v16h4V4z%20M17%2C12V4h-4v8H17z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-align-middle {
- width: 22px;
- height: 22px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2022%2022%22%20style%3D%22enable-background%3Anew%200%200%2022%2022%3B%22%20xml%3Aspace%3D%22preserve%22%20fill%3D%22%23aa5252%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%3C%2Fstyle%3E%3Cg%20id%3D%22XMLID_5_%22%3E%3Cg%20id%3D%22XMLID_24_%22%3E%3Cpolygon%20id%3D%22XMLID_25_%22%20class%3D%22st0%22%20points%3D%2213%2C2%2013%2C10%209%2C10%209%2C6%205%2C6%205%2C10%201%2C10%201%2C11%205%2C11%205%2C15%209%2C15%209%2C11%2013%2C11%2013%2C19%2017%2C19%2017%2C11%2021%2C11%2021%2C10%2017%2C10%2017%2C2%20%09%09%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-align-bottom {
- width: 22px;
- height: 22px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2022%2022%22%20style%3D%22enable-background%3Anew%200%200%2022%2022%3B%22%20xml%3Aspace%3D%22preserve%22%20fill%3D%22%23aa5252%22%3E%3Cg%3E%3Cg%20id%3D%22XMLID_35_%22%3E%3Cpath%20id%3D%22XMLID_36_%22%20d%3D%22M21%2C20v-1H1v1H21z%20M9%2C1H5v16h4V1z%20M13%2C9v8h4V9H13z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-align-horizontal {
- width: 22px;
- height: 22px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2022%2022%22%20style%3D%22enable-background%3Anew%200%200%2022%2022%3B%22%20xml%3Aspace%3D%22preserve%22%20fill%3D%22%23aa5252%22%3E%3Cg%3E%3Cg%20id%3D%22XMLID_35_%22%3E%3Cpath%20id%3D%22XMLID_36_%22%20d%3D%22M1%2C1v1h20V1H1z%20M0.999999%2C19.0000076V20h20v-0.9999924H0.999999z%20M9.000001%2C2.9999995h-4v15h4V2.9999995z%20M17%2C13.999999V6.9999986h-3.999999v7.0000005H17z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-align-vertical {
- width: 22px;
- height: 22px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2022%2022%22%20style%3D%22enable-background%3Anew%200%200%2022%2022%3B%22%20xml%3Aspace%3D%22preserve%22%20fill%3D%22%23aa5252%22%3E%3Cg%3E%3Cg%20id%3D%22XMLID_35_%22%3E%3Cpath%20id%3D%22XMLID_36_%22%20d%3D%22M0.9999998%2C21h1v-20h-1V21z%20M19.0000076%2C21H20v-20h-0.9999924V21z%20M2.9999995%2C12.999999v3.999999h15%20v-3.999999H2.9999995z%20M13.999999%2C4.999999H6.9999986v4h7.0000005V4.999999z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-format-pdf {
- width: 30px;
- height: 30px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2233px%22%20height%3D%2233px%22%20viewBox%3D%22-3.363%20-3.658%2033%2033%22%20xml%3Aspace%3D%22preserve%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23aa5252%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M8.512%2C14.989c0.8-1.567%2C1.709-3.334%2C2.438-5.107l0%2C0l0.287-0.699%20%20c-0.949-3.616-1.52-6.52-1.011-8.396l0%2C0C10.362%2C0.297%2C10.929%2C0%2C11.535%2C0l0%2C0l0.368%2C0.005h0.068c0.83-0.013%2C1.22%2C1.042%2C1.264%2C1.453%20%20l0%2C0c0.073%2C0.684-0.242%2C1.839-0.242%2C1.839l0%2C0c0-0.467%2C0.018-1.221-0.276-1.873l0%2C0c-0.343-0.753-0.671-1.203-0.965-1.274l0%2C0%20%20C11.604%2C0.25%2C11.46%2C0.455%2C11.411%2C0.85l0%2C0c-0.104%2C0.553-0.134%2C1.252-0.134%2C1.611l0%2C0c0%2C1.272%2C0.25%2C2.952%2C0.743%2C4.684l0%2C0%20%20c0.093-0.269%2C0.174-0.526%2C0.24-0.768l0%2C0c0.101-0.38%2C0.743-2.9%2C0.743-2.9l0%2C0c0%2C0-0.162%2C3.354-0.388%2C4.371l0%2C0%20%20c-0.049%2C0.215-0.103%2C0.427-0.158%2C0.644l0%2C0c0.812%2C2.268%2C2.121%2C4.292%2C3.68%2C5.75l0%2C0c0.615%2C0.575%2C1.393%2C1.038%2C2.128%2C1.461l0%2C0%20%20c1.605-0.229%2C3.084-0.338%2C4.318-0.324l0%2C0c1.637%2C0.021%2C2.838%2C0.265%2C3.324%2C0.743l0%2C0c0.237%2C0.232%2C0.335%2C0.514%2C0.364%2C0.83l0%2C0%20%20c0.007%2C0.122-0.053%2C0.41-0.069%2C0.482l0%2C0c0.018-0.088%2C0.018-0.519-1.298-0.938l0%2C0c-1.033-0.33-2.971-0.32-5.295-0.073l0%2C0%20%20c2.688%2C1.315%2C5.308%2C1.969%2C6.138%2C1.577l0%2C0c0.203-0.1%2C0.448-0.437%2C0.448-0.437l0%2C0c0%2C0-0.146%2C0.665-0.252%2C0.831l0%2C0%20%20c-0.134%2C0.18-0.396%2C0.376-0.646%2C0.44l0%2C0c-1.312%2C0.351-4.722-0.459-7.695-2.158l0%2C0c-3.322%2C0.489-6.972%2C1.394-9.896%2C2.354l0%2C0%20%20c-2.874%2C5.036-5.036%2C7.35-6.793%2C6.47l0%2C0l-0.646-0.325c-0.263-0.149-0.303-0.516-0.242-0.813l0%2C0%20%20c0.205-1.003%2C1.462-2.513%2C3.988-4.021l0%2C0c0.272-0.165%2C1.483-0.805%2C1.483-0.805l0%2C0c0%2C0-0.896%2C0.868-1.106%2C1.038l0%2C0%20%20c-2.016%2C1.652-3.504%2C3.73-3.467%2C4.536l0%2C0l0.007%2C0.069C2.643%2C24.936%2C5.21%2C21.45%2C8.512%2C14.989%20M9.559%2C15.525%20%20c-0.551%2C1.038-1.09%2C2.001-1.588%2C2.886l0%2C0c2.752-1.153%2C5.715-1.892%2C8.535-2.416l0%2C0c-0.379-0.262-0.746-0.539-1.093-0.832l0%2C0%20%20c-1.555-1.313-2.737-2.955-3.596-4.681l0%2C0C11.273%2C11.948%2C10.626%2C13.507%2C9.559%2C15.525%22%20%2F%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-format-pdfa {
- width: 30px;
- height: 30px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2033%2033%22%20height%3D%2233px%22%20width%3D%2233px%22%20y%3D%220px%22%20x%3D%220px%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23aa5252%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M11.875%2018.648L11.9617%2018.4783C12.7401%2016.954%2013.6102%2015.2503%2014.312%2013.541L14.6%2012.841C13.65%209.225%2013.08%206.322%2013.589%204.445C13.726%203.956%2014.293%203.659%2014.899%203.659L15.268%203.664H15.336C16.166%203.651%2016.556%204.706%2016.6%205.117C16.673%205.8%2016.357%206.956%2016.357%206.956L16.3571%206.87946C16.358%206.40944%2016.3594%205.70047%2016.081%205.083C15.738%204.33%2015.41%203.879%2015.116%203.808C14.968%203.907%2014.824%204.112%2014.774%204.507C14.671%205.06%2014.641%205.759%2014.641%206.119C14.641%207.391%2014.891%209.071%2015.384%2010.802C15.477%2010.534%2015.558%2010.276%2015.624%2010.035C15.725%209.655%2016.367%207.134%2016.367%207.134C16.367%207.134%2016.205%2010.489%2015.979%2011.505C15.931%2011.72%2015.877%2011.932%2015.821%2012.149C16.633%2014.417%2017.942%2016.441%2019.501%2017.899C19.9467%2018.3157%2020.4779%2018.6735%2021.0164%2019H29C30.1046%2019%2031%2019.8954%2031%2021V29C31%2030.1046%2030.1046%2031%2029%2031H17C15.8954%2031%2015%2030.1046%2015%2029V21.5492C13.6156%2021.9019%2012.2807%2022.2896%2011.07%2022.687C8.19599%2027.724%206.03499%2030.038%204.27699%2029.158L3.62999%2028.833C3.36699%2028.683%203.32699%2028.317%203.38799%2028.02C3.59299%2027.017%204.84999%2025.507%207.37599%2023.999C7.64799%2023.834%208.85899%2023.194%208.85899%2023.194C8.85899%2023.194%207.96299%2024.062%207.75299%2024.232C5.73699%2025.884%204.24899%2027.962%204.28599%2028.768L4.29299%2028.837C6.00499%2028.594%208.57299%2025.109%2011.875%2018.648ZM18.775%2018.822C18.8461%2018.882%2018.918%2018.9413%2018.9906%2019H17C15.9681%2019%2015.1187%2019.7815%2015.0114%2020.785C13.7648%2021.146%2012.529%2021.5689%2011.333%2022.07C11.831%2021.185%2012.37%2020.222%2012.921%2019.184C13.989%2017.166%2014.636%2015.607%2015.18%2014.141C16.038%2015.867%2017.221%2017.508%2018.775%2018.822ZM21.5553%2027.3521H24.4447L24.9995%2029H26.7518L23.7581%2021.002H22.231L19.2537%2029H21.006L21.5553%2027.3521ZM23.9998%2026.0172H22.0002L22.9945%2023.0234L23.9998%2026.0172Z%22%20class%3D%22cls-1%22%2F%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-format-pptx {
- width: 30px;
- height: 30px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2265%22%20height%3D%2265%22%20viewBox%3D%2219.951%2032.432%2065.000002%2065.000003%22%20xml%3Aspace%3D%22preserve%22%20%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23aa5252%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M%2051.31066%2C44.356609%20C%2047.702785%2C44.433229%2043.9488%2C45.107%2040.5548%2C44.9445%20c%20-0.149%2C13.35%20-0.123719%2C26.7115%20-0.01172%2C40.0625%202.476001%2C0.199%204.9625%2C0.412%207.4375%2C0.625%20-0.011%2C-4.888%206.72e-4%2C-9.776062%200.01367%2C-14.664062%203.088%2C0.100999%206.336828%2C0.300562%209.173828%2C-1.148438%207.988%2C-3.913%209.413391%2C-15.938562%204.025391%2C-22.476562%20-2.8125%2C-2.544001%20-6.274937%2C-3.062954%20-9.882812%2C-2.986329%20z%20m%20-0.416016%2C7.244141%20c%201.641035%2C0.04387%203.222344%2C0.409844%204.261719%2C1.855469%201.425%2C2.45%201.350109%2C5.676172%200.162109%2C8.201172%20-1.425%2C2.575%20-4.650672%2C2.325%20-7.138672%2C2.625%20-0.262%2C-4.188%20-0.236218%2C-8.377172%20-0.199219%2C-12.576172%200.923626%2C-0.04237%201.929442%2C-0.131789%202.914063%2C-0.105469%20z%22%20%2F%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-format-potx {
- width: 30px;
- height: 30px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2233%22%20height%3D%2233%22%20viewBox%3D%220%200%2033%2033%22%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip-potx%22%3E%3Crect%20width%3D%2233%22%20height%3D%2233%22%2F%3E%3C%2FclipPath%3E%3Cstyle%3E.cls-1%7Bfill%3A%23aa5252%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22potx%22%20clip-path%3D%22url(%23clip-potx)%22%3E%3Crect%20id%3D%22Rectangle_20%22%20data-name%3D%22Rectangle%2020%22%20width%3D%2233%22%20height%3D%2233%22%20fill%3D%22none%22%2F%3E%3Cg%20id%3D%22Group_5%22%20data-name%3D%22Group%205%22%20transform%3D%22translate(16%2016)%22%3E%3Cpath%20id%3D%22Path_44%22%20data-name%3D%22Path%2044%22%20d%3D%22M1.011%2C0H13.989A1.011%2C1.011%2C0%2C0%2C1%2C15%2C1.011V13.989A1.011%2C1.011%2C0%2C0%2C1%2C13.989%2C15H1.011A1.011%2C1.011%2C0%2C0%2C1%2C0%2C13.989V1.011A1.011%2C1.011%2C0%2C0%2C1%2C1.011%2C0Z%22%20class%3D%22cls-1%22%2F%3E%3Cpath%20id%3D%22Path_39%22%20data-name%3D%22Path%2039%22%20d%3D%22M5.794%2C13.25V3.911H9.258V2.25h-9V3.911H3.729V13.25Z%22%20transform%3D%22translate(2.742%20-0.25)%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fg%3E%3Cpath%20id%3D%22Path_25%22%20data-name%3D%22Path%2025%22%20d%3D%22M412.988%2C119c-1.658.033-3.382.327-4.94.257-.068%2C5.822-.057%2C11.646%2C0%2C17.467%2C1.136.087%2C2.279.18%2C3.415.273%2C0-2.132%2C0-4.263.006-6.395a8.88%2C8.88%2C0%2C0%2C0%2C4.213-.5c3.669-1.707%2C4.323-6.95%2C1.85-9.8a6.428%2C6.428%2C0%2C0%2C0-4.538-1.3Zm-.192%2C3.159a2.353%2C2.353%2C0%2C0%2C1%2C1.956.809%2C3.776%2C3.776%2C0%2C0%2C1%2C.075%2C3.576c-.655%2C1.124-2.136%2C1.014-3.278%2C1.145-.121-1.826-.108-3.652-.093-5.484C411.881%2C122.189%2C412.343%2C122.15%2C412.8%2C122.162Z%22%20transform%3D%22translate(-404%20-117)%22%20class%3D%22cls-1%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-format-odp {
- width: 30px;
- height: 30px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%20-54.11%20193.63%20193.63%22%20height%3D%22193.63px%22%20width%3D%22193.63px%22%20y%3D%220px%22%20x%3D%220px%22%20xml%3Aspace%3D%22preserve%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23aa5252%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M193.16%2C5.615V5.609c-0.334-0.173-0.671-0.334-1.005-0.497%20%20c-5.356-2.586-11.256-4.287-17.525-4.88c-11.083-1.049-21.673%2C1.496-30.622%2C6.678c-6.13-3.477-13.071-5.741-20.542-6.448%20%20c-10.298-0.974-20.17%2C1.16-28.697%2C5.629c-0.084%2C0.044-0.17%2C0.095-0.251%2C0.135c-0.207%2C0.162-0.347%2C0.414-0.347%2C0.697%20%20c0%2C0.492%2C0.392%2C0.89%2C0.889%2C0.89c0.046%2C0%2C0.091-0.007%2C0.139-0.017c0.021-0.002%2C0.042-0.011%2C0.061-0.015%20%20c4.586-0.848%2C9.368-1.088%2C14.243-0.627c13.684%2C1.293%2C25.609%2C5.521%2C33.975%2C15.011c0.437%2C0.455%2C0.822%2C0.427%2C1.266-0.024%20%20c10.523-12.2%2C26.662-17.021%2C44.006-15.382c0.968%2C0.094%2C1.921%2C0.213%2C2.871%2C0.355c0.33%2C0.05%2C0.836%2C0.134%2C1.133%2C0.167%20%20c0.572%2C0.063%2C0.88-0.397%2C0.88-0.891C193.629%2C6.056%2C193.485%2C5.776%2C193.16%2C5.615L193.16%2C5.615z%22%20class%3D%22cls-1%22%20%2F%3E%3Cpath%20d%3D%22M173.054%2C48.544c-0.057-0.028-0.107-0.046-0.154-0.065%20%20c-10.518-4.35-22.021-6.758-34.094-6.758c-19.293%2C0-37.154%2C6.127-51.757%2C16.524c-11.146-4.993-23.497-7.776-36.496-7.776%20%20c-18.485%2C0-35.648%2C5.617-49.895%2C15.237c-0.047%2C0.029-0.095%2C0.066-0.149%2C0.104C0.205%2C66.044%2C0%2C66.418%2C0%2C66.848%20%20c0%2C0.729%2C0.592%2C1.323%2C1.323%2C1.323c0.086%2C0%2C0.174-0.013%2C0.259-0.03c0.058-0.015%2C0.107-0.027%2C0.161-0.048%20%20c8.166-2.456%2C16.832-3.791%2C25.798-3.791c23.836%2C0%2C45.083%2C5.634%2C61.08%2C20.681c0.038%2C0.028%2C0.071%2C0.065%2C0.111%2C0.104%20%20c0.232%2C0.205%2C0.53%2C0.325%2C0.863%2C0.325c0.412%2C0%2C0.774-0.188%2C1.018-0.486c0.006%2C0.005%2C0.515-0.72%2C0.773-1.069%20%20c16.246-22.217%2C43.03-33.172%2C72.845-33.172c2.129%2C0%2C4.246%2C0.08%2C6.338%2C0.225c0.602%2C0.047%2C1.873%2C0.144%2C1.902%2C0.144%20%20c0.727%2C0%2C1.322-0.591%2C1.322-1.323C173.796%2C49.203%2C173.492%2C48.752%2C173.054%2C48.544L173.054%2C48.544z%22%20class%3D%22cls-1%22%20%2F%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-format-otp {
- width: 30px;
- height: 30px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2233%22%20height%3D%2233%22%20viewBox%3D%220%200%2033%2033%22%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip-otp%22%3E%3Crect%20width%3D%2233%22%20height%3D%2233%22%2F%3E%3C%2FclipPath%3E%3Cstyle%3E.cls-1%7Bfill%3A%23aa5252%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22otp%22%20clip-path%3D%22url(%23clip-otp)%22%3E%3Crect%20id%3D%22Rectangle_20%22%20data-name%3D%22Rectangle%2020%22%20width%3D%2233%22%20height%3D%2233%22%20fill%3D%22none%22%2F%3E%3Cpath%20id%3D%22Path_33%22%20data-name%3D%22Path%2033%22%20d%3D%22M125.173%2C121h0c-.046-.03-.093-.059-.141-.088a6.133%2C6.133%2C0%2C0%2C0-2.467-.869%2C6.014%2C6.014%2C0%2C0%2C0-4.309%2C1.188%2C6.223%2C6.223%2C0%2C0%2C0-2.892-1.147%2C5.965%2C5.965%2C0%2C0%2C0-4.039%2C1l-.036.024a.176.176%2C0%2C0%2C0-.049.125.145.145%2C0%2C0%2C0%2C.126.158l.019%2C0a.019.019%2C0%2C0%2C0%2C.009%2C0%2C5.781%2C5.781%2C0%2C0%2C1%2C2.005-.111%2C6.41%2C6.41%2C0%2C0%2C1%2C4.782%2C2.669c.06.081.115.076.178%2C0a6.288%2C6.288%2C0%2C0%2C1%2C6.194-2.735c.136.017.27.038.4.064.047.009.119.024.161.03.08.011.123-.071.123-.159A.155.155%2C0%2C0%2C0%2C125.173%2C121Z%22%20transform%3D%22translate(-94.24%20-116)%22%20class%3D%22cls-1%22%2F%3E%3Cpath%20id%3D%22Path_34%22%20data-name%3D%22Path%2034%22%20d%3D%22M126.894%2C125.978a.175.175%2C0%2C0%2C0-.022-.011%2C11.686%2C11.686%2C0%2C0%2C0-4.905-1.082%2C11.924%2C11.924%2C0%2C0%2C0-7.444%2C2.647%2C11.725%2C11.725%2C0%2C0%2C0-5.251-1.245%2C11.884%2C11.884%2C0%2C0%2C0-7.176%2C2.441.229.229%2C0%2C0%2C0-.022.016.217.217%2C0%2C0%2C0-.073.167.2.2%2C0%2C0%2C0%2C.191.211.167.167%2C0%2C0%2C0%2C.037%2C0%2C.118.118%2C0%2C0%2C0%2C.023-.008%2C11.679%2C11.679%2C0%2C0%2C1%2C3.71-.608c3.429%2C0%2C6.486.9%2C8.787%2C3.315a.093.093%2C0%2C0%2C1%2C.016.016.172.172%2C0%2C0%2C0%2C.123.052.18.18%2C0%2C0%2C0%2C.147-.078s.075-.115.111-.171a12.1%2C12.1%2C0%2C0%2C1%2C10.479-5.315c.306%2C0%2C.611.014.912.037l.273.022a.2.2%2C0%2C0%2C0%2C.191-.211A.211.211%2C0%2C0%2C0%2C126.894%2C125.978Z%22%20transform%3D%22translate(-100%20-115.885)%22%20class%3D%22cls-1%22%2F%3E%3Cg%20id%3D%22Group_5%22%20data-name%3D%22Group%205%22%20transform%3D%22translate(16%2016)%22%3E%3Cpath%20id%3D%22Path_44%22%20data-name%3D%22Path%2044%22%20d%3D%22M1.011%2C0H13.989A1.011%2C1.011%2C0%2C0%2C1%2C15%2C1.011V13.989A1.011%2C1.011%2C0%2C0%2C1%2C13.989%2C15H1.011A1.011%2C1.011%2C0%2C0%2C1%2C0%2C13.989V1.011A1.011%2C1.011%2C0%2C0%2C1%2C1.011%2C0Z%22%20class%3D%22cls-1%22%2F%3E%3Cpath%20id%3D%22Path_39%22%20data-name%3D%22Path%2039%22%20d%3D%22M5.794%2C13.25V3.911H9.258V2.25h-9V3.911H3.729V13.25Z%22%20transform%3D%22translate(2.742%20-0.25)%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-collaboration {
- width: 24px;
- height: 24px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M15.9912%206C15.9912%208.34102%2015.4074%2010.1346%2014.6055%2011.3121C13.7983%2012.4974%2012.8249%2013%2011.9912%2013C11.1575%2013%2010.1841%2012.4974%209.37695%2011.3121C8.57501%2010.1346%207.99121%208.34102%207.99121%206C7.99121%203.61508%209.96974%202%2011.9912%202C14.0127%202%2015.9912%203.61508%2015.9912%206ZM14.5015%2012.9506C13.7365%2013.6361%2012.8649%2014%2011.9912%2014C11.1195%2014%2010.2499%2013.6378%209.48619%2012.9554C7.78363%2013.6081%206.36015%2014.2591%205.26963%2014.9224C3.55256%2015.9667%203%2016.8326%203%2017.5C3%2018.2545%203.4257%2019.0877%204.82302%2019.7879C6.25015%2020.5031%208.57272%2020.9999%2012%2021C15.4273%2021%2017.7499%2020.5031%2019.177%2019.7879C20.5743%2019.0877%2021%2018.2545%2021%2017.5C21%2016.8326%2020.4474%2015.9667%2018.7304%2014.9224C17.6372%2014.2575%2016.2095%2013.605%2014.5015%2012.9506ZM15.2272%2012.1594C16.2765%2010.7825%2016.9912%208.67814%2016.9912%206C16.9912%203%2014.5%201%2011.9912%201C9.48242%201%206.99121%203%206.99121%206C6.99121%208.68159%207.70777%2010.7879%208.75931%2012.1647C4.60309%2013.7964%202%2015.4951%202%2017.5C2%2019.9852%205%2021.9999%2012%2022C19%2022%2022%2019.9852%2022%2017.5C22%2015.4929%2019.3913%2013.7927%2015.2272%2012.1594Z%22%20fill%3D%22%23aa5252%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-users {
- width: 24px;
- height: 24px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M16%207C16%209.34102%2015.4162%2011.1346%2014.6143%2012.3121C13.8071%2013.4974%2012.8337%2014%2012%2014C11.1663%2014%2010.1929%2013.4974%209.38574%2012.3121C8.5838%2011.1346%208%209.34102%208%207C8%204.61508%209.97853%203%2012%203C14.0215%203%2016%204.61508%2016%207ZM15.1891%2013.2201C14.2865%2014.375%2013.1451%2015%2012%2015C10.8549%2015%209.71347%2014.375%208.81092%2013.2201C7.40473%2013.7844%206.21268%2014.3488%205.26963%2014.9224C3.55256%2015.9667%203%2016.8326%203%2017.5C3%2018.2545%203.4257%2019.0877%204.82302%2019.7879C6.25015%2020.5031%208.57272%2020.9999%2012%2021C15.4273%2021%2017.7499%2020.5031%2019.177%2019.7879C20.5743%2019.0877%2021%2018.2545%2021%2017.5C21%2016.8326%2020.4474%2015.9667%2018.7304%2014.9224C17.7873%2014.3488%2016.5953%2013.7844%2015.1891%2013.2201ZM15.7544%2012.37C16.5137%2011.0279%2017%209.20917%2017%207C17%204%2014.5088%202%2012%202C9.49121%202%207%204%207%207C7%209.20917%207.48633%2011.0279%208.24563%2012.37C4.38973%2013.9392%202%2015.579%202%2017.5C2%2019.9852%205%2021.9999%2012%2022C19%2022%2022%2019.9852%2022%2017.5C22%2015.579%2019.6103%2013.9392%2015.7544%2012.37Z%22%20fill%3D%22%23aa5252%22%2F%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-app-settings {
- width: 24px;
- height: 24px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M7%2014H16C18.2091%2014%2020%2015.7909%2020%2018C20%2020.2091%2018.2091%2022%2016%2022H7C4.79086%2022%203%2020.2091%203%2018C3%2015.7909%204.79086%2014%207%2014ZM16%2013C18.7614%2013%2021%2015.2386%2021%2018C21%2020.7614%2018.7614%2023%2016%2023H7C4.23858%2023%202%2020.7614%202%2018C2%2015.2386%204.23858%2013%207%2013H16Z%22%20fill%3D%22%23aa5252%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M16%2020C14.8954%2020%2014%2019.1046%2014%2018C14%2016.8954%2014.8954%2016%2016%2016C17.1046%2016%2018%2016.8954%2018%2018C18%2019.1046%2017.1046%2020%2016%2020ZM16%2021C14.3431%2021%2013%2019.6569%2013%2018C13%2016.3431%2014.3431%2015%2016%2015C17.6569%2015%2019%2016.3431%2019%2018C19%2019.6569%2017.6569%2021%2016%2021Z%22%20fill%3D%22%23aa5252%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M16%203H7C4.79086%203%203%204.79086%203%207C3%209.20914%204.79086%2011%207%2011H16C18.2091%2011%2020%209.20914%2020%207C20%204.79086%2018.2091%203%2016%203ZM7%202C4.23858%202%202%204.23858%202%207C2%209.76142%204.23858%2012%207%2012H16C18.7614%2012%2021%209.76142%2021%207C21%204.23858%2018.7614%202%2016%202H7Z%22%20fill%3D%22%23aa5252%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M7%209C8.10457%209%209%208.10457%209%207C9%205.89543%208.10457%205%207%205C5.89543%205%205%205.89543%205%207C5%208.10457%205.89543%209%207%209ZM7%2010C8.65685%2010%2010%208.65685%2010%207C10%205.34315%208.65685%204%207%204C5.34315%204%204%205.34315%204%207C4%208.65685%205.34315%2010%207%2010Z%22%20fill%3D%22%23aa5252%22%2F%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-cut {
- width: 24px;
- height: 24px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23cut)%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M3.22427%2022.2702C4.51527%2023.1269%206.52738%2022.7183%207.6592%2021.0127C8.79101%2019.3071%208.38572%2017.2943%207.09472%2016.4376C5.80372%2015.5809%203.79161%2015.9896%202.65979%2017.6952C1.52798%2019.4008%201.93328%2021.4136%203.22427%2022.2702ZM2.67135%2023.1035C4.51208%2024.325%207.11827%2023.6364%208.49243%2021.5656C9.8666%2019.4948%209.48837%2016.8259%207.64764%2015.6044C5.80691%2014.3829%203.20072%2015.0714%201.82656%2017.1422C0.452398%2019.2131%200.830625%2021.882%202.67135%2023.1035Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M20.9158%2022.2702C19.6248%2023.1269%2017.6127%2022.7183%2016.4809%2021.0127C15.349%2019.3071%2015.7543%2017.2943%2017.0453%2016.4376C18.3363%2015.5809%2020.3484%2015.9896%2021.4803%2017.6952C22.6121%2019.4008%2022.2068%2021.4136%2020.9158%2022.2702ZM21.4687%2023.1035C19.628%2024.325%2017.0218%2023.6364%2015.6476%2021.5656C14.2735%2019.4948%2014.6517%2016.8259%2016.4924%2015.6044C18.3331%2014.3829%2020.9393%2015.0714%2022.3135%2017.1422C23.6877%2019.2131%2023.3094%2021.882%2021.4687%2023.1035Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M16.4924%2015.6044L13.9037%2012.4737L19.9552%200.675715C20.0693%200.446914%2019.9552%200.172352%2019.727%200.0808313C19.4416%20-0.0106892%2019.0993%200.0808312%2018.9851%200.263872L12.0233%2011.4212L5.17562%200.263872C5.06149%200.035071%204.71911%20-0.0564496%204.43379%200.035071C4.14847%200.126592%204.03434%200.401153%204.14847%200.629955L10.2001%2012.4279L7.64761%2015.6044L9.2292%2018L12.0233%2013.4804L14.9108%2018L16.4924%2015.6044Z%22%20fill%3D%22white%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22cut%22%3E%3Crect%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22white%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-copy {
- width: 24px;
- height: 24px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M1%201H15V7H16V0H0V17H8V16H1V1Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M23%208H9V23H23V8ZM8%207V24H24V7H8Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M13%205H3V4H13V5Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M8%209H3V8H8V9Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M8%2013H3V12H8V13Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M21%2012H11V11H21V12Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M21%2016H11V15H21V16Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M21%2020H11V19H21V20Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-paste {
- width: 24px;
- height: 24px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M5%202H0V20H9V24H24V7H19V2H14V3H18V7H9V19H1V3H5V2ZM10%208H23V23H10V8Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M5%200H14V5H5V0Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M21%2012H12V11H21V12Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M21%2016H12V15H21V16Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M21%2020H12V19H21V20Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-menu-comment {
- width: 30px;
- height: 30px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2230%22%20height%3D%2230%22%20viewBox%3D%220%200%2030%2030%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M10%2015C10%2016.6569%208.65685%2018%207%2018C5.34315%2018%204%2016.6569%204%2015C4%2013.3431%205.34315%2012%207%2012C8.65685%2012%2010%2013.3431%2010%2015ZM7%2016.7143C7.94677%2016.7143%208.71429%2015.9468%208.71429%2015C8.71429%2014.0532%207.94677%2013.2857%207%2013.2857C6.05323%2013.2857%205.28571%2014.0532%205.28571%2015C5.28571%2015.9468%206.05323%2016.7143%207%2016.7143Z%22%20fill%3D%22%23A3A3A3%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M18%2015C18%2016.6569%2016.6569%2018%2015%2018C13.3431%2018%2012%2016.6569%2012%2015C12%2013.3431%2013.3431%2012%2015%2012C16.6569%2012%2018%2013.3431%2018%2015ZM15%2016.7143C15.9468%2016.7143%2016.7143%2015.9468%2016.7143%2015C16.7143%2014.0532%2015.9468%2013.2857%2015%2013.2857C14.0532%2013.2857%2013.2857%2014.0532%2013.2857%2015C13.2857%2015.9468%2014.0532%2016.7143%2015%2016.7143Z%22%20fill%3D%22%23A3A3A3%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M26%2015C26%2016.6569%2024.6569%2018%2023%2018C21.3431%2018%2020%2016.6569%2020%2015C20%2013.3431%2021.3431%2012%2023%2012C24.6569%2012%2026%2013.3431%2026%2015ZM23%2016.7143C23.9468%2016.7143%2024.7143%2015.9468%2024.7143%2015C24.7143%2014.0532%2023.9468%2013.2857%2023%2013.2857C22.0532%2013.2857%2021.2857%2014.0532%2021.2857%2015C21.2857%2015.9468%2022.0532%2016.7143%2023%2016.7143Z%22%20fill%3D%22%23A3A3A3%22%2F%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-resolve-comment {
- width: 30px;
- height: 30px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2230%22%20height%3D%2230%22%20viewBox%3D%220%200%2030%2030%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M11.6195%2020.8555C11.8237%2021.0673%2012.1658%2021.0577%2012.358%2020.8349L22.516%209.05783C22.7843%208.74676%2022.7528%208.27781%2022.4453%208.00545C22.1315%207.72756%2021.651%207.7604%2021.3779%208.07839L12.3546%2018.587C12.1638%2018.8092%2011.8238%2018.8206%2011.6186%2018.6117L8.10643%2015.0366C7.81574%2014.7407%207.34084%2014.7345%207.04258%2015.0228C6.74283%2015.3125%206.73444%2015.7903%207.02383%2016.0904L11.6195%2020.8555Z%22%20fill%3D%22%23A3A3A3%22%2F%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-resolve-comment.check {
- width: 30px;
- height: 30px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2230%22%20height%3D%2230%22%20viewBox%3D%220%200%2030%2030%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M0%200H30V30H0V0Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M11.6195%2020.8555C11.8237%2021.0673%2012.1658%2021.0577%2012.358%2020.8349L22.516%209.05783C22.7843%208.74676%2022.7528%208.27781%2022.4453%208.00545V8.00545C22.1315%207.72756%2021.651%207.7604%2021.3779%208.07839L12.3546%2018.587C12.1638%2018.8092%2011.8238%2018.8206%2011.6186%2018.6117L8.10643%2015.0366C7.81575%2014.7407%207.34084%2014.7345%207.04258%2015.0228V15.0228C6.74283%2015.3125%206.73444%2015.7903%207.02383%2016.0904L11.6195%2020.8555Z%22%20fill%3D%22%234cd964%22%2F%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-insert-comment {
- width: 24px;
- height: 24px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M20.1538%209.00708H11.8462C10.8266%209.00708%2010%209.83461%2010%2010.8554V15.1694C10%2016.1902%2010.8266%2017.0177%2011.8462%2017.0177H13.8329C13.9409%2017.0177%2014.0454%2017.0556%2014.1284%2017.1248L18.243%2020.392C18.5436%2020.6428%2019%2020.4288%2019%2020.037V17.4798C19%2017.2246%2019.2066%2017.0177%2019.4615%2017.0177H20.1538C21.1734%2017.0177%2022%2016.1902%2022%2015.1694V10.8554C22%209.83461%2021.1734%209.00708%2020.1538%209.00708ZM20%2010.0083C20.5523%2010.0083%2021%2010.4565%2021%2011.0095V15.0154C21%2015.5683%2020.5523%2016.0165%2020%2016.0165H18.0025L18%2018.8995C18%2019.2912%2018%2019%2018%2019L14.5%2016.0165H12C11.4477%2016.0165%2011%2015.5683%2011%2015.0154V11.0095C11%2010.4565%2011.4477%2010.0083%2012%2010.0083H20Z%22%20fill%3D%22%23aa5252%22%2F%3E%3Cpath%20d%3D%22M14.5%203H4.5C3.18908%203%202%204.2153%202%205.50295V12.0346C2%2013.3222%203.18908%2014.013%204.5%2014.013H5.5C5.82773%2014.013%206%2014.1917%206%2014.5136V17.5183C6%2018.0125%206.6135%2018.3352%207%2018.0189L11%2014.9858V13.5L7%2016.5V13.0118H4.5C3.78992%2013.0118%203%2012.732%203%2012.0346V5.50295C3%204.80547%203.78992%204.00118%204.5%204.00118H14.5C15.2101%204.00118%2016%204.80547%2016%205.50295V8.0059H17V5.50295C17%204.2153%2015.8109%203%2014.5%203Z%22%20fill%3D%22%23aa5252%22%2F%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-add-slide {
- width: 24px;
- height: 24px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M4%206C4%204.89543%204.89543%204%206%204H18C19.1046%204%2020%204.89543%2020%206V18C20%2019.1046%2019.1046%2020%2018%2020H6C4.89543%2020%204%2019.1046%204%2018V6ZM11%2010.9333V8H13V10.9333H16V12.9333H13V16H11V12.9333H8V10.9333H11Z%22%20fill%3D%22%23aa5252%22%2F%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-add-shape {
- width: 24px;
- height: 24px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cellipse%20cx%3D%2215.3333%22%20cy%3D%2214.4002%22%20rx%3D%225.66667%22%20ry%3D%225.60002%22%20fill%3D%22%23aa5252%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M5%204.80005C4.44772%204.80005%204%205.24776%204%205.80005V15.8001C4%2016.3524%204.44771%2016.8001%205%2016.8001H9.32787C9.02431%2016.059%208.85714%2015.2488%208.85714%2014.4001C8.85714%2010.8655%2011.7566%208.00012%2015.3333%208.00012C15.8924%208.00012%2016.4349%208.07013%2016.9524%208.20175V5.80005C16.9524%205.24776%2016.5047%204.80005%2015.9524%204.80005H5Z%22%20fill%3D%22%23aa5252%22%2F%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-add-image {
- width: 24px;
- height: 24px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M5.79177%2016.6667L8.87529%2013.1667L11.1254%2015.5L14.2089%2012L18.2092%2016.6667H5.79177ZM19.4593%2018.526C19.8204%2018.2101%2020.001%2017.8455%2020.001%2017.4323V6.56771C20.001%206.15451%2019.8204%205.78993%2019.4593%205.47396C19.0981%205.15799%2018.6814%205%2018.2092%205H5.79177C5.31952%205%204.90283%205.15799%204.5417%205.47396C4.18057%205.78993%204%206.15451%204%206.56771V17.4323C4%2017.8455%204.18057%2018.2101%204.5417%2018.526C4.90283%2018.842%205.31952%2019%205.79177%2019H18.2092C18.6814%2019%2019.0981%2018.842%2019.4593%2018.526ZM8.79933%2011.2222C9.68304%2011.2222%2010.3994%2010.5258%2010.3994%209.66667C10.3994%208.80756%209.68304%208.11111%208.79933%208.11111C7.91562%208.11111%207.19923%208.80756%207.19923%209.66667C7.19923%2010.5258%207.91562%2011.2222%208.79933%2011.2222Z%22%20fill%3D%22%23aa5252%22%2F%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-add-other {
- width: 24px;
- height: 24px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M7.00049%2018C7.00049%2018.8284%206.32892%2019.5%205.50049%2019.5C4.67206%2019.5%204.00049%2018.8284%204.00049%2018C4.00049%2017.1716%204.67206%2016.5%205.50049%2016.5C6.32892%2016.5%207.00049%2017.1716%207.00049%2018ZM13.5005%2018C13.5005%2018.8284%2012.8289%2019.5%2012.0005%2019.5C11.1721%2019.5%2010.5005%2018.8284%2010.5005%2018C10.5005%2017.1716%2011.1721%2016.5%2012.0005%2016.5C12.8289%2016.5%2013.5005%2017.1716%2013.5005%2018ZM18.5005%2019.5C19.3289%2019.5%2020.0005%2018.8284%2020.0005%2018C20.0005%2017.1716%2019.3289%2016.5%2018.5005%2016.5C17.6721%2016.5%2017.0005%2017.1716%2017.0005%2018C17.0005%2018.8284%2017.6721%2019.5%2018.5005%2019.5Z%22%20fill%3D%22%23aa5252%22%2F%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-add-table {
- width: 24px;
- height: 24px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M1%202H22V21H1V2ZM12%203H21V8H12V3ZM12%209H21V14H12V9ZM11%2014V9H2V14H11ZM2%2015V20H11V15H2ZM12%2015H21V20H12V15ZM11%203V8H2V3H11Z%22%20fill%3D%22%23aa5252%22%2F%3E%3C%2Fsvg%3E");
-}
-.active i.icon.icon-add-slide {
- width: 24px;
- height: 24px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M4%206C4%204.89543%204.89543%204%206%204H18C19.1046%204%2020%204.89543%2020%206V18C20%2019.1046%2019.1046%2020%2018%2020H6C4.89543%2020%204%2019.1046%204%2018V6ZM11%2010.9333V8H13V10.9333H16V12.9333H13V16H11V12.9333H8V10.9333H11Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E");
-}
-.active i.icon.icon-add-shape {
- width: 24px;
- height: 24px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cellipse%20cx%3D%2215.3333%22%20cy%3D%2214.4002%22%20rx%3D%225.66667%22%20ry%3D%225.60002%22%20fill%3D%22white%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M5%204.80005C4.44772%204.80005%204%205.24776%204%205.80005V15.8001C4%2016.3524%204.44771%2016.8001%205%2016.8001H9.32787C9.02431%2016.059%208.85714%2015.2488%208.85714%2014.4001C8.85714%2010.8655%2011.7566%208.00012%2015.3333%208.00012C15.8924%208.00012%2016.4349%208.07013%2016.9524%208.20175V5.80005C16.9524%205.24776%2016.5047%204.80005%2015.9524%204.80005H5Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E");
-}
-.active i.icon.icon-add-image {
- width: 24px;
- height: 24px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M5.79177%2016.6667L8.87529%2013.1667L11.1254%2015.5L14.2089%2012L18.2092%2016.6667H5.79177ZM19.4593%2018.526C19.8204%2018.2101%2020.001%2017.8455%2020.001%2017.4323V6.56771C20.001%206.15451%2019.8204%205.78993%2019.4593%205.47396C19.0981%205.15799%2018.6814%205%2018.2092%205H5.79177C5.31952%205%204.90283%205.15799%204.5417%205.47396C4.18057%205.78993%204%206.15451%204%206.56771V17.4323C4%2017.8455%204.18057%2018.2101%204.5417%2018.526C4.90283%2018.842%205.31952%2019%205.79177%2019H18.2092C18.6814%2019%2019.0981%2018.842%2019.4593%2018.526ZM8.79933%2011.2222C9.68304%2011.2222%2010.3994%2010.5258%2010.3994%209.66667C10.3994%208.80756%209.68304%208.11111%208.79933%208.11111C7.91562%208.11111%207.19923%208.80756%207.19923%209.66667C7.19923%2010.5258%207.91562%2011.2222%208.79933%2011.2222Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E");
-}
-.active i.icon.icon-add-other {
- width: 24px;
- height: 24px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M7.00049%2018C7.00049%2018.8284%206.32892%2019.5%205.50049%2019.5C4.67206%2019.5%204.00049%2018.8284%204.00049%2018C4.00049%2017.1716%204.67206%2016.5%205.50049%2016.5C6.32892%2016.5%207.00049%2017.1716%207.00049%2018ZM13.5005%2018C13.5005%2018.8284%2012.8289%2019.5%2012.0005%2019.5C11.1721%2019.5%2010.5005%2018.8284%2010.5005%2018C10.5005%2017.1716%2011.1721%2016.5%2012.0005%2016.5C12.8289%2016.5%2013.5005%2017.1716%2013.5005%2018ZM18.5005%2019.5C19.3289%2019.5%2020.0005%2018.8284%2020.0005%2018C20.0005%2017.1716%2019.3289%2016.5%2018.5005%2016.5C17.6721%2016.5%2017.0005%2017.1716%2017.0005%2018C17.0005%2018.8284%2017.6721%2019.5%2018.5005%2019.5Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E");
-}
-.label-switch input[type="checkbox"]:checked + .checkbox {
- background: #aa5252;
-}
-#editor_sdk {
- position: absolute;
- left: 0;
- right: 0;
- top: 44px;
- bottom: 0;
- height: auto;
- overflow: hidden;
- -webkit-transition-duration: 300ms;
- transition-duration: 300ms;
-}
-#editor_sdk.with-logo {
- top: 68px;
-}
-#add-table .page,
-#add-shape .page {
- background-color: #fff;
-}
-.table-styles .row,
-.table-styles .row li {
- margin-bottom: 12px;
-}
-.table-styles li {
- margin: 0;
- padding: 1px;
-}
-.table-styles li img {
- width: 70px;
- height: 50px;
-}
-.shapes li {
- width: 70px;
- height: 70px;
- margin: 0 1px;
-}
-.shapes li .thumb {
- width: 100%;
- height: 100%;
- background-color: #aa5252;
-}
-.bullets ul,
-.numbers ul {
- margin-top: 10px;
-}
-.bullets li,
-.numbers li {
- width: 70px;
- height: 70px;
- margin-right: 1px;
- border: 1px solid #c4c4c4;
-}
-html.pixel-ratio-2 .bullets li,
-html.pixel-ratio-2 .numbers li {
- border: 0.5px solid #c4c4c4;
-}
-html.pixel-ratio-3 .bullets li,
-html.pixel-ratio-3 .numbers li {
- border: 0.33px solid #c4c4c4;
-}
-.bullets li .thumb,
-.numbers li .thumb {
- width: 100%;
- height: 100%;
- background-color: #ffffff;
- background-size: cover;
-}
-.bullets li .thumb label,
-.numbers li .thumb label {
- width: 100%;
- text-align: center;
- position: absolute;
- top: 34%;
-}
-.slide-layout .row {
- margin-bottom: 12px;
-}
-.slide-layout li {
- margin: 0;
- padding: 1px;
-}
-.slide-layout li img {
- box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15);
-}
-.slide-theme .row {
- margin-top: 14px;
- margin-bottom: 12px;
-}
-.slide-theme .row div {
- margin: 0;
- padding: 3px;
- box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15);
- width: 85px;
- height: 38px;
-}
-.slide-theme .item-theme {
- background-image: url('../../../../../../sdkjs/common/Images/themes_thumbnail.png');
-}
-.chart-types li {
- width: 60px;
- height: 60px;
- margin: 6px;
-}
-.chart-types li .thumb {
- width: 100%;
- height: 100%;
- background-size: contain;
-}
-.range-slider input[type=range]::-webkit-slider-thumb {
- height: 28px;
- width: 28px;
- border-radius: 28px;
- background: #fff;
- box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
- z-index: 10;
- -webkit-appearance: none;
-}
-.modal.modal-in {
- max-height: 100%;
- overflow: auto;
-}
-.doc-placeholder {
- background: #f5f5f5;
- width: 100%;
- height: 100%;
- left: 0;
- top: 0;
- bottom: 0;
- right: 0;
- z-index: 1;
- position: absolute;
- padding-top: 12px;
-}
-.doc-placeholder .slide-h {
- display: flex;
- flex-direction: column;
- justify-content: center;
- flex-grow: 1;
- width: 90%;
- height: 100%;
- margin: 0 auto;
-}
-.doc-placeholder .slide-v {
- display: flex;
- position: relative;
- flex-direction: column;
- padding-bottom: 56.1333%;
-}
-.doc-placeholder .slide-container {
- position: absolute;
- height: 100%;
- width: 100%;
- background: #fbfbfb;
- border: 1px solid #dfdfdf;
- -webkit-animation: flickerAnimation 2s infinite ease-in-out;
- -moz-animation: flickerAnimation 2s infinite ease-in-out;
- -o-animation: flickerAnimation 2s infinite ease-in-out;
- animation: flickerAnimation 2s infinite ease-in-out;
-}
-.doc-placeholder .slide-container > .line {
- height: 20%;
- margin: 0 120px;
- border-radius: 6px;
- background: #f5f5f5;
-}
-.doc-placeholder .slide-container > .line:nth-child(1) {
- height: 30%;
- margin: 10% 80px 0;
-}
-.doc-placeholder .slide-container > .line.empty {
- background: transparent;
-}
-.page-macros-settings[data-page="settings-macros-view"] .list-block li.media-item .item-title {
- font-weight: normal;
-}
-.page-macros-settings[data-page="settings-macros-view"] .list-block li.media-item .item-subtitle {
- font-size: 14px;
- color: #8e8e93;
-}
diff --git a/apps/presentationeditor/mobile/resources/css/app-material.css b/apps/presentationeditor/mobile/resources/css/app-material.css
deleted file mode 100644
index 3da0b2316..000000000
--- a/apps/presentationeditor/mobile/resources/css/app-material.css
+++ /dev/null
@@ -1,7671 +0,0 @@
-html,
-body,
-.framework7-root {
- position: relative;
- height: 100%;
- width: 100%;
- overflow-x: hidden;
-}
-body {
- font-family: Roboto, Noto, Helvetica, Arial, sans-serif;
- margin: 0;
- padding: 0;
- color: #212121;
- font-size: 14px;
- line-height: 1.5;
- width: 100%;
- -webkit-text-size-adjust: 100%;
- background: #fff;
- overflow: hidden;
-}
-.framework7-root {
- overflow: hidden;
-}
-* {
- -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
- -webkit-touch-callout: none;
-}
-a,
-input,
-textarea,
-select {
- outline: 0;
-}
-a {
- text-decoration: none;
- color: #aa5252;
-}
-p {
- margin: 1em 0;
-}
-/* === Grid === */
-.row {
- display: -webkit-box;
- display: -ms-flexbox;
- display: -webkit-flex;
- display: flex;
- -webkit-box-pack: justify;
- -ms-flex-pack: justify;
- -webkit-justify-content: space-between;
- justify-content: space-between;
- -webkit-box-lines: multiple;
- -moz-box-lines: multiple;
- -webkit-flex-wrap: wrap;
- -ms-flex-wrap: wrap;
- flex-wrap: wrap;
- -webkit-box-align: start;
- -ms-flex-align: start;
- -webkit-align-items: flex-start;
- align-items: flex-start;
-}
-.row > [class*="col-"] {
- box-sizing: border-box;
-}
-.row .col-auto {
- width: 100%;
-}
-.row .col-100 {
- width: 100%;
- width: -webkit-calc((100% - 16px*0) / 1);
- width: calc((100% - 16px*0) / 1);
-}
-.row.no-gutter .col-100 {
- width: 100%;
-}
-.row .col-95 {
- width: 95%;
- width: -webkit-calc((100% - 16px*0.05263157894736836) / 1.0526315789473684);
- width: calc((100% - 16px*0.05263157894736836) / 1.0526315789473684);
-}
-.row.no-gutter .col-95 {
- width: 95%;
-}
-.row .col-90 {
- width: 90%;
- width: -webkit-calc((100% - 16px*0.11111111111111116) / 1.1111111111111112);
- width: calc((100% - 16px*0.11111111111111116) / 1.1111111111111112);
-}
-.row.no-gutter .col-90 {
- width: 90%;
-}
-.row .col-85 {
- width: 85%;
- width: -webkit-calc((100% - 16px*0.17647058823529416) / 1.1764705882352942);
- width: calc((100% - 16px*0.17647058823529416) / 1.1764705882352942);
-}
-.row.no-gutter .col-85 {
- width: 85%;
-}
-.row .col-80 {
- width: 80%;
- width: -webkit-calc((100% - 16px*0.25) / 1.25);
- width: calc((100% - 16px*0.25) / 1.25);
-}
-.row.no-gutter .col-80 {
- width: 80%;
-}
-.row .col-75 {
- width: 75%;
- width: -webkit-calc((100% - 16px*0.33333333333333326) / 1.3333333333333333);
- width: calc((100% - 16px*0.33333333333333326) / 1.3333333333333333);
-}
-.row.no-gutter .col-75 {
- width: 75%;
-}
-.row .col-70 {
- width: 70%;
- width: -webkit-calc((100% - 16px*0.4285714285714286) / 1.4285714285714286);
- width: calc((100% - 16px*0.4285714285714286) / 1.4285714285714286);
-}
-.row.no-gutter .col-70 {
- width: 70%;
-}
-.row .col-66 {
- width: 66.66666666666666%;
- width: -webkit-calc((100% - 16px*0.5000000000000002) / 1.5000000000000002);
- width: calc((100% - 16px*0.5000000000000002) / 1.5000000000000002);
-}
-.row.no-gutter .col-66 {
- width: 66.66666666666666%;
-}
-.row .col-65 {
- width: 65%;
- width: -webkit-calc((100% - 16px*0.5384615384615385) / 1.5384615384615385);
- width: calc((100% - 16px*0.5384615384615385) / 1.5384615384615385);
-}
-.row.no-gutter .col-65 {
- width: 65%;
-}
-.row .col-60 {
- width: 60%;
- width: -webkit-calc((100% - 16px*0.6666666666666667) / 1.6666666666666667);
- width: calc((100% - 16px*0.6666666666666667) / 1.6666666666666667);
-}
-.row.no-gutter .col-60 {
- width: 60%;
-}
-.row .col-55 {
- width: 55%;
- width: -webkit-calc((100% - 16px*0.8181818181818181) / 1.8181818181818181);
- width: calc((100% - 16px*0.8181818181818181) / 1.8181818181818181);
-}
-.row.no-gutter .col-55 {
- width: 55%;
-}
-.row .col-50 {
- width: 50%;
- width: -webkit-calc((100% - 16px*1) / 2);
- width: calc((100% - 16px*1) / 2);
-}
-.row.no-gutter .col-50 {
- width: 50%;
-}
-.row .col-45 {
- width: 45%;
- width: -webkit-calc((100% - 16px*1.2222222222222223) / 2.2222222222222223);
- width: calc((100% - 16px*1.2222222222222223) / 2.2222222222222223);
-}
-.row.no-gutter .col-45 {
- width: 45%;
-}
-.row .col-40 {
- width: 40%;
- width: -webkit-calc((100% - 16px*1.5) / 2.5);
- width: calc((100% - 16px*1.5) / 2.5);
-}
-.row.no-gutter .col-40 {
- width: 40%;
-}
-.row .col-35 {
- width: 35%;
- width: -webkit-calc((100% - 16px*1.8571428571428572) / 2.857142857142857);
- width: calc((100% - 16px*1.8571428571428572) / 2.857142857142857);
-}
-.row.no-gutter .col-35 {
- width: 35%;
-}
-.row .col-33 {
- width: 33.333333333333336%;
- width: -webkit-calc((100% - 16px*2) / 3);
- width: calc((100% - 16px*2) / 3);
-}
-.row.no-gutter .col-33 {
- width: 33.333333333333336%;
-}
-.row .col-30 {
- width: 30%;
- width: -webkit-calc((100% - 16px*2.3333333333333335) / 3.3333333333333335);
- width: calc((100% - 16px*2.3333333333333335) / 3.3333333333333335);
-}
-.row.no-gutter .col-30 {
- width: 30%;
-}
-.row .col-25 {
- width: 25%;
- width: -webkit-calc((100% - 16px*3) / 4);
- width: calc((100% - 16px*3) / 4);
-}
-.row.no-gutter .col-25 {
- width: 25%;
-}
-.row .col-20 {
- width: 20%;
- width: -webkit-calc((100% - 16px*4) / 5);
- width: calc((100% - 16px*4) / 5);
-}
-.row.no-gutter .col-20 {
- width: 20%;
-}
-.row .col-15 {
- width: 15%;
- width: -webkit-calc((100% - 16px*5.666666666666667) / 6.666666666666667);
- width: calc((100% - 16px*5.666666666666667) / 6.666666666666667);
-}
-.row.no-gutter .col-15 {
- width: 15%;
-}
-.row .col-10 {
- width: 10%;
- width: -webkit-calc((100% - 16px*9) / 10);
- width: calc((100% - 16px*9) / 10);
-}
-.row.no-gutter .col-10 {
- width: 10%;
-}
-.row .col-5 {
- width: 5%;
- width: -webkit-calc((100% - 16px*19) / 20);
- width: calc((100% - 16px*19) / 20);
-}
-.row.no-gutter .col-5 {
- width: 5%;
-}
-.row .col-auto:nth-last-child(1),
-.row .col-auto:nth-last-child(1) ~ .col-auto {
- width: 100%;
- width: -webkit-calc((100% - 16px*0) / 1);
- width: calc((100% - 16px*0) / 1);
-}
-.row.no-gutter .col-auto:nth-last-child(1),
-.row.no-gutter .col-auto:nth-last-child(1) ~ .col-auto {
- width: 100%;
-}
-.row .col-auto:nth-last-child(2),
-.row .col-auto:nth-last-child(2) ~ .col-auto {
- width: 50%;
- width: -webkit-calc((100% - 16px*1) / 2);
- width: calc((100% - 16px*1) / 2);
-}
-.row.no-gutter .col-auto:nth-last-child(2),
-.row.no-gutter .col-auto:nth-last-child(2) ~ .col-auto {
- width: 50%;
-}
-.row .col-auto:nth-last-child(3),
-.row .col-auto:nth-last-child(3) ~ .col-auto {
- width: 33.33333333%;
- width: -webkit-calc((100% - 16px*2) / 3);
- width: calc((100% - 16px*2) / 3);
-}
-.row.no-gutter .col-auto:nth-last-child(3),
-.row.no-gutter .col-auto:nth-last-child(3) ~ .col-auto {
- width: 33.33333333%;
-}
-.row .col-auto:nth-last-child(4),
-.row .col-auto:nth-last-child(4) ~ .col-auto {
- width: 25%;
- width: -webkit-calc((100% - 16px*3) / 4);
- width: calc((100% - 16px*3) / 4);
-}
-.row.no-gutter .col-auto:nth-last-child(4),
-.row.no-gutter .col-auto:nth-last-child(4) ~ .col-auto {
- width: 25%;
-}
-.row .col-auto:nth-last-child(5),
-.row .col-auto:nth-last-child(5) ~ .col-auto {
- width: 20%;
- width: -webkit-calc((100% - 16px*4) / 5);
- width: calc((100% - 16px*4) / 5);
-}
-.row.no-gutter .col-auto:nth-last-child(5),
-.row.no-gutter .col-auto:nth-last-child(5) ~ .col-auto {
- width: 20%;
-}
-.row .col-auto:nth-last-child(6),
-.row .col-auto:nth-last-child(6) ~ .col-auto {
- width: 16.66666667%;
- width: -webkit-calc((100% - 16px*5) / 6);
- width: calc((100% - 16px*5) / 6);
-}
-.row.no-gutter .col-auto:nth-last-child(6),
-.row.no-gutter .col-auto:nth-last-child(6) ~ .col-auto {
- width: 16.66666667%;
-}
-.row .col-auto:nth-last-child(7),
-.row .col-auto:nth-last-child(7) ~ .col-auto {
- width: 14.28571429%;
- width: -webkit-calc((100% - 16px*6) / 7);
- width: calc((100% - 16px*6) / 7);
-}
-.row.no-gutter .col-auto:nth-last-child(7),
-.row.no-gutter .col-auto:nth-last-child(7) ~ .col-auto {
- width: 14.28571429%;
-}
-.row .col-auto:nth-last-child(8),
-.row .col-auto:nth-last-child(8) ~ .col-auto {
- width: 12.5%;
- width: -webkit-calc((100% - 16px*7) / 8);
- width: calc((100% - 16px*7) / 8);
-}
-.row.no-gutter .col-auto:nth-last-child(8),
-.row.no-gutter .col-auto:nth-last-child(8) ~ .col-auto {
- width: 12.5%;
-}
-.row .col-auto:nth-last-child(9),
-.row .col-auto:nth-last-child(9) ~ .col-auto {
- width: 11.11111111%;
- width: -webkit-calc((100% - 16px*8) / 9);
- width: calc((100% - 16px*8) / 9);
-}
-.row.no-gutter .col-auto:nth-last-child(9),
-.row.no-gutter .col-auto:nth-last-child(9) ~ .col-auto {
- width: 11.11111111%;
-}
-.row .col-auto:nth-last-child(10),
-.row .col-auto:nth-last-child(10) ~ .col-auto {
- width: 10%;
- width: -webkit-calc((100% - 16px*9) / 10);
- width: calc((100% - 16px*9) / 10);
-}
-.row.no-gutter .col-auto:nth-last-child(10),
-.row.no-gutter .col-auto:nth-last-child(10) ~ .col-auto {
- width: 10%;
-}
-.row .col-auto:nth-last-child(11),
-.row .col-auto:nth-last-child(11) ~ .col-auto {
- width: 9.09090909%;
- width: -webkit-calc((100% - 16px*10) / 11);
- width: calc((100% - 16px*10) / 11);
-}
-.row.no-gutter .col-auto:nth-last-child(11),
-.row.no-gutter .col-auto:nth-last-child(11) ~ .col-auto {
- width: 9.09090909%;
-}
-.row .col-auto:nth-last-child(12),
-.row .col-auto:nth-last-child(12) ~ .col-auto {
- width: 8.33333333%;
- width: -webkit-calc((100% - 16px*11) / 12);
- width: calc((100% - 16px*11) / 12);
-}
-.row.no-gutter .col-auto:nth-last-child(12),
-.row.no-gutter .col-auto:nth-last-child(12) ~ .col-auto {
- width: 8.33333333%;
-}
-.row .col-auto:nth-last-child(13),
-.row .col-auto:nth-last-child(13) ~ .col-auto {
- width: 7.69230769%;
- width: -webkit-calc((100% - 16px*12) / 13);
- width: calc((100% - 16px*12) / 13);
-}
-.row.no-gutter .col-auto:nth-last-child(13),
-.row.no-gutter .col-auto:nth-last-child(13) ~ .col-auto {
- width: 7.69230769%;
-}
-.row .col-auto:nth-last-child(14),
-.row .col-auto:nth-last-child(14) ~ .col-auto {
- width: 7.14285714%;
- width: -webkit-calc((100% - 16px*13) / 14);
- width: calc((100% - 16px*13) / 14);
-}
-.row.no-gutter .col-auto:nth-last-child(14),
-.row.no-gutter .col-auto:nth-last-child(14) ~ .col-auto {
- width: 7.14285714%;
-}
-.row .col-auto:nth-last-child(15),
-.row .col-auto:nth-last-child(15) ~ .col-auto {
- width: 6.66666667%;
- width: -webkit-calc((100% - 16px*14) / 15);
- width: calc((100% - 16px*14) / 15);
-}
-.row.no-gutter .col-auto:nth-last-child(15),
-.row.no-gutter .col-auto:nth-last-child(15) ~ .col-auto {
- width: 6.66666667%;
-}
-.row .col-auto:nth-last-child(16),
-.row .col-auto:nth-last-child(16) ~ .col-auto {
- width: 6.25%;
- width: -webkit-calc((100% - 16px*15) / 16);
- width: calc((100% - 16px*15) / 16);
-}
-.row.no-gutter .col-auto:nth-last-child(16),
-.row.no-gutter .col-auto:nth-last-child(16) ~ .col-auto {
- width: 6.25%;
-}
-.row .col-auto:nth-last-child(17),
-.row .col-auto:nth-last-child(17) ~ .col-auto {
- width: 5.88235294%;
- width: -webkit-calc((100% - 16px*16) / 17);
- width: calc((100% - 16px*16) / 17);
-}
-.row.no-gutter .col-auto:nth-last-child(17),
-.row.no-gutter .col-auto:nth-last-child(17) ~ .col-auto {
- width: 5.88235294%;
-}
-.row .col-auto:nth-last-child(18),
-.row .col-auto:nth-last-child(18) ~ .col-auto {
- width: 5.55555556%;
- width: -webkit-calc((100% - 16px*17) / 18);
- width: calc((100% - 16px*17) / 18);
-}
-.row.no-gutter .col-auto:nth-last-child(18),
-.row.no-gutter .col-auto:nth-last-child(18) ~ .col-auto {
- width: 5.55555556%;
-}
-.row .col-auto:nth-last-child(19),
-.row .col-auto:nth-last-child(19) ~ .col-auto {
- width: 5.26315789%;
- width: -webkit-calc((100% - 16px*18) / 19);
- width: calc((100% - 16px*18) / 19);
-}
-.row.no-gutter .col-auto:nth-last-child(19),
-.row.no-gutter .col-auto:nth-last-child(19) ~ .col-auto {
- width: 5.26315789%;
-}
-.row .col-auto:nth-last-child(20),
-.row .col-auto:nth-last-child(20) ~ .col-auto {
- width: 5%;
- width: -webkit-calc((100% - 16px*19) / 20);
- width: calc((100% - 16px*19) / 20);
-}
-.row.no-gutter .col-auto:nth-last-child(20),
-.row.no-gutter .col-auto:nth-last-child(20) ~ .col-auto {
- width: 5%;
-}
-.row .col-auto:nth-last-child(21),
-.row .col-auto:nth-last-child(21) ~ .col-auto {
- width: 4.76190476%;
- width: -webkit-calc((100% - 16px*20) / 21);
- width: calc((100% - 16px*20) / 21);
-}
-.row.no-gutter .col-auto:nth-last-child(21),
-.row.no-gutter .col-auto:nth-last-child(21) ~ .col-auto {
- width: 4.76190476%;
-}
-@media all and (min-width: 768px) {
- .row .tablet-100 {
- width: 100%;
- width: -webkit-calc((100% - 16px*0) / 1);
- width: calc((100% - 16px*0) / 1);
- }
- .row.no-gutter .tablet-100 {
- width: 100%;
- }
- .row .tablet-95 {
- width: 95%;
- width: -webkit-calc((100% - 16px*0.05263157894736836) / 1.0526315789473684);
- width: calc((100% - 16px*0.05263157894736836) / 1.0526315789473684);
- }
- .row.no-gutter .tablet-95 {
- width: 95%;
- }
- .row .tablet-90 {
- width: 90%;
- width: -webkit-calc((100% - 16px*0.11111111111111116) / 1.1111111111111112);
- width: calc((100% - 16px*0.11111111111111116) / 1.1111111111111112);
- }
- .row.no-gutter .tablet-90 {
- width: 90%;
- }
- .row .tablet-85 {
- width: 85%;
- width: -webkit-calc((100% - 16px*0.17647058823529416) / 1.1764705882352942);
- width: calc((100% - 16px*0.17647058823529416) / 1.1764705882352942);
- }
- .row.no-gutter .tablet-85 {
- width: 85%;
- }
- .row .tablet-80 {
- width: 80%;
- width: -webkit-calc((100% - 16px*0.25) / 1.25);
- width: calc((100% - 16px*0.25) / 1.25);
- }
- .row.no-gutter .tablet-80 {
- width: 80%;
- }
- .row .tablet-75 {
- width: 75%;
- width: -webkit-calc((100% - 16px*0.33333333333333326) / 1.3333333333333333);
- width: calc((100% - 16px*0.33333333333333326) / 1.3333333333333333);
- }
- .row.no-gutter .tablet-75 {
- width: 75%;
- }
- .row .tablet-70 {
- width: 70%;
- width: -webkit-calc((100% - 16px*0.4285714285714286) / 1.4285714285714286);
- width: calc((100% - 16px*0.4285714285714286) / 1.4285714285714286);
- }
- .row.no-gutter .tablet-70 {
- width: 70%;
- }
- .row .tablet-66 {
- width: 66.66666666666666%;
- width: -webkit-calc((100% - 16px*0.5000000000000002) / 1.5000000000000002);
- width: calc((100% - 16px*0.5000000000000002) / 1.5000000000000002);
- }
- .row.no-gutter .tablet-66 {
- width: 66.66666666666666%;
- }
- .row .tablet-65 {
- width: 65%;
- width: -webkit-calc((100% - 16px*0.5384615384615385) / 1.5384615384615385);
- width: calc((100% - 16px*0.5384615384615385) / 1.5384615384615385);
- }
- .row.no-gutter .tablet-65 {
- width: 65%;
- }
- .row .tablet-60 {
- width: 60%;
- width: -webkit-calc((100% - 16px*0.6666666666666667) / 1.6666666666666667);
- width: calc((100% - 16px*0.6666666666666667) / 1.6666666666666667);
- }
- .row.no-gutter .tablet-60 {
- width: 60%;
- }
- .row .tablet-55 {
- width: 55%;
- width: -webkit-calc((100% - 16px*0.8181818181818181) / 1.8181818181818181);
- width: calc((100% - 16px*0.8181818181818181) / 1.8181818181818181);
- }
- .row.no-gutter .tablet-55 {
- width: 55%;
- }
- .row .tablet-50 {
- width: 50%;
- width: -webkit-calc((100% - 16px*1) / 2);
- width: calc((100% - 16px*1) / 2);
- }
- .row.no-gutter .tablet-50 {
- width: 50%;
- }
- .row .tablet-45 {
- width: 45%;
- width: -webkit-calc((100% - 16px*1.2222222222222223) / 2.2222222222222223);
- width: calc((100% - 16px*1.2222222222222223) / 2.2222222222222223);
- }
- .row.no-gutter .tablet-45 {
- width: 45%;
- }
- .row .tablet-40 {
- width: 40%;
- width: -webkit-calc((100% - 16px*1.5) / 2.5);
- width: calc((100% - 16px*1.5) / 2.5);
- }
- .row.no-gutter .tablet-40 {
- width: 40%;
- }
- .row .tablet-35 {
- width: 35%;
- width: -webkit-calc((100% - 16px*1.8571428571428572) / 2.857142857142857);
- width: calc((100% - 16px*1.8571428571428572) / 2.857142857142857);
- }
- .row.no-gutter .tablet-35 {
- width: 35%;
- }
- .row .tablet-33 {
- width: 33.333333333333336%;
- width: -webkit-calc((100% - 16px*2) / 3);
- width: calc((100% - 16px*2) / 3);
- }
- .row.no-gutter .tablet-33 {
- width: 33.333333333333336%;
- }
- .row .tablet-30 {
- width: 30%;
- width: -webkit-calc((100% - 16px*2.3333333333333335) / 3.3333333333333335);
- width: calc((100% - 16px*2.3333333333333335) / 3.3333333333333335);
- }
- .row.no-gutter .tablet-30 {
- width: 30%;
- }
- .row .tablet-25 {
- width: 25%;
- width: -webkit-calc((100% - 16px*3) / 4);
- width: calc((100% - 16px*3) / 4);
- }
- .row.no-gutter .tablet-25 {
- width: 25%;
- }
- .row .tablet-20 {
- width: 20%;
- width: -webkit-calc((100% - 16px*4) / 5);
- width: calc((100% - 16px*4) / 5);
- }
- .row.no-gutter .tablet-20 {
- width: 20%;
- }
- .row .tablet-15 {
- width: 15%;
- width: -webkit-calc((100% - 16px*5.666666666666667) / 6.666666666666667);
- width: calc((100% - 16px*5.666666666666667) / 6.666666666666667);
- }
- .row.no-gutter .tablet-15 {
- width: 15%;
- }
- .row .tablet-10 {
- width: 10%;
- width: -webkit-calc((100% - 16px*9) / 10);
- width: calc((100% - 16px*9) / 10);
- }
- .row.no-gutter .tablet-10 {
- width: 10%;
- }
- .row .tablet-5 {
- width: 5%;
- width: -webkit-calc((100% - 16px*19) / 20);
- width: calc((100% - 16px*19) / 20);
- }
- .row.no-gutter .tablet-5 {
- width: 5%;
- }
- .row .tablet-auto:nth-last-child(1),
- .row .tablet-auto:nth-last-child(1) ~ .col-auto {
- width: 100%;
- width: -webkit-calc((100% - 16px*0) / 1);
- width: calc((100% - 16px*0) / 1);
- }
- .row.no-gutter .tablet-auto:nth-last-child(1),
- .row.no-gutter .tablet-auto:nth-last-child(1) ~ .tablet-auto {
- width: 100%;
- }
- .row .tablet-auto:nth-last-child(2),
- .row .tablet-auto:nth-last-child(2) ~ .col-auto {
- width: 50%;
- width: -webkit-calc((100% - 16px*1) / 2);
- width: calc((100% - 16px*1) / 2);
- }
- .row.no-gutter .tablet-auto:nth-last-child(2),
- .row.no-gutter .tablet-auto:nth-last-child(2) ~ .tablet-auto {
- width: 50%;
- }
- .row .tablet-auto:nth-last-child(3),
- .row .tablet-auto:nth-last-child(3) ~ .col-auto {
- width: 33.33333333%;
- width: -webkit-calc((100% - 16px*2) / 3);
- width: calc((100% - 16px*2) / 3);
- }
- .row.no-gutter .tablet-auto:nth-last-child(3),
- .row.no-gutter .tablet-auto:nth-last-child(3) ~ .tablet-auto {
- width: 33.33333333%;
- }
- .row .tablet-auto:nth-last-child(4),
- .row .tablet-auto:nth-last-child(4) ~ .col-auto {
- width: 25%;
- width: -webkit-calc((100% - 16px*3) / 4);
- width: calc((100% - 16px*3) / 4);
- }
- .row.no-gutter .tablet-auto:nth-last-child(4),
- .row.no-gutter .tablet-auto:nth-last-child(4) ~ .tablet-auto {
- width: 25%;
- }
- .row .tablet-auto:nth-last-child(5),
- .row .tablet-auto:nth-last-child(5) ~ .col-auto {
- width: 20%;
- width: -webkit-calc((100% - 16px*4) / 5);
- width: calc((100% - 16px*4) / 5);
- }
- .row.no-gutter .tablet-auto:nth-last-child(5),
- .row.no-gutter .tablet-auto:nth-last-child(5) ~ .tablet-auto {
- width: 20%;
- }
- .row .tablet-auto:nth-last-child(6),
- .row .tablet-auto:nth-last-child(6) ~ .col-auto {
- width: 16.66666667%;
- width: -webkit-calc((100% - 16px*5) / 6);
- width: calc((100% - 16px*5) / 6);
- }
- .row.no-gutter .tablet-auto:nth-last-child(6),
- .row.no-gutter .tablet-auto:nth-last-child(6) ~ .tablet-auto {
- width: 16.66666667%;
- }
- .row .tablet-auto:nth-last-child(7),
- .row .tablet-auto:nth-last-child(7) ~ .col-auto {
- width: 14.28571429%;
- width: -webkit-calc((100% - 16px*6) / 7);
- width: calc((100% - 16px*6) / 7);
- }
- .row.no-gutter .tablet-auto:nth-last-child(7),
- .row.no-gutter .tablet-auto:nth-last-child(7) ~ .tablet-auto {
- width: 14.28571429%;
- }
- .row .tablet-auto:nth-last-child(8),
- .row .tablet-auto:nth-last-child(8) ~ .col-auto {
- width: 12.5%;
- width: -webkit-calc((100% - 16px*7) / 8);
- width: calc((100% - 16px*7) / 8);
- }
- .row.no-gutter .tablet-auto:nth-last-child(8),
- .row.no-gutter .tablet-auto:nth-last-child(8) ~ .tablet-auto {
- width: 12.5%;
- }
- .row .tablet-auto:nth-last-child(9),
- .row .tablet-auto:nth-last-child(9) ~ .col-auto {
- width: 11.11111111%;
- width: -webkit-calc((100% - 16px*8) / 9);
- width: calc((100% - 16px*8) / 9);
- }
- .row.no-gutter .tablet-auto:nth-last-child(9),
- .row.no-gutter .tablet-auto:nth-last-child(9) ~ .tablet-auto {
- width: 11.11111111%;
- }
- .row .tablet-auto:nth-last-child(10),
- .row .tablet-auto:nth-last-child(10) ~ .col-auto {
- width: 10%;
- width: -webkit-calc((100% - 16px*9) / 10);
- width: calc((100% - 16px*9) / 10);
- }
- .row.no-gutter .tablet-auto:nth-last-child(10),
- .row.no-gutter .tablet-auto:nth-last-child(10) ~ .tablet-auto {
- width: 10%;
- }
- .row .tablet-auto:nth-last-child(11),
- .row .tablet-auto:nth-last-child(11) ~ .col-auto {
- width: 9.09090909%;
- width: -webkit-calc((100% - 16px*10) / 11);
- width: calc((100% - 16px*10) / 11);
- }
- .row.no-gutter .tablet-auto:nth-last-child(11),
- .row.no-gutter .tablet-auto:nth-last-child(11) ~ .tablet-auto {
- width: 9.09090909%;
- }
- .row .tablet-auto:nth-last-child(12),
- .row .tablet-auto:nth-last-child(12) ~ .col-auto {
- width: 8.33333333%;
- width: -webkit-calc((100% - 16px*11) / 12);
- width: calc((100% - 16px*11) / 12);
- }
- .row.no-gutter .tablet-auto:nth-last-child(12),
- .row.no-gutter .tablet-auto:nth-last-child(12) ~ .tablet-auto {
- width: 8.33333333%;
- }
- .row .tablet-auto:nth-last-child(13),
- .row .tablet-auto:nth-last-child(13) ~ .col-auto {
- width: 7.69230769%;
- width: -webkit-calc((100% - 16px*12) / 13);
- width: calc((100% - 16px*12) / 13);
- }
- .row.no-gutter .tablet-auto:nth-last-child(13),
- .row.no-gutter .tablet-auto:nth-last-child(13) ~ .tablet-auto {
- width: 7.69230769%;
- }
- .row .tablet-auto:nth-last-child(14),
- .row .tablet-auto:nth-last-child(14) ~ .col-auto {
- width: 7.14285714%;
- width: -webkit-calc((100% - 16px*13) / 14);
- width: calc((100% - 16px*13) / 14);
- }
- .row.no-gutter .tablet-auto:nth-last-child(14),
- .row.no-gutter .tablet-auto:nth-last-child(14) ~ .tablet-auto {
- width: 7.14285714%;
- }
- .row .tablet-auto:nth-last-child(15),
- .row .tablet-auto:nth-last-child(15) ~ .col-auto {
- width: 6.66666667%;
- width: -webkit-calc((100% - 16px*14) / 15);
- width: calc((100% - 16px*14) / 15);
- }
- .row.no-gutter .tablet-auto:nth-last-child(15),
- .row.no-gutter .tablet-auto:nth-last-child(15) ~ .tablet-auto {
- width: 6.66666667%;
- }
- .row .tablet-auto:nth-last-child(16),
- .row .tablet-auto:nth-last-child(16) ~ .col-auto {
- width: 6.25%;
- width: -webkit-calc((100% - 16px*15) / 16);
- width: calc((100% - 16px*15) / 16);
- }
- .row.no-gutter .tablet-auto:nth-last-child(16),
- .row.no-gutter .tablet-auto:nth-last-child(16) ~ .tablet-auto {
- width: 6.25%;
- }
- .row .tablet-auto:nth-last-child(17),
- .row .tablet-auto:nth-last-child(17) ~ .col-auto {
- width: 5.88235294%;
- width: -webkit-calc((100% - 16px*16) / 17);
- width: calc((100% - 16px*16) / 17);
- }
- .row.no-gutter .tablet-auto:nth-last-child(17),
- .row.no-gutter .tablet-auto:nth-last-child(17) ~ .tablet-auto {
- width: 5.88235294%;
- }
- .row .tablet-auto:nth-last-child(18),
- .row .tablet-auto:nth-last-child(18) ~ .col-auto {
- width: 5.55555556%;
- width: -webkit-calc((100% - 16px*17) / 18);
- width: calc((100% - 16px*17) / 18);
- }
- .row.no-gutter .tablet-auto:nth-last-child(18),
- .row.no-gutter .tablet-auto:nth-last-child(18) ~ .tablet-auto {
- width: 5.55555556%;
- }
- .row .tablet-auto:nth-last-child(19),
- .row .tablet-auto:nth-last-child(19) ~ .col-auto {
- width: 5.26315789%;
- width: -webkit-calc((100% - 16px*18) / 19);
- width: calc((100% - 16px*18) / 19);
- }
- .row.no-gutter .tablet-auto:nth-last-child(19),
- .row.no-gutter .tablet-auto:nth-last-child(19) ~ .tablet-auto {
- width: 5.26315789%;
- }
- .row .tablet-auto:nth-last-child(20),
- .row .tablet-auto:nth-last-child(20) ~ .col-auto {
- width: 5%;
- width: -webkit-calc((100% - 16px*19) / 20);
- width: calc((100% - 16px*19) / 20);
- }
- .row.no-gutter .tablet-auto:nth-last-child(20),
- .row.no-gutter .tablet-auto:nth-last-child(20) ~ .tablet-auto {
- width: 5%;
- }
- .row .tablet-auto:nth-last-child(21),
- .row .tablet-auto:nth-last-child(21) ~ .col-auto {
- width: 4.76190476%;
- width: -webkit-calc((100% - 16px*20) / 21);
- width: calc((100% - 16px*20) / 21);
- }
- .row.no-gutter .tablet-auto:nth-last-child(21),
- .row.no-gutter .tablet-auto:nth-last-child(21) ~ .tablet-auto {
- width: 4.76190476%;
- }
-}
-/* === Views === */
-.views,
-.view {
- position: relative;
- width: 100%;
- height: 100%;
- z-index: 5000;
-}
-.views {
- overflow: auto;
- -webkit-overflow-scrolling: touch;
-}
-.view {
- overflow: hidden;
- box-sizing: border-box;
-}
-/* === Pages === */
-.pages {
- position: relative;
- width: 100%;
- height: 100%;
- overflow: hidden;
-}
-.page {
- box-sizing: border-box;
- position: absolute;
- left: 0;
- top: 0;
- width: 100%;
- height: 100%;
- background: #fff;
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
-}
-.page.cached {
- display: none;
-}
-.page-on-left {
- opacity: 1;
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
-}
-.page-on-right {
- opacity: 0;
- pointer-events: none;
- -webkit-transform: translate3d(0, 56px, 0);
- transform: translate3d(0, 56px, 0);
-}
-.page-content {
- overflow: auto;
- -webkit-overflow-scrolling: touch;
- box-sizing: border-box;
- height: 100%;
- position: relative;
- z-index: 1;
-}
-.page-transitioning {
- -webkit-transition-duration: 300ms;
- transition-duration: 300ms;
-}
-.page-from-right-to-center {
- pointer-events: none;
- -webkit-animation: pageFromRightToCenter 300ms forwards;
- animation: pageFromRightToCenter 300ms forwards;
-}
-.page-from-center-to-right {
- pointer-events: none;
- -webkit-animation: pageFromCenterToRight 300ms forwards;
- animation: pageFromCenterToRight 300ms forwards;
-}
-@-webkit-keyframes pageFromRightToCenter {
- from {
- opacity: 0;
- -webkit-transform: translate3d(0, 56px, 0);
- }
- to {
- opacity: 1;
- -webkit-transform: translate3d(0, 0, 0);
- }
-}
-@keyframes pageFromRightToCenter {
- from {
- opacity: 0;
- transform: translate3d(0, 56px, 0);
- }
- to {
- opacity: 1;
- transform: translate3d(0, 0, 0);
- }
-}
-@-webkit-keyframes pageFromCenterToRight {
- from {
- opacity: 1;
- -webkit-transform: translate3d(0, 0, 0);
- }
- to {
- opacity: 0;
- -webkit-transform: translate3d(0, 56px, 0);
- }
-}
-@keyframes pageFromCenterToRight {
- from {
- opacity: 1;
- transform: translate3d(0, 0, 0);
- }
- to {
- opacity: 0;
- transform: translate3d(0, 56px, 0);
- }
-}
-.page-from-center-to-left {
- -webkit-animation: pageFromCenterToLeft 300ms forwards;
- animation: pageFromCenterToLeft 300ms forwards;
-}
-.page-from-left-to-center {
- -webkit-animation: pageFromLeftToCenter 300ms forwards;
- animation: pageFromLeftToCenter 300ms forwards;
-}
-@-webkit-keyframes pageFromCenterToLeft {
- from {
- opacity: 1;
- }
- to {
- opacity: 1;
- }
-}
-@keyframes pageFromCenterToLeft {
- from {
- opacity: 1;
- }
- to {
- opacity: 1;
- }
-}
-@-webkit-keyframes pageFromLeftToCenter {
- from {
- opacity: 1;
- }
- to {
- opacity: 1;
- }
-}
-@keyframes pageFromLeftToCenter {
- from {
- opacity: 1;
- }
- to {
- opacity: 1;
- }
-}
-/* === Toolbars === */
-.navbar-inner,
-.toolbar-inner {
- position: absolute;
- left: 0;
- top: 0;
- width: 100%;
- height: 100%;
- box-sizing: border-box;
- overflow: hidden;
- display: -webkit-box;
- display: -ms-flexbox;
- display: -webkit-flex;
- display: flex;
- -webkit-box-align: center;
- -ms-flex-align: center;
- -webkit-align-items: center;
- align-items: center;
-}
-.navbar-inner {
- -webkit-box-pack: start;
- -ms-flex-pack: start;
- -webkit-justify-content: flex-start;
- justify-content: flex-start;
-}
-.toolbar-inner {
- -webkit-box-pack: justify;
- -ms-flex-pack: justify;
- -webkit-justify-content: space-between;
- justify-content: space-between;
-}
-.navbar-inner.cached {
- display: none;
-}
-.navbar,
-.toolbar {
- width: 100%;
- box-sizing: border-box;
- position: relative;
- margin: 0;
- z-index: 500;
- -webkit-backface-visibility: hidden;
- backface-visibility: hidden;
- color: #fff;
-}
-.navbar b,
-.toolbar b {
- font-weight: 500;
-}
-.navbar ~ .toolbar {
- z-index: 499;
-}
-.navbar,
-.toolbar,
-.subnavbar {
- background: #aa5252;
-}
-.navbar a.link,
-.toolbar a.link,
-.subnavbar a.link {
- text-decoration: none;
- position: relative;
- color: #fff;
- box-sizing: border-box;
- display: -webkit-box;
- display: -ms-flexbox;
- display: -webkit-flex;
- display: flex;
- -webkit-box-pack: center;
- -ms-flex-pack: center;
- -webkit-justify-content: center;
- justify-content: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- -webkit-align-items: center;
- align-items: center;
- padding: 0 16px;
- min-width: 48px;
-}
-.navbar a.link:before,
-.toolbar a.link:before,
-.subnavbar a.link:before {
- content: '';
- width: 152%;
- height: 152%;
- position: absolute;
- left: -26%;
- top: -26%;
- background-image: -webkit-radial-gradient(center, circle cover, rgba(255, 255, 255, 0.15) 66%, rgba(255, 255, 255, 0) 66%);
- background-image: radial-gradient(circle at center, rgba(255, 255, 255, 0.15) 66%, rgba(255, 255, 255, 0) 66%);
- background-repeat: no-repeat;
- background-position: center;
- background-size: 100% 100%;
- opacity: 0;
- pointer-events: none;
- -webkit-transition-duration: 600ms;
- transition-duration: 600ms;
-}
-html:not(.watch-active-state) .navbar a.link:active:before,
-html:not(.watch-active-state) .toolbar a.link:active:before,
-html:not(.watch-active-state) .subnavbar a.link:active:before,
-.navbar a.link.active-state:before,
-.toolbar a.link.active-state:before,
-.subnavbar a.link.active-state:before {
- opacity: 1;
- -webkit-transition-duration: 150ms;
- transition-duration: 150ms;
-}
-.navbar a.link i + span,
-.toolbar a.link i + span,
-.subnavbar a.link i + span,
-.navbar a.link i + i,
-.toolbar a.link i + i,
-.subnavbar a.link i + i,
-.navbar a.link span + i,
-.toolbar a.link span + i,
-.subnavbar a.link span + i,
-.navbar a.link span + span,
-.toolbar a.link span + span,
-.subnavbar a.link span + span {
- margin-left: 8px;
-}
-.navbar a.icon-only,
-.toolbar a.icon-only,
-.subnavbar a.icon-only {
- min-width: 0;
- -webkit-box-flex: 0;
- -webkit-flex-shrink: 0;
- -ms-flex: 0 0 auto;
- flex-shrink: 0;
-}
-.navbar i.icon,
-.toolbar i.icon,
-.subnavbar i.icon {
- display: block;
-}
-.navbar .center,
-.subnavbar .center {
- font-size: 20px;
- font-weight: 500;
- text-align: center;
- margin: 0 16px;
- position: relative;
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
- line-height: 56px;
- display: inline-block;
- text-align: left;
-}
-.navbar .left,
-.subnavbar .left,
-.navbar .right,
-.subnavbar .right {
- -webkit-box-flex: 0;
- -webkit-flex-shrink: 0;
- -ms-flex: 0 0 auto;
- flex-shrink: 0;
- display: -webkit-box;
- display: -ms-flexbox;
- display: -webkit-flex;
- display: flex;
- -webkit-box-pack: start;
- -ms-flex-pack: start;
- -webkit-justify-content: flex-start;
- justify-content: flex-start;
- -webkit-box-align: center;
- -ms-flex-align: center;
- -webkit-align-items: center;
- align-items: center;
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
-}
-.navbar .right,
-.subnavbar .right {
- margin-left: auto;
-}
-.navbar .right:first-child,
-.subnavbar .right:first-child {
- position: absolute;
- right: 16px;
- height: 100%;
-}
-.navbar {
- left: 0;
- top: 0;
- height: 56px;
- font-size: 20px;
-}
-.navbar a.link {
- line-height: 56px;
- height: 56px;
-}
-.popup .navbar {
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
-}
-.subnavbar {
- height: 48px;
- width: 100%;
- position: absolute;
- left: 0;
- top: 100%;
- z-index: 20;
- box-sizing: border-box;
- padding: 0 16px;
- display: -webkit-box;
- display: -ms-flexbox;
- display: -webkit-flex;
- display: flex;
- -webkit-box-pack: justify;
- -ms-flex-pack: justify;
- -webkit-justify-content: space-between;
- justify-content: space-between;
- -webkit-box-align: center;
- -ms-flex-align: center;
- -webkit-align-items: center;
- align-items: center;
- overflow: hidden;
-}
-.subnavbar a.link {
- line-height: 48px;
- height: 48px;
-}
-.subnavbar .center {
- line-height: 48px;
-}
-.subnavbar .center:first-child {
- margin-left: 56px;
-}
-.navbar.no-border .subnavbar {
- margin-top: 0;
-}
-.navbar-on-left .subnavbar,
-.navbar-on-right .subnavbar {
- pointer-events: none;
-}
-.navbar .subnavbar,
-.page .subnavbar {
- position: absolute;
-}
-.page > .subnavbar {
- top: 0;
- margin-top: 0;
-}
-.subnavbar > .buttons-row {
- width: 100%;
-}
-.subnavbar .searchbar,
-.subnavbar.searchbar {
- position: absolute;
-}
-.subnavbar.searchbar,
-.subnavbar .searchbar {
- position: absolute;
-}
-.subnavbar .searchbar {
- left: 0;
- top: 0;
-}
-.toolbar {
- left: 0;
- bottom: 0;
- height: 48px;
- font-size: 14px;
-}
-.toolbar a.link {
- line-height: 48px;
- height: 48px;
-}
-.toolbar a {
- -webkit-box-flex: 1;
- -webkit-flex-shrink: 1;
- -ms-flex: 0 1 auto;
- flex-shrink: 1;
- position: relative;
- white-space: nowrap;
- text-overflow: ellipsis;
-}
-.tabbar {
- z-index: 5001;
- overflow: hidden;
- bottom: auto;
- top: 0;
-}
-.tabbar .toolbar-inner {
- padding-left: 0;
- padding-right: 0;
-}
-.tabbar a.link {
- line-height: 1.4;
-}
-.tabbar a.tab-link,
-.tabbar a.link {
- height: 100%;
- width: 100%;
- box-sizing: border-box;
- padding-left: 0;
- padding-right: 0;
- display: -webkit-box;
- display: -ms-flexbox;
- display: -webkit-flex;
- display: flex;
- -webkit-box-pack: center;
- -ms-flex-pack: center;
- -webkit-justify-content: center;
- justify-content: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- -webkit-align-items: center;
- align-items: center;
- -ms-flex: 1;
- -webkit-box-orient: vertical;
- -moz-box-orient: vertical;
- -ms-flex-direction: column;
- -webkit-flex-direction: column;
- flex-direction: column;
- font-size: 14px;
- text-transform: uppercase;
-}
-.tabbar i.icon {
- height: 24px;
-}
-.tabbar a.tab-link {
- -webkit-transition-duration: 300ms;
- transition-duration: 300ms;
- overflow: hidden;
- color: rgba(255, 255, 255, 0.7);
- position: relative;
-}
-.tabbar a.tab-link.active,
-html:not(.watch-active-state) .tabbar a.tab-link:active,
-.tabbar a.tab-link.active-state {
- color: #ffffff;
-}
-.tabbar .tab-link-highlight {
- position: absolute;
- left: 0;
- bottom: 0;
- height: 3px;
- background: #763939;
- background: rgba(255, 255, 255, 0.5);
- -webkit-transition-duration: 300ms;
- transition-duration: 300ms;
-}
-.tabbar-labels {
- height: 72px;
-}
-.tabbar-labels a.tab-link,
-.tabbar-labels a.link {
- padding-top: 12px;
- padding-bottom: 12px;
- height: 100%;
- -webkit-box-pack: justify;
- -ms-flex-pack: justify;
- -webkit-justify-content: space-between;
- justify-content: space-between;
-}
-.tabbar-labels span.tabbar-label {
- line-height: 1;
- display: block;
- margin: 0;
- margin-top: 10px;
- position: relative;
- text-overflow: ellipsis;
- white-space: nowrap;
- overflow: hidden;
- max-width: 100%;
-}
-.tabbar-scrollable .toolbar-inner {
- -webkit-box-pack: start;
- -ms-flex-pack: start;
- -webkit-justify-content: flex-start;
- justify-content: flex-start;
- overflow: auto;
-}
-.tabbar-scrollable .toolbar-inner::-webkit-scrollbar {
- display: none !important;
- width: 0 !important;
- height: 0 !important;
- -webkit-appearance: none;
- opacity: 0 !important;
-}
-.tabbar-scrollable a.tab-link,
-.tabbar-scrollable a.link {
- width: auto;
- -webkit-box-flex: 0;
- -webkit-flex-shrink: 0;
- -ms-flex: 0 0 auto;
- flex-shrink: 0;
- -ms-flex: 0;
- padding: 0 16px;
-}
-.toolbar-bottom {
- bottom: 0;
- top: auto;
-}
-.toolbar-bottom .tab-link-highlight {
- bottom: auto;
- top: 0;
-}
-.subnavbar input[type="text"],
-.navbar input[type="text"],
-.subnavbar input[type="password"],
-.navbar input[type="password"],
-.subnavbar input[type="search"],
-.navbar input[type="search"],
-.subnavbar input[type="email"],
-.navbar input[type="email"],
-.subnavbar input[type="tel"],
-.navbar input[type="tel"],
-.subnavbar input[type="url"],
-.navbar input[type="url"] {
- box-sizing: border-box;
- width: 100%;
- height: 32px;
- display: block;
- border: none;
- -webkit-appearance: none;
- -moz-appearance: none;
- -ms-appearance: none;
- appearance: none;
- border-radius: 0;
- font-family: inherit;
- color: #fff;
- font-size: 16px;
- font-weight: 400;
- background-color: transparent;
- padding: 0;
- border-bottom: 1px solid #fff;
-}
-.subnavbar input[type="text"]::-webkit-input-placeholder,
-.navbar input[type="text"]::-webkit-input-placeholder,
-.subnavbar input[type="password"]::-webkit-input-placeholder,
-.navbar input[type="password"]::-webkit-input-placeholder,
-.subnavbar input[type="search"]::-webkit-input-placeholder,
-.navbar input[type="search"]::-webkit-input-placeholder,
-.subnavbar input[type="email"]::-webkit-input-placeholder,
-.navbar input[type="email"]::-webkit-input-placeholder,
-.subnavbar input[type="tel"]::-webkit-input-placeholder,
-.navbar input[type="tel"]::-webkit-input-placeholder,
-.subnavbar input[type="url"]::-webkit-input-placeholder,
-.navbar input[type="url"]::-webkit-input-placeholder {
- color: #ffffff;
- opacity: 1;
-}
-/* === Relation between toolbar/navbar types and pages === */
-.page > .navbar,
-.view > .navbar,
-.views > .navbar,
-.page > .toolbar,
-.view > .toolbar,
-.views > .toolbar {
- position: absolute;
-}
-.subnavbar ~ .page-content {
- padding-top: 48px;
-}
-.toolbar-fixed .page-content,
-.tabbar-fixed .page-content {
- padding-top: 48px;
-}
-.tabbar-labels-fixed .page-content {
- padding-top: 72px;
-}
-.toolbar ~ .page-content {
- padding-top: 48px;
-}
-.tabbar-labels ~ .page-content {
- padding-top: 72px;
-}
-.toolbar-bottom ~ .page-content,
-.messagebar ~ .page-content {
- padding-top: 0;
- padding-bottom: 48px;
-}
-.tabbar-labels.toolbar-bottom ~ .page-content {
- padding-bottom: 72px;
-}
-.navbar-fixed .page-content {
- padding-top: 56px;
-}
-.navbar-fixed.toolbar-fixed .page-content,
-.navbar-fixed.tabbar-fixed .page-content,
-.navbar-fixed .toolbar-fixed .page-content,
-.navbar-fixed .tabbar-fixed .page-content,
-.toolbar-fixed .navbar-fixed .page-content,
-.tabbar-fixed .navbar-fixed .page-content {
- padding-top: 104px;
-}
-.navbar-fixed.tabbar-labels-fixed .page-content,
-.navbar-fixed .tabbar-labels-fixed .page-content,
-.tabbar-labels-fixed .navbar-fixed .page-content {
- padding-top: 128px;
-}
-.navbar-fixed .toolbar ~ .page-content {
- padding-top: 104px;
-}
-.navbar-fixed .messagebar ~ .page-content,
-.navbar-fixed .toolbar-bottom ~ .page-content {
- padding-top: 56px;
-}
-.navbar-fixed .tabbar-labels ~ .page-content {
- padding-top: 128px;
-}
-.navbar-fixed .tabbar-labels.toolbar-bottom ~ .page-content {
- padding-top: 56px;
-}
-.navbar-fixed .with-subnavbar .page-content,
-.navbar-fixed .page-content.with-subnavbar,
-.navbar-fixed .subnavbar ~ .page-content {
- padding-top: 104px;
-}
-.navbar-fixed .page .subnavbar,
-.navbar-fixed.page .subnavbar {
- top: 56px;
-}
-.navbar-fixed .toolbar {
- top: 56px;
-}
-.navbar-fixed .messagebar,
-.navbar-fixed .toolbar-bottom {
- top: auto;
-}
-.navbar.navbar-hiding {
- -webkit-transition-duration: 400ms;
- transition-duration: 400ms;
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
-}
-.navbar.navbar-hiding ~ .page-content .list-group-title,
-.navbar.navbar-hiding ~ .pages .list-group-title,
-.navbar.navbar-hiding ~ .page .list-group-title {
- -webkit-transition-duration: 400ms;
- transition-duration: 400ms;
-}
-.navbar.navbar-hiding ~ .page-content .subnavbar,
-.navbar.navbar-hiding ~ .pages .subnavbar,
-.navbar.navbar-hiding ~ .page .subnavbar {
- -webkit-transition-duration: 400ms;
- transition-duration: 400ms;
-}
-.navbar.navbar-hiding ~ .subnavbar,
-.navbar.navbar-hiding ~ .toolbar {
- -webkit-transition-duration: 400ms;
- transition-duration: 400ms;
-}
-.navbar.navbar-hidden {
- -webkit-transition-duration: 400ms;
- transition-duration: 400ms;
- -webkit-transform: translate3d(0, -100%, 0);
- transform: translate3d(0, -100%, 0);
-}
-.navbar.navbar-hidden ~ .page-content .list-group-title,
-.navbar.navbar-hidden ~ .pages .list-group-title,
-.navbar.navbar-hidden ~ .page .list-group-title {
- -webkit-transition-duration: 400ms;
- transition-duration: 400ms;
- top: -56px;
-}
-.navbar.navbar-hidden ~ .page-content .subnavbar,
-.navbar.navbar-hidden ~ .pages .subnavbar,
-.navbar.navbar-hidden ~ .page .subnavbar {
- -webkit-transform: translate3d(0, -56px, 0);
- transform: translate3d(0, -56px, 0);
- -webkit-transition-duration: 400ms;
- transition-duration: 400ms;
-}
-.navbar.navbar-hidden ~ .subnavbar,
-.navbar.navbar-hidden ~ .toolbar:not(.messagebar):not(.toolbar-bottom) {
- -webkit-transform: translate3d(0, -56px, 0);
- transform: translate3d(0, -56px, 0);
- -webkit-transition-duration: 400ms;
- transition-duration: 400ms;
-}
-.page.no-navbar .page-content {
- padding-top: 0;
-}
-.page.no-navbar.with-subnavbar .page-content,
-.with-subnavbar .page.no-navbar .page-content,
-.page.no-navbar .page-content.with-subnavbar {
- padding-top: 48px;
-}
-.toolbar.toolbar-hiding,
-.tabbar.toolbar-hiding,
-.toolbar.tabbar-hiding,
-.tabbar.tabbar-hiding {
- -webkit-transition-duration: 400ms;
- transition-duration: 400ms;
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
-}
-.toolbar.toolbar-hidden,
-.tabbar.toolbar-hidden,
-.toolbar.tabbar-hidden,
-.tabbar.tabbar-hidden {
- -webkit-transition-duration: 400ms;
- transition-duration: 400ms;
-}
-.toolbar.toolbar-hidden,
-.tabbar.toolbar-hidden,
-.toolbar.tabbar-hidden,
-.tabbar.tabbar-hidden {
- -webkit-transform: translate3d(0, -100%, 0);
- transform: translate3d(0, -100%, 0);
-}
-.navbar ~ .toolbar.toolbar-hidden,
-.navbar ~ .tabbar.toolbar-hidden,
-.navbar ~ .toolbar.tabbar-hidden,
-.navbar ~ .tabbar.tabbar-hidden {
- -webkit-transform: translate3d(0, -104px, 0);
- transform: translate3d(0, -104px, 0);
-}
-.navbar ~ .toolbar.tabbar-labels.toolbar-hidden,
-.navbar ~ .tabbar.tabbar-labels.toolbar-hidden {
- -webkit-transform: translate3d(0, -128px, 0);
- transform: translate3d(0, -128px, 0);
-}
-.toolbar.toolbar-hidden.messagebar,
-.tabbar.toolbar-hidden.messagebar,
-.toolbar.toolbar-hidden.toolbar-bottom,
-.tabbar.toolbar-hidden.toolbar-bottom {
- -webkit-transform: translate3d(0, 100%, 0);
- transform: translate3d(0, 100%, 0);
-}
-.page.no-toolbar .page-content,
-.page.no-tabbar .page-content {
- padding-bottom: 0;
-}
-/* === Search Bar === */
-.searchbar {
- height: 48px;
- width: 100%;
- background: #aa5252;
- box-sizing: border-box;
- padding: 0 16px;
- overflow: hidden;
- position: relative;
- display: -webkit-box;
- display: -ms-flexbox;
- display: -webkit-flex;
- display: flex;
- -webkit-box-align: center;
- -ms-flex-align: center;
- -webkit-align-items: center;
- align-items: center;
- color: #fff;
-}
-.searchbar a {
- position: relative;
- color: #fff;
-}
-.searchbar a:before {
- content: '';
- width: 152%;
- height: 152%;
- position: absolute;
- left: -26%;
- top: -26%;
- background-image: -webkit-radial-gradient(center, circle cover, rgba(255, 255, 255, 0.15) 66%, rgba(255, 255, 255, 0) 66%);
- background-image: radial-gradient(circle at center, rgba(255, 255, 255, 0.15) 66%, rgba(255, 255, 255, 0) 66%);
- background-repeat: no-repeat;
- background-position: center;
- background-size: 100% 100%;
- opacity: 0;
- pointer-events: none;
- -webkit-transition-duration: 600ms;
- transition-duration: 600ms;
-}
-html:not(.watch-active-state) .searchbar a:active:before,
-.searchbar a.active-state:before {
- opacity: 1;
- -webkit-transition-duration: 150ms;
- transition-duration: 150ms;
-}
-.searchbar .searchbar-input {
- width: 100%;
- height: 32px;
- position: relative;
- -webkit-box-flex: 1;
- -webkit-flex-shrink: 1;
- -ms-flex: 0 1 auto;
- flex-shrink: 1;
-}
-.searchbar input[type="search"] {
- box-sizing: border-box;
- width: 100%;
- height: 32px;
- display: block;
- border: none;
- -webkit-appearance: none;
- -moz-appearance: none;
- -ms-appearance: none;
- appearance: none;
- border-radius: 0;
- font-family: inherit;
- color: #fff;
- font-size: 16px;
- font-weight: 400;
- padding: 0;
- border-bottom: 1px solid #fff;
- height: 100%;
- padding: 0 36px 0 24px;
- background-color: transparent;
- background-repeat: no-repeat;
- background-position: 0 center;
- opacity: 0.6;
- -webkit-background-size: 24px 24px;
- background-size: 24px 24px;
- -webkit-transition-duration: 300ms;
- transition-duration: 300ms;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%23FFFFFF'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M15.5%2014h-.79l-.28-.27C15.41%2012.59%2016%2011.11%2016%209.5%2016%205.91%2013.09%203%209.5%203S3%205.91%203%209.5%205.91%2016%209.5%2016c1.61%200%203.09-.59%204.23-1.57l.27.28v.79l5%204.99L20.49%2019l-4.99-5zm-6%200C7.01%2014%205%2011.99%205%209.5S7.01%205%209.5%205%2014%207.01%2014%209.5%2011.99%2014%209.5%2014z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E");
-}
-.searchbar input[type="search"]::-webkit-input-placeholder {
- color: #ffffff;
- opacity: 1;
-}
-.searchbar input[type="search"]::-webkit-search-cancel-button {
- -webkit-appearance: none;
-}
-.searchbar .searchbar-clear {
- position: absolute;
- width: 56px;
- height: 100%;
- right: -16px;
- top: 0;
- opacity: 0;
- pointer-events: none;
- background-position: center;
- background-repeat: no-repeat;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%23fff'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M19%206.41L17.59%205%2012%2010.59%206.41%205%205%206.41%2010.59%2012%205%2017.59%206.41%2019%2012%2013.41%2017.59%2019%2019%2017.59%2013.41%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E");
- -webkit-background-size: 24px 24px;
- background-size: 24px 24px;
- -webkit-transition-duration: 300ms;
- transition-duration: 300ms;
- cursor: pointer;
-}
-.searchbar .searchbar-cancel {
- display: none;
-}
-.searchbar.searchbar-active input[type="search"] {
- opacity: 1;
-}
-.searchbar.searchbar-active .searchbar-clear {
- pointer-events: auto;
- opacity: 1;
-}
-.searchbar.searchbar-not-empty .searchbar-clear {
- pointer-events: auto;
- opacity: 1;
-}
-.searchbar-overlay {
- position: absolute;
- left: 0;
- top: 0;
- width: 100%;
- height: 100%;
- z-index: 100;
- opacity: 0;
- pointer-events: none;
- background: rgba(0, 0, 0, 0.25);
- -webkit-transition-duration: 300ms;
- transition-duration: 300ms;
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
-}
-.searchbar-overlay.searchbar-overlay-active {
- opacity: 1;
- pointer-events: auto;
-}
-.searchbar-not-found {
- display: none;
-}
-.hidden-by-searchbar,
-.list-block .hidden-by-searchbar,
-.list-block li.hidden-by-searchbar {
- display: none;
-}
-.page > .searchbar {
- position: absolute;
- width: 100%;
- left: 0;
- top: 0;
- z-index: 200;
-}
-.page > .searchbar ~ .page-content {
- padding-top: 48px;
-}
-.navbar-fixed .page > .searchbar,
-.navbar-through .page > .searchbar,
-.navbar-fixed > .searchbar,
-.navbar-through > .searchbar {
- top: 56px;
-}
-.navbar-fixed .page > .searchbar ~ .page-content,
-.navbar-through .page > .searchbar ~ .page-content,
-.navbar-fixed > .searchbar ~ .page-content,
-.navbar-through > .searchbar ~ .page-content {
- padding-top: 104px;
-}
-/* === Message Bar === */
-.toolbar.messagebar {
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- background: #fff;
- height: 48px;
- top: auto;
- bottom: 0;
- font-size: 16px;
- overflow: hidden;
-}
-.toolbar.messagebar:before {
- content: '';
- position: absolute;
- left: 0;
- top: 0;
- bottom: auto;
- right: auto;
- height: 1px;
- width: 100%;
- background-color: #d1d1d1;
- display: block;
- z-index: 15;
- -webkit-transform-origin: 50% 0%;
- transform-origin: 50% 0%;
-}
-html.pixel-ratio-2 .toolbar.messagebar:before {
- -webkit-transform: scaleY(0.5);
- transform: scaleY(0.5);
-}
-html.pixel-ratio-3 .toolbar.messagebar:before {
- -webkit-transform: scaleY(0.33);
- transform: scaleY(0.33);
-}
-.toolbar.messagebar textarea {
- -webkit-appearance: none;
- -moz-appearance: none;
- -ms-appearance: none;
- appearance: none;
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
- box-sizing: border-box;
- border: none;
- background: none;
- border-radius: 0;
- box-shadow: none;
- display: block;
- padding: 3px 8px 3px;
- margin: 0;
- width: 100%;
- height: 28px;
- color: #333;
- font-size: 16px;
- line-height: 22px;
- font-family: inherit;
- resize: none;
- -webkit-box-flex: 1;
- -webkit-flex-shrink: 1;
- -ms-flex: 0 1 auto;
- flex-shrink: 1;
-}
-.toolbar.messagebar a.link {
- color: #333;
- -ms-flex-item-align: flex-end;
- -webkit-align-self: flex-end;
- align-self: flex-end;
- height: 48px;
- line-height: 48px;
-}
-.toolbar.messagebar a.link:before {
- background-image: -webkit-radial-gradient(center, circle cover, rgba(0, 0, 0, 0.1) 66%, rgba(0, 0, 0, 0) 66%);
- background-image: radial-gradient(circle at center, rgba(0, 0, 0, 0.1) 66%, rgba(0, 0, 0, 0) 66%);
-}
-.toolbar.messagebar .link {
- -webkit-box-flex: 0;
- -webkit-flex-shrink: 0;
- -ms-flex: 0 0 auto;
- flex-shrink: 0;
-}
-.toolbar.messagebar ~ .page-content {
- padding-bottom: 48px;
-}
-.page.no-toolbar .toolbar.messagebar ~ .page-content {
- padding-bottom: 48px;
-}
-.hidden-toolbar .toolbar.messagebar {
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- -webkit-transition-duration: 0ms;
- transition-duration: 0ms;
-}
-/* === Icons === */
-i.icon {
- display: inline-block;
- vertical-align: middle;
- background-size: 100% auto;
- background-position: center;
- background-repeat: no-repeat;
- font-style: normal;
- position: relative;
- /* Material Icons http://google.github.io/material-design-icons/ */
-}
-i.icon.icon-back {
- width: 24px;
- height: 24px;
- 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-forward {
- width: 24px;
- height: 24px;
- 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-bars {
- width: 24px;
- height: 24px;
- 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'M3%2018h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-camera {
- width: 24px;
- height: 24px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%23333'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Ccircle%20cx%3D'12'%20cy%3D'12'%20r%3D'3.2'%2F%3E%3Cpath%20d%3D'M9%202L7.17%204H4c-1.1%200-2%20.9-2%202v12c0%201.1.9%202%202%202h16c1.1%200%202-.9%202-2V6c0-1.1-.9-2-2-2h-3.17L15%202H9zm3%2015c-2.76%200-5-2.24-5-5s2.24-5%205-5%205%202.24%205%205-2.24%205-5%205z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-f7 {
- width: 24px;
- height: 24px;
- background-image: url("../img/i-f7-material.png");
- border-radius: 3px;
-}
-i.icon.icon-next,
-i.icon.icon-prev {
- width: 24px;
- height: 24px;
-}
-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'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.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'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-plus {
- width: 24px;
- height: 24px;
- font-size: 0;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%23FFFFFF'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M19%2013h-6v6h-2v-6H5v-2h6V5h2v6h6v2z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-close {
- width: 24px;
- height: 24px;
- font-size: 0;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20fill%3D'%23FFFFFF'%20height%3D'24'%20viewBox%3D'0%200%2024%2024'%20width%3D'24'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'M19%206.41L17.59%205%2012%2010.59%206.41%205%205%206.41%2010.59%2012%205%2017.59%206.41%2019%2012%2013.41%2017.59%2019%2019%2017.59%2013.41%2012z'%2F%3E%3Cpath%20d%3D'M0%200h24v24H0z'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E");
-}
-.badge {
- font-size: 10px;
- display: inline-block;
- color: #fff;
- background: #8e8e93;
- border-radius: 3px;
- padding: 1px 6px;
- box-sizing: border-box;
- vertical-align: middle;
-}
-.icon .badge {
- position: absolute;
- left: 100%;
- margin-left: -10px;
- top: -2px;
- font-size: 10px;
- line-height: 1.4;
- padding: 1px 5px;
-}
-/* === Content Block === */
-.content-block {
- margin: 32px 0;
- padding: 0 16px;
- box-sizing: border-box;
-}
-.content-block.no-hairlines:before,
-.content-block.no-hairlines ul:before,
-.content-block.no-hairlines .content-block-inner:before {
- display: none;
-}
-.content-block.no-hairlines:after,
-.content-block.no-hairlines ul:after,
-.content-block.no-hairlines .content-block-inner:after {
- display: none;
-}
-.content-block-title {
- position: relative;
- overflow: hidden;
- margin: 0;
- white-space: nowrap;
- text-overflow: ellipsis;
- font-size: 14px;
- line-height: 1;
- margin: 16px 16px 16px;
- padding-top: 16px;
- line-height: 16px;
- font-weight: 500;
- color: rgba(0, 0, 0, 0.54);
-}
-.content-block-title + .list-block,
-.content-block-title + .content-block,
-.content-block-title + .card {
- margin-top: 0px;
-}
-.content-block-inner {
- padding: 16px 16px;
- margin-left: -16px;
- width: 100%;
- position: relative;
-}
-.content-block-inner:before {
- content: '';
- position: absolute;
- left: 0;
- top: 0;
- bottom: auto;
- right: auto;
- height: 1px;
- width: 100%;
- background-color: rgba(0, 0, 0, 0.12);
- display: block;
- z-index: 15;
- -webkit-transform-origin: 50% 0%;
- transform-origin: 50% 0%;
-}
-html.pixel-ratio-2 .content-block-inner:before {
- -webkit-transform: scaleY(0.5);
- transform: scaleY(0.5);
-}
-html.pixel-ratio-3 .content-block-inner:before {
- -webkit-transform: scaleY(0.33);
- transform: scaleY(0.33);
-}
-.content-block-inner:after {
- content: '';
- position: absolute;
- left: 0;
- bottom: 0;
- right: auto;
- top: auto;
- height: 1px;
- width: 100%;
- background-color: rgba(0, 0, 0, 0.12);
- display: block;
- z-index: 15;
- -webkit-transform-origin: 50% 100%;
- transform-origin: 50% 100%;
-}
-html.pixel-ratio-2 .content-block-inner:after {
- -webkit-transform: scaleY(0.5);
- transform: scaleY(0.5);
-}
-html.pixel-ratio-3 .content-block-inner:after {
- -webkit-transform: scaleY(0.33);
- transform: scaleY(0.33);
-}
-.content-block-inner > p:first-child {
- margin-top: 0;
-}
-.content-block-inner > p:last-child {
- margin-bottom: 0;
-}
-.content-block.inset {
- margin-left: 16px;
- margin-right: 16px;
- border-radius: 7px;
-}
-.content-block.inset .content-block-inner {
- border-radius: 4px;
-}
-.content-block.inset .content-block-inner:before {
- display: none;
-}
-.content-block.inset .content-block-inner:after {
- display: none;
-}
-@media all and (min-width: 768px) {
- .content-block.tablet-inset {
- margin-left: 16px;
- margin-right: 16px;
- border-radius: 4px;
- }
- .content-block.tablet-inset .content-block-inner {
- border-radius: 4px;
- }
- .content-block.tablet-inset .content-block-inner:before {
- display: none;
- }
- .content-block.tablet-inset .content-block-inner:after {
- display: none;
- }
-}
-/* === Lists === */
-.list-block {
- margin: 32px 0;
- font-size: 16px;
-}
-.list-block ul {
- list-style: none;
- padding: 0;
- margin: 0;
- position: relative;
-}
-.list-block ul:before {
- content: '';
- position: absolute;
- left: 0;
- top: 0;
- bottom: auto;
- right: auto;
- height: 1px;
- width: 100%;
- background-color: rgba(0, 0, 0, 0.12);
- display: block;
- z-index: 15;
- -webkit-transform-origin: 50% 0%;
- transform-origin: 50% 0%;
-}
-html.pixel-ratio-2 .list-block ul:before {
- -webkit-transform: scaleY(0.5);
- transform: scaleY(0.5);
-}
-html.pixel-ratio-3 .list-block ul:before {
- -webkit-transform: scaleY(0.33);
- transform: scaleY(0.33);
-}
-.list-block ul:after {
- content: '';
- position: absolute;
- left: 0;
- bottom: 0;
- right: auto;
- top: auto;
- height: 1px;
- width: 100%;
- background-color: rgba(0, 0, 0, 0.12);
- display: block;
- z-index: 15;
- -webkit-transform-origin: 50% 100%;
- transform-origin: 50% 100%;
-}
-html.pixel-ratio-2 .list-block ul:after {
- -webkit-transform: scaleY(0.5);
- transform: scaleY(0.5);
-}
-html.pixel-ratio-3 .list-block ul:after {
- -webkit-transform: scaleY(0.33);
- transform: scaleY(0.33);
-}
-.list-block ul ul {
- padding-left: 56px;
-}
-.list-block ul ul:before {
- display: none;
-}
-.list-block ul ul:after {
- display: none;
-}
-.list-block .align-top,
-.list-block .align-top .item-content,
-.list-block .align-top .item-inner {
- -webkit-box-align: start;
- -ms-flex-align: start;
- -webkit-align-items: flex-start;
- align-items: flex-start;
-}
-.list-block.inset {
- margin-left: 16px;
- margin-right: 16px;
- border-radius: 4px;
-}
-.list-block.inset .content-block-title {
- margin-left: 0;
- margin-right: 0;
-}
-.list-block.inset ul {
- border-radius: 4px;
-}
-.list-block.inset ul:before {
- display: none;
-}
-.list-block.inset ul:after {
- display: none;
-}
-.list-block.inset li:first-child > a {
- border-radius: 4px 4px 0 0;
-}
-.list-block.inset li:last-child > a {
- border-radius: 0 0 4px 4px;
-}
-.list-block.inset li:first-child:last-child > a {
- border-radius: 4px;
-}
-@media all and (min-width: 768px) {
- .list-block.tablet-inset {
- margin-left: 16px;
- margin-right: 16px;
- border-radius: 4px;
- }
- .list-block.tablet-inset .content-block-title {
- margin-left: 0;
- margin-right: 0;
- }
- .list-block.tablet-inset ul {
- border-radius: 4px;
- }
- .list-block.tablet-inset ul:before {
- display: none;
- }
- .list-block.tablet-inset ul:after {
- display: none;
- }
- .list-block.tablet-inset li:first-child > a {
- border-radius: 4px 4px 0 0;
- }
- .list-block.tablet-inset li:last-child > a {
- border-radius: 0 0 4px 4px;
- }
- .list-block.tablet-inset li:first-child:last-child > a {
- border-radius: 4px;
- }
- .list-block.tablet-inset .content-block-title {
- margin-left: 0;
- margin-right: 0;
- }
- .list-block.tablet-inset ul {
- border-radius: 4px;
- }
- .list-block.tablet-inset ul:before {
- display: none;
- }
- .list-block.tablet-inset ul:after {
- display: none;
- }
- .list-block.tablet-inset li:first-child > a {
- border-radius: 4px 4px 0 0;
- }
- .list-block.tablet-inset li:last-child > a {
- border-radius: 0 0 4px 4px;
- }
- .list-block.tablet-inset li:first-child:last-child > a {
- border-radius: 4px;
- }
-}
-.list-block li {
- box-sizing: border-box;
- position: relative;
-}
-.list-block .item-media {
- display: -webkit-box;
- display: -ms-flexbox;
- display: -webkit-flex;
- display: flex;
- -webkit-box-flex: 0;
- -webkit-flex-shrink: 0;
- -ms-flex: 0 0 auto;
- flex-shrink: 0;
- -webkit-box-lines: single;
- -moz-box-lines: single;
- -webkit-flex-wrap: nowrap;
- -ms-flex-wrap: none;
- -ms-flex-wrap: nowrap;
- flex-wrap: nowrap;
- -webkit-box-align: center;
- -ms-flex-align: center;
- -webkit-align-items: center;
- align-items: center;
- box-sizing: border-box;
- padding-top: 8px;
- padding-bottom: 8px;
- min-width: 40px;
-}
-.list-block .item-media i + i {
- margin-left: 8px;
-}
-.list-block .item-media i + img {
- margin-left: 8px;
-}
-.list-block .item-media + .item-inner {
- margin-left: 16px;
-}
-.list-block .item-inner {
- padding-right: 16px;
- position: relative;
- width: 100%;
- padding-top: 8px;
- padding-bottom: 8px;
- min-height: 48px;
- box-sizing: border-box;
- -webkit-box-flex: 1;
- -ms-flex: 1;
- min-width: 0;
- display: -webkit-box;
- display: -ms-flexbox;
- display: -webkit-flex;
- display: flex;
- -webkit-box-pack: justify;
- -ms-flex-pack: justify;
- -webkit-justify-content: space-between;
- justify-content: space-between;
- -webkit-box-align: center;
- -ms-flex-align: center;
- -webkit-align-items: center;
- align-items: center;
- -ms-flex-item-align: stretch;
- -webkit-align-self: stretch;
- align-self: stretch;
-}
-.list-block .item-inner:after {
- content: '';
- position: absolute;
- left: 0;
- bottom: 0;
- right: auto;
- top: auto;
- height: 1px;
- width: 100%;
- background-color: rgba(0, 0, 0, 0.12);
- display: block;
- z-index: 15;
- -webkit-transform-origin: 50% 100%;
- transform-origin: 50% 100%;
-}
-html.pixel-ratio-2 .list-block .item-inner:after {
- -webkit-transform: scaleY(0.5);
- transform: scaleY(0.5);
-}
-html.pixel-ratio-3 .list-block .item-inner:after {
- -webkit-transform: scaleY(0.33);
- transform: scaleY(0.33);
-}
-.list-block .item-title {
- min-width: 0;
- -webkit-box-flex: 1;
- -webkit-flex-shrink: 1;
- -ms-flex: 0 1 auto;
- flex-shrink: 1;
- white-space: nowrap;
- position: relative;
- overflow: hidden;
- text-overflow: ellipsis;
- max-width: 100%;
-}
-.list-block .item-after {
- white-space: nowrap;
- color: #757575;
- -webkit-box-flex: 0;
- -webkit-flex-shrink: 0;
- -ms-flex: 0 0 auto;
- flex-shrink: 0;
- margin-left: 8px;
- display: -webkit-box;
- display: -ms-flexbox;
- display: -webkit-flex;
- display: flex;
- max-height: 28px;
- font-size: 14px;
-}
-.list-block .smart-select .item-after,
-.list-block .autocomplete-opener .item-after {
- max-width: 70%;
- overflow: hidden;
- text-overflow: ellipsis;
- position: relative;
- display: block;
-}
-.list-block .item-link {
- -webkit-transition-duration: 300ms;
- transition-duration: 300ms;
- display: block;
- color: inherit;
- position: relative;
- overflow: hidden;
- z-index: 0;
-}
-.list-block .item-link .item-inner {
- padding-right: 42px;
- 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'%2F%3E%3C%2Fsvg%3E");
- background-size: 10px 20px;
- background-repeat: no-repeat;
- background-position: 95% center;
- background-position: -webkit-calc(100% - 16px) center;
- background-position: calc(100% - 16px) center;
-}
-html:not(.watch-active-state) .list-block .item-link:active,
-.list-block .item-link.active-state {
- background-color: rgba(0, 0, 0, 0.1);
-}
-.list-block .item-link.list-button {
- padding: 0 16px;
- font-size: 16px;
- display: block;
- line-height: 48px;
-}
-.list-block .item-content {
- box-sizing: border-box;
- padding-left: 16px;
- min-height: 48px;
- display: -webkit-box;
- display: -ms-flexbox;
- display: -webkit-flex;
- display: flex;
- -webkit-box-pack: justify;
- -ms-flex-pack: justify;
- -webkit-justify-content: space-between;
- justify-content: space-between;
- -webkit-box-align: center;
- -ms-flex-align: center;
- -webkit-align-items: center;
- align-items: center;
-}
-.list-block .list-block-label {
- margin: 10px 0 35px;
- padding: 0 16px;
- font-size: 14px;
- color: rgba(0, 0, 0, 0.54);
-}
-.list-block .swipeout {
- overflow: hidden;
- -webkit-transform-style: preserve-3d;
- transform-style: preserve-3d;
-}
-.list-block .swipeout.deleting {
- -webkit-transition-duration: 300ms;
- transition-duration: 300ms;
-}
-.list-block .swipeout.deleting .swipeout-content {
- -webkit-transform: translateX(-100%);
- transform: translateX(-100%);
-}
-.list-block .swipeout.transitioning .swipeout-content,
-.list-block .swipeout.transitioning .swipeout-actions-right a,
-.list-block .swipeout.transitioning .swipeout-actions-left a,
-.list-block .swipeout.transitioning .swipeout-overswipe {
- -webkit-transition: 300ms;
- transition: 300ms;
-}
-.list-block .swipeout-content {
- position: relative;
- z-index: 10;
-}
-.list-block .swipeout-overswipe {
- -webkit-transition: 200ms left;
- transition: 200ms left;
-}
-.list-block .swipeout-actions-left,
-.list-block .swipeout-actions-right {
- position: absolute;
- top: 0;
- height: 100%;
- display: -webkit-box;
- display: -ms-flexbox;
- display: -webkit-flex;
- display: flex;
-}
-.list-block .swipeout-actions-left a,
-.list-block .swipeout-actions-right a {
- padding: 0 24px;
- color: #fff;
- background: #c7c7cc;
- display: -webkit-box;
- display: -ms-flexbox;
- display: -webkit-flex;
- display: flex;
- -webkit-box-align: center;
- -ms-flex-align: center;
- -webkit-align-items: center;
- align-items: center;
- position: relative;
- left: 0;
-}
-.list-block .swipeout-actions-left a:after,
-.list-block .swipeout-actions-right a:after {
- content: '';
- position: absolute;
- top: 0;
- width: 600%;
- height: 100%;
- background: inherit;
- z-index: -1;
-}
-.list-block .swipeout-actions-left a.swipeout-delete,
-.list-block .swipeout-actions-right a.swipeout-delete {
- background: #f44336;
-}
-.list-block .swipeout-actions-right {
- right: 0%;
- -webkit-transform: translateX(100%);
- transform: translateX(100%);
-}
-.list-block .swipeout-actions-right a:after {
- left: 100%;
- margin-left: -1px;
-}
-.list-block .swipeout-actions-left {
- left: 0%;
- -webkit-transform: translateX(-100%);
- transform: translateX(-100%);
-}
-.list-block .swipeout-actions-left a:after {
- right: 100%;
- margin-right: -1px;
-}
-.list-block .item-subtitle {
- font-size: 14px;
- position: relative;
- overflow: hidden;
- white-space: nowrap;
- max-width: 100%;
- text-overflow: ellipsis;
-}
-.list-block .item-text {
- font-size: 14px;
- color: #757575;
- line-height: 20px;
- position: relative;
- overflow: hidden;
- max-height: 40px;
- text-overflow: ellipsis;
- -webkit-line-clamp: 2;
- -webkit-box-orient: vertical;
- display: -webkit-box;
-}
-.list-block.media-list .item-inner,
-.list-block li.media-item .item-inner {
- display: block;
- padding-top: 14px;
- padding-bottom: 14px;
- -ms-flex-item-align: stretch;
- -webkit-align-self: stretch;
- align-self: stretch;
-}
-.list-block.media-list .item-link .item-inner,
-.list-block li.media-item .item-link .item-inner {
- background: none;
- padding-right: 16px;
-}
-.list-block.media-list .item-link .item-title-row,
-.list-block li.media-item .item-link .item-title-row {
- padding-right: 26px;
- background: no-repeat right top;
- 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'%2F%3E%3C%2Fsvg%3E");
- background-size: 10px 20px;
-}
-.list-block.media-list .item-media,
-.list-block li.media-item .item-media {
- padding-top: 14px;
- padding-bottom: 14px;
- -ms-flex-item-align: flex-start;
- -webkit-align-self: flex-start;
- align-self: flex-start;
-}
-.list-block.media-list .item-media img,
-.list-block li.media-item .item-media img {
- display: block;
-}
-.list-block.media-list .item-title-row,
-.list-block li.media-item .item-title-row {
- display: -webkit-box;
- display: -ms-flexbox;
- display: -webkit-flex;
- display: flex;
- -webkit-box-pack: justify;
- -ms-flex-pack: justify;
- -webkit-justify-content: space-between;
- justify-content: space-between;
-}
-.list-block.media-list .item-content > .item-after,
-.list-block li.media-item .item-content > .item-after {
- padding-top: 14px;
- padding-bottom: 14px;
- -ms-flex-item-align: flex-start;
- -webkit-align-self: flex-start;
- align-self: flex-start;
-}
-.list-block .list-group ul:after,
-.list-block .list-group ul:before {
- z-index: 11;
-}
-.list-block .list-group + .list-group ul:before {
- display: none;
-}
-.list-block .item-divider,
-.list-block .list-group-title {
- background: #f4f4f4;
- padding: 0px 16px;
- white-space: nowrap;
- position: relative;
- max-width: 100%;
- text-overflow: ellipsis;
- overflow: hidden;
- color: rgba(0, 0, 0, 0.54);
- height: 48px;
- box-sizing: border-box;
- line-height: 48px;
- font-size: 14px;
-}
-.list-block .item-divider:before,
-.list-block .list-group-title:before {
- display: none;
-}
-.list-block .list-group-title {
- position: relative;
- position: -webkit-sticky;
- position: -moz-sticky;
- position: sticky;
- top: 0px;
- z-index: 10;
- margin-top: 0;
-}
-.list-block .sortable-handler {
- position: absolute;
- right: 0;
- top: 0;
- bottom: 1px;
- z-index: 10;
- background-repeat: no-repeat;
- background-size: 18px 12px;
- background-position: center;
- width: 50px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2018%2012'%20fill%3D'%23c7c7cc'%3E%3Cpath%20d%3D'M0%2C2V0h22v2H0z'%2F%3E%3Cpath%20d%3D'M0%2C7V5h22v2H0z'%2F%3E%3Cpath%20d%3D'M0%2C12v-2h22v2H0z'%2F%3E%3C%2Fsvg%3E");
- opacity: 0;
- visibility: hidden;
- cursor: pointer;
- -webkit-transition-duration: 300ms;
- transition-duration: 300ms;
-}
-.list-block.sortable .item-inner {
- -webkit-transition-duration: 300ms;
- transition-duration: 300ms;
-}
-.list-block.sortable-opened .sortable-handler {
- visibility: visible;
- opacity: 1;
-}
-.list-block.sortable-opened .item-inner,
-.list-block.sortable-opened .item-link .item-inner {
- padding-right: 50px;
-}
-.list-block.sortable-opened .item-link .item-inner,
-.list-block.sortable-opened .item-link .item-title-row {
- background-image: none;
-}
-.list-block.sortable-sorting li {
- -webkit-transition-duration: 300ms;
- transition-duration: 300ms;
-}
-.list-block li.sorting {
- z-index: 50;
- background: rgba(255, 255, 255, 0.8);
- box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
- -webkit-transition-duration: 0ms;
- transition-duration: 0ms;
-}
-.list-block li.sorting .item-inner:after {
- display: none;
-}
-.list-block li:last-child .list-button:after {
- display: none;
-}
-.list-block li:last-child .item-inner:after,
-.list-block li:last-child li:last-child .item-inner:after {
- display: none;
-}
-.list-block li li:last-child .item-inner:after,
-.list-block li:last-child li .item-inner:after {
- content: '';
- position: absolute;
- left: 0;
- bottom: 0;
- right: auto;
- top: auto;
- height: 1px;
- width: 100%;
- background-color: rgba(0, 0, 0, 0.12);
- display: block;
- z-index: 15;
- -webkit-transform-origin: 50% 100%;
- transform-origin: 50% 100%;
-}
-html.pixel-ratio-2 .list-block li li:last-child .item-inner:after,
-html.pixel-ratio-2 .list-block li:last-child li .item-inner:after {
- -webkit-transform: scaleY(0.5);
- transform: scaleY(0.5);
-}
-html.pixel-ratio-3 .list-block li li:last-child .item-inner:after,
-html.pixel-ratio-3 .list-block li:last-child li .item-inner:after {
- -webkit-transform: scaleY(0.33);
- transform: scaleY(0.33);
-}
-.list-block.no-hairlines:before,
-.list-block.no-hairlines ul:before,
-.list-block.no-hairlines .content-block-inner:before {
- display: none;
-}
-.list-block.no-hairlines:after,
-.list-block.no-hairlines ul:after,
-.list-block.no-hairlines .content-block-inner:after {
- display: none;
-}
-.list-block.no-hairlines-between .item-inner:after,
-.list-block.no-hairlines-between .list-button:after,
-.list-block.no-hairlines-between .item-divider:after,
-.list-block.no-hairlines-between .list-group-title:after,
-.list-block.no-hairlines-between .list-group-title:after {
- display: none;
-}
-/* === Forms === */
-.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 {
- -webkit-appearance: none;
- -moz-appearance: none;
- -ms-appearance: none;
- appearance: none;
- box-sizing: border-box;
- border: none;
- background: none;
- border-radius: 0 0 0 0;
- box-shadow: none;
- display: block;
- padding: 0;
- margin: 0;
- width: 100%;
- height: 36px;
- color: #212121;
- font-size: 16px;
- font-family: inherit;
-}
-.list-block input[type="text"]::-webkit-input-placeholder,
-.list-block input[type="password"]::-webkit-input-placeholder,
-.list-block input[type="search"]::-webkit-input-placeholder,
-.list-block input[type="email"]::-webkit-input-placeholder,
-.list-block input[type="tel"]::-webkit-input-placeholder,
-.list-block input[type="url"]::-webkit-input-placeholder,
-.list-block input[type="date"]::-webkit-input-placeholder,
-.list-block input[type="datetime-local"]::-webkit-input-placeholder,
-.list-block input[type="time"]::-webkit-input-placeholder,
-.list-block input[type="number"]::-webkit-input-placeholder,
-.list-block select::-webkit-input-placeholder,
-.list-block textarea::-webkit-input-placeholder {
- color: rgba(0, 0, 0, 0.35);
-}
-.list-block .label,
-.list-block .floating-label {
- vertical-align: top;
- color: rgba(0, 0, 0, 0.65);
- -webkit-transition-duration: 200ms;
- transition-duration: 200ms;
- width: 35%;
- -webkit-box-flex: 0;
- -webkit-flex-shrink: 0;
- -ms-flex: 0 0 auto;
- flex-shrink: 0;
-}
-.list-block input[type="date"],
-.list-block input[type="datetime-local"] {
- line-height: 44px;
-}
-.list-block select {
- -webkit-appearance: none;
- -moz-appearance: none;
- -ms-appearance: none;
- appearance: none;
-}
-.list-block textarea {
- resize: none;
- line-height: 1.4;
- padding-top: 8px;
- padding-bottom: 7px;
- height: 100px;
-}
-.list-block textarea.resizable {
- height: 36px;
-}
-.list-block .item-input {
- width: 100%;
- -ms-flex: 1;
- -webkit-box-flex: 1;
- -webkit-flex-shrink: 1;
- -ms-flex: 0 1 auto;
- flex-shrink: 1;
- font-size: 0;
- position: relative;
- margin-bottom: 4px;
- min-height: 36px;
-}
-.list-block .input-item ul:after,
-.list-block.inputs-list ul:after {
- display: none;
-}
-.list-block .input-item .item-media,
-.list-block.inputs-list .item-media {
- -ms-flex-item-align: flex-end;
- -webkit-align-self: flex-end;
- align-self: flex-end;
- min-height: 36px;
- margin-bottom: 8px;
- padding: 0;
-}
-.list-block .input-item .item-inner,
-.list-block.inputs-list .item-inner {
- display: block;
- margin-bottom: 4px;
- padding-bottom: 0;
-}
-.list-block .input-item .item-inner:after,
-.list-block.inputs-list .item-inner:after {
- display: none;
-}
-.list-block .input-item .label,
-.list-block.inputs-list .label,
-.list-block .input-item .floating-label,
-.list-block.inputs-list .floating-label {
- width: 100%;
- font-size: 12px;
-}
-.list-block .input-item .floating-label,
-.list-block.inputs-list .floating-label {
- -webkit-transform-origin: left;
- transform-origin: left;
- -webkit-transform: scale(1.33333333) translateY(21px);
- transform: scale(1.33333333) translateY(21px);
- color: rgba(0, 0, 0, 0.35);
- width: auto;
- max-width: 75%;
-}
-.list-block .input-item .floating-label ~ .item-input input::-webkit-input-placeholder,
-.list-block.inputs-list .floating-label ~ .item-input input::-webkit-input-placeholder {
- color: transparent;
-}
-.list-block .focus-state .floating-label,
-.list-block .not-empty-state .floating-label {
- color: rgba(0, 0, 0, 0.65);
- -webkit-transform: scale(1) translateY(0);
- transform: scale(1) translateY(0);
-}
-.list-block .focus-state .label,
-.list-block .focus-state .floating-label {
- color: #aa5252;
-}
-.item-input-field,
-.input-field {
- position: relative;
-}
-.item-input-field:after,
-.input-field:after {
- content: '';
- position: absolute;
- left: 0;
- bottom: 0;
- right: auto;
- top: auto;
- height: 1px;
- width: 100%;
- background-color: rgba(0, 0, 0, 0.12);
- display: block;
- z-index: 15;
- -webkit-transform-origin: 50% 100%;
- transform-origin: 50% 100%;
-}
-html.pixel-ratio-2 .item-input-field:after,
-html.pixel-ratio-2 .input-field:after {
- -webkit-transform: scaleY(0.5);
- transform: scaleY(0.5);
-}
-html.pixel-ratio-3 .item-input-field:after,
-html.pixel-ratio-3 .input-field:after {
- -webkit-transform: scaleY(0.33);
- transform: scaleY(0.33);
-}
-.item-input-field:after,
-.input-field:after {
- -webkit-transition-duration: 200ms;
- transition-duration: 200ms;
-}
-.item-input-field.focus-state:after,
-.input-field.focus-state:after,
-.item-input-field.not-empty-state:after,
-.input-field.not-empty-state:after,
-.focus-state .item-input-field:after,
-.focus-state .input-field:after,
-.not-empty-state .item-input-field:after,
-.not-empty-state .input-field:after {
- background: #aa5252;
- -webkit-transform: scaleY(2) !important;
- transform: scaleY(2) !important;
-}
-textarea.resizable {
- overflow: hidden;
-}
-.label-switch {
- display: inline-block;
- vertical-align: middle;
- width: 36px;
- height: 14px;
- position: relative;
- cursor: pointer;
- -ms-flex-item-align: center;
- -webkit-align-self: center;
- align-self: center;
-}
-.label-switch .checkbox {
- width: 36px;
- border-radius: 36px;
- box-sizing: border-box;
- height: 14px;
- background: #b0afaf;
- z-index: 0;
- margin: 0;
- padding: 0;
- -webkit-appearance: none;
- -moz-appearance: none;
- -ms-appearance: none;
- appearance: none;
- border: none;
- cursor: pointer;
- position: relative;
- -webkit-transition-duration: 300ms;
- transition-duration: 300ms;
-}
-.label-switch .checkbox:after {
- content: ' ';
- height: 20px;
- width: 20px;
- border-radius: 20px;
- background: #fff;
- position: absolute;
- z-index: 2;
- top: -3px;
- left: 0px;
- box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4);
- -webkit-transform: translateX(0px);
- transform: translateX(0px);
- -webkit-transition-duration: 300ms;
- transition-duration: 300ms;
-}
-.label-switch input[type="checkbox"] {
- display: none;
-}
-.label-switch input[type="checkbox"]:checked + .checkbox {
- background: rgba(170, 82, 82, 0.5);
-}
-.label-switch input[type="checkbox"]:checked + .checkbox:after {
- -webkit-transform: translateX(16px);
- transform: translateX(16px);
- background: #aa5252;
-}
-.item-input .label-switch {
- top: 11px;
-}
-.button {
- color: #aa5252;
- text-decoration: none;
- text-align: center;
- display: block;
- border-radius: 2px;
- line-height: 36px;
- box-sizing: border-box;
- -webkit-appearance: none;
- -moz-appearance: none;
- -ms-appearance: none;
- appearance: none;
- background: none;
- padding: 0 10px;
- margin: 0;
- height: 36px;
- white-space: nowrap;
- text-overflow: ellipsis;
- font-size: 14px;
- text-transform: uppercase;
- font-family: inherit;
- cursor: pointer;
- min-width: 64px;
- padding: 0 8px;
- position: relative;
- overflow: hidden;
- outline: 0;
- border: none;
- -webkit-transition-duration: 300ms;
- transition-duration: 300ms;
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
-}
-input[type="submit"].button,
-input[type="button"].button {
- width: 100%;
-}
-html:not(.watch-active-state) .button:active,
-.button.active-state {
- background: rgba(0, 0, 0, 0.1);
-}
-.button.button-fill {
- background-color: #aa5252;
- color: #fff;
-}
-html:not(.watch-active-state) .button.button-fill:active,
-.button.button-fill.active-state {
- background: #8e4545;
-}
-.button.button-big {
- height: 48px;
- line-height: 48px;
- border-radius: 3px;
-}
-.button i.icon + span,
-.button span:not(.ripple-wave) + span,
-.button span:not(.ripple-wave) + i.icon,
-.button i.icon + i.icon {
- margin-left: 8px;
-}
-.navbar .button:not(.button-fill),
-.toolbar .button:not(.button-fill),
-.subnavbar .button:not(.button-fill),
-.notifications .button:not(.button-fill) {
- color: #fff;
-}
-html:not(.watch-active-state) .navbar .button:not(.button-fill):active,
-html:not(.watch-active-state) .toolbar .button:not(.button-fill):active,
-html:not(.watch-active-state) .subnavbar .button:not(.button-fill):active,
-html:not(.watch-active-state) .notifications .button:not(.button-fill):active,
-.navbar .button:not(.button-fill).active-state,
-.toolbar .button:not(.button-fill).active-state,
-.subnavbar .button:not(.button-fill).active-state,
-.notifications .button:not(.button-fill).active-state {
- background: rgba(255, 255, 255, 0.15);
-}
-.button-raised {
- box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
-}
-html:not(.watch-active-state) .button-raised:active,
-.button-raised.active-state {
- box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
-}
-.buttons-row {
- -ms-flex-item-align: center;
- -webkit-align-self: center;
- align-self: center;
- display: -webkit-box;
- display: -ms-flexbox;
- display: -webkit-flex;
- display: flex;
- -webkit-box-lines: single;
- -moz-box-lines: single;
- -webkit-flex-wrap: nowrap;
- -ms-flex-wrap: none;
- -ms-flex-wrap: nowrap;
- flex-wrap: nowrap;
-}
-.buttons-row .button {
- margin-left: 16px;
- width: 100%;
- -webkit-box-flex: 1;
- -ms-flex: 1;
-}
-.buttons-row .button:first-child {
- margin-left: 0;
-}
-.range-slider {
- width: 100%;
- position: relative;
- overflow: hidden;
- -ms-flex-item-align: center;
- -webkit-align-self: center;
- align-self: center;
-}
-.range-slider input[type="range"] {
- position: relative;
- height: 20px;
- width: 100%;
- margin: 0;
- -webkit-appearance: none;
- -moz-appearance: none;
- -ms-appearance: none;
- appearance: none;
- background: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0, #b9b9b9), color-stop(100%, #b9b9b9));
- background: linear-gradient(to right, #b9b9b9 0, #b9b9b9 100%);
- background-position: center;
- background-size: 100% 2px;
- background-repeat: no-repeat;
- outline: 0;
- -ms-background-position-y: 500px;
-}
-.range-slider input[type="range"]:focus,
-.range-slider input[type="range"]:active {
- border: 0;
- outline: 0 none;
-}
-.range-slider input[type="range"]::-webkit-slider-thumb {
- -webkit-appearance: none;
- -moz-appearance: none;
- -ms-appearance: none;
- appearance: none;
- border: none;
- outline: 0;
- height: 20px;
- width: 20px;
- position: relative;
- background: #aa5252;
- border-radius: 20px;
-}
-.range-slider input[type="range"]::-webkit-slider-thumb:before {
- position: absolute;
- top: 50%;
- right: 100%;
- width: 2000px;
- height: 2px;
- margin-top: -1px;
- z-index: 1;
- background: #aa5252;
- content: ' ';
-}
-.range-slider input[type="range"]::-moz-range-track {
- width: 100%;
- height: 2px;
- background: #b7b8b7;
- border: none;
- outline: 0;
-}
-.range-slider input[type="range"]::-moz-range-thumb {
- -webkit-appearance: none;
- -moz-appearance: none;
- -ms-appearance: none;
- appearance: none;
- border: none;
- outline: 0;
- height: 20px;
- width: 20px;
- position: relative;
- background: #aa5252;
- border-radius: 20px;
-}
-.range-slider input[type="range"]::-ms-track {
- width: 100%;
- height: 2px;
- cursor: pointer;
- background: transparent;
- border-color: transparent;
- color: transparent;
-}
-.range-slider input[type="range"]::-ms-thumb {
- -webkit-appearance: none;
- -moz-appearance: none;
- -ms-appearance: none;
- appearance: none;
- border: none;
- outline: 0;
- height: 20px;
- width: 20px;
- position: relative;
- background: #aa5252;
- border-radius: 20px;
-}
-.range-slider input[type="range"]::-ms-fill-lower {
- background: #aa5252;
-}
-.range-slider input[type="range"]::-ms-fill-upper {
- background: #b7b8b7;
-}
-.item-input .range-slider {
- top: 8px;
-}
-label.label-checkbox {
- cursor: pointer;
-}
-label.label-checkbox i.icon-form-checkbox {
- width: 18px;
- height: 18px;
- position: relative;
- border-radius: 2px;
- border: 2px solid #6d6d6d;
- box-sizing: border-box;
- -webkit-transition-duration: 300ms;
- transition-duration: 300ms;
- background: transparent;
-}
-label.label-checkbox i.icon-form-checkbox:after {
- content: ' ';
- position: absolute;
- width: 18px;
- height: 18px;
- left: -2px;
- top: -2px;
- -webkit-transition-duration: 300ms;
- transition-duration: 300ms;
- opacity: 0;
- background: no-repeat center;
- 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'M9%2016.17L4.83%2012l-1.42%201.41L9%2019%2021%207l-1.41-1.41z'%2F%3E%3C%2Fsvg%3E");
- -webkit-background-size: 100% auto;
- background-size: 100% auto;
-}
-label.label-checkbox input[type="checkbox"],
-label.label-checkbox input[type="radio"] {
- display: none;
-}
-label.label-checkbox input[type="checkbox"]:checked + .item-media i.icon-form-checkbox,
-label.label-checkbox input[type="radio"]:checked + .item-media i.icon-form-checkbox,
-label.label-checkbox input[type="checkbox"]:checked ~ .item-after i.icon-form-checkbox,
-label.label-checkbox input[type="radio"]:checked ~ .item-after i.icon-form-checkbox,
-label.label-checkbox input[type="checkbox"]:checked ~ .item-inner i.icon-form-checkbox,
-label.label-checkbox input[type="radio"]:checked ~ .item-inner i.icon-form-checkbox {
- border-color: #aa5252;
- background-color: #aa5252;
-}
-label.label-checkbox input[type="checkbox"]:checked + .item-media i.icon-form-checkbox:after,
-label.label-checkbox input[type="radio"]:checked + .item-media i.icon-form-checkbox:after,
-label.label-checkbox input[type="checkbox"]:checked ~ .item-after i.icon-form-checkbox:after,
-label.label-checkbox input[type="radio"]:checked ~ .item-after i.icon-form-checkbox:after,
-label.label-checkbox input[type="checkbox"]:checked ~ .item-inner i.icon-form-checkbox:after,
-label.label-checkbox input[type="radio"]:checked ~ .item-inner i.icon-form-checkbox:after {
- opacity: 1;
-}
-label.label-radio {
- cursor: pointer;
-}
-label.label-radio i.icon-form-radio {
- width: 20px;
- height: 20px;
- position: relative;
- border-radius: 20px;
- border: 2px solid #6d6d6d;
- box-sizing: border-box;
- -webkit-transition-duration: 300ms;
- transition-duration: 300ms;
-}
-label.label-radio i.icon-form-radio:after {
- content: ' ';
- position: absolute;
- width: 10px;
- height: 10px;
- left: 50%;
- top: 50%;
- margin-left: -5px;
- margin-top: -5px;
- background-color: #aa5252;
- border-radius: 100%;
- -webkit-transform: scale(0);
- transform: scale(0);
- -webkit-transition-duration: 300ms;
- transition-duration: 300ms;
-}
-label.label-radio input[type="checkbox"],
-label.label-radio input[type="radio"] {
- display: none;
-}
-label.label-radio input[type="checkbox"]:checked + .item-media i.icon-form-radio,
-label.label-radio input[type="radio"]:checked + .item-media i.icon-form-radio,
-label.label-radio input[type="checkbox"]:checked ~ .item-after i.icon-form-radio,
-label.label-radio input[type="radio"]:checked ~ .item-after i.icon-form-radio,
-label.label-radio input[type="checkbox"]:checked ~ .item-inner i.icon-form-radio,
-label.label-radio input[type="radio"]:checked ~ .item-inner i.icon-form-radio {
- border-color: #aa5252;
-}
-label.label-radio input[type="checkbox"]:checked + .item-media i.icon-form-radio:after,
-label.label-radio input[type="radio"]:checked + .item-media i.icon-form-radio:after,
-label.label-radio input[type="checkbox"]:checked ~ .item-after i.icon-form-radio:after,
-label.label-radio input[type="radio"]:checked ~ .item-after i.icon-form-radio:after,
-label.label-radio input[type="checkbox"]:checked ~ .item-inner i.icon-form-radio:after,
-label.label-radio input[type="radio"]:checked ~ .item-inner i.icon-form-radio:after {
- background-color: #aa5252;
- -webkit-transform: scale(1);
- transform: scale(1);
-}
-label.label-checkbox,
-label.label-radio {
- position: relative;
- overflow: hidden;
- z-index: 0;
- -webkit-transition-duration: 300ms;
- transition-duration: 300ms;
-}
-label.label-checkbox .item-after i.icon-form-checkbox,
-label.label-radio .item-after i.icon-form-checkbox,
-label.label-checkbox .item-after i.icon-form-radio,
-label.label-radio .item-after i.icon-form-radio {
- margin-left: 8px;
- margin-right: 16px;
-}
-.media-list label.label-checkbox .item-media i.icon-form-checkbox,
-.media-list label.label-radio .item-media i.icon-form-checkbox,
-.media-item label.label-checkbox .item-media i.icon-form-checkbox,
-.media-item label.label-radio .item-media i.icon-form-checkbox,
-.media-list label.label-checkbox .item-media i.icon-form-radio,
-.media-list label.label-radio .item-media i.icon-form-radio,
-.media-item label.label-checkbox .item-media i.icon-form-radio,
-.media-item label.label-radio .item-media i.icon-form-radio {
- margin-top: 4px;
-}
-html:not(.watch-active-state) label.label-checkbox:active,
-html:not(.watch-active-state) label.label-radio:active,
-label.label-checkbox.active-state,
-label.label-radio.active-state {
- background-color: rgba(0, 0, 0, 0.1);
-}
-html:not(.watch-active-state) label.label-checkbox:active .item-inner:after,
-html:not(.watch-active-state) label.label-radio:active .item-inner:after,
-label.label-checkbox.active-state .item-inner:after,
-label.label-radio.active-state .item-inner:after {
- background-color: transparent;
-}
-.smart-select select {
- display: none;
-}
-/* === Floating Action Button === */
-.floating-button {
- position: absolute;
- right: 16px;
- bottom: 16px;
- width: 56px;
- height: 56px;
- border-radius: 50%;
- z-index: 1500;
- box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
- background-color: #aa5252;
- color: #fff;
- overflow: hidden;
- -webkit-transition-duration: 300ms;
- transition-duration: 300ms;
- display: -webkit-box;
- display: -ms-flexbox;
- display: -webkit-flex;
- display: flex;
- -webkit-box-align: center;
- -ms-flex-align: center;
- -webkit-align-items: center;
- align-items: center;
- -webkit-box-pack: center;
- -ms-flex-pack: center;
- -webkit-justify-content: center;
- justify-content: center;
-}
-html:not(.watch-active-state) .floating-button:active,
-.floating-button.active-state {
- background: #8e4545;
-}
-.floating-button-toolbar,
-.speed-dial {
- position: absolute;
- right: 16px;
- bottom: 16px;
- z-index: 1500;
-}
-.floating-button-toolbar .floating-button,
-.speed-dial .floating-button {
- right: 0;
- bottom: 0;
- position: relative;
-}
-.speed-dial .floating-button i {
- position: absolute;
- left: 50%;
- top: 50%;
- -webkit-transform: translate3d(-50%, -50%, 0) rotate(0deg) scale(1);
- transform: translate3d(-50%, -50%, 0) rotate(0deg) scale(1);
- -webkit-transition-duration: 300ms;
- transition-duration: 300ms;
-}
-.speed-dial .floating-button i + i {
- -webkit-transform: translate3d(-50%, -50%, 0) rotate(-90deg) scale(0.5);
- transform: translate3d(-50%, -50%, 0) rotate(-90deg) scale(0.5);
- opacity: 0;
-}
-.speed-dial.speed-dial-opened .floating-button i {
- -webkit-transform: translate3d(-50%, -50%, 0) rotate(90deg) scale(0.5);
- transform: translate3d(-50%, -50%, 0) rotate(90deg) scale(0.5);
- opacity: 0;
-}
-.speed-dial.speed-dial-opened .floating-button i + i {
- -webkit-transform: translate3d(-50%, -50%, 0) rotate(0deg) scale(1);
- transform: translate3d(-50%, -50%, 0) rotate(0deg) scale(1);
- opacity: 1;
-}
-.speed-dial-buttons {
- position: absolute;
- width: 40px;
- left: 50%;
- margin-left: -20px;
- bottom: 100%;
- margin-bottom: 16px;
- display: -webkit-box;
- display: -ms-flexbox;
- display: -webkit-flex;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: reverse;
- -moz-box-orient: vertical;
- -moz-box-direction: reverse;
- -ms-flex-direction: column-reverse;
- -webkit-flex-direction: column-reverse;
- flex-direction: column-reverse;
- visibility: hidden;
- pointer-events: none;
-}
-.speed-dial-buttons a {
- width: 40px;
- height: 40px;
- opacity: 0;
- color: #fff;
- border-radius: 50%;
- position: relative;
- z-index: 1;
- overflow: hidden;
- background-color: #aa5252;
- -webkit-transition-duration: 300ms;
- transition-duration: 300ms;
- display: -webkit-box;
- display: -ms-flexbox;
- display: -webkit-flex;
- display: flex;
- -webkit-box-align: center;
- -ms-flex-align: center;
- -webkit-align-items: center;
- align-items: center;
- -webkit-box-pack: center;
- -ms-flex-pack: center;
- -webkit-justify-content: center;
- justify-content: center;
- -webkit-transform: translate3d(0, 8px, 0) scale(0.3);
- transform: translate3d(0, 8px, 0) scale(0.3);
- -webkit-transform-origin: center bottom;
- transform-origin: center bottom;
-}
-html:not(.watch-active-state) .speed-dial-buttons a:active,
-.speed-dial-buttons a.active-state {
- background: #8e4545;
-}
-.speed-dial-buttons a + a {
- margin-bottom: 16px;
-}
-.speed-dial-opened .speed-dial-buttons {
- visibility: visible;
- pointer-events: auto;
-}
-.speed-dial-opened .speed-dial-buttons a {
- opacity: 1;
- -webkit-transform: translate3d(0, 0, 0) scaleY(1);
- transform: translate3d(0, 0, 0) scaleY(1);
- box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
-}
-.speed-dial-opened .speed-dial-buttons a:nth-child(2) {
- -webkit-transition-delay: 50ms;
- transition-delay: 50ms;
-}
-.speed-dial-opened .speed-dial-buttons a:nth-child(3) {
- -webkit-transition-delay: 100ms;
- transition-delay: 100ms;
-}
-.speed-dial-opened .speed-dial-buttons a:nth-child(4) {
- -webkit-transition-delay: 150ms;
- transition-delay: 150ms;
-}
-.speed-dial-opened .speed-dial-buttons a:nth-child(5) {
- -webkit-transition-delay: 200ms;
- transition-delay: 200ms;
-}
-.speed-dial-opened .speed-dial-buttons a:nth-child(6) {
- -webkit-transition-delay: 250ms;
- transition-delay: 250ms;
-}
-.floating-button-to-popover.floating-button-to-popover {
- -webkit-transition-duration: 300ms;
- transition-duration: 300ms;
-}
-.floating-button-to-popover.floating-button-to-popover-in {
- -webkit-transition-duration: 100ms;
- transition-duration: 100ms;
-}
-.floating-button-to-popover.floating-button-to-popover-in i {
- opacity: 0;
- -webkit-transition-duration: 100ms;
- transition-duration: 100ms;
-}
-.floating-button-to-popover.floating-button-to-popover-scale {
- border-radius: 0;
- -webkit-transition-duration: 300ms;
- transition-duration: 300ms;
- box-shadow: none;
-}
-.floating-button-to-popover.floating-button-to-popover-out {
- -webkit-transition-delay: 0ms;
- transition-delay: 0ms;
- -webkit-transition-duration: 300ms;
- transition-duration: 300ms;
-}
-.floating-button-to-popover.floating-button-to-popover-out i {
- opacity: 1;
- -webkit-transition-duration: 100ms;
- transition-duration: 100ms;
- -webkit-transition-delay: 200ms;
- transition-delay: 200ms;
-}
-/* === Modals === */
-.modal-overlay,
-.preloader-indicator-overlay,
-.popup-overlay,
-.picker-modal-overlay {
- position: absolute;
- left: 0;
- top: 0;
- width: 100%;
- height: 100%;
- background: rgba(0, 0, 0, 0.4);
- z-index: 13000;
- visibility: hidden;
- opacity: 0;
- -webkit-transition-duration: 400ms;
- transition-duration: 400ms;
-}
-.modal-overlay.modal-overlay-visible,
-.preloader-indicator-overlay.modal-overlay-visible,
-.popup-overlay.modal-overlay-visible,
-.picker-modal-overlay.modal-overlay-visible {
- visibility: visible;
- opacity: 1;
-}
-.popup-overlay {
- z-index: 10500;
-}
-.picker-modal-overlay {
- z-index: 12000;
-}
-.modal {
- width: 280px;
- position: absolute;
- z-index: 13500;
- left: 50%;
- margin-left: -140px;
- margin-top: 0;
- top: 50%;
- border-radius: 3px;
- opacity: 0;
- -webkit-transform: translate3d(0, 0, 0) scale(1.185);
- transform: translate3d(0, 0, 0) scale(1.185);
- -webkit-transition-property: -webkit-transform, opacity;
- -moz-transition-property: -moz-transform, opacity;
- -ms-transition-property: -ms-transform, opacity;
- -o-transition-property: -o-transform, opacity;
- transition-property: transform, opacity;
- color: #757575;
- display: none;
- background: #fff;
- font-size: 16px;
- box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
-}
-.modal.modal-in {
- opacity: 1;
- -webkit-transition-duration: 400ms;
- transition-duration: 400ms;
- -webkit-transform: translate3d(0, 0, 0) scale(1);
- transform: translate3d(0, 0, 0) scale(1);
-}
-.modal.modal-out {
- opacity: 0;
- z-index: 13499;
- -webkit-transition-duration: 400ms;
- transition-duration: 400ms;
- -webkit-transform: translate3d(0, 0, 0) scale(0.815);
- transform: translate3d(0, 0, 0) scale(0.815);
-}
-.modal-inner {
- padding: 24px 24px 20px;
- position: relative;
-}
-.modal-title {
- font-weight: 500;
- font-size: 20px;
- color: #212121;
- line-height: 1.3;
-}
-.modal-title + .modal-text {
- margin-top: 20px;
-}
-.modal-text {
- line-height: 1.5;
-}
-.modal-buttons {
- height: 48px;
- padding: 6px 8px;
- overflow: hidden;
- box-sizing: border-box;
- display: -webkit-box;
- display: -ms-flexbox;
- display: -webkit-flex;
- display: flex;
- -webkit-box-pack: end;
- -ms-flex-pack: end;
- -webkit-justify-content: flex-end;
- justify-content: flex-end;
-}
-.modal-buttons.modal-buttons-vertical {
- display: block;
- height: auto;
- padding: 0 0 8px 0;
-}
-.modal-buttons.modal-buttons-vertical .modal-button {
- margin-left: 0;
- text-align: right;
- height: 48px;
- line-height: 48px;
- border-radius: 0;
- padding-left: 16px;
- padding-right: 16px;
-}
-.modal-button,
-.modal-buttons .button {
- color: #aa5252;
- text-decoration: none;
- text-align: center;
- display: block;
- border-radius: 2px;
- line-height: 36px;
- box-sizing: border-box;
- -webkit-appearance: none;
- -moz-appearance: none;
- -ms-appearance: none;
- appearance: none;
- background: none;
- padding: 0 10px;
- margin: 0;
- height: 36px;
- white-space: nowrap;
- text-overflow: ellipsis;
- font-size: 14px;
- text-transform: uppercase;
- font-family: inherit;
- cursor: pointer;
- min-width: 64px;
- padding: 0 8px;
- position: relative;
- overflow: hidden;
- outline: 0;
- border: none;
- -webkit-transition-duration: 300ms;
- transition-duration: 300ms;
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- -webkit-user-select: none;
- user-select: none;
-}
-input[type="submit"].modal-button,
-input[type="submit"].modal-buttons .button,
-input[type="button"].modal-button,
-input[type="button"].modal-buttons .button {
- width: 100%;
-}
-html:not(.watch-active-state) .modal-button:active,
-html:not(.watch-active-state) .modal-buttons .button:active,
-.modal-button.active-state,
-.modal-buttons .button.active-state {
- background: rgba(0, 0, 0, 0.1);
-}
-.modal-button.button-fill,
-.modal-buttons .button.button-fill {
- background-color: #aa5252;
- color: #fff;
-}
-html:not(.watch-active-state) .modal-button.button-fill:active,
-html:not(.watch-active-state) .modal-buttons .button.button-fill:active,
-.modal-button.button-fill.active-state,
-.modal-buttons .button.button-fill.active-state {
- background: #8e4545;
-}
-.modal-button.button-big,
-.modal-buttons .button.button-big {
- height: 48px;
- line-height: 48px;
- border-radius: 3px;
-}
-.modal-button i.icon + span,
-.modal-buttons .button i.icon + span,
-.modal-button span:not(.ripple-wave) + span,
-.modal-buttons .button span:not(.ripple-wave) + span,
-.modal-button span:not(.ripple-wave) + i.icon,
-.modal-buttons .button span:not(.ripple-wave) + i.icon,
-.modal-button i.icon + i.icon,
-.modal-buttons .button i.icon + i.icon {
- margin-left: 8px;
-}
-.navbar .modal-button:not(.button-fill),
-.navbar .modal-buttons .button:not(.button-fill),
-.toolbar .modal-button:not(.button-fill),
-.toolbar .modal-buttons .button:not(.button-fill),
-.subnavbar .modal-button:not(.button-fill),
-.subnavbar .modal-buttons .button:not(.button-fill),
-.notifications .modal-button:not(.button-fill),
-.notifications .modal-buttons .button:not(.button-fill) {
- color: #fff;
-}
-html:not(.watch-active-state) .navbar .modal-button:not(.button-fill):active,
-html:not(.watch-active-state) .navbar .modal-buttons .button:not(.button-fill):active,
-html:not(.watch-active-state) .toolbar .modal-button:not(.button-fill):active,
-html:not(.watch-active-state) .toolbar .modal-buttons .button:not(.button-fill):active,
-html:not(.watch-active-state) .subnavbar .modal-button:not(.button-fill):active,
-html:not(.watch-active-state) .subnavbar .modal-buttons .button:not(.button-fill):active,
-html:not(.watch-active-state) .notifications .modal-button:not(.button-fill):active,
-html:not(.watch-active-state) .notifications .modal-buttons .button:not(.button-fill):active,
-.navbar .modal-button:not(.button-fill).active-state,
-.navbar .modal-buttons .button:not(.button-fill).active-state,
-.toolbar .modal-button:not(.button-fill).active-state,
-.toolbar .modal-buttons .button:not(.button-fill).active-state,
-.subnavbar .modal-button:not(.button-fill).active-state,
-.subnavbar .modal-buttons .button:not(.button-fill).active-state,
-.notifications .modal-button:not(.button-fill).active-state,
-.notifications .modal-buttons .button:not(.button-fill).active-state {
- background: rgba(255, 255, 255, 0.15);
-}
-.modal-button.active i.icon,
-.modal-buttons .button.active i.icon {
- background-color: #fff;
-}
-.modal-button.modal-button-bold,
-.modal-buttons .button.modal-button-bold {
- font-weight: 700;
-}
-.modal-button + .modal-button,
-.modal-buttons .button + .modal-button {
- margin-left: 4px;
-}
-.modal-no-buttons .modal-buttons {
- display: none;
-}
-.actions-modal {
- position: absolute;
- left: 0;
- bottom: 0;
- z-index: 13500;
- width: 100%;
- background: #fff;
- -webkit-transform: translate3d(0, 100%, 0);
- transform: translate3d(0, 100%, 0);
- max-height: 100%;
- overflow: auto;
- -webkit-overflow-scrolling: touch;
-}
-.actions-modal.modal-in {
- -webkit-transition-duration: 300ms;
- transition-duration: 300ms;
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
-}
-.actions-modal.modal-out {
- z-index: 13499;
- -webkit-transition-duration: 300ms;
- transition-duration: 300ms;
- -webkit-transform: translate3d(0, 100%, 0);
- transform: translate3d(0, 100%, 0);
-}
-.actions-modal-group {
- position: relative;
-}
-.actions-modal-group:after {
- content: '';
- position: absolute;
- left: 0;
- bottom: 0;
- right: auto;
- top: auto;
- height: 1px;
- width: 100%;
- background-color: #d2d2d6;
- display: block;
- z-index: 15;
- -webkit-transform-origin: 50% 100%;
- transform-origin: 50% 100%;
-}
-html.pixel-ratio-2 .actions-modal-group:after {
- -webkit-transform: scaleY(0.5);
- transform: scaleY(0.5);
-}
-html.pixel-ratio-3 .actions-modal-group:after {
- -webkit-transform: scaleY(0.33);
- transform: scaleY(0.33);
-}
-.actions-modal-group:last-child:after {
- display: none;
-}
-.actions-modal-button,
-.actions-modal-label {
- width: 100%;
- font-weight: normal;
- margin: 0;
- box-sizing: border-box;
- display: block;
- position: relative;
- padding: 0 16px;
-}
-.actions-modal-button a,
-.actions-modal-label a {
- text-decoration: none;
- color: inherit;
- display: block;
-}
-.actions-modal-button b,
-.actions-modal-label b {
- font-weight: 500;
-}
-.actions-modal-button.actions-modal-button-bold,
-.actions-modal-label.actions-modal-button-bold {
- font-weight: 500;
-}
-.actions-modal-button.actions-modal-button-red,
-.actions-modal-label.actions-modal-button-red {
- color: #f44336;
-}
-.actions-modal-button.disabled,
-.actions-modal-label.disabled {
- opacity: 0.95;
- color: #9e9e9e;
-}
-.actions-modal-button {
- cursor: pointer;
- line-height: 48px;
- font-size: 16px;
- color: rgba(0, 0, 0, 0.87);
- -webkit-transition-duration: 300ms;
- transition-duration: 300ms;
-}
-.actions-modal-button a,
-.actions-modal-button {
- position: relative;
- overflow: hidden;
- white-space: nowrap;
- text-overflow: ellipsis;
-}
-html:not(.watch-active-state) .actions-modal-button:active,
-.actions-modal-button.active-state {
- background: rgba(0, 0, 0, 0.1);
-}
-.actions-modal-label {
- font-size: 16px;
- color: rgba(0, 0, 0, 0.54);
- min-height: 56px;
- line-height: 1.3;
- padding-top: 12px;
- padding-bottom: 12px;
- display: -webkit-box;
- display: -ms-flexbox;
- display: -webkit-flex;
- display: flex;
- -webkit-box-pack: start;
- -ms-flex-pack: start;
- -webkit-justify-content: flex-start;
- justify-content: flex-start;
- -webkit-box-align: center;
- -ms-flex-align: center;
- -webkit-align-items: center;
- align-items: center;
-}
-input.modal-text-input {
- box-sizing: border-box;
- height: 36px;
- background: #fff;
- margin: 0;
- margin-top: 15px;
- padding: 0;
- border: none;
- width: 100%;
- font-size: 16px;
- font-family: inherit;
- display: block;
- box-shadow: none;
- -webkit-appearance: none;
- -moz-appearance: none;
- -ms-appearance: none;
- appearance: none;
- -webkit-transition-duration: 200ms;
- transition-duration: 200ms;
-}
-input.modal-text-input::-webkit-input-placeholder {
- color: rgba(0, 0, 0, 0.35);
-}
-input.modal-text-input + input.modal-text-input {
- margin-top: 16px;
-}
-.popover {
- width: 320px;
- background: #fff;
- z-index: 13500;
- margin: 0;
- top: 0;
- opacity: 0;
- left: 0;
- border-radius: 3px;
- position: absolute;
- display: none;
- box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
- -webkit-transform: scale(0.85, 0.6);
- transform: scale(0.85, 0.6);
- -webkit-transition-property: opacity, -webkit-transform, border-radius;
- -moz-transition-property: opacity, -moz-transform, border-radius;
- transition-property: opacity, transform, border-radius;
-}
-.popover.popover-on-top {
- -webkit-transform-origin: center bottom;
- transform-origin: center bottom;
-}
-.popover.popover-on-bottom {
- -webkit-transform-origin: center top;
- transform-origin: center top;
-}
-.popover.modal-in {
- -webkit-transform: scale(1);
- transform: scale(1);
- -webkit-transition-duration: 300ms;
- transition-duration: 300ms;
- opacity: 1;
-}
-.popover.modal-out {
- -webkit-transform: scale(1);
- transform: scale(1);
- -webkit-transition-duration: 300ms;
- transition-duration: 300ms;
- opacity: 0;
-}
-.popover .list-block {
- margin: 0;
-}
-.popover .list-block:first-child:last-child ul:before {
- display: none;
-}
-.popover .list-block:first-child:last-child ul:after {
- display: none;
-}
-.popover .list-block ul {
- background: none;
-}
-.popover .list-block ul:before {
- display: none;
-}
-.popover .list-block:first-child ul {
- border-radius: 3px 3px 0 0;
-}
-.popover .list-block:first-child li:first-child a {
- border-radius: 3px 3px 0 0;
-}
-.popover .list-block:last-child ul {
- border-radius: 0 0 3px 3px;
-}
-.popover .list-block:last-child ul:after {
- display: none;
-}
-.popover .list-block:last-child li:last-child a {
- border-radius: 0 0 3px 3px;
-}
-.popover .list-block:first-child:last-child li:first-child:last-child a,
-.popover .list-block:first-child:last-child ul:first-child:last-child {
- border-radius: 3px;
-}
-.popover.popover-floating-button {
- -webkit-transform-origin: center center;
- transform-origin: center center;
- -webkit-transform: scale(0.7);
- transform: scale(0.7);
- border-radius: 50%;
- box-shadow: none;
- box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
-}
-.popover.popover-floating-button.modal-in {
- border-radius: 0%;
- -webkit-transform: scale(1);
- transform: scale(1);
- -webkit-transition-delay: 200ms;
- transition-delay: 200ms;
- -webkit-transition-duration: 200ms;
- transition-duration: 200ms;
-}
-.popover.popover-floating-button.modal-out {
- border-radius: 50%;
- -webkit-transform: scale(0.7);
- transform: scale(0.7);
- -webkit-transition-delay: 0ms;
- transition-delay: 0ms;
- -webkit-transition-duration: 100ms;
- transition-duration: 100ms;
-}
-.popover.popover-floating-button .list-block {
- margin: 0;
-}
-.popover.popover-floating-button .list-block:first-child ul {
- border-radius: 0;
-}
-.popover.popover-floating-button .list-block:first-child li:first-child a {
- border-radius: 0;
-}
-.popover.popover-floating-button .list-block:last-child ul {
- border-radius: 0;
-}
-.popover.popover-floating-button .list-block:last-child li:last-child a {
- border-radius: 0;
-}
-.popover.popover-floating-button .list-block:first-child:last-child li:first-child:last-child a,
-.popover.popover-floating-button .list-block:first-child:last-child ul:first-child:last-child {
- border-radius: 0;
-}
-.popover-inner {
- overflow: auto;
- -webkit-overflow-scrolling: touch;
-}
-.actions-popover .list-block {
- margin: 0;
-}
-.actions-popover-label {
- padding: 8px 16px;
- color: rgba(0, 0, 0, 0.54);
- font-size: 16px;
- line-height: 1.3;
- padding-top: 12px;
- padding-bottom: 12px;
- position: relative;
-}
-.actions-popover-label:after {
- content: '';
- position: absolute;
- left: 0;
- bottom: 0;
- right: auto;
- top: auto;
- height: 1px;
- width: 100%;
- background-color: #d2d2d6;
- display: block;
- z-index: 15;
- -webkit-transform-origin: 50% 100%;
- transform-origin: 50% 100%;
-}
-html.pixel-ratio-2 .actions-popover-label:after {
- -webkit-transform: scaleY(0.5);
- transform: scaleY(0.5);
-}
-html.pixel-ratio-3 .actions-popover-label:after {
- -webkit-transform: scaleY(0.33);
- transform: scaleY(0.33);
-}
-.actions-popover-label:last-child:after {
- display: none;
-}
-.popup,
-.login-screen {
- position: absolute;
- left: 0;
- top: 0;
- width: 100%;
- height: 100%;
- z-index: 11000;
- background: #fff;
- box-sizing: border-box;
- display: none;
- overflow: auto;
- -webkit-overflow-scrolling: touch;
- -webkit-transition-property: -webkit-transform;
- -moz-transition-property: -moz-transform;
- -ms-transition-property: -ms-transform;
- -o-transition-property: -o-transform;
- transition-property: transform;
- -webkit-transform: translate3d(0, 100%, 0);
- transform: translate3d(0, 100%, 0);
-}
-.popup.modal-in,
-.login-screen.modal-in,
-.popup.modal-out,
-.login-screen.modal-out {
- -webkit-transition-duration: 400ms;
- transition-duration: 400ms;
-}
-.popup.modal-in,
-.login-screen.modal-in {
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
-}
-.popup.modal-out,
-.login-screen.modal-out {
- -webkit-transform: translate3d(0, 100%, 0);
- transform: translate3d(0, 100%, 0);
-}
-.login-screen.modal-in,
-.login-screen.modal-out {
- display: block;
-}
-@media all and (min-width: 630px) and (min-height: 630px) {
- .popup:not(.tablet-fullscreen) {
- width: 630px;
- height: 630px;
- left: 50%;
- top: 50%;
- margin-left: -315px;
- margin-top: -315px;
- box-shadow: 0px 20px 44px rgba(0, 0, 0, 0.5);
- border-radius: 3px;
- -webkit-transform: translate3d(0, 1024px, 0);
- transform: translate3d(0, 1024px, 0);
- }
- .popup:not(.tablet-fullscreen).modal-in {
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- }
- .popup:not(.tablet-fullscreen).modal-out {
- -webkit-transform: translate3d(0, 1024px, 0);
- transform: translate3d(0, 1024px, 0);
- }
-}
-@media all and (max-width: 629px), (max-height: 629px) {
- html.with-statusbar-overlay .popup {
- height: -webkit-calc(100% - 20px);
- height: calc(100% - 20px);
- top: 20px;
- }
- html.with-statusbar-overlay .popup-overlay {
- z-index: 9500;
- }
-}
-html.with-statusbar-overlay .login-screen,
-html.with-statusbar-overlay .popup.tablet-fullscreen {
- height: -webkit-calc(100% - 20px);
- height: calc(100% - 20px);
- top: 20px;
-}
-.modal-preloader .modal-title,
-.modal-preloader .modal-inner {
- text-align: center;
-}
-.preloader-indicator-overlay {
- visibility: visible;
- opacity: 0;
- background: none;
-}
-.preloader-indicator-modal {
- position: absolute;
- left: 50%;
- top: 50%;
- padding: 8px;
- margin-left: -24px;
- margin-top: -24px;
- background: rgba(0, 0, 0, 0.8);
- z-index: 13500;
- border-radius: 4px;
-}
-.preloader-indicator-modal .preloader {
- display: block;
-}
-.picker-modal {
- position: absolute;
- left: 0;
- bottom: 0;
- width: 100%;
- height: 260px;
- z-index: 12000;
- display: none;
- -webkit-transition-property: -webkit-transform;
- -moz-transition-property: -moz-transform;
- -ms-transition-property: -ms-transform;
- -o-transition-property: -o-transform;
- transition-property: transform;
- background: #fff;
- -webkit-transform: translate3d(0, 100%, 0);
- transform: translate3d(0, 100%, 0);
-}
-.picker-modal.modal-in,
-.picker-modal.modal-out {
- -webkit-transition-duration: 400ms;
- transition-duration: 400ms;
-}
-.picker-modal.modal-in {
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
-}
-.picker-modal.modal-out {
- -webkit-transform: translate3d(0, 100%, 0);
- transform: translate3d(0, 100%, 0);
-}
-.picker-modal .picker-modal-inner {
- height: 100%;
- position: relative;
-}
-.picker-modal .toolbar {
- position: relative;
- width: 100%;
- top: 0;
-}
-.picker-modal .toolbar + .picker-modal-inner {
- height: -webkit-calc(100% - 48px);
- height: -moz-calc(100% - 48px);
- height: calc(100% - 48px);
-}
-.picker-modal .toolbar a.link {
- -webkit-box-flex: 0;
- -webkit-flex-shrink: 0;
- -ms-flex: 0 0 auto;
- flex-shrink: 0;
-}
-.picker-modal .picker-header,
-.picker-modal .picker-footer {
- height: 48px;
-}
-.picker-modal .picker-header {
- background: #aa5252;
-}
-.picker-modal .picker-header + .toolbar .toolbar-inner {
- overflow: visible;
-}
-.picker-modal .picker-header + .picker-footer + .toolbar + .picker-modal-inner {
- height: -webkit-calc(100% - 48px * 3);
- height: -moz-calc(100% - 48px * 3);
- height: calc(100% - 48px * 3);
-}
-.picker-modal .picker-footer {
- position: absolute;
- left: 0;
- bottom: 0;
- width: 100%;
- height: 48px;
- padding: 6px 8px;
- overflow: hidden;
- box-sizing: border-box;
- display: -webkit-box;
- display: -ms-flexbox;
- display: -webkit-flex;
- display: flex;
- -webkit-box-pack: end;
- -ms-flex-pack: end;
- -webkit-justify-content: flex-end;
- justify-content: flex-end;
-}
-.picker-modal .picker-footer.modal-buttons-vertical {
- display: block;
- height: auto;
- padding: 0 0 8px 0;
-}
-.picker-modal .picker-footer.modal-buttons-vertical .modal-button {
- margin-left: 0;
- text-align: right;
- height: 48px;
- line-height: 48px;
- border-radius: 0;
- padding-left: 16px;
- padding-right: 16px;
-}
-.picker-modal .picker-header + .picker-modal-inner,
-.picker-modal .picker-footer + .picker-modal-inner {
- height: -webkit-calc(100% - 48px);
- height: -moz-calc(100% - 48px);
- height: calc(100% - 48px);
-}
-.picker-modal .picker-header + .toolbar + .picker-modal-inner,
-.picker-modal .picker-footer + .toolbar + .picker-modal-inner {
- height: -webkit-calc(100% - 48px * 2);
- height: -moz-calc(100% - 48px * 2);
- height: calc(100% - 48px * 2);
-}
-.picker-modal.picker-modal-inline,
-.popover .picker-modal {
- display: block;
- position: relative;
- background: none;
- z-index: inherit;
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
-}
-.picker-modal.picker-modal-inline .toolbar,
-.popover .picker-modal .toolbar {
- top: 0;
-}
-.popover .picker-modal {
- width: auto;
-}
-.popover .picker-modal .toolbar:first-child,
-.popover .picker-modal .picker-header:first-child {
- border-radius: 2px 2px 0 0;
-}
-.picker-modal.smart-select-picker .list-block {
- margin: 0;
-}
-.picker-modal.smart-select-picker .list-block ul:before {
- display: none;
-}
-.picker-modal.smart-select-picker .list-block ul:after {
- display: none;
-}
-/* === Panels === */
-.panel-overlay {
- position: absolute;
- left: 0;
- top: 0;
- width: 100%;
- height: 100%;
- background: rgba(0, 0, 0, 0.2);
- opacity: 0;
- z-index: 5999;
- display: none;
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- -webkit-transition-duration: 300ms;
- transition-duration: 300ms;
-}
-.panel {
- z-index: 1000;
- display: none;
- background: #fff;
- box-sizing: border-box;
- overflow: auto;
- -webkit-overflow-scrolling: touch;
- position: absolute;
- width: 260px;
- top: 0;
- height: 100%;
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- -webkit-transition-duration: 300ms;
- transition-duration: 300ms;
-}
-.panel.panel-left.panel-cover {
- z-index: 6000;
- left: -260px;
-}
-.panel.panel-left.panel-reveal {
- left: 0;
-}
-.panel.panel-right.panel-cover {
- z-index: 6000;
- right: -260px;
-}
-.panel.panel-right.panel-reveal {
- right: 0;
-}
-body.with-panel-left-cover .panel,
-body.with-panel-right-cover .panel {
- box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
-}
-body.with-panel-left-cover .views,
-body.with-panel-right-cover .views {
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
-}
-body.with-panel-left-cover .panel-overlay,
-body.with-panel-right-cover .panel-overlay {
- display: block;
- opacity: 1;
-}
-body.with-panel-left-reveal .views,
-body.with-panel-right-reveal .views {
- box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
- -webkit-transition-duration: 300ms;
- transition-duration: 300ms;
- -webkit-transition-property: -webkit-transform, box-shadow;
- -moz-transition-property: -moz-transform, box-shadow;
- transition-property: transform, box-shadow;
-}
-body.with-panel-left-reveal .panel-overlay,
-body.with-panel-right-reveal .panel-overlay {
- background: rgba(0, 0, 0, 0);
- display: block;
- opacity: 0;
-}
-body.with-panel-left-reveal .views {
- -webkit-transform: translate3d(260px, 0, 0);
- transform: translate3d(260px, 0, 0);
-}
-body.with-panel-left-reveal .panel-overlay {
- -webkit-transform: translate3d(260px, 0, 0);
- transform: translate3d(260px, 0, 0);
-}
-body.with-panel-left-cover .panel-left {
- -webkit-transform: translate3d(260px, 0, 0);
- transform: translate3d(260px, 0, 0);
-}
-body.with-panel-right-reveal .views {
- -webkit-transform: translate3d(-260px, 0, 0);
- transform: translate3d(-260px, 0, 0);
-}
-body.with-panel-right-reveal .panel-overlay {
- -webkit-transform: translate3d(-260px, 0, 0);
- transform: translate3d(-260px, 0, 0);
-}
-body.with-panel-right-cover .panel-right {
- -webkit-transform: translate3d(-260px, 0, 0);
- transform: translate3d(-260px, 0, 0);
-}
-body.panel-closing .panel-overlay {
- display: block;
-}
-body.panel-closing .views {
- -webkit-transition-duration: 300ms;
- transition-duration: 300ms;
- -webkit-transition-property: -webkit-transform, box-shadow;
- -moz-transition-property: -moz-transform, box-shadow;
- transition-property: transform, box-shadow;
-}
-/* === Tabs === */
-.tabs .tab {
- display: none;
-}
-.tabs .tab.active {
- display: block;
-}
-.tabs-animated-wrap {
- position: relative;
- width: 100%;
- overflow: hidden;
- height: 100%;
-}
-.tabs-animated-wrap > .tabs {
- display: -webkit-box;
- display: -ms-flexbox;
- display: -webkit-flex;
- display: flex;
- height: 100%;
- -webkit-transition-duration: 300ms;
- transition-duration: 300ms;
-}
-.tabs-animated-wrap > .tabs > .tab {
- width: 100%;
- display: block;
- -webkit-box-flex: 0;
- -webkit-flex-shrink: 0;
- -ms-flex: 0 0 auto;
- flex-shrink: 0;
-}
-.tabs-swipeable-wrap {
- height: 100%;
-}
-.tabs-swipeable-wrap > .tabs > .tab {
- display: block;
-}
-/* === Messages === */
-.messages-content {
- background: #eee;
-}
-.messages {
- display: -webkit-box;
- display: -ms-flexbox;
- display: -webkit-flex;
- display: flex;
- -webkit-box-orient: vertical;
- -moz-box-orient: vertical;
- -ms-flex-direction: column;
- -webkit-flex-direction: column;
- flex-direction: column;
-}
-.messages-date {
- text-align: center;
- font-weight: 500;
- font-size: 12px;
- line-height: 1;
- margin: 10px 15px;
-}
-.messages-date span {
- font-weight: 400;
-}
-.message {
- box-sizing: border-box;
- margin: 0px 8px 8px 8px;
- max-width: 80%;
- display: -webkit-box;
- display: -ms-flexbox;
- display: -webkit-flex;
- display: flex;
- -webkit-box-orient: vertical;
- -moz-box-orient: vertical;
- -ms-flex-direction: column;
- -webkit-flex-direction: column;
- flex-direction: column;
-}
-.message:first-child {
- margin-top: 8px;
-}
-.message.message-pic img {
- display: block;
-}
-.message-name,
-.message-label,
-.message-date,
-.messages-date {
- color: rgba(0, 0, 0, 0.51);
-}
-.message-name {
- font-size: 12px;
- line-height: 1;
- margin-bottom: 2px;
- margin-top: 7px;
-}
-.message-hide-name .message-name {
- display: none;
-}
-.message-label {
- font-size: 12px;
- line-height: 1;
- margin-top: 4px;
-}
-.message-hide-label .message-label {
- display: none;
-}
-.message-avatar {
- width: 48px;
- height: 48px;
- border-radius: 100%;
- margin-top: -48px;
- position: relative;
- top: 1px;
- background-size: cover;
- opacity: 1;
- -webkit-transition-duration: 400ms;
- transition-duration: 400ms;
-}
-.message-hide-avatar .message-avatar {
- opacity: 0;
-}
-.message-text {
- box-sizing: border-box;
- border-radius: 2px;
- padding: 6px 8px;
- min-width: 48px;
- font-size: 16px;
- line-height: 1.2;
- word-break: break-word;
- color: #333;
- min-height: 48px;
- position: relative;
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
-}
-.message-text img {
- max-width: 100%;
- height: auto;
-}
-.message-pic .message-text {
- padding: 8px;
-}
-.message-date {
- font-size: 12px;
- margin-top: 4px;
-}
-.message-pic img + .message-date {
- margin-top: 8px;
-}
-.message-sent {
- -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 .message-name,
-.message-sent .message-label {
- margin-right: 8px;
-}
-.message-sent .message-text {
- background-color: #C8E6C9;
- margin-left: auto;
- border-radius: 2px 2px 0 2px;
- margin-right: 8px;
-}
-.message-sent .message-text:before {
- position: absolute;
- content: '';
- border-left: 0px solid transparent;
- border-right: 8px solid transparent;
- border-bottom: 8px solid #C8E6C9;
- left: 100%;
- bottom: 0;
- width: 0;
- height: 0;
-}
-.message-sent.message-with-avatar .message-text,
-.message-sent.message-with-avatar .message-name,
-.message-sent.message-with-avatar .message-label {
- margin-right: 56px;
-}
-.message-received {
- -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;
-}
-.message-received .message-text {
- background-color: #fff;
- border-radius: 2px 2px 2px 0px;
- margin-left: 8px;
-}
-.message-received .message-text:before {
- position: absolute;
- content: '';
- border-left: 8px solid transparent;
- border-right: 0px solid transparent;
- border-bottom: 8px solid #fff;
- right: 100%;
- bottom: 0;
- width: 0;
- height: 0;
-}
-.message-received .message-name,
-.message-received .message-label {
- margin-left: 8px;
-}
-.message-received.message-with-avatar .message-text,
-.message-received.message-with-avatar .message-name,
-.message-received.message-with-avatar .message-label {
- margin-left: 56px;
-}
-.message-appear-from-bottom {
- -webkit-animation: messageAppearFromBottom 400ms;
- animation: messageAppearFromBottom 400ms;
-}
-.message-appear-from-top {
- -webkit-animation: messageAppearFromTop 400ms;
- animation: messageAppearFromTop 400ms;
-}
-@-webkit-keyframes messageAppearFromBottom {
- from {
- -webkit-transform: translate3d(0, 100%, 0);
- }
- to {
- -webkit-transform: translate3d(0, 0, 0);
- }
-}
-@keyframes messageAppearFromBottom {
- from {
- transform: translate3d(0, 100%, 0);
- }
- to {
- transform: translate3d(0, 0, 0);
- }
-}
-@-webkit-keyframes messageAppearFromTop {
- from {
- -webkit-transform: translate3d(0, -100%, 0);
- }
- to {
- -webkit-transform: translate3d(0, 0, 0);
- }
-}
-@keyframes messageAppearFromTop {
- from {
- transform: translate3d(0, -100%, 0);
- }
- to {
- transform: translate3d(0, 0, 0);
- }
-}
-/* === Statusbar overlay === */
-html.with-statusbar-overlay body {
- padding-top: 20px;
- box-sizing: border-box;
-}
-html.with-statusbar-overlay body .statusbar-overlay {
- display: block;
-}
-html.with-statusbar-overlay body .panel {
- padding-top: 20px;
-}
-.statusbar-overlay {
- background: #aa5252;
- z-index: 10000;
- position: absolute;
- left: 0;
- top: 0;
- height: 20px;
- width: 100%;
- display: none;
- -webkit-transition-duration: 300ms;
- transition-duration: 300ms;
-}
-/* ===
- Preloader
- By Rudi Theunissen (https://github.com/rtheunissen/md-preloader)
-=== */
-.preloader {
- font-size: 0;
- display: inline-block;
- width: 32px;
- height: 32px;
- -webkit-animation: preloader-outer 3300ms linear infinite;
- animation: preloader-outer 3300ms linear infinite;
-}
-.preloader svg {
- width: 100%;
- height: 100%;
- -webkit-animation: preloader-inner 1320ms linear infinite;
- animation: preloader-inner 1320ms linear infinite;
-}
-.preloader svg circle {
- fill: none;
- stroke: #757575;
- stroke-linecap: square;
- -webkit-animation: preloader-arc 1320ms cubic-bezier(0.8, 0, 0.4, 0.8) infinite;
- animation: preloader-arc 1320ms cubic-bezier(0.8, 0, 0.4, 0.8) infinite;
-}
-@-webkit-keyframes preloader-outer {
- 0% {
- -webkit-transform: rotate(0);
- }
- 100% {
- -webkit-transform: rotate(360deg);
- }
-}
-@keyframes preloader-outer {
- 0% {
- transform: rotate(0);
- }
- 100% {
- transform: rotate(360deg);
- }
-}
-@-webkit-keyframes preloader-inner {
- 0% {
- -webkit-transform: rotate(-100.8deg);
- }
- 100% {
- -webkit-transform: rotate(0);
- }
-}
-@keyframes preloader-inner {
- 0% {
- transform: rotate(-100.8deg);
- }
- 100% {
- transform: rotate(0);
- }
-}
-@-webkit-keyframes preloader-arc {
- 0% {
- stroke-dasharray: 1 210.48670779px;
- stroke-dashoffset: 0;
- }
- 40% {
- stroke-dasharray: 151.55042961px, 210.48670779px;
- stroke-dashoffset: 0;
- }
- 100% {
- stroke-dasharray: 1 210.48670779px;
- stroke-dashoffset: -151.55042961px;
- }
-}
-@keyframes preloader-arc {
- 0% {
- stroke-dasharray: 1 210.48670779px;
- stroke-dashoffset: 0;
- }
- 40% {
- stroke-dasharray: 151.55042961px, 210.48670779px;
- stroke-dashoffset: 0;
- }
- 100% {
- stroke-dasharray: 1 210.48670779px;
- stroke-dashoffset: -151.55042961px;
- }
-}
-.preloader-inner {
- position: relative;
- display: block;
- width: 100%;
- height: 100%;
- -webkit-animation: preloader-inner-rotate 5.25s cubic-bezier(0.35, 0, 0.25, 1) infinite;
- animation: preloader-inner-rotate 5.25s cubic-bezier(0.35, 0, 0.25, 1) infinite;
-}
-.preloader-inner .preloader-inner-gap {
- position: absolute;
- width: 2px;
- left: 50%;
- margin-left: -1px;
- top: 0;
- bottom: 0;
- box-sizing: border-box;
- border-top: 4px solid #757575;
-}
-.preloader-inner .preloader-inner-left,
-.preloader-inner .preloader-inner-right {
- position: absolute;
- top: 0;
- height: 100%;
- width: 50%;
- overflow: hidden;
-}
-.preloader-inner .preloader-inner-half-circle {
- position: absolute;
- top: 0;
- height: 100%;
- width: 200%;
- box-sizing: border-box;
- border: 4px solid #757575;
- border-bottom-color: transparent !important;
- border-radius: 50%;
- -webkit-animation-iteration-count: infinite;
- -webkit-animation-duration: 1.3125s;
- -webkit-animation-timing-function: cubic-bezier(0.35, 0, 0.25, 1);
- animation-iteration-count: infinite;
- animation-duration: 1.3125s;
- animation-timing-function: cubic-bezier(0.35, 0, 0.25, 1);
-}
-.preloader-white .preloader-inner .preloader-inner-gap,
-.preloader-white .preloader-inner .preloader-inner-half-circle {
- border-color: #fff;
-}
-.preloader-inner .preloader-inner-left {
- left: 0;
-}
-.preloader-inner .preloader-inner-left .preloader-inner-half-circle {
- left: 0;
- border-right-color: transparent !important;
- -webkit-animation-name: preloader-left-rotate;
- animation-name: preloader-left-rotate;
-}
-.preloader-inner .preloader-inner-right {
- right: 0;
-}
-.preloader-inner .preloader-inner-right .preloader-inner-half-circle {
- right: 0;
- border-left-color: transparent !important;
- -webkit-animation-name: preloader-right-rotate;
- animation-name: preloader-right-rotate;
-}
-.color-multi .preloader-inner .preloader-inner-left .preloader-inner-half-circle {
- -webkit-animation-name: preloader-left-rotate-multicolor;
- animation-name: preloader-left-rotate-multicolor;
-}
-.color-multi .preloader-inner .preloader-inner-right .preloader-inner-half-circle {
- -webkit-animation-name: preloader-right-rotate-multicolor;
- animation-name: preloader-right-rotate-multicolor;
-}
-@-webkit-keyframes preloader-left-rotate {
- 0%,
- 100% {
- -webkit-transform: rotate(130deg);
- }
- 50% {
- -webkit-transform: rotate(-5deg);
- }
-}
-@keyframes preloader-left-rotate {
- 0%,
- 100% {
- transform: rotate(130deg);
- }
- 50% {
- transform: rotate(-5deg);
- }
-}
-@-webkit-keyframes preloader-right-rotate {
- 0%,
- 100% {
- -webkit-transform: rotate(-130deg);
- }
- 50% {
- -webkit-transform: rotate(5deg);
- }
-}
-@keyframes preloader-right-rotate {
- 0%,
- 100% {
- transform: rotate(-130deg);
- }
- 50% {
- transform: rotate(5deg);
- }
-}
-@-webkit-keyframes preloader-inner-rotate {
- 12.5% {
- -webkit-transform: rotate(135deg);
- }
- 25% {
- -webkit-transform: rotate(270deg);
- }
- 37.5% {
- -webkit-transform: rotate(405deg);
- }
- 50% {
- -webkit-transform: rotate(540deg);
- }
- 62.5% {
- -webkit-transform: rotate(675deg);
- }
- 75% {
- -webkit-transform: rotate(810deg);
- }
- 87.5% {
- -webkit-transform: rotate(945deg);
- }
- 100% {
- -webkit-transform: rotate(1080deg);
- }
-}
-@keyframes preloader-inner-rotate {
- 12.5% {
- transform: rotate(135deg);
- }
- 25% {
- transform: rotate(270deg);
- }
- 37.5% {
- transform: rotate(405deg);
- }
- 50% {
- transform: rotate(540deg);
- }
- 62.5% {
- transform: rotate(675deg);
- }
- 75% {
- transform: rotate(810deg);
- }
- 87.5% {
- transform: rotate(945deg);
- }
- 100% {
- transform: rotate(1080deg);
- }
-}
-@-webkit-keyframes preloader-left-rotate-multicolor {
- 0%,
- 100% {
- border-left-color: #4285F4;
- -webkit-transform: rotate(130deg);
- }
- 75% {
- border-left-color: #1B9A59;
- border-top-color: #1B9A59;
- }
- 50% {
- border-left-color: #F7C223;
- border-top-color: #F7C223;
- -webkit-transform: rotate(-5deg);
- }
- 25% {
- border-left-color: #DE3E35;
- border-top-color: #DE3E35;
- }
-}
-@keyframes preloader-left-rotate-multicolor {
- 0%,
- 100% {
- border-left-color: #4285F4;
- transform: rotate(130deg);
- }
- 75% {
- border-left-color: #1B9A59;
- border-top-color: #1B9A59;
- }
- 50% {
- border-left-color: #F7C223;
- border-top-color: #F7C223;
- transform: rotate(-5deg);
- }
- 25% {
- border-left-color: #DE3E35;
- border-top-color: #DE3E35;
- }
-}
-@-webkit-keyframes preloader-right-rotate-multicolor {
- 0%,
- 100% {
- border-right-color: #4285F4;
- -webkit-transform: rotate(-130deg);
- }
- 75% {
- border-right-color: #1B9A59;
- border-top-color: #1B9A59;
- }
- 50% {
- border-right-color: #F7C223;
- border-top-color: #F7C223;
- -webkit-transform: rotate(5deg);
- }
- 25% {
- border-top-color: #DE3E35;
- border-right-color: #DE3E35;
- }
-}
-@keyframes preloader-right-rotate-multicolor {
- 0%,
- 100% {
- border-right-color: #4285F4;
- transform: rotate(-130deg);
- }
- 75% {
- border-right-color: #1B9A59;
- border-top-color: #1B9A59;
- }
- 50% {
- border-right-color: #F7C223;
- border-top-color: #F7C223;
- transform: rotate(5deg);
- }
- 25% {
- border-top-color: #DE3E35;
- border-right-color: #DE3E35;
- }
-}
-/* === Progress Bar === */
-.progressbar,
-.progressbar-infinite {
- height: 4px;
- width: 100%;
- overflow: hidden;
- display: block;
- position: relative;
- -webkit-transform-origin: center bottom;
- transform-origin: center bottom;
- background: rgba(170, 82, 82, 0.5);
-}
-.progressbar {
- display: block;
- vertical-align: middle;
- -webkit-transform-style: preserve-3d;
- transform-style: preserve-3d;
-}
-.progressbar span {
- content: '';
- width: 100%;
- background: #aa5252;
- height: 100%;
- position: absolute;
- left: 0;
- top: 0;
- -webkit-transform: translate3d(-100%, 0, 0);
- transform: translate3d(-100%, 0, 0);
- -webkit-transition-duration: 150ms;
- transition-duration: 150ms;
-}
-.progressbar-infinite {
- z-index: 15000;
-}
-.progressbar-infinite:before,
-.progressbar-infinite:after {
- content: '';
- position: absolute;
- left: 0;
- top: 0;
- width: 100%;
- height: 100%;
- background: #aa5252;
- -webkit-transform-origin: left center;
- transform-origin: left center;
-}
-.progressbar-infinite:before {
- -webkit-animation: progressbar-infinite-1 2s linear infinite;
- animation: progressbar-infinite-1 2s linear infinite;
-}
-.progressbar-infinite:after {
- -webkit-animation: progressbar-infinite-2 2s linear infinite;
- animation: progressbar-infinite-2 2s linear infinite;
-}
-html.with-statusbar-overlay body > .progressbar-infinite,
-html.with-statusbar-overlay .framework7-root > .progressbar-infinite {
- top: 20px;
-}
-.progressbar-infinite.color-multi {
- background: none !important;
-}
-.progressbar-infinite.color-multi:before,
-.progressbar-infinite.color-multi:after {
- width: 100%;
- animation: none;
-}
-.progressbar-infinite.color-multi:before {
- background: none;
- -webkit-animation: progressbar-infinite-multicolor-bg 3s step-end infinite;
- animation: progressbar-infinite-multicolor-bg 3s step-end infinite;
-}
-.progressbar-infinite.color-multi:after {
- background: none;
- -webkit-animation: progressbar-infinite-multicolor-fill 3s linear infinite;
- animation: progressbar-infinite-multicolor-fill 3s linear infinite;
- -webkit-transform-origin: center center;
- transform-origin: center center;
-}
-body > .progressbar,
-.view > .progressbar,
-.views > .progressbar,
-.page > .progressbar,
-.panel > .progressbar,
-.popup > .progressbar,
-.framework7-root > .progressbar,
-body > .progressbar-infinite,
-.view > .progressbar-infinite,
-.views > .progressbar-infinite,
-.page > .progressbar-infinite,
-.panel > .progressbar-infinite,
-.popup > .progressbar-infinite,
-.framework7-root > .progressbar-infinite {
- position: absolute;
- left: 0;
- top: 0;
- z-index: 15000;
- -webkit-transform-origin: center top;
- transform-origin: center top;
-}
-.progressbar-in {
- -webkit-animation: progressbar-in 300ms forwards;
- animation: progressbar-in 300ms forwards;
-}
-.progressbar-out {
- -webkit-animation: progressbar-out 300ms forwards;
- animation: progressbar-out 300ms forwards;
-}
-html.with-statusbar-overlay body > .progressbar,
-html.with-statusbar-overlay .framework7-root > .progressbar {
- top: 20px;
-}
-@-webkit-keyframes progressbar-in {
- from {
- opacity: 0;
- -webkit-transform: scaleY(0);
- }
- to {
- opacity: 1;
- -webkit-transform: scaleY(1);
- }
-}
-@keyframes progressbar-in {
- from {
- opacity: 0;
- transform: scaleY(0);
- }
- to {
- opacity: 1;
- transform: scaleY(1);
- }
-}
-@-webkit-keyframes progressbar-out {
- from {
- opacity: 1;
- -webkit-transform: scaleY(1);
- }
- to {
- opacity: 0;
- -webkit-transform: scaleY(0);
- }
-}
-@keyframes progressbar-out {
- from {
- opacity: 1;
- transform: scaleY(1);
- }
- to {
- opacity: 0;
- transform: scaleY(0);
- }
-}
-@-webkit-keyframes progressbar-infinite-1 {
- 0% {
- -webkit-transform: translateX(-10%) scaleX(0.1);
- }
- 25% {
- -webkit-transform: translateX(30%) scaleX(0.6);
- }
- 50% {
- -webkit-transform: translateX(100%) scaleX(1);
- }
- 100% {
- -webkit-transform: translateX(100%) scaleX(1);
- }
-}
-@keyframes progressbar-infinite-1 {
- 0% {
- transform: translateX(-10%) scaleX(0.1);
- }
- 25% {
- transform: translateX(30%) scaleX(0.6);
- }
- 50% {
- transform: translateX(100%) scaleX(1);
- }
- 100% {
- transform: translateX(100%) scaleX(1);
- }
-}
-@-webkit-keyframes progressbar-infinite-2 {
- 0% {
- -webkit-transform: translateX(-100%) scaleX(1);
- }
- 40% {
- -webkit-transform: translateX(-100%) scaleX(1);
- }
- 75% {
- -webkit-transform: translateX(60%) scaleX(0.35);
- }
- 90% {
- -webkit-transform: translateX(100%) scaleX(0.1);
- }
- 100% {
- -webkit-transform: translateX(100%) scaleX(0.1);
- }
-}
-@keyframes progressbar-infinite-2 {
- 0% {
- transform: translateX(-100%) scaleX(1);
- }
- 40% {
- transform: translateX(-100%) scaleX(1);
- }
- 75% {
- transform: translateX(60%) scaleX(0.35);
- }
- 90% {
- transform: translateX(100%) scaleX(0.1);
- }
- 100% {
- transform: translateX(100%) scaleX(0.1);
- }
-}
-@-webkit-keyframes progressbar-infinite-multicolor-bg {
- 0% {
- background-color: #4caf50;
- }
- 25% {
- background-color: #f44336;
- }
- 50% {
- background-color: #2196f3;
- }
- 75% {
- background-color: #ffeb3b;
- }
-}
-@keyframes progressbar-infinite-multicolor-bg {
- 0% {
- background-color: #4caf50;
- }
- 25% {
- background-color: #f44336;
- }
- 50% {
- background-color: #2196f3;
- }
- 75% {
- background-color: #ffeb3b;
- }
-}
-@-webkit-keyframes progressbar-infinite-multicolor-fill {
- 0% {
- -webkit-transform: scaleX(0);
- background-color: #f44336;
- }
- 24.9% {
- -webkit-transform: scaleX(1);
- background-color: #f44336;
- }
- 25% {
- -webkit-transform: scaleX(0);
- background-color: #2196f3;
- }
- 49.9% {
- -webkit-transform: scaleX(1);
- background-color: #2196f3;
- }
- 50% {
- -webkit-transform: scaleX(0);
- background-color: #ffeb3b;
- }
- 74.9% {
- -webkit-transform: scaleX(1);
- background-color: #ffeb3b;
- }
- 75% {
- -webkit-transform: scaleX(0);
- background-color: #4caf50;
- }
- 100% {
- -webkit-transform: scaleX(1);
- background-color: #4caf50;
- }
-}
-@keyframes progressbar-infinite-multicolor-fill {
- 0% {
- transform: scaleX(0);
- background-color: #f44336;
- }
- 24.9% {
- transform: scaleX(1);
- background-color: #f44336;
- }
- 25% {
- transform: scaleX(0);
- background-color: #2196f3;
- }
- 49.9% {
- transform: scaleX(1);
- background-color: #2196f3;
- }
- 50% {
- transform: scaleX(0);
- background-color: #ffeb3b;
- }
- 74.9% {
- transform: scaleX(1);
- background-color: #ffeb3b;
- }
- 75% {
- transform: scaleX(0);
- background-color: #4caf50;
- }
- 100% {
- transform: scaleX(1);
- background-color: #4caf50;
- }
-}
-/* === Columns Picker === */
-.picker-columns {
- width: 100%;
- height: 260px;
- z-index: 11500;
-}
-.picker-columns.picker-modal-inline {
- height: 200px;
-}
-@media (orientation: landscape) and (max-height: 415px) {
- .picker-columns:not(.picker-modal-inline) {
- height: 200px;
- }
-}
-.popover.popover-picker-columns {
- width: 280px;
-}
-.popover.popover-picker-columns .toolbar {
- border-radius: 2px 2px 0 0;
-}
-.picker-items {
- display: -webkit-box;
- display: -ms-flexbox;
- display: -webkit-flex;
- display: flex;
- -webkit-box-pack: center;
- -ms-flex-pack: center;
- -webkit-justify-content: center;
- justify-content: center;
- padding: 0;
- text-align: right;
- font-size: 20px;
- -webkit-mask-box-image: -webkit-linear-gradient(bottom, transparent, transparent 5%, white 20%, white 80%, transparent 95%, transparent);
- -webkit-mask-box-image: linear-gradient(to top, transparent, transparent 5%, white 20%, white 80%, transparent 95%, transparent);
-}
-.picker-items-col {
- overflow: hidden;
- position: relative;
- max-height: 100%;
-}
-.picker-items-col.picker-items-col-left {
- text-align: left;
-}
-.picker-items-col.picker-items-col-center {
- text-align: center;
-}
-.picker-items-col.picker-items-col-right {
- text-align: right;
-}
-.picker-items-col.picker-items-col-divider {
- color: rgba(0, 0, 0, 0.87);
- display: -webkit-box;
- display: -ms-flexbox;
- display: -webkit-flex;
- display: flex;
- -webkit-box-align: center;
- -ms-flex-align: center;
- -webkit-align-items: center;
- align-items: center;
-}
-.picker-items-col-wrapper {
- -webkit-transition-duration: 300ms;
- transition-duration: 300ms;
- -webkit-transition-timing-function: ease-out;
- transition-timing-function: ease-out;
-}
-.picker-item {
- height: 36px;
- line-height: 36px;
- padding: 0 10px;
- white-space: nowrap;
- position: relative;
- overflow: hidden;
- text-overflow: ellipsis;
- color: rgba(0, 0, 0, 0.54);
- left: 0;
- top: 0;
- width: 100%;
- box-sizing: border-box;
- -webkit-transition-duration: 300ms;
- transition-duration: 300ms;
-}
-.picker-items-col-absolute .picker-item {
- position: absolute;
-}
-.picker-item.picker-item-far {
- pointer-events: none;
-}
-.picker-item.picker-selected {
- color: rgba(0, 0, 0, 0.87);
- -webkit-transform: translate3d(0, 0, 0) rotateX(0deg);
- transform: translate3d(0, 0, 0) rotateX(0deg);
-}
-.picker-center-highlight {
- height: 36px;
- box-sizing: border-box;
- position: absolute;
- left: 0;
- width: 100%;
- top: 50%;
- margin-top: -18px;
- pointer-events: none;
-}
-.picker-center-highlight:before {
- content: '';
- position: absolute;
- left: 0;
- top: 0;
- bottom: auto;
- right: auto;
- height: 1px;
- width: 100%;
- background-color: rgba(0, 0, 0, 0.15);
- display: block;
- z-index: 15;
- -webkit-transform-origin: 50% 0%;
- transform-origin: 50% 0%;
-}
-html.pixel-ratio-2 .picker-center-highlight:before {
- -webkit-transform: scaleY(0.5);
- transform: scaleY(0.5);
-}
-html.pixel-ratio-3 .picker-center-highlight:before {
- -webkit-transform: scaleY(0.33);
- transform: scaleY(0.33);
-}
-.picker-center-highlight:after {
- content: '';
- position: absolute;
- left: 0;
- bottom: 0;
- right: auto;
- top: auto;
- height: 1px;
- width: 100%;
- background-color: rgba(0, 0, 0, 0.15);
- display: block;
- z-index: 15;
- -webkit-transform-origin: 50% 100%;
- transform-origin: 50% 100%;
-}
-html.pixel-ratio-2 .picker-center-highlight:after {
- -webkit-transform: scaleY(0.5);
- transform: scaleY(0.5);
-}
-html.pixel-ratio-3 .picker-center-highlight:after {
- -webkit-transform: scaleY(0.33);
- transform: scaleY(0.33);
-}
-.picker-3d .picker-items {
- overflow: hidden;
- -webkit-perspective: 1200px;
- perspective: 1200px;
-}
-.picker-3d .picker-items-col,
-.picker-3d .picker-items-col-wrapper,
-.picker-3d .picker-item {
- -webkit-transform-style: preserve-3d;
- transform-style: preserve-3d;
-}
-.picker-3d .picker-items-col {
- overflow: visible;
-}
-.picker-3d .picker-item {
- -webkit-transform-origin: center center -110px;
- transform-origin: center center -110px;
- -webkit-backface-visibility: hidden;
- backface-visibility: hidden;
- -webkit-transition-timing-function: ease-out;
- transition-timing-function: ease-out;
-}
-/* === Notifications === */
-.notifications {
- position: absolute;
- left: 0;
- bottom: 0;
- width: 100%;
- z-index: 10900;
- color: #fff;
- font-size: 14px;
- margin: 0;
- border: none;
- display: none;
- box-sizing: border-box;
- max-height: 100%;
- overflow: hidden;
- -webkit-overflow-scrolling: touch;
- -webkit-transition-duration: 450ms;
- transition-duration: 450ms;
- -webkit-perspective: 1200px;
- perspective: 1200px;
-}
-.notifications.list-block > ul {
- max-width: 568px;
- background: #323232;
- margin: 0 auto;
-}
-.notifications.list-block > ul:before {
- display: none;
-}
-.notifications.list-block > ul:after {
- display: none;
-}
-.notifications .item-content {
- -webkit-box-align: start;
- -ms-flex-align: start;
- -webkit-align-items: flex-start;
- align-items: flex-start;
- padding-left: 24px;
-}
-.notifications .item-title {
- font-size: 14px;
- font-weight: normal;
- white-space: normal;
- padding-top: 14px;
- padding-bottom: 14px;
-}
-.notifications .item-inner {
- padding-right: 24px;
- padding-top: 0;
- padding-bottom: 0;
-}
-.notifications .item-inner:after {
- display: none;
-}
-.notifications .item-after {
- max-height: none;
- margin-left: 16px;
-}
-.notifications .button.close-notification {
- color: #c66969;
-}
-.notifications .notification-item {
- margin: 0 auto;
- -webkit-transition-duration: 450ms;
- transition-duration: 450ms;
- -webkit-transition-delay: 100ms;
- transition-delay: 100ms;
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- opacity: 1;
-}
-.notifications .notification-hidden {
- opacity: 0;
- -webkit-transition-delay: 0ms;
- transition-delay: 0ms;
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
-}
-.notifications .notification-item-removing {
- -webkit-transition-delay: 0ms;
- transition-delay: 0ms;
-}
-@media (min-width: 569px) {
- .notifications.list-block > ul {
- border-radius: 2px;
- width: auto;
- min-width: 288px;
- }
-}
-/* === Touch ripple === */
-.ripple,
-a.floating-button,
-.floating-button > a,
-a.link,
-a.item-link,
-.button,
-.modal-button,
-.tab-link,
-.label-radio,
-.label-checkbox,
-.actions-modal-button,
-.speed-dial-buttons a {
- -webkit-user-select: none;
- user-select: none;
-}
-.ripple-wave {
- left: 0;
- top: 0;
- position: absolute !important;
- border-radius: 50%;
- pointer-events: none;
- z-index: -1;
- background: rgba(0, 0, 0, 0.1);
- padding: 0;
- margin: 0;
- font-size: 0;
- -webkit-transform: translate3d(0px, 0px, 0) scale(0);
- transform: translate3d(0px, 0px, 0) scale(0);
- -webkit-transition-duration: 1400ms;
- transition-duration: 1400ms;
-}
-.ripple-wave.ripple-wave-fill {
- -webkit-transition-duration: 300ms;
- transition-duration: 300ms;
- opacity: 0.35;
-}
-.ripple-wave.ripple-wave-out {
- -webkit-transition-duration: 600ms;
- transition-duration: 600ms;
- opacity: 0;
-}
-.button-fill .ripple-wave,
-.picker-calendar-day .ripple-wave {
- z-index: 1;
-}
-.button-fill .ripple-wave,
-.navbar .ripple-wave,
-.toolbar .ripple-wave,
-.subnavbar .ripple-wave,
-.searchbar .ripple-wave,
-.notifications .ripple-wave,
-.floating-button .ripple-wave,
-.speed-dial-buttons a .ripple-wave {
- background: rgba(255, 255, 255, 0.3);
-}
-.messagebar .ripple-wave {
- background: rgba(0, 0, 0, 0.1);
-}
-/* === Disabled elements === */
-.disabled,
-[disabled] {
- opacity: 0.55;
- pointer-events: none;
-}
-.disabled .disabled,
-.disabled [disabled],
-[disabled] .disabled,
-[disabled] [disabled] {
- opacity: 1;
-}
-.phone.android .container-edit .page-content .list-block:first-child,
-.phone.android .container-collaboration .page-content .list-block:first-child,
-.phone.android .container-filter .page-content .list-block:first-child {
- margin-top: -1px;
-}
-.container-edit.popover,
-.container-add.popover,
-.container-settings.popover,
-.container-collaboration.popover,
-.container-filter.popover {
- width: 360px;
-}
-.settings.popup .list-block ul,
-.settings.popover .list-block ul {
- border-radius: 0;
- background: #fff;
-}
-.settings.popup .list-block:first-child,
-.settings.popover .list-block:first-child {
- margin-top: 0;
-}
-.settings.popup .list-block:first-child li:first-child a,
-.settings.popover .list-block:first-child li:first-child a {
- border-radius: 0;
-}
-.settings.popup > .content-block,
-.settings.popover > .content-block,
-.settings.popup .popover-inner > .content-block,
-.settings.popover .popover-inner > .content-block {
- width: 100%;
- height: 100%;
- margin: 0;
- padding: 0;
-}
-.settings.popup .popover-view,
-.settings.popover .popover-view {
- border-radius: 2px;
-}
-.settings.popup .popover-view > .pages,
-.settings.popover .popover-view > .pages {
- border-radius: 2px;
-}
-.settings .categories {
- width: 100%;
- height: 100%;
- margin: 0;
- padding: 0;
-}
-.settings .categories > .toolbar {
- top: 0;
- height: 100%;
-}
-.settings .popover-inner {
- height: 400px;
-}
-.dataview .row {
- justify-content: space-around;
-}
-.dataview ul {
- padding: 0 10px;
- list-style: none;
- justify-content: space-around;
-}
-.dataview ul li {
- display: inline-block;
-}
-.dataview .active {
- position: relative;
- z-index: 1;
-}
-.dataview .active::after {
- content: '';
- position: absolute;
- width: 22px;
- height: 22px;
- right: -5px;
- bottom: -5px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23aa5252%22%3E%3Cg%3E%3Ccircle%20fill%3D%22%23fff%22%20cx%3D%2211%22%20cy%3D%2211%22%20r%3D%2211%22%2F%3E%3Cpath%20d%3D%22M11%2C21A10%2C10%2C0%2C1%2C1%2C21%2C11%2C10%2C10%2C0%2C0%2C1%2C11%2C21h0ZM17.4%2C7.32L17.06%2C7a0.48%2C0.48%2C0%2C0%2C0-.67%2C0l-7%2C6.84L6.95%2C11.24a0.51%2C0.51%2C0%2C0%2C0-.59.08L6%2C11.66a0.58%2C0.58%2C0%2C0%2C0%2C0%2C.65l3.19%2C3.35a0.38%2C0.38%2C0%2C0%2C0%2C.39%2C0L17.4%2C8a0.48%2C0.48%2C0%2C0%2C0%2C0-.67h0Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
-}
-.item-content .item-after.splitter label {
- color: #000;
- margin: 0 5px;
- line-height: 36px;
-}
-.item-content .item-after.splitter .button {
- min-width: 40px;
- margin-left: 0;
-}
-.item-content .item-after.value {
- display: block;
- min-width: 50px;
- color: #000000;
- margin-left: 10px;
- text-align: right;
-}
-.item-content.buttons .item-inner {
- padding-top: 0;
- padding-bottom: 0;
-}
-.item-content.buttons .item-inner > .row {
- width: 100%;
-}
-.item-content.buttons .item-inner > .row .button {
- flex: 1;
- font-size: 17px;
- margin-left: 5px;
-}
-.item-content.buttons .item-inner > .row .button:first-child {
- margin-left: 0;
-}
-.item-content.buttons .item-inner > .row .button.active {
- color: #fff;
- background-color: #aa5252;
-}
-.item-content .color-preview {
- width: 30px;
- height: 30px;
- border-radius: 16px;
- margin-top: -3px;
- box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset;
-}
-.item-link.no-indicator .item-inner {
- background-image: none;
- padding-right: 16px;
-}
-.popover .list-block:last-child li:last-child .buttons a {
- border-radius: 3px;
-}
-.button.active i.icon {
- background-color: #fff;
-}
-.document-menu {
- width: auto;
- line-height: 1 !important;
- z-index: 12500;
-}
-.document-menu .popover-inner {
- overflow: hidden;
-}
-.document-menu .list-block {
- white-space: pre;
-}
-.document-menu .list-block ul {
- height: 48px;
-}
-.document-menu .list-block li {
- display: inline-block;
-}
-html.phone .document-menu .list-block .item-link {
- padding: 0 10px;
-}
-.color-palette a {
- flex-grow: 1;
- position: relative;
- min-width: 10px;
- min-height: 26px;
- margin: 1px 1px 0 0;
- box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset;
-}
-.color-palette a.active:after {
- content: ' ';
- position: absolute;
- width: 100%;
- height: 100%;
- box-shadow: 0 0 0 1px white, 0 0 0 4px #aa5252;
- z-index: 1;
- border-radius: 1px;
-}
-.color-palette a.transparent {
- background-repeat: no-repeat;
- background-size: 100% 100%;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20x%3D'0px'%20y%3D'0px'%20viewBox%3D'0%200%2022%2022'%20xml%3Aspace%3D'preserve'%3E%3Cline%20stroke%3D'%23ff0000'%20stroke-linecap%3D'undefined'%20stroke-linejoin%3D'undefined'%20id%3D'svg_1'%20y2%3D'0'%20x2%3D'22'%20y1%3D'22'%20x1%3D'0'%20stroke-width%3D'2'%20fill%3D'none'%2F%3E%3C%2Fsvg%3E");
-}
-.color-palette .theme-colors .item-inner {
- display: inline-block;
- overflow: visible;
-}
-.color-palette .standart-colors .item-inner,
-.color-palette .dynamic-colors .item-inner {
- overflow: visible;
-}
-.color-palette.list-block:last-child li:last-child a {
- border-radius: 0;
-}
-.custom-colors {
- display: flex;
- justify-content: space-around;
- align-items: center;
- margin: 15px;
-}
-.custom-colors.phone {
- max-width: 300px;
- margin: 0 auto;
- margin-top: 4px;
-}
-.custom-colors.phone .button-round {
- margin-top: 20px;
-}
-.custom-colors .right-block {
- margin-left: 20px;
-}
-.custom-colors .button-round {
- height: 72px;
- width: 72px;
- padding: 0;
- display: flex;
- justify-content: center;
- align-items: center;
- border-radius: 100px;
- background-color: #aa5252;
- box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
- border-color: transparent;
- margin-top: 25px;
-}
-.custom-colors .button-round.active-state {
- background-color: rgba(0, 0, 0, 0.1);
-}
-.custom-colors .color-hsb-preview {
- width: 72px;
- height: 72px;
- border-radius: 100px;
- overflow: hidden;
- border: 1px solid #ededed;
-}
-.custom-colors .new-color-hsb-preview {
- width: 100%;
- height: 36px;
-}
-.custom-colors .current-color-hsb-preview {
- width: 100%;
- height: 36px;
-}
-.custom-colors .list-block ul:before,
-.custom-colors .list-block ul:after {
- content: none;
-}
-.custom-colors .list-block ul li {
- border: 1px solid rgba(0, 0, 0, 0.3);
-}
-.custom-colors .color-picker-wheel {
- position: relative;
- width: 290px;
- max-width: 100%;
- height: auto;
- font-size: 0;
-}
-.custom-colors .color-picker-wheel svg {
- width: 100%;
- height: auto;
-}
-.custom-colors .color-picker-wheel .color-picker-wheel-handle {
- width: calc(16.66666667%);
- height: calc(16.66666667%);
- position: absolute;
- box-sizing: border-box;
- border: 2px solid #fff;
- box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
- background: red;
- border-radius: 50%;
- left: 0;
- top: 0;
-}
-.custom-colors .color-picker-wheel .color-picker-sb-spectrum {
- background-color: #000;
- background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #000 100%), linear-gradient(to left, rgba(255, 255, 255, 0) 0%, #fff 100%);
- position: relative;
- width: 45%;
- height: 45%;
- left: 50%;
- top: 50%;
- transform: translate3d(-50%, -50%, 0);
- position: absolute;
-}
-.custom-colors .color-picker-wheel .color-picker-sb-spectrum-handle {
- width: 4px;
- height: 4px;
- position: absolute;
- left: -2px;
- top: -2px;
- z-index: 1;
-}
-.custom-colors .color-picker-wheel .color-picker-sb-spectrum-handle:after {
- background-color: inherit;
- content: '';
- position: absolute;
- width: 16px;
- height: 16px;
- border: 1px solid #fff;
- border-radius: 50%;
- box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);
- box-sizing: border-box;
- left: 50%;
- top: 50%;
- transform: translate(-50%, -50%);
- transition: 150ms;
- transition-property: transform;
- transform-origin: center;
-}
-.custom-colors .color-picker-wheel .color-picker-sb-spectrum-handle.color-picker-sb-spectrum-handle-pressed:after {
- transform: scale(1.5) translate(-33.333%, -33.333%);
-}
-.about .page-content {
- text-align: center;
-}
-.about .content-block:first-child {
- margin: 15px 0;
-}
-.about .content-block {
- margin: 0 auto 15px;
-}
-.about .content-block a {
- color: #000;
-}
-.about h3 {
- font-weight: normal;
- margin: 0;
-}
-.about h3.vendor {
- color: #000;
- font-weight: bold;
- margin-top: 15px;
-}
-.about p > label {
- margin-right: 5px;
-}
-.about .logo {
- background: url('../../../../common/mobile/resources/img/about/logo.svg') no-repeat center;
-}
-.color-schemes-menu {
- cursor: pointer;
- display: block;
- background-color: #fff;
-}
-.color-schemes-menu .item-inner {
- justify-content: flex-start;
-}
-.color-schemes-menu .color-schema-block {
- display: flex;
-}
-.color-schemes-menu .color {
- min-width: 26px;
- min-height: 26px;
- margin: 0 2px 0 0;
- box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset;
-}
-.color-schemes-menu .text {
- margin-left: 20px;
- color: #212121;
-}
-.page-change .block-description {
- background-color: #fff;
- padding-top: 15px;
- padding-bottom: 15px;
- margin: 0;
- max-width: 100%;
- word-wrap: break-word;
-}
-.page-change #user-name {
- font-size: 16px;
- line-height: 22px;
- color: #000000;
- margin: 0;
-}
-.page-change #date-change {
- font-size: 14px;
- line-height: 18px;
- color: #6d6d72;
- margin: 0;
- margin-top: 3px;
-}
-.page-change #text-change {
- color: #000000;
- font-size: 15px;
- line-height: 20px;
- margin: 0;
- margin-top: 10px;
-}
-.page-change .block-btn {
- position: absolute;
- bottom: 0;
- display: flex;
- flex-direction: row;
- justify-content: space-between;
- margin: 0;
- width: 100%;
- height: 56px;
- align-items: center;
- box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.2);
-}
-.page-change .block-btn #btn-reject-change {
- margin-left: 15px;
-}
-.page-change .block-btn .change-buttons,
-.page-change .block-btn .accept-reject,
-.page-change .block-btn .next-prev {
- display: flex;
-}
-.page-change .block-btn .link {
- position: relative;
- display: flex;
- justify-content: center;
- align-items: center;
- font-size: 14px;
- text-transform: uppercase;
- font-weight: 500;
- height: 56px;
- min-width: 48px;
-}
-.page-change .header-change {
- display: flex;
- justify-content: flex-start;
- padding-right: 16px;
-}
-.page-change .header-change .initials-change {
- height: 40px;
- width: 40px;
- border-radius: 50px;
- color: #FFFFFF;
- display: flex;
- justify-content: center;
- align-items: center;
- margin-right: 16px;
- font-size: 18px;
-}
-.page-change #no-changes {
- padding: 16px;
-}
-.container-collaboration .navbar .right.close-collaboration {
- position: absolute;
- right: 5px;
-}
-.container-collaboration .page-content .list-block:first-child {
- margin-top: -1px;
-}
-.page-display-mode .list-block .item-subtitle {
- font-size: 14px;
- color: #9e9e9e;
-}
-#user-list .item-content {
- padding-left: 0;
-}
-#user-list .item-inner {
- justify-content: flex-start;
- padding-left: 15px;
-}
-#user-list .length {
- margin-left: 4px;
-}
-#user-list .color {
- min-width: 40px;
- min-height: 40px;
- margin-right: 20px;
- text-align: center;
- border-radius: 50px;
- line-height: 40px;
- color: #373737;
- font-weight: 400;
-}
-#user-list ul:before {
- content: none;
-}
-.page-comments .list-block ul:before,
-.page-add-comment .list-block ul:before,
-.page-view-comments .list-block ul:before,
-.container-edit-comment .list-block ul:before,
-.container-add-reply .list-block ul:before,
-.page-edit-comment .list-block ul:before,
-.page-add-reply .list-block ul:before,
-.page-edit-reply .list-block ul:before,
-.page-comments .list-block ul:after,
-.page-add-comment .list-block ul:after,
-.page-view-comments .list-block ul:after,
-.container-edit-comment .list-block ul:after,
-.container-add-reply .list-block ul:after,
-.page-edit-comment .list-block ul:after,
-.page-add-reply .list-block ul:after,
-.page-edit-reply .list-block ul:after {
- content: none;
-}
-.page-comments .list-block .item-inner,
-.page-add-comment .list-block .item-inner,
-.page-view-comments .list-block .item-inner,
-.container-edit-comment .list-block .item-inner,
-.container-add-reply .list-block .item-inner,
-.page-edit-comment .list-block .item-inner,
-.page-add-reply .list-block .item-inner,
-.page-edit-reply .list-block .item-inner {
- display: block;
- padding: 16px 0;
- word-wrap: break-word;
-}
-.page-comments .list-block .item-inner:after,
-.page-add-comment .list-block .item-inner:after,
-.page-view-comments .list-block .item-inner:after,
-.container-edit-comment .list-block .item-inner:after,
-.container-add-reply .list-block .item-inner:after,
-.page-edit-comment .list-block .item-inner:after,
-.page-add-reply .list-block .item-inner:after,
-.page-edit-reply .list-block .item-inner:after {
- content: none;
-}
-.page-comments .list-reply,
-.page-add-comment .list-reply,
-.page-view-comments .list-reply,
-.container-edit-comment .list-reply,
-.container-add-reply .list-reply,
-.page-edit-comment .list-reply,
-.page-add-reply .list-reply,
-.page-edit-reply .list-reply {
- padding-left: 26px;
-}
-.page-comments .reply-textarea,
-.page-add-comment .reply-textarea,
-.page-view-comments .reply-textarea,
-.container-edit-comment .reply-textarea,
-.container-add-reply .reply-textarea,
-.page-edit-comment .reply-textarea,
-.page-add-reply .reply-textarea,
-.page-edit-reply .reply-textarea,
-.page-comments .comment-textarea,
-.page-add-comment .comment-textarea,
-.page-view-comments .comment-textarea,
-.container-edit-comment .comment-textarea,
-.container-add-reply .comment-textarea,
-.page-edit-comment .comment-textarea,
-.page-add-reply .comment-textarea,
-.page-edit-reply .comment-textarea,
-.page-comments .edit-reply-textarea,
-.page-add-comment .edit-reply-textarea,
-.page-view-comments .edit-reply-textarea,
-.container-edit-comment .edit-reply-textarea,
-.container-add-reply .edit-reply-textarea,
-.page-edit-comment .edit-reply-textarea,
-.page-add-reply .edit-reply-textarea,
-.page-edit-reply .edit-reply-textarea {
- resize: vertical;
-}
-.page-comments .user-name,
-.page-add-comment .user-name,
-.page-view-comments .user-name,
-.container-edit-comment .user-name,
-.container-add-reply .user-name,
-.page-edit-comment .user-name,
-.page-add-reply .user-name,
-.page-edit-reply .user-name {
- font-size: 16px;
- line-height: 22px;
- color: #000000;
- margin: 0;
-}
-.page-comments .comment-date,
-.page-add-comment .comment-date,
-.page-view-comments .comment-date,
-.container-edit-comment .comment-date,
-.container-add-reply .comment-date,
-.page-edit-comment .comment-date,
-.page-add-reply .comment-date,
-.page-edit-reply .comment-date,
-.page-comments .reply-date,
-.page-add-comment .reply-date,
-.page-view-comments .reply-date,
-.container-edit-comment .reply-date,
-.container-add-reply .reply-date,
-.page-edit-comment .reply-date,
-.page-add-reply .reply-date,
-.page-edit-reply .reply-date {
- font-size: 12px;
- line-height: 18px;
- color: #6d6d72;
- margin: 0;
- margin-top: 0px;
-}
-.page-comments .comment-text,
-.page-add-comment .comment-text,
-.page-view-comments .comment-text,
-.container-edit-comment .comment-text,
-.container-add-reply .comment-text,
-.page-edit-comment .comment-text,
-.page-add-reply .comment-text,
-.page-edit-reply .comment-text,
-.page-comments .reply-text,
-.page-add-comment .reply-text,
-.page-view-comments .reply-text,
-.container-edit-comment .reply-text,
-.container-add-reply .reply-text,
-.page-edit-comment .reply-text,
-.page-add-reply .reply-text,
-.page-edit-reply .reply-text {
- color: #000000;
- font-size: 15px;
- line-height: 25px;
- margin: 0;
- max-width: 100%;
- padding-right: 15px;
-}
-.page-comments .comment-text pre,
-.page-add-comment .comment-text pre,
-.page-view-comments .comment-text pre,
-.container-edit-comment .comment-text pre,
-.container-add-reply .comment-text pre,
-.page-edit-comment .comment-text pre,
-.page-add-reply .comment-text pre,
-.page-edit-reply .comment-text pre,
-.page-comments .reply-text pre,
-.page-add-comment .reply-text pre,
-.page-view-comments .reply-text pre,
-.container-edit-comment .reply-text pre,
-.container-add-reply .reply-text pre,
-.page-edit-comment .reply-text pre,
-.page-add-reply .reply-text pre,
-.page-edit-reply .reply-text pre {
- white-space: pre-wrap;
-}
-.page-comments .reply-item,
-.page-add-comment .reply-item,
-.page-view-comments .reply-item,
-.container-edit-comment .reply-item,
-.container-add-reply .reply-item,
-.page-edit-comment .reply-item,
-.page-add-reply .reply-item,
-.page-edit-reply .reply-item {
- padding-right: 16px;
- padding-top: 13px;
-}
-.page-comments .reply-item .header-reply,
-.page-add-comment .reply-item .header-reply,
-.page-view-comments .reply-item .header-reply,
-.container-edit-comment .reply-item .header-reply,
-.container-add-reply .reply-item .header-reply,
-.page-edit-comment .reply-item .header-reply,
-.page-add-reply .reply-item .header-reply,
-.page-edit-reply .reply-item .header-reply {
- display: flex;
- justify-content: space-between;
-}
-.page-comments .reply-item .user-name,
-.page-add-comment .reply-item .user-name,
-.page-view-comments .reply-item .user-name,
-.container-edit-comment .reply-item .user-name,
-.container-add-reply .reply-item .user-name,
-.page-edit-comment .reply-item .user-name,
-.page-add-reply .reply-item .user-name,
-.page-edit-reply .reply-item .user-name {
- padding-top: 3px;
-}
-.page-comments .comment-quote,
-.page-add-comment .comment-quote,
-.page-view-comments .comment-quote,
-.container-edit-comment .comment-quote,
-.container-add-reply .comment-quote,
-.page-edit-comment .comment-quote,
-.page-add-reply .comment-quote,
-.page-edit-reply .comment-quote {
- color: #aa5252;
- border-left: 1px solid #aa5252;
- padding-left: 10px;
- padding-right: 16px;
- margin: 5px 0;
- font-size: 15px;
-}
-.page-comments .wrap-comment,
-.page-add-comment .wrap-comment,
-.page-view-comments .wrap-comment,
-.container-edit-comment .wrap-comment,
-.container-add-reply .wrap-comment,
-.page-edit-comment .wrap-comment,
-.page-add-reply .wrap-comment,
-.page-edit-reply .wrap-comment,
-.page-comments .wrap-reply,
-.page-add-comment .wrap-reply,
-.page-view-comments .wrap-reply,
-.container-edit-comment .wrap-reply,
-.container-add-reply .wrap-reply,
-.page-edit-comment .wrap-reply,
-.page-add-reply .wrap-reply,
-.page-edit-reply .wrap-reply {
- padding: 16px 24px 0 16px;
-}
-.page-comments .comment-textarea,
-.page-add-comment .comment-textarea,
-.page-view-comments .comment-textarea,
-.container-edit-comment .comment-textarea,
-.container-add-reply .comment-textarea,
-.page-edit-comment .comment-textarea,
-.page-add-reply .comment-textarea,
-.page-edit-reply .comment-textarea,
-.page-comments .reply-textarea,
-.page-add-comment .reply-textarea,
-.page-view-comments .reply-textarea,
-.container-edit-comment .reply-textarea,
-.container-add-reply .reply-textarea,
-.page-edit-comment .reply-textarea,
-.page-add-reply .reply-textarea,
-.page-edit-reply .reply-textarea,
-.page-comments .edit-reply-textarea,
-.page-add-comment .edit-reply-textarea,
-.page-view-comments .edit-reply-textarea,
-.container-edit-comment .edit-reply-textarea,
-.container-add-reply .edit-reply-textarea,
-.page-edit-comment .edit-reply-textarea,
-.page-add-reply .edit-reply-textarea,
-.page-edit-reply .edit-reply-textarea {
- margin-top: 10px;
- background: transparent;
- outline: none;
- width: 100%;
- font-size: 15px;
- border: none;
- border-radius: 3px;
- min-height: 100px;
-}
-.page-comments .header-comment,
-.page-add-comment .header-comment,
-.page-view-comments .header-comment,
-.container-edit-comment .header-comment,
-.container-add-reply .header-comment,
-.page-edit-comment .header-comment,
-.page-add-reply .header-comment,
-.page-edit-reply .header-comment {
- display: flex;
- justify-content: space-between;
- padding-right: 16px;
-}
-.page-comments .header-comment .comment-right,
-.page-add-comment .header-comment .comment-right,
-.page-view-comments .header-comment .comment-right,
-.container-edit-comment .header-comment .comment-right,
-.container-add-reply .header-comment .comment-right,
-.page-edit-comment .header-comment .comment-right,
-.page-add-reply .header-comment .comment-right,
-.page-edit-reply .header-comment .comment-right {
- display: flex;
- justify-content: space-between;
- width: 70px;
-}
-.page-comments .header-comment .comment-left,
-.page-add-comment .header-comment .comment-left,
-.page-view-comments .header-comment .comment-left,
-.container-edit-comment .header-comment .comment-left,
-.container-add-reply .header-comment .comment-left,
-.page-edit-comment .header-comment .comment-left,
-.page-add-reply .header-comment .comment-left,
-.page-edit-reply .header-comment .comment-left {
- display: flex;
- justify-content: space-between;
-}
-.page-comments .header-comment .initials-comment,
-.page-add-comment .header-comment .initials-comment,
-.page-view-comments .header-comment .initials-comment,
-.container-edit-comment .header-comment .initials-comment,
-.container-add-reply .header-comment .initials-comment,
-.page-edit-comment .header-comment .initials-comment,
-.page-add-reply .header-comment .initials-comment,
-.page-edit-reply .header-comment .initials-comment {
- height: 40px;
- width: 40px;
- border-radius: 50px;
- color: #FFFFFF;
- display: flex;
- justify-content: center;
- align-items: center;
- margin-right: 16px;
- font-size: 18px;
-}
-.page-comments .header-reply .reply-left,
-.page-add-comment .header-reply .reply-left,
-.page-view-comments .header-reply .reply-left,
-.container-edit-comment .header-reply .reply-left,
-.container-add-reply .header-reply .reply-left,
-.page-edit-comment .header-reply .reply-left,
-.page-add-reply .header-reply .reply-left,
-.page-edit-reply .header-reply .reply-left {
- display: flex;
- justify-content: space-between;
- align-items: flex-start;
-}
-.page-comments .header-reply .initials-reply,
-.page-add-comment .header-reply .initials-reply,
-.page-view-comments .header-reply .initials-reply,
-.container-edit-comment .header-reply .initials-reply,
-.container-add-reply .header-reply .initials-reply,
-.page-edit-comment .header-reply .initials-reply,
-.page-add-reply .header-reply .initials-reply,
-.page-edit-reply .header-reply .initials-reply {
- width: 24px;
- height: 24px;
- color: #FFFFFF;
- font-size: 11px;
- display: flex;
- justify-content: center;
- align-items: center;
- margin-right: 16px;
- border-radius: 50px;
- margin-top: 5px;
-}
-.settings.popup .list-block ul.list-reply:last-child:after,
-.settings.popover .list-block ul.list-reply:last-child:after {
- display: none;
-}
-.container-view-comment {
- position: fixed;
- -webkit-transition: height 100ms;
- transition: height 100ms;
- background-color: #FFFFFF;
- border-top-left-radius: 4px;
- border-top-right-radius: 4px;
- height: 50%;
- box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.2), 0px 4px 5px rgba(0, 0, 0, 0.12), 0px 2px 4px rgba(0, 0, 0, 0.14);
-}
-.container-view-comment .page-view-comments {
- background-color: #FFFFFF;
-}
-.container-view-comment .page-view-comments .list-block {
- margin-bottom: 120px;
-}
-.container-view-comment .page-view-comments .list-block ul:before,
-.container-view-comment .page-view-comments .list-block ul:after {
- content: none;
-}
-.container-view-comment .page-view-comments .list-block .item-inner {
- padding: 0;
-}
-.container-view-comment .toolbar {
- position: fixed;
- background-color: #FFFFFF;
- box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.2), 0px 4px 5px rgba(0, 0, 0, 0.12), 0px 2px 4px rgba(0, 0, 0, 0.14);
-}
-.container-view-comment .toolbar.toolbar-bottom {
- top: auto;
-}
-.container-view-comment .toolbar:before {
- content: none;
-}
-.container-view-comment .toolbar a.link {
- color: #aa5252;
- font-size: 16px;
-}
-.container-view-comment .toolbar .toolbar-inner {
- display: flex;
- justify-content: space-between;
- padding: 0 16px;
-}
-.container-view-comment .toolbar .toolbar-inner .button-left {
- min-width: 80px;
-}
-.container-view-comment .toolbar .toolbar-inner .button-right {
- min-width: 62px;
- display: flex;
- justify-content: space-between;
-}
-.container-view-comment .toolbar .toolbar-inner .button-right a {
- padding: 0 8px;
-}
-.container-view-comment .swipe-container {
- display: flex;
- justify-content: center;
- height: 40px;
-}
-.container-view-comment .swipe-container .icon-swipe {
- margin-top: 8px;
- width: 40px;
- height: 4px;
- background: rgba(0, 0, 0, 0.12);
- border-radius: 2px;
-}
-.container-view-comment .list-block {
- margin-top: 0;
-}
-.container-view-comment.popover {
- position: absolute;
- border-radius: 4px;
- min-height: 170px;
- height: 400px;
- max-height: 600px;
-}
-.container-view-comment.popover .toolbar {
- position: absolute;
- border-radius: 0 0 4px 4px;
-}
-.container-view-comment.popover .toolbar .toolbar-inner {
- padding-right: 0;
-}
-.container-view-comment.popover .pages {
- position: absolute;
-}
-.container-view-comment.popover .pages .page {
- border-radius: 13px;
-}
-.container-view-comment.popover .pages .page .page-content {
- padding: 16px;
- padding-bottom: 80px;
-}
-.container-view-comment.popover .pages .page .page-content .list-block {
- margin-bottom: 0px;
-}
-.container-view-comment.popover .pages .page .page-content .list-block .item-content {
- padding-left: 0;
-}
-.container-view-comment.popover .pages .page .page-content .list-block .item-content .header-comment,
-.container-view-comment.popover .pages .page .page-content .list-block .item-content .reply-item {
- padding-right: 0;
-}
-.container-view-comment.popover .pages .page .page-content .block-reply {
- margin-top: 10px;
-}
-.container-view-comment.popover .pages .page .page-content .block-reply .reply-textarea {
- min-height: 70px;
- width: 278px;
- border: 1px solid #c4c4c4;
- border-radius: 6px;
- padding: 5px;
-}
-.container-view-comment.popover .pages .page .page-content .edit-reply-textarea {
- min-height: 60px;
- width: 100%;
- border: 1px solid #c4c4c4;
- border-radius: 6px;
- padding: 5px;
- height: 60px;
- margin-top: 10px;
-}
-.container-view-comment.popover .pages .page .page-content .comment-text {
- padding-right: 0;
-}
-.container-view-comment.popover .pages .page .page-content .comment-text .comment-textarea {
- border: 1px solid #c4c4c4;
- border-radius: 6px;
- padding: 8px;
- min-height: 80px;
- height: 80px;
-}
-#done-comment {
- padding: 0 16px;
-}
-.page-add-comment .wrap-comment,
-.page-add-comment .wrap-reply {
- padding: 16px 24px 0 16px;
-}
-.page-add-comment .wrap-comment .header-comment,
-.page-add-comment .wrap-reply .header-comment {
- justify-content: flex-start;
-}
-.page-add-comment .wrap-comment .user-name,
-.page-add-comment .wrap-reply .user-name {
- font-size: 17px;
- font-weight: bold;
-}
-.page-add-comment .wrap-comment .comment-date,
-.page-add-comment .wrap-reply .comment-date {
- font-size: 13px;
- color: #6d6d72;
-}
-.page-add-comment .wrap-comment .wrap-textarea,
-.page-add-comment .wrap-reply .wrap-textarea {
- margin-top: 16px;
- padding-right: 6px;
-}
-.page-add-comment .wrap-comment .wrap-textarea .comment-textarea,
-.page-add-comment .wrap-reply .wrap-textarea .comment-textarea {
- font-size: 17px;
- border: none;
- margin-top: 0;
- min-height: 100px;
- border-radius: 4px;
-}
-.page-add-comment .wrap-comment .wrap-textarea .comment-textarea::placeholder,
-.page-add-comment .wrap-reply .wrap-textarea .comment-textarea::placeholder {
- color: #9e9e9e;
- font-size: 17px;
-}
-.container-edit-comment,
-.container-add-reply {
- height: 100%;
-}
-.container-edit-comment .navbar:after,
-.container-add-reply .navbar:after {
- content: '';
- position: absolute;
- left: 0;
- bottom: 0;
- right: auto;
- top: auto;
- height: 1px;
- width: 100%;
- background-color: #c4c4c4;
- display: block;
- z-index: 15;
- -webkit-transform-origin: 50% 100%;
- transform-origin: 50% 100%;
-}
-.container-edit-comment .navbar .navbar-inner,
-.container-add-reply .navbar .navbar-inner {
- justify-content: space-between;
-}
-.container-edit-comment .navbar a.link i + span,
-.container-add-reply .navbar a.link i + span {
- margin-left: 0;
-}
-.container-edit-comment .navbar .center,
-.container-add-reply .navbar .center {
- font-size: 18px;
-}
-.container-edit-comment .navbar .right,
-.container-add-reply .navbar .right {
- margin-left: 0;
-}
-.container-edit-comment .page-add-comment,
-.container-add-reply .page-add-comment {
- background-color: #FFFFFF;
-}
-.container-edit-comment .header-comment,
-.container-add-reply .header-comment {
- justify-content: flex-start;
-}
-.actions-modal-button.color-red {
- color: #f44336;
-}
-.page-edit-comment,
-.page-add-reply,
-.page-edit-reply {
- background-color: #FFFFFF;
-}
-.page-edit-comment .header-comment,
-.page-add-reply .header-comment,
-.page-edit-reply .header-comment {
- justify-content: flex-start;
-}
-.page-edit-comment .navbar .right,
-.page-add-reply .navbar .right,
-.page-edit-reply .navbar .right {
- height: 100%;
-}
-.page-edit-comment .navbar .right #add-new-reply,
-.page-add-reply .navbar .right #add-new-reply,
-.page-edit-reply .navbar .right #add-new-reply,
-.page-edit-comment .navbar .right #edit-comment,
-.page-add-reply .navbar .right #edit-comment,
-.page-edit-reply .navbar .right #edit-comment,
-.page-edit-comment .navbar .right #edit-reply,
-.page-add-reply .navbar .right #edit-reply,
-.page-edit-reply .navbar .right #edit-reply {
- display: flex;
- align-items: center;
- padding-left: 16px;
- padding-right: 16px;
- height: 100%;
-}
-.container-edit-comment {
- position: fixed;
-}
-.tablet .searchbar.document.replace .center > .replace {
- display: flex;
-}
-.tablet .searchbar.document.replace .right .replace {
- display: flex;
-}
-.tablet .searchbar.document.replace .link.replace {
- font-size: 16px;
-}
-.tablet .searchbar.document .center {
- width: 100%;
- display: flex;
- margin: 0;
- overflow: visible;
-}
-.tablet .searchbar.document .center .searchbar {
- overflow: visible;
-}
-.tablet .searchbar.document .center .searchbar.search {
- padding: 0;
-}
-.tablet .searchbar.document .center > .replace {
- display: none;
-}
-.tablet .searchbar.document .right .replace {
- display: none;
-}
-.phone .searchbar.document.replace {
- height: 96px;
-}
-.phone .searchbar.document.replace .link.replace {
- font-size: 16px;
-}
-.phone .searchbar.document.replace .left {
- margin-top: -48px;
-}
-.phone .searchbar.document.replace .center .replace {
- display: block;
-}
-.phone .searchbar.document.replace .right > .replace {
- display: flex;
-}
-.phone .searchbar.document .left,
-.phone .searchbar.document .center,
-.phone .searchbar.document .right {
- flex-direction: column;
-}
-.phone .searchbar.document .center {
- width: 100%;
- margin: 0;
- overflow: visible;
-}
-.phone .searchbar.document .center .searchbar {
- padding: 0;
-}
-.phone .searchbar.document .center .replace {
- display: none;
-}
-.phone .searchbar.document .right > p {
- margin: 0;
-}
-.phone .searchbar.document .right > p a.link {
- height: 48px;
-}
-.phone .searchbar.document .right > .replace {
- display: none;
-}
-i.icon.icon-expand-up {
- width: 17px;
- height: 17px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23000000%22%3E%3Cg%3E%3Cpolygon%20points%3D%2210.9%2C5.1%202%2C13.9%204.1%2C16%2011.1%2C9.2%2017.9%2C16%2020%2C13.9%2011.2%2C5.1%2011.1%2C5%20%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-expand-down {
- width: 17px;
- height: 17px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23000000%22%3E%3Cg%3E%3Cpolygon%20points%3D%2210.9%2C16.9%202%2C8.1%204.1%2C6%2011.1%2C12.8%2017.9%2C6%2020%2C8.1%2011.2%2C16.9%2011.1%2C17%20%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-search {
- width: 22px;
- height: 22px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23aa5252%22%3E%3Cg%3E%3Cpath%20d%3D%22M19.5%2C16.8L16%2C13.3c0.7-1.1%2C1.1-2.4%2C1.1-3.8C17%2C5.4%2C13.6%2C2%2C9.5%2C2S2%2C5.4%2C2%2C9.5S5.4%2C17%2C9.5%2C17c1.4%2C0%2C2.7-0.4%2C3.8-1.1l3.5%2C3.5c0.7%2C0.7%2C1.9%2C0.7%2C2.6%2C0C20.2%2C18.7%2C20.2%2C17.6%2C19.5%2C16.8z%20M9.5%2C15.3c-3.2%2C0-5.8-2.6-5.8-5.8s2.6-5.8%2C5.8-5.8s5.8%2C2.6%2C5.8%2C5.8S12.7%2C15.3%2C9.5%2C15.3z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-edit {
- width: 22px;
- height: 22px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23aa5252%22%3E%3Cg%3E%3Cpath%20d%3D%22M0%2C20h22v1H0V20z%22%2F%3E%3Cpolygon%20points%3D%2217.1%2C3.1%203.5%2C16.7%203%2C20%206.3%2C19.5%2019.9%2C5.9%20%09%22%2F%3E%3Cpath%20d%3D%22M20.5%2C5.3L22%2C3.8c0%2C0-0.2-1.2-0.9-1.9C20.4%2C1.1%2C19.2%2C1%2C19.2%2C1l-1.5%2C1.5L20.5%2C5.3z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-edit-settings {
- width: 22px;
- height: 22px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23aa5252%22%3E%3Cg%3E%3Cpath%20d%3D%22M2.5%2015L8%201h2l4.4146%2011.2574-1.6009%201.6008L12.12012%2012h-6.25L4.75%2015zM9%203.66998L6.62012%2010h4.75976z%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%2F%3E%3Cpath%20d%3D%22M10%2019.50035V22h2.49965l7.37231-7.37231-2.49965-2.49965zm11.805-6.80572c.26-.25997.26-.67991%200-.93987l-1.5598-1.559787c-.25992-.259964-.67986-.259964-.93983%200L18.08554%2011.4148l2.49966%202.49966z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-play {
- width: 22px;
- height: 22px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23aa5252%22%3E%3Cg%3E%3Cpath%20d%3D%22M4.0464363%2C2.9884553c0.006526%2C0.00296%2C0.0142345%2C0.006835%2C0.0231438%2C0.0119021%20c0.5908604%2C0.3357637%2C12.7118397%2C7.2924433%2C13.8977489%2C8.0268402c-0.5831585%2C0.3417759-13.0137587%2C7.4879274-13.934659%2C7.9826727%20L4.0464363%2C2.9884553%20M3.9889357%2C2C3.4427795%2C2.0000577%2C3.000525%2C2.4533575%2C3.000525%2C3.015348%09c0%2C0.573487%2C0%2C15.1632957%2C0%2C15.9945221C3.000525%2C19.622963%2C3.4796104%2C20%2C3.9940588%2C20%20c0.1729372%2C0%2C0.3499191-0.0426311%2C0.5139763-0.1332226c0.8905602-0.491045%2C13.1880894-7.5583372%2C13.9407387-7.9994459%20c0.6751213-0.3955202%2C0.6867313-1.337512%2C0-1.7326603C17.4031754%2C9.5333271%2C5.1523852%2C2.501852%2C4.5393953%2C2.1535165%20C4.3526201%2C2.0472794%2C4.165401%2C1.9999813%2C3.9889357%2C2L3.9889357%2C2z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-reader {
- width: 22px;
- height: 22px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23aa5252%22%3E%3Cg%3E%3Cpath%20d%3D%22M17%2C21H1V9h6V2l0%2C0h10v5h1V1H6.2L0%2C7.6V22h18v-3h-1V21z%20M6%2C2.8V8H1.1L6%2C2.8z%20M13%2C8c-5.1%2C0-9%2C5-9%2C5s4.1%2C5%2C9%2C5c5%2C0%2C9-5%2C9-5S18%2C8%2C13%2C8z%20M8.7%2C15.5C6.8%2C14.4%2C6.4%2C13%2C6.4%2C13s0.4-1.5%2C2.4-2.6C8.3%2C11.2%2C8%2C12%2C8%2C13C8%2C13.9%2C8.3%2C14.8%2C8.7%2C15.5z%20M13%2C16.7c-2.1%2C0-3.7-1.7-3.7-3.7c0-2.1%2C1.7-3.7%2C3.7-3.7c2.1%2C0%2C3.7%2C1.7%2C3.7%2C3.7C16.7%2C15.1%2C15.1%2C16.7%2C13%2C16.7z%20M17.3%2C15.5c0.4-0.7%2C0.7-1.6%2C0.7-2.5c0-1-0.3-1.8-0.7-2.6c2%2C1.1%2C3.4%2C2.6%2C3.4%2C2.6S19.2%2C14.4%2C17.3%2C15.5z%20M13%2C11.7c-0.7%2C0-1.3%2C0.6-1.3%2C1.3s0.6%2C1.3%2C1.3%2C1.3s1.3-0.6%2C1.3-1.3S13.7%2C11.7%2C13%2C11.7z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-download {
- width: 22px;
- height: 28px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2022%2022%22%20y%3D%220px%22%20x%3D%220px%22%20fill%3D%22%23aa5252%22%3E%3Cpath%20d%3D%22M12%200H11L11%2014L7.39999%2010.3L6.69999%2011.1L11.5%2016L16.3%2011.1L15.6%2010.3L12%2014L12%200Z%22%2F%3E%3Cpath%20d%3D%22M14%205V6H19V20H4V6H9V5H3V21H20V5H14Z%22%2F%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-print {
- width: 22px;
- height: 28px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%22-0%200%2022%2022%22%20y%3D%220px%22%20x%3D%220px%22%20fill%3D%22%23aa5252%22%3E%3Cg%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M5%201H17V6H21V17H17V21H5V17H1V6H5V1ZM6%206H16V2H6V6ZM5%2016V13H2V16H5ZM2%2012H20V7H2V12ZM20%2013H17V16H20V13ZM16%2013H6V20H16V13ZM14%2016H8V15H14V16ZM14%2018H8V17H14V18Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-spellcheck {
- width: 22px;
- height: 22px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23aa5252%22%3E%3Cg%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M8%201L3%2015H4.2L5.97686%2010H11.0231L11.6768%2011.8394C11.955%2011.5504%2012.262%2011.2892%2012.593%2011.0605L9%201H8ZM8.5%202.9L10.6678%209H6.33223L8.5%202.9Z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M16%2021C18.7614%2021%2021%2018.7614%2021%2016C21%2013.2386%2018.7614%2011%2016%2011C13.2386%2011%2011%2013.2386%2011%2016C11%2018.7614%2013.2386%2021%2016%2021ZM15.3536%2018.3536L19.3536%2014.3536L18.6464%2013.6464L15%2017.2929L13.3536%2015.6464L12.6464%2016.3536L14.6464%2018.3536L15%2018.7071L15.3536%2018.3536Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-info {
- width: 22px;
- height: 22px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23aa5252%22%3E%3Cg%3E%3Cpath%20d%3D%22M10%2C17h2V8h-2V17z%20M11%2C1C5.5%2C1%2C1%2C5.5%2C1%2C11s4.5%2C10%2C10%2C10s10-4.5%2C10-10S16.5%2C1%2C11%2C1z%20M11%2C20c-5%2C0-9-4-9-9s4-9%2C9-9s9%2C4%2C9%2C9S16%2C20%2C11%2C20z%20M10%2C7h2V5h-2V7z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-about {
- width: 22px;
- height: 22px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%22-1%207%2022%2022%22%20fill%3D%22%23aa5252%22%3E%3Cg%3E%3Cpath%20d%3D%22M21%2C18.5c0-0.3-0.1-0.6-0.7-0.9l-2.6-1.2l2.6-1.2c0.6-0.3%2C0.7-0.6%2C0.7-0.9c0-0.3-0.1-0.6-0.7-0.9l-8.9-4.1c-0.7-0.4-1.9-0.4-2.8%2C0l-8.9%2C4.1C-0.9%2C13.8-1%2C14.1-1%2C14.3s0.1%2C0.6%2C0.7%2C0.9l2.6%2C1.2l-2.6%2C1.2C-0.9%2C18-1%2C18.4-1%2C18.5c0%2C0.2%2C0.1%2C0.6%2C0.7%2C0.9l2.5%2C1.2l-2.5%2C1.2C-0.9%2C22.1-1%2C22.5-1%2C22.7c0%2C0.3%2C0.1%2C0.6%2C0.7%2C0.9l8.9%2C4.1c0.5%2C0.2%2C0.8%2C0.3%2C1.4%2C0.3s1-0.1%2C1.4-0.3l8.9-4.1c0.6-0.4%2C0.7-0.6%2C0.7-0.9c0-0.3-0.1-0.6-0.7-0.9l-2.5-1.2l2.5-1.2C20.9%2C19.2%2C21%2C18.8%2C21%2C18.5z%20M-0.2%2C14.3L-0.2%2C14.3c0%2C0%2C0.1-0.1%2C0.3-0.2L9%2C10c0.6-0.3%2C1.5-0.3%2C2%2C0l8.9%2C4.1c0.2%2C0.1%2C0.3%2C0.2%2C0.3%2C0.2l0%2C0c0%2C0-0.1%2C0.1-0.3%2C0.2L11%2C18.6c-0.6%2C0.3-1.5%2C0.3-2%2C0l-8.9-4.1C-0.1%2C14.4-0.2%2C14.3-0.2%2C14.3z%20M20.2%2C22.7L20.2%2C22.7c0%2C0-0.1%2C0.1-0.3%2C0.2L11%2C27.1c-0.6%2C0.3-1.5%2C0.3-2%2C0l-8.9-4.1c-0.2-0.1-0.3-0.2-0.3-0.2l0%2C0c0%2C0%2C0.1-0.1%2C0.3-0.2l3-1.5l5.5%2C2.6c0.7%2C0.4%2C1.9%2C0.4%2C2.8%2C0l5.5-2.6l3%2C1.5C20.1%2C22.7%2C20.2%2C22.7%2C20.2%2C22.7z%20M19.9%2C18.7L11%2C22.8c-0.6%2C0.3-1.5%2C0.3-2%2C0l-8.9-4.1c-0.2-0.1-0.3-0.2-0.3-0.2l0%2C0c0%2C0%2C0.1-0.1%2C0.3-0.2l3-1.5l5.5%2C2.6c0.7%2C0.4%2C1.9%2C0.4%2C2.8%2C0l5.5-2.6l3%2C1.5c0.2%2C0.1%2C0.3%2C0.2%2C0.3%2C0.2l0%2C0C20.2%2C18.5%2C20.1%2C18.6%2C19.9%2C18.7z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-help {
- width: 22px;
- height: 22px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23aa5252%22%3E%3Cg%3E%3Cpath%20d%3D%22M11.6%2C1.3c-3.3%2C0-6%2C2.8-6%2C6.2c0.3%2C0%2C0.7%2C0%2C0.9%2C0c0-2.9%2C2.3-5.2%2C5.1-5.2s5.1%2C2.3%2C5.1%2C5.2c0%2C1.7-1.9%2C3.2-3%2C4.3C12.9%2C12.6%2C11%2C14.2%2C11%2C16c0%2C1.2%2C0%2C2.2%2C0%2C2.7c0.3%2C0%2C0.6%2C0%2C0.9%2C0c0-0.6%2C0-1.6%2C0-2.5c0-1.4%2C1.1-2.4%2C2.2-3.5c1.7-1.5%2C3.5-3.1%2C3.5-5.2C17.6%2C4.1%2C14.9%2C1.3%2C11.6%2C1.3z%20M11.5%2C20.2c-0.3%2C0-0.5%2C0.2-0.5%2C0.5v0.8c0%2C0.3%2C0.2%2C0.5%2C0.5%2C0.5s0.5-0.2%2C0.5-0.5v-0.8C11.9%2C20.4%2C11.7%2C20.2%2C11.5%2C20.2z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-setup {
- width: 22px;
- height: 22px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23aa5252%22%3E%3Cg%3E%3Cpath%20d%3D%22M0%2C3v16h22V3H0z%20M21%2C17H1V5h20V17z%20M16.5%2C5.9l-7.2%2C7.2L8.8%2C15H4v1c0%2C0%2C3.2%2C0%2C5%2C0c0.4%2C0%2C0.2%2C0%2C0.2-0.2l2.2-0.6L18.7%2C8L16.5%2C5.9z%20M9.9%2C13.1l6.5-6.4L18%2C8l-6.5%2C6.4L9.9%2C13.1z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-versions {
- width: 22px;
- height: 22px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%22-1%207%2022%2022%22%20fill%3D%22%23aa5252%22%3E%3Cg%3E%3Cpath%20d%3D%22M19%2C12c0-1.1-0.9-2-2-2c0-1.1-0.9-2-2-2H5c-1.1%2C0-2%2C0.9-2%2C2c-1.1%2C0-2%2C0.9-2%2C2c-1.1%2C0-2%2C0.9-2%2C2v12c0%2C1.1%2C0.9%2C2%2C2%2C2h18c1.1%2C0%2C2-0.9%2C2-2V14C21%2C12.9%2C20.1%2C12%2C19%2C12z%20M5%2C9h10c0.6%2C0%2C1%2C0.4%2C1%2C1H4C4%2C9.4%2C4.4%2C9%2C5%2C9z%20M3%2C11h14c0.6%2C0%2C1%2C0.4%2C1%2C1H2C2%2C11.4%2C2.4%2C11%2C3%2C11z%20M20%2C26c0%2C0.6-0.4%2C1-1%2C1H1c-0.6%2C0-1-0.4-1-1V14c0-0.6%2C0.4-1%2C1-1h18c0.6%2C0%2C1%2C0.4%2C1%2C1V26z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-text-align-center {
- width: 22px;
- height: 22px;
- background-color: #aa5252;
- -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23aa5252%22%3E%3Cg%3E%3Cpath%20d%3D%22M1%2C3v1h21V3H1z%20M4%2C7v1h14V7H4z%20M1%2C12h21v-1H1V12z%20M4%2C15v1h14v-1H4z%20M1%2C20h21v-1H1V20z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-text-align-jast {
- width: 22px;
- height: 22px;
- background-color: #aa5252;
- -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23aa5252%22%3E%3Cg%3E%3Cpath%20d%3D%22M1%2C3v1h21V3H1z%20M1%2C8h21V7H1V8z%20M1%2C12h21v-1H1V12z%20M1%2C16h21v-1H1V16z%20M1%2C20h21v-1H1V20z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-text-align-left {
- width: 22px;
- height: 22px;
- background-color: #aa5252;
- -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23aa5252%22%3E%3Cg%3E%3Cpath%20d%3D%22M1%2C3v1h21V3H1z%20M15%2C7H1v1h14V7z%20M1%2C12h21v-1H1V12z%20M15%2C15H1v1h14V15z%20M1%2C20h21v-1H1V20z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-text-align-right {
- width: 22px;
- height: 22px;
- background-color: #aa5252;
- -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23aa5252%22%3E%3Cg%3E%3Cpath%20d%3D%22M1%2C3v1h21V3H1z%20M8%2C8h14V7H8V8z%20M22%2C11H1v1h21V11z%20M8%2C16h14v-1H8V16z%20M22%2C19H1v1h21V19z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-de-indent {
- width: 22px;
- height: 22px;
- background-color: #aa5252;
- -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23aa5252%22%3E%3Cg%3E%3Cpath%20d%3D%22M1%2C20v-1h21v1H1z%20M11%2C15h11v1H11V15z%20M11%2C11h11v1H11V11z%20M11%2C7h11v1H11V7z%20M6.3%2C7L7%2C7.7l-3.8%2C3.8L7%2C15.3L6.3%2C16L2%2C11.8l-0.2-0.3L2%2C11.2L6.3%2C7z%20M1%2C3h21v1H1V3z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-in-indent {
- width: 22px;
- height: 22px;
- background-color: #aa5252;
- -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23aa5252%22%3E%3Cg%3E%3Cpath%20d%3D%22M1%2C20v-1h21v1H1z%20M12%2C16H1v-1h11V16z%20M12%2C12H1v-1h11V12z%20M12%2C8H1V7h11V8z%20M21%2C11.2l0.2%2C0.3L21%2C11.8L16.7%2C16L16%2C15.3l3.8-3.8L16%2C7.7L16.7%2C7L21%2C11.2z%20M22%2C4H1V3h21V4z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-table-add-column-left {
- width: 22px;
- height: 22px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23aa5252%22%3E%3Cg%3E%3Cpath%20d%3D%22M15%2C19h-1H8H7v-1v-3H0V2h7h1h14v4v1v3v1v3v1v3v1H15z%20M15%2C18h6v-3h-6V18z%20M15%2C14h6v-3h-6V14z%20M8%2C18h6v-3H8V18z%20M8%2C14h6v-3H8V14z%20M14%2C10V7H8v3H14z%20M8%2C3v3h6V3H8z%20M21%2C3h-6v3h6V3z%20M15%2C7v3h6V7H15z%20M3%2C16h1v2h2v1H4v2H3v-2H1v-1h2V16z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-table-add-column-right {
- width: 22px;
- height: 22px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23aa5252%22%3E%3Cg%3E%3Cpath%20d%3D%22M0%2C19l0-1l0-3l0-1l0-3l0-1l0-3l0-1l0-4h14h1h7v13h-7v3v1h-1H8H7H0z%20M7%2C15H1v3h6V15z%20M7%2C11H1v3h6V11z%20M14%2C15H8v3h6V15z%20M14%2C11H8v3h6V11z%20M14%2C10V7H8v3H14z%20M8%2C3v3h6V3H8z%20M1%2C6h6V3H1V6z%20M1%2C7v3h6V7H1z%20M19%2C18h2v1h-2v2h-1v-2h-2v-1h2v-2h1V18z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-table-add-row-above {
- width: 22px;
- height: 22px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23aa5252%22%3E%3Cg%3E%3Cpath%20d%3D%22M21%2C20h-6h-1H8H7H0v-1v-3v-1v-3v-1V8V7V1h15v6h6h1v1v3v1v3v1v3v1H21z%20M7%2C8H1v3h6V8z%20M7%2C12H1v3h6V12z%20M7%2C16H1v3h6V16z%20M8%2C19h6v-3H8V19z%20M8%2C15h6v-3H8V15z%20M8%2C11h6V8H8V11z%20M21%2C8h-6v3h6V8z%20M21%2C12h-6v3h6V12z%20M21%2C16h-6v3h6V16z%20M19%2C6h-1V4h-2V3h2V1h1v2h2v1h-2V6z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-table-add-row-below {
- width: 22px;
- height: 22px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23aa5252%22%3E%3Cg%3E%3Cpath%20d%3D%22M22%2C1v1v3v1v3v1v3v1h-1h-6v6H0v-6v-1v-3V9V6V5V2V1h7h1h6h1h6H22z%20M7%2C10H1v3h6V10z%20M7%2C6H1v3h6V6z%20M7%2C2H1v3h6V2z%20M8%2C5h6V2H8V5z%20M8%2C9h6V6H8V9z%20M8%2C13h6v-3H8V13z%20M21%2C10h-6v3h6V10z%20M21%2C6h-6v3h6V6z%20M21%2C2h-6v3h6V2z%20M19%2C17h2v1h-2v2h-1v-2h-2v-1h2v-2h1V17z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-table-remove-column {
- width: 22px;
- height: 22px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23aa5252%22%3E%3Cg%3E%3Cpath%20d%3D%22M21%2C19h-6h-1h-1.6c-0.9%2C1.8-2.7%2C3-4.9%2C3s-4-1.2-4.9-3H1H0v-1v-3v-1v-3v-1V7V6V3V2h7h1h6h1h6h1v1v3v1v3v1v3v1v3v1H21z%20M7.5%2C12C5%2C12%2C3%2C14%2C3%2C16.5S5%2C21%2C7.5%2C21s4.5-2%2C4.5-4.5S10%2C12%2C7.5%2C12z%20M14%2C3H8v3h6V3z%20M14%2C7H8v3h6V7z%20M14%2C11H8v0.1c1.9%2C0.2%2C3.5%2C1.3%2C4.4%2C2.9H14V11z%20M14%2C15h-1.2c0.1%2C0.5%2C0.2%2C1%2C0.2%2C1.5c0%2C0.5-0.1%2C1-0.2%2C1.5H14V15z%20M21%2C3h-6v3h6V3z%20M21%2C7h-6v3h6V7z%20M21%2C11h-6v3h6V11z%20M21%2C15h-6v3h6V15z%20M9.6%2C19.3l-2.1-2.1l-2.1%2C2.1l-0.7-0.7l2.1-2.1l-2.1-2.1l0.7-0.7l2.1%2C2.1l2.1-2.1l0.7%2C0.7l-2.1%2C2.1l2.1%2C2.1L9.6%2C19.3z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-table-remove-row {
- width: 22px;
- height: 22px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23aa5252%22%3E%3Cg%3E%3Cpath%20d%3D%22M21%2C19h-6h-1h-1.6c-0.9%2C1.8-2.7%2C3-4.9%2C3s-4-1.2-4.9-3H1H0v-1v-3v-1v-3v-1V7V6V3V2h7h1h6h1h6h1v1v3v1v3v1v3v1v3v1H21z%20M1%2C18h1.2C2.1%2C17.5%2C2%2C17%2C2%2C16.5c0-0.5%2C0.1-1%2C0.2-1.5H1V18z%20M7%2C3H1v3h6V3z%20M7%2C7H1v3h6V7z%20M7.5%2C12C5%2C12%2C3%2C14%2C3%2C16.5S5%2C21%2C7.5%2C21s4.5-2%2C4.5-4.5S10%2C12%2C7.5%2C12z%20M14%2C3H8v3h6V3z%20M14%2C7H8v3h6V7z%20M14%2C15h-1.2c0.1%2C0.5%2C0.2%2C1%2C0.2%2C1.5c0%2C0.5-0.1%2C1-0.2%2C1.5H14V15z%20M21%2C3h-6v3h6V3z%20M21%2C7h-6v3h6V7z%20M21%2C15h-6v3h6V15z%20M9.6%2C19.3l-2.1-2.1l-2.1%2C2.1l-0.7-0.7l2.1-2.1l-2.1-2.1l0.7-0.7l2.1%2C2.1l2.1-2.1l0.7%2C0.7l-2.1%2C2.1l2.1%2C2.1L9.6%2C19.3z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-pagebreak {
- width: 22px;
- height: 22px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23aa5252%22%3E%3Cg%3E%3Cpath%20d%3D%22M8%2C14v1h1v-1H8z%20M6%2C14v1h1v-1H6z%20M18%2C21H3v-6H2v7h17v-7h-1V21z%20M4%2C14v1h1v-1H4z%20M14%2C14v1h1v-1H14z%20M10%2C14v1h1v-1H10z%20M8.2%2C1L2%2C7.6V14h1V9h6V2l0%2C0h9v12h1V1H8.2z%20M8%2C8H3.1L8%2C2.8V8z%20M12%2C14v1h1v-1H12z%20M16%2C14v1h1v-1H16z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-sectionbreak {
- width: 22px;
- height: 22px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23aa5252%22%3E%3Cg%3E%3Cpath%20d%3D%22M20%2C14V2H3v12H2V1h19v13H20z%20M5%2C14v1H4v-1H5z%20M7%2C14v1H6v-1H7z%20M9%2C14v1H8v-1H9z%20M11%2C14v1h-1v-1H11z%20M13%2C14v1h-1v-1H13z%20M15%2C14v1h-1v-1H15z%20M17%2C14v1h-1v-1H17z%20M18%2C14h1v1h-1V14z%20M3%2C21h17v-6h1v7H2v-7h1V21z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-stringbreak {
- width: 22px;
- height: 22px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23aa5252%22%3E%3Cg%3E%3Cpath%20d%3D%22M18%2C12H5.1L9%2C15.9l-0.7%2C0.7l-4.5-4.5l-0.6-0.6l0.6-0.6l4.5-4.5L9%2C7.1L5.1%2C11H18V5h1v6v1H18z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-pagenumber {
- width: 22px;
- height: 22px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23aa5252%22%3E%3Cg%3E%3Cpath%20d%3D%22M8.2%2C1L2%2C7.6V22h17V1H8.2z%20M8%2C2.8V8H3.1L8%2C2.8z%20M18%2C21H3V9h6V2l0%2C0h9V21z%20M12%2C19h1v-4h-0.7c0%2C0.2-0.1-0.1-0.1%2C0c-0.1%2C0.1-0.2%2C0-0.3%2C0c-0.1%2C0.1-0.2%2C0.1-0.4%2C0.1c-0.1%2C0-0.3%2C0-0.4%2C0V16H12V19z%20M15.3%2C17.3C15%2C17.9%2C15.1%2C18.4%2C15%2C19h0.9c0-0.3%2C0-0.6%2C0.1-0.9c0.1-0.3%2C0.1-0.6%2C0.3-0.9c0.1-0.3%2C0.3-0.6%2C0.4-0.9c0.2-0.3%2C0.1-0.3%2C0.3-0.5V15h-3v1h1.9C15.6%2C16.4%2C15.5%2C16.7%2C15.3%2C17.3z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-image-library {
- width: 24px;
- height: 24px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23clip0)%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M20%205.5H4C3.72386%205.5%203.5%205.72386%203.5%206V15.5822L8.03349%2011.6898C8.47476%2011.3109%209.11904%2011.2865%209.58778%2011.6308L13.5726%2014.5579L15.9619%2012.6774C16.4488%2012.2942%2017.1428%2012.3255%2017.5933%2012.7509L20.5%2015.4962V6C20.5%205.72386%2020.2761%205.5%2020%205.5ZM20.5%2017.5294L20.485%2017.5453L16.7201%2013.9895L14.3509%2015.8542C13.9095%2016.2016%2013.2905%2016.2119%2012.8378%2015.8793L8.85988%2012.9573L3.5%2017.5592V18C3.5%2018.2761%203.72386%2018.5%204%2018.5H20C20.2761%2018.5%2020.5%2018.2761%2020.5%2018V17.5294ZM4%204C2.89543%204%202%204.89543%202%206V18C2%2019.1046%202.89543%2020%204%2020H20C21.1046%2020%2022%2019.1046%2022%2018V6C22%204.89543%2021.1046%204%2020%204H4ZM16.5%209.5C16.5%2011.1569%2015.1569%2012.5%2013.5%2012.5C11.8431%2012.5%2010.5%2011.1569%2010.5%209.5C10.5%207.84315%2011.8431%206.5%2013.5%206.5C15.1569%206.5%2016.5%207.84315%2016.5%209.5ZM13.5%2011C14.3284%2011%2015%2010.3284%2015%209.5C15%208.67157%2014.3284%208%2013.5%208C12.6716%208%2012%208.67157%2012%209.5C12%2010.3284%2012.6716%2011%2013.5%2011Z%22%20fill%3D%22%23aa5252%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0%22%3E%3Cpath%20d%3D%22M0%200H24V24H0V0Z%22%20fill%3D%22transparent%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-text-valign-top {
- width: 22px;
- height: 22px;
- background-color: #aa5252;
- -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23aa5252%22%3E%3Cg%3E%3Crect%20class%3D%22cls-1%22%20x%3D%222%22%20y%3D%222%22%20width%3D%2219%22%20height%3D%221%22%2F%3E%3Crect%20class%3D%22cls-1%22%20x%3D%222%22%20y%3D%224%22%20width%3D%2219%22%20height%3D%221%22%2F%3E%3Cpolygon%20class%3D%22cls-1%22%20points%3D%2212%2018%2011%2018%2011%207.83%208.65%209.8%208%208.94%2011.5%206%2015%209%2014.35%209.8%2012%207.83%2012%2018%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-text-valign-middle {
- width: 22px;
- height: 22px;
- background-color: #aa5252;
- -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23aa5252%22%3E%3Cg%3E%3Crect%20class%3D%22cls-1%22%20x%3D%222%22%20y%3D%2210%22%20width%3D%2219%22%20height%3D%221%22%2F%3E%3Crect%20class%3D%22cls-1%22%20x%3D%222%22%20y%3D%2212%22%20width%3D%2219%22%20height%3D%221%22%2F%3E%3Cpolygon%20class%3D%22cls-1%22%20points%3D%2211%202%2012%202%2012%207.17%2014.35%205.2%2015%206.06%2011.5%209%208%206%208.65%205.2%2011%207.17%2011%202%22%2F%3E%3Cpolygon%20class%3D%22cls-1%22%20points%3D%2212%2021%2011%2021%2011%2015.83%208.65%2017.8%208%2016.94%2011.5%2014%2015%2017%2014.35%2017.8%2012%2015.83%2012%2021%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-text-valign-bottom {
- width: 22px;
- height: 22px;
- background-color: #aa5252;
- -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23aa5252%22%3E%3Cg%3E%3Crect%20class%3D%22cls-1%22%20x%3D%222%22%20y%3D%2218%22%20width%3D%2219%22%20height%3D%221%22%2F%3E%3Crect%20class%3D%22cls-1%22%20x%3D%222%22%20y%3D%2220%22%20width%3D%2219%22%20height%3D%221%22%2F%3E%3Cpolygon%20class%3D%22cls-1%22%20points%3D%2211%204%2012%204%2012%2015.17%2014.35%2013.2%2015%2014.06%2011.5%2017%208%2014%208.65%2013.2%2011%2015.17%2011%204%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-table-borders-all {
- width: 28px;
- height: 28px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2028%2028%22%20fill%3D%22%23aa5252%22%3E%3Cg%3E%3Cpath%20d%3D%22M26.9%2C0H0V27H27V0H26.9ZM13%2C26H1V14H13V26Zm0-13H1V1H13V13ZM26%2C26H14V14H26V26Zm0-13H14V1H26V13Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-table-borders-none {
- width: 28px;
- height: 28px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2028%2028%22%20fill%3D%22%23aa5252%22%3E%3Cg%3E%3Cpath%20opacity%3D%220.3%22%20d%3D%22M26.9%2C0H0V27H27V0H26.9ZM13%2C26H1V14H13V26Zm0-13H1V1H13V13ZM26%2C26H14V14H26V26Zm0-13H14V1H26V13Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-table-borders-inner {
- width: 28px;
- height: 28px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2028%2028%22%20fill%3D%22%23aa5252%22%3E%3Cg%3E%3Cpolygon%20points%3D%2226%2013%2014%2013%2014%201%2013%201%2013%2013%201%2013%201%2014%2013%2014%2013%2026%2014%2026%2014%2014%2026%2014%2026%2013%22%2F%3E%3Cpath%20opacity%3D%220.3%22%20d%3D%22M27%2C0H0V27H27V0ZM1%2C26V1H26V26H1Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-table-borders-outer {
- width: 28px;
- height: 28px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2028%2028%22%20fill%3D%22%23aa5252%22%3E%3Cg%3E%3Cpath%20d%3D%22M27%2C0H0V27H27V0ZM1%2C26V1H26V26H1Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-table-borders-left {
- width: 28px;
- height: 28px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2028%2028%22%20fill%3D%22%23aa5252%22%3E%3Cg%3E%3Cpath%20opacity%3D%220.3%22%20d%3D%22M27%2C0H0V27H27V0ZM1%2C26V1H26V26H1Z%22%2F%3E%3Crect%20width%3D%221%22%20height%3D%2227%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-table-borders-center {
- width: 28px;
- height: 28px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2028%2028%22%20fill%3D%22%23aa5252%22%3E%3Cg%3E%3Cpath%20opacity%3D%220.3%22%20d%3D%22M27%2C0H0V27H27V0ZM1%2C26V1H26V26H1Z%22%2F%3E%3Crect%20x%3D%2213%22%20width%3D%221%22%20height%3D%2227%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-table-borders-right {
- width: 28px;
- height: 28px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2028%2028%22%20fill%3D%22%23aa5252%22%3E%3Cg%3E%3Cpath%20opacity%3D%220.3%22%20d%3D%22M27%2C0H0V27H27V0ZM1%2C26V1H26V26H1Z%22%2F%3E%3Crect%20x%3D%2226%22%20width%3D%221%22%20height%3D%2227%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-table-borders-top {
- width: 28px;
- height: 28px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2028%2028%22%20fill%3D%22%23aa5252%22%3E%3Cg%3E%3Cpath%20opacity%3D%220.3%22%20d%3D%22M27%2C0H0V27H27V0ZM1%2C26V1H26V26H1Z%22%2F%3E%3Crect%20width%3D%2227%22%20height%3D%221%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-table-borders-middle {
- width: 28px;
- height: 28px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2028%2028%22%20fill%3D%22%23aa5252%22%3E%3Cg%3E%3Cpath%20opacity%3D%220.3%22%20d%3D%22M27%2C0H0V27H27V0ZM1%2C26V1H26V26H1Z%22%2F%3E%3Crect%20y%3D%2213%22%20width%3D%2227%22%20height%3D%221%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-table-borders-bottom {
- width: 28px;
- height: 28px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2028%2028%22%20fill%3D%22%23aa5252%22%3E%3Cg%3E%3Cpath%20opacity%3D%220.3%22%20d%3D%22M27%2C0H0V27H27V0ZM1%2C26V1H26V26H1Z%22%2F%3E%3Crect%20y%3D%2226%22%20width%3D%2227%22%20height%3D%221%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-move-backward {
- width: 28px;
- height: 28px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2028%2028%22%20fill%3D%22%23aa5252%22%3E%3Cg%3E%3Crect%20opacity%3D%220.3%22%20x%3D%221%22%20y%3D%221%22%20width%3D%2217%22%20height%3D%2217%22%2F%3E%3Cpath%20d%3D%22M10%2C10V27H27V10H10ZM26%2C26H11V11H26V26Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-move-forward {
- width: 28px;
- height: 28px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2028%2028%22%20fill%3D%22%23aa5252%22%3E%3Cg%3E%3Cpath%20opacity%3D%220.3%22%20d%3D%22M10%2C10V27H27V10H10ZM26%2C26H11V11H26V26Z%22%2F%3E%3Crect%20x%3D%221%22%20y%3D%221%22%20width%3D%2217%22%20height%3D%2217%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-move-background {
- width: 28px;
- height: 28px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2028%2028%22%20fill%3D%22%23aa5252%22%3E%3Cg%3E%3Crect%20opacity%3D%220.3%22%20x%3D%228%22%20y%3D%228%22%20width%3D%2213%22%20height%3D%2213%22%2F%3E%3Cpath%20d%3D%22M1%2C1V13H13V1H1ZM12%2C12H2V2H12V12Z%22%2F%3E%3Cpath%20d%3D%22M15%2C15V27H27V15H15ZM26%2C26H16V16H26V26Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-move-foreground {
- width: 28px;
- height: 28px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2028%2028%22%20fill%3D%22%23aa5252%22%3E%3Cg%3E%3Cpath%20opacity%3D%220.3%22%20d%3D%22M1%2C1V13H13V1H1ZM12%2C12H2V2H12V12Z%22%2F%3E%3Cpath%20opacity%3D%220.3%22%20d%3D%22M15%2C15V27H27V15H15ZM26%2C26H16V16H26V26Z%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%228%22%20width%3D%2213%22%20height%3D%2213%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-align-left {
- width: 22px;
- height: 22px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2022%2022%22%20style%3D%22enable-background%3Anew%200%200%2022%2022%3B%22%20xml%3Aspace%3D%22preserve%22%20fill%3D%22%23aa5252%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%3C%2Fstyle%3E%3Cg%3E%3Cg%20id%3D%22XMLID_35_%22%3E%3Cpath%20id%3D%22XMLID_36_%22%20class%3D%22st0%22%20d%3D%22M1%2C21h1V1H1V21z%20M4%2C13v4h16v-4H4z%20M12%2C5H4v4h8V5z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-align-center {
- width: 22px;
- height: 22px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2022%2022%22%20style%3D%22enable-background%3Anew%200%200%2022%2022%3B%22%20xml%3Aspace%3D%22preserve%22%20fill%3D%22%23aa5252%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%3C%2Fstyle%3E%3Cg%20id%3D%22XMLID_5_%22%3E%3Cg%20id%3D%22XMLID_24_%22%3E%3Cpolygon%20id%3D%22XMLID_25_%22%20class%3D%22st0%22%20points%3D%2219%2C13%2011%2C13%2011%2C9%2015%2C9%2015%2C5%2011%2C5%2011%2C1%2010%2C1%2010%2C5%206%2C5%206%2C9%2010%2C9%2010%2C13%202%2C13%202%2C17%2010%2C17%2010%2C21%2011%2C21%2011%2C17%2019%2C17%20%09%09%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-align-right {
- width: 22px;
- height: 22px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2022%2022%22%20style%3D%22enable-background%3Anew%200%200%2022%2022%3B%22%20xml%3Aspace%3D%22preserve%22%20fill%3D%22%23aa5252%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%3C%2Fstyle%3E%3Cg%20id%3D%22XMLID_5_%22%3E%3Cg%20id%3D%22XMLID_42_%22%3E%3Cpath%20id%3D%22XMLID_44_%22%20class%3D%22st0%22%20d%3D%22M20%2C1v20h1V1H20z%20M2%2C17h16v-4H2V17z%20M10%2C9h8V5h-8V9z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-align-top {
- width: 22px;
- height: 22px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2022%2022%22%20style%3D%22enable-background%3Anew%200%200%2022%2022%3B%22%20xml%3Aspace%3D%22preserve%22%20fill%3D%22%23aa5252%22%3E%3Cg%3E%3Cg%20id%3D%22XMLID_35_%22%3E%3Cpath%20id%3D%22XMLID_36_%22%20d%3D%22M1%2C1v1h20V1H1z%20M9%2C4H5v16h4V4z%20M17%2C12V4h-4v8H17z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-align-middle {
- width: 22px;
- height: 22px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2022%2022%22%20style%3D%22enable-background%3Anew%200%200%2022%2022%3B%22%20xml%3Aspace%3D%22preserve%22%20fill%3D%22%23aa5252%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%3C%2Fstyle%3E%3Cg%20id%3D%22XMLID_5_%22%3E%3Cg%20id%3D%22XMLID_24_%22%3E%3Cpolygon%20id%3D%22XMLID_25_%22%20class%3D%22st0%22%20points%3D%2213%2C2%2013%2C10%209%2C10%209%2C6%205%2C6%205%2C10%201%2C10%201%2C11%205%2C11%205%2C15%209%2C15%209%2C11%2013%2C11%2013%2C19%2017%2C19%2017%2C11%2021%2C11%2021%2C10%2017%2C10%2017%2C2%20%09%09%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-align-bottom {
- width: 22px;
- height: 22px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2022%2022%22%20style%3D%22enable-background%3Anew%200%200%2022%2022%3B%22%20xml%3Aspace%3D%22preserve%22%20fill%3D%22%23aa5252%22%3E%3Cg%3E%3Cg%20id%3D%22XMLID_35_%22%3E%3Cpath%20id%3D%22XMLID_36_%22%20d%3D%22M21%2C20v-1H1v1H21z%20M9%2C1H5v16h4V1z%20M13%2C9v8h4V9H13z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-align-horizontal {
- width: 22px;
- height: 22px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2022%2022%22%20style%3D%22enable-background%3Anew%200%200%2022%2022%3B%22%20xml%3Aspace%3D%22preserve%22%20fill%3D%22%23aa5252%22%3E%3Cg%3E%3Cg%20id%3D%22XMLID_35_%22%3E%3Cpath%20id%3D%22XMLID_36_%22%20d%3D%22M1%2C1v1h20V1H1z%20M0.999999%2C19.0000076V20h20v-0.9999924H0.999999z%20M9.000001%2C2.9999995h-4v15h4V2.9999995z%20M17%2C13.999999V6.9999986h-3.999999v7.0000005H17z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-align-vertical {
- width: 22px;
- height: 22px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2022%2022%22%20style%3D%22enable-background%3Anew%200%200%2022%2022%3B%22%20xml%3Aspace%3D%22preserve%22%20fill%3D%22%23aa5252%22%3E%3Cg%3E%3Cg%20id%3D%22XMLID_35_%22%3E%3Cpath%20id%3D%22XMLID_36_%22%20d%3D%22M0.9999998%2C21h1v-20h-1V21z%20M19.0000076%2C21H20v-20h-0.9999924V21z%20M2.9999995%2C12.999999v3.999999h15%20v-3.999999H2.9999995z%20M13.999999%2C4.999999H6.9999986v4h7.0000005V4.999999z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-format-pdf {
- width: 30px;
- height: 30px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2233px%22%20height%3D%2233px%22%20viewBox%3D%22-3.363%20-3.658%2033%2033%22%20xml%3Aspace%3D%22preserve%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23aa5252%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M8.512%2C14.989c0.8-1.567%2C1.709-3.334%2C2.438-5.107l0%2C0l0.287-0.699%20%20c-0.949-3.616-1.52-6.52-1.011-8.396l0%2C0C10.362%2C0.297%2C10.929%2C0%2C11.535%2C0l0%2C0l0.368%2C0.005h0.068c0.83-0.013%2C1.22%2C1.042%2C1.264%2C1.453%20%20l0%2C0c0.073%2C0.684-0.242%2C1.839-0.242%2C1.839l0%2C0c0-0.467%2C0.018-1.221-0.276-1.873l0%2C0c-0.343-0.753-0.671-1.203-0.965-1.274l0%2C0%20%20C11.604%2C0.25%2C11.46%2C0.455%2C11.411%2C0.85l0%2C0c-0.104%2C0.553-0.134%2C1.252-0.134%2C1.611l0%2C0c0%2C1.272%2C0.25%2C2.952%2C0.743%2C4.684l0%2C0%20%20c0.093-0.269%2C0.174-0.526%2C0.24-0.768l0%2C0c0.101-0.38%2C0.743-2.9%2C0.743-2.9l0%2C0c0%2C0-0.162%2C3.354-0.388%2C4.371l0%2C0%20%20c-0.049%2C0.215-0.103%2C0.427-0.158%2C0.644l0%2C0c0.812%2C2.268%2C2.121%2C4.292%2C3.68%2C5.75l0%2C0c0.615%2C0.575%2C1.393%2C1.038%2C2.128%2C1.461l0%2C0%20%20c1.605-0.229%2C3.084-0.338%2C4.318-0.324l0%2C0c1.637%2C0.021%2C2.838%2C0.265%2C3.324%2C0.743l0%2C0c0.237%2C0.232%2C0.335%2C0.514%2C0.364%2C0.83l0%2C0%20%20c0.007%2C0.122-0.053%2C0.41-0.069%2C0.482l0%2C0c0.018-0.088%2C0.018-0.519-1.298-0.938l0%2C0c-1.033-0.33-2.971-0.32-5.295-0.073l0%2C0%20%20c2.688%2C1.315%2C5.308%2C1.969%2C6.138%2C1.577l0%2C0c0.203-0.1%2C0.448-0.437%2C0.448-0.437l0%2C0c0%2C0-0.146%2C0.665-0.252%2C0.831l0%2C0%20%20c-0.134%2C0.18-0.396%2C0.376-0.646%2C0.44l0%2C0c-1.312%2C0.351-4.722-0.459-7.695-2.158l0%2C0c-3.322%2C0.489-6.972%2C1.394-9.896%2C2.354l0%2C0%20%20c-2.874%2C5.036-5.036%2C7.35-6.793%2C6.47l0%2C0l-0.646-0.325c-0.263-0.149-0.303-0.516-0.242-0.813l0%2C0%20%20c0.205-1.003%2C1.462-2.513%2C3.988-4.021l0%2C0c0.272-0.165%2C1.483-0.805%2C1.483-0.805l0%2C0c0%2C0-0.896%2C0.868-1.106%2C1.038l0%2C0%20%20c-2.016%2C1.652-3.504%2C3.73-3.467%2C4.536l0%2C0l0.007%2C0.069C2.643%2C24.936%2C5.21%2C21.45%2C8.512%2C14.989%20M9.559%2C15.525%20%20c-0.551%2C1.038-1.09%2C2.001-1.588%2C2.886l0%2C0c2.752-1.153%2C5.715-1.892%2C8.535-2.416l0%2C0c-0.379-0.262-0.746-0.539-1.093-0.832l0%2C0%20%20c-1.555-1.313-2.737-2.955-3.596-4.681l0%2C0C11.273%2C11.948%2C10.626%2C13.507%2C9.559%2C15.525%22%20%2F%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-format-pdfa {
- width: 30px;
- height: 30px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2033%2033%22%20height%3D%2233px%22%20width%3D%2233px%22%20y%3D%220px%22%20x%3D%220px%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23aa5252%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M11.875%2018.648L11.9617%2018.4783C12.7401%2016.954%2013.6102%2015.2503%2014.312%2013.541L14.6%2012.841C13.65%209.225%2013.08%206.322%2013.589%204.445C13.726%203.956%2014.293%203.659%2014.899%203.659L15.268%203.664H15.336C16.166%203.651%2016.556%204.706%2016.6%205.117C16.673%205.8%2016.357%206.956%2016.357%206.956L16.3571%206.87946C16.358%206.40944%2016.3594%205.70047%2016.081%205.083C15.738%204.33%2015.41%203.879%2015.116%203.808C14.968%203.907%2014.824%204.112%2014.774%204.507C14.671%205.06%2014.641%205.759%2014.641%206.119C14.641%207.391%2014.891%209.071%2015.384%2010.802C15.477%2010.534%2015.558%2010.276%2015.624%2010.035C15.725%209.655%2016.367%207.134%2016.367%207.134C16.367%207.134%2016.205%2010.489%2015.979%2011.505C15.931%2011.72%2015.877%2011.932%2015.821%2012.149C16.633%2014.417%2017.942%2016.441%2019.501%2017.899C19.9467%2018.3157%2020.4779%2018.6735%2021.0164%2019H29C30.1046%2019%2031%2019.8954%2031%2021V29C31%2030.1046%2030.1046%2031%2029%2031H17C15.8954%2031%2015%2030.1046%2015%2029V21.5492C13.6156%2021.9019%2012.2807%2022.2896%2011.07%2022.687C8.19599%2027.724%206.03499%2030.038%204.27699%2029.158L3.62999%2028.833C3.36699%2028.683%203.32699%2028.317%203.38799%2028.02C3.59299%2027.017%204.84999%2025.507%207.37599%2023.999C7.64799%2023.834%208.85899%2023.194%208.85899%2023.194C8.85899%2023.194%207.96299%2024.062%207.75299%2024.232C5.73699%2025.884%204.24899%2027.962%204.28599%2028.768L4.29299%2028.837C6.00499%2028.594%208.57299%2025.109%2011.875%2018.648ZM18.775%2018.822C18.8461%2018.882%2018.918%2018.9413%2018.9906%2019H17C15.9681%2019%2015.1187%2019.7815%2015.0114%2020.785C13.7648%2021.146%2012.529%2021.5689%2011.333%2022.07C11.831%2021.185%2012.37%2020.222%2012.921%2019.184C13.989%2017.166%2014.636%2015.607%2015.18%2014.141C16.038%2015.867%2017.221%2017.508%2018.775%2018.822ZM21.5553%2027.3521H24.4447L24.9995%2029H26.7518L23.7581%2021.002H22.231L19.2537%2029H21.006L21.5553%2027.3521ZM23.9998%2026.0172H22.0002L22.9945%2023.0234L23.9998%2026.0172Z%22%20class%3D%22cls-1%22%2F%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-format-pptx {
- width: 30px;
- height: 30px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2265%22%20height%3D%2265%22%20viewBox%3D%2219.951%2032.432%2065.000002%2065.000003%22%20xml%3Aspace%3D%22preserve%22%20%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23aa5252%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M%2051.31066%2C44.356609%20C%2047.702785%2C44.433229%2043.9488%2C45.107%2040.5548%2C44.9445%20c%20-0.149%2C13.35%20-0.123719%2C26.7115%20-0.01172%2C40.0625%202.476001%2C0.199%204.9625%2C0.412%207.4375%2C0.625%20-0.011%2C-4.888%206.72e-4%2C-9.776062%200.01367%2C-14.664062%203.088%2C0.100999%206.336828%2C0.300562%209.173828%2C-1.148438%207.988%2C-3.913%209.413391%2C-15.938562%204.025391%2C-22.476562%20-2.8125%2C-2.544001%20-6.274937%2C-3.062954%20-9.882812%2C-2.986329%20z%20m%20-0.416016%2C7.244141%20c%201.641035%2C0.04387%203.222344%2C0.409844%204.261719%2C1.855469%201.425%2C2.45%201.350109%2C5.676172%200.162109%2C8.201172%20-1.425%2C2.575%20-4.650672%2C2.325%20-7.138672%2C2.625%20-0.262%2C-4.188%20-0.236218%2C-8.377172%20-0.199219%2C-12.576172%200.923626%2C-0.04237%201.929442%2C-0.131789%202.914063%2C-0.105469%20z%22%20%2F%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-format-potx {
- width: 30px;
- height: 30px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2233%22%20height%3D%2233%22%20viewBox%3D%220%200%2033%2033%22%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip-potx%22%3E%3Crect%20width%3D%2233%22%20height%3D%2233%22%2F%3E%3C%2FclipPath%3E%3Cstyle%3E.cls-1%7Bfill%3A%23aa5252%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22potx%22%20clip-path%3D%22url(%23clip-potx)%22%3E%3Crect%20id%3D%22Rectangle_20%22%20data-name%3D%22Rectangle%2020%22%20width%3D%2233%22%20height%3D%2233%22%20fill%3D%22none%22%2F%3E%3Cg%20id%3D%22Group_5%22%20data-name%3D%22Group%205%22%20transform%3D%22translate(16%2016)%22%3E%3Cpath%20id%3D%22Path_44%22%20data-name%3D%22Path%2044%22%20d%3D%22M1.011%2C0H13.989A1.011%2C1.011%2C0%2C0%2C1%2C15%2C1.011V13.989A1.011%2C1.011%2C0%2C0%2C1%2C13.989%2C15H1.011A1.011%2C1.011%2C0%2C0%2C1%2C0%2C13.989V1.011A1.011%2C1.011%2C0%2C0%2C1%2C1.011%2C0Z%22%20class%3D%22cls-1%22%2F%3E%3Cpath%20id%3D%22Path_39%22%20data-name%3D%22Path%2039%22%20d%3D%22M5.794%2C13.25V3.911H9.258V2.25h-9V3.911H3.729V13.25Z%22%20transform%3D%22translate(2.742%20-0.25)%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fg%3E%3Cpath%20id%3D%22Path_25%22%20data-name%3D%22Path%2025%22%20d%3D%22M412.988%2C119c-1.658.033-3.382.327-4.94.257-.068%2C5.822-.057%2C11.646%2C0%2C17.467%2C1.136.087%2C2.279.18%2C3.415.273%2C0-2.132%2C0-4.263.006-6.395a8.88%2C8.88%2C0%2C0%2C0%2C4.213-.5c3.669-1.707%2C4.323-6.95%2C1.85-9.8a6.428%2C6.428%2C0%2C0%2C0-4.538-1.3Zm-.192%2C3.159a2.353%2C2.353%2C0%2C0%2C1%2C1.956.809%2C3.776%2C3.776%2C0%2C0%2C1%2C.075%2C3.576c-.655%2C1.124-2.136%2C1.014-3.278%2C1.145-.121-1.826-.108-3.652-.093-5.484C411.881%2C122.189%2C412.343%2C122.15%2C412.8%2C122.162Z%22%20transform%3D%22translate(-404%20-117)%22%20class%3D%22cls-1%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-format-odp {
- width: 30px;
- height: 30px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%20-54.11%20193.63%20193.63%22%20height%3D%22193.63px%22%20width%3D%22193.63px%22%20y%3D%220px%22%20x%3D%220px%22%20xml%3Aspace%3D%22preserve%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23aa5252%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M193.16%2C5.615V5.609c-0.334-0.173-0.671-0.334-1.005-0.497%20%20c-5.356-2.586-11.256-4.287-17.525-4.88c-11.083-1.049-21.673%2C1.496-30.622%2C6.678c-6.13-3.477-13.071-5.741-20.542-6.448%20%20c-10.298-0.974-20.17%2C1.16-28.697%2C5.629c-0.084%2C0.044-0.17%2C0.095-0.251%2C0.135c-0.207%2C0.162-0.347%2C0.414-0.347%2C0.697%20%20c0%2C0.492%2C0.392%2C0.89%2C0.889%2C0.89c0.046%2C0%2C0.091-0.007%2C0.139-0.017c0.021-0.002%2C0.042-0.011%2C0.061-0.015%20%20c4.586-0.848%2C9.368-1.088%2C14.243-0.627c13.684%2C1.293%2C25.609%2C5.521%2C33.975%2C15.011c0.437%2C0.455%2C0.822%2C0.427%2C1.266-0.024%20%20c10.523-12.2%2C26.662-17.021%2C44.006-15.382c0.968%2C0.094%2C1.921%2C0.213%2C2.871%2C0.355c0.33%2C0.05%2C0.836%2C0.134%2C1.133%2C0.167%20%20c0.572%2C0.063%2C0.88-0.397%2C0.88-0.891C193.629%2C6.056%2C193.485%2C5.776%2C193.16%2C5.615L193.16%2C5.615z%22%20class%3D%22cls-1%22%20%2F%3E%3Cpath%20d%3D%22M173.054%2C48.544c-0.057-0.028-0.107-0.046-0.154-0.065%20%20c-10.518-4.35-22.021-6.758-34.094-6.758c-19.293%2C0-37.154%2C6.127-51.757%2C16.524c-11.146-4.993-23.497-7.776-36.496-7.776%20%20c-18.485%2C0-35.648%2C5.617-49.895%2C15.237c-0.047%2C0.029-0.095%2C0.066-0.149%2C0.104C0.205%2C66.044%2C0%2C66.418%2C0%2C66.848%20%20c0%2C0.729%2C0.592%2C1.323%2C1.323%2C1.323c0.086%2C0%2C0.174-0.013%2C0.259-0.03c0.058-0.015%2C0.107-0.027%2C0.161-0.048%20%20c8.166-2.456%2C16.832-3.791%2C25.798-3.791c23.836%2C0%2C45.083%2C5.634%2C61.08%2C20.681c0.038%2C0.028%2C0.071%2C0.065%2C0.111%2C0.104%20%20c0.232%2C0.205%2C0.53%2C0.325%2C0.863%2C0.325c0.412%2C0%2C0.774-0.188%2C1.018-0.486c0.006%2C0.005%2C0.515-0.72%2C0.773-1.069%20%20c16.246-22.217%2C43.03-33.172%2C72.845-33.172c2.129%2C0%2C4.246%2C0.08%2C6.338%2C0.225c0.602%2C0.047%2C1.873%2C0.144%2C1.902%2C0.144%20%20c0.727%2C0%2C1.322-0.591%2C1.322-1.323C173.796%2C49.203%2C173.492%2C48.752%2C173.054%2C48.544L173.054%2C48.544z%22%20class%3D%22cls-1%22%20%2F%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-format-otp {
- width: 30px;
- height: 30px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2233%22%20height%3D%2233%22%20viewBox%3D%220%200%2033%2033%22%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip-otp%22%3E%3Crect%20width%3D%2233%22%20height%3D%2233%22%2F%3E%3C%2FclipPath%3E%3Cstyle%3E.cls-1%7Bfill%3A%23aa5252%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22otp%22%20clip-path%3D%22url(%23clip-otp)%22%3E%3Crect%20id%3D%22Rectangle_20%22%20data-name%3D%22Rectangle%2020%22%20width%3D%2233%22%20height%3D%2233%22%20fill%3D%22none%22%2F%3E%3Cpath%20id%3D%22Path_33%22%20data-name%3D%22Path%2033%22%20d%3D%22M125.173%2C121h0c-.046-.03-.093-.059-.141-.088a6.133%2C6.133%2C0%2C0%2C0-2.467-.869%2C6.014%2C6.014%2C0%2C0%2C0-4.309%2C1.188%2C6.223%2C6.223%2C0%2C0%2C0-2.892-1.147%2C5.965%2C5.965%2C0%2C0%2C0-4.039%2C1l-.036.024a.176.176%2C0%2C0%2C0-.049.125.145.145%2C0%2C0%2C0%2C.126.158l.019%2C0a.019.019%2C0%2C0%2C0%2C.009%2C0%2C5.781%2C5.781%2C0%2C0%2C1%2C2.005-.111%2C6.41%2C6.41%2C0%2C0%2C1%2C4.782%2C2.669c.06.081.115.076.178%2C0a6.288%2C6.288%2C0%2C0%2C1%2C6.194-2.735c.136.017.27.038.4.064.047.009.119.024.161.03.08.011.123-.071.123-.159A.155.155%2C0%2C0%2C0%2C125.173%2C121Z%22%20transform%3D%22translate(-94.24%20-116)%22%20class%3D%22cls-1%22%2F%3E%3Cpath%20id%3D%22Path_34%22%20data-name%3D%22Path%2034%22%20d%3D%22M126.894%2C125.978a.175.175%2C0%2C0%2C0-.022-.011%2C11.686%2C11.686%2C0%2C0%2C0-4.905-1.082%2C11.924%2C11.924%2C0%2C0%2C0-7.444%2C2.647%2C11.725%2C11.725%2C0%2C0%2C0-5.251-1.245%2C11.884%2C11.884%2C0%2C0%2C0-7.176%2C2.441.229.229%2C0%2C0%2C0-.022.016.217.217%2C0%2C0%2C0-.073.167.2.2%2C0%2C0%2C0%2C.191.211.167.167%2C0%2C0%2C0%2C.037%2C0%2C.118.118%2C0%2C0%2C0%2C.023-.008%2C11.679%2C11.679%2C0%2C0%2C1%2C3.71-.608c3.429%2C0%2C6.486.9%2C8.787%2C3.315a.093.093%2C0%2C0%2C1%2C.016.016.172.172%2C0%2C0%2C0%2C.123.052.18.18%2C0%2C0%2C0%2C.147-.078s.075-.115.111-.171a12.1%2C12.1%2C0%2C0%2C1%2C10.479-5.315c.306%2C0%2C.611.014.912.037l.273.022a.2.2%2C0%2C0%2C0%2C.191-.211A.211.211%2C0%2C0%2C0%2C126.894%2C125.978Z%22%20transform%3D%22translate(-100%20-115.885)%22%20class%3D%22cls-1%22%2F%3E%3Cg%20id%3D%22Group_5%22%20data-name%3D%22Group%205%22%20transform%3D%22translate(16%2016)%22%3E%3Cpath%20id%3D%22Path_44%22%20data-name%3D%22Path%2044%22%20d%3D%22M1.011%2C0H13.989A1.011%2C1.011%2C0%2C0%2C1%2C15%2C1.011V13.989A1.011%2C1.011%2C0%2C0%2C1%2C13.989%2C15H1.011A1.011%2C1.011%2C0%2C0%2C1%2C0%2C13.989V1.011A1.011%2C1.011%2C0%2C0%2C1%2C1.011%2C0Z%22%20class%3D%22cls-1%22%2F%3E%3Cpath%20id%3D%22Path_39%22%20data-name%3D%22Path%2039%22%20d%3D%22M5.794%2C13.25V3.911H9.258V2.25h-9V3.911H3.729V13.25Z%22%20transform%3D%22translate(2.742%20-0.25)%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-collaboration {
- width: 24px;
- height: 24px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M15.9912%206C15.9912%208.34102%2015.4074%2010.1346%2014.6055%2011.3121C13.7983%2012.4974%2012.8249%2013%2011.9912%2013C11.1575%2013%2010.1841%2012.4974%209.37695%2011.3121C8.57501%2010.1346%207.99121%208.34102%207.99121%206C7.99121%203.61508%209.96974%202%2011.9912%202C14.0127%202%2015.9912%203.61508%2015.9912%206ZM14.5015%2012.9506C13.7365%2013.6361%2012.8649%2014%2011.9912%2014C11.1195%2014%2010.2499%2013.6378%209.48619%2012.9554C7.78363%2013.6081%206.36015%2014.2591%205.26963%2014.9224C3.55256%2015.9667%203%2016.8326%203%2017.5C3%2018.2545%203.4257%2019.0877%204.82302%2019.7879C6.25015%2020.5031%208.57272%2020.9999%2012%2021C15.4273%2021%2017.7499%2020.5031%2019.177%2019.7879C20.5743%2019.0877%2021%2018.2545%2021%2017.5C21%2016.8326%2020.4474%2015.9667%2018.7304%2014.9224C17.6372%2014.2575%2016.2095%2013.605%2014.5015%2012.9506ZM15.2272%2012.1594C16.2765%2010.7825%2016.9912%208.67814%2016.9912%206C16.9912%203%2014.5%201%2011.9912%201C9.48242%201%206.99121%203%206.99121%206C6.99121%208.68159%207.70777%2010.7879%208.75931%2012.1647C4.60309%2013.7964%202%2015.4951%202%2017.5C2%2019.9852%205%2021.9999%2012%2022C19%2022%2022%2019.9852%2022%2017.5C22%2015.4929%2019.3913%2013.7927%2015.2272%2012.1594Z%22%20fill%3D%22%23aa5252%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-users {
- width: 24px;
- height: 24px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M15.5%207C15.5%209.26153%2014.9357%2010.9518%2014.201%2012.0307C13.4584%2013.121%2012.6234%2013.5%2012%2013.5C11.3766%2013.5%2010.5416%2013.121%209.79901%2012.0307C9.0643%2010.9518%208.5%209.26153%208.5%207C8.5%204.92262%2010.2222%203.5%2012%203.5C13.7778%203.5%2015.5%204.92262%2015.5%207ZM14.8461%2013.6216C14.006%2014.5191%2013.0044%2015%2012%2015C10.9956%2015%209.99399%2014.5191%209.15395%2013.6216C7.69714%2014.1996%206.4782%2014.7725%205.52945%2015.3496C3.82884%2016.3839%203.5%2017.1203%203.5%2017.5C3.5%2018.0104%203.76355%2018.6977%205.04703%2019.3409C6.37522%2020.0065%208.60909%2020.4999%2012%2020.5C15.3909%2020.5%2017.6248%2020.0065%2018.953%2019.3409C20.2364%2018.6977%2020.5%2018.0104%2020.5%2017.5C20.5%2017.1203%2020.1712%2016.3839%2018.4705%2015.3496C17.5218%2014.7725%2016.3029%2014.1996%2014.8461%2013.6216ZM15.7544%2012.37C16.5137%2011.0279%2017%209.20917%2017%207C17%204%2014.5088%202%2012%202C9.49121%202%207%204%207%207C7%209.20917%207.48633%2011.0279%208.24563%2012.37C4.38973%2013.9392%202%2015.579%202%2017.5C2%2019.9852%205%2021.9999%2012%2022C19%2022%2022%2019.9852%2022%2017.5C22%2015.579%2019.6103%2013.9392%2015.7544%2012.37Z%22%20fill%3D%22%23aa5252%22%2F%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-app-settings {
- width: 24px;
- height: 24px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M7%2014H16C18.2091%2014%2020%2015.7909%2020%2018C20%2020.2091%2018.2091%2022%2016%2022H7C4.79086%2022%203%2020.2091%203%2018C3%2015.7909%204.79086%2014%207%2014ZM16%2013C18.7614%2013%2021%2015.2386%2021%2018C21%2020.7614%2018.7614%2023%2016%2023H7C4.23858%2023%202%2020.7614%202%2018C2%2015.2386%204.23858%2013%207%2013H16Z%22%20fill%3D%22%23aa5252%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M16%2020C14.8954%2020%2014%2019.1046%2014%2018C14%2016.8954%2014.8954%2016%2016%2016C17.1046%2016%2018%2016.8954%2018%2018C18%2019.1046%2017.1046%2020%2016%2020ZM16%2021C14.3431%2021%2013%2019.6569%2013%2018C13%2016.3431%2014.3431%2015%2016%2015C17.6569%2015%2019%2016.3431%2019%2018C19%2019.6569%2017.6569%2021%2016%2021Z%22%20fill%3D%22%23aa5252%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M16%203H7C4.79086%203%203%204.79086%203%207C3%209.20914%204.79086%2011%207%2011H16C18.2091%2011%2020%209.20914%2020%207C20%204.79086%2018.2091%203%2016%203ZM7%202C4.23858%202%202%204.23858%202%207C2%209.76142%204.23858%2012%207%2012H16C18.7614%2012%2021%209.76142%2021%207C21%204.23858%2018.7614%202%2016%202H7Z%22%20fill%3D%22%23aa5252%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M7%209C8.10457%209%209%208.10457%209%207C9%205.89543%208.10457%205%207%205C5.89543%205%205%205.89543%205%207C5%208.10457%205.89543%209%207%209ZM7%2010C8.65685%2010%2010%208.65685%2010%207C10%205.34315%208.65685%204%207%204C5.34315%204%204%205.34315%204%207C4%208.65685%205.34315%2010%207%2010Z%22%20fill%3D%22%23aa5252%22%2F%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-cut {
- width: 24px;
- height: 24px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23cut)%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M3.22427%2022.2702C4.51527%2023.1269%206.52738%2022.7183%207.6592%2021.0127C8.79101%2019.3071%208.38572%2017.2943%207.09472%2016.4376C5.80372%2015.5809%203.79161%2015.9896%202.65979%2017.6952C1.52798%2019.4008%201.93328%2021.4136%203.22427%2022.2702ZM2.67135%2023.1035C4.51208%2024.325%207.11827%2023.6364%208.49243%2021.5656C9.8666%2019.4948%209.48837%2016.8259%207.64764%2015.6044C5.80691%2014.3829%203.20072%2015.0714%201.82656%2017.1422C0.452398%2019.2131%200.830625%2021.882%202.67135%2023.1035Z%22%20fill%3D%22black%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M20.9158%2022.2702C19.6248%2023.1269%2017.6127%2022.7183%2016.4809%2021.0127C15.349%2019.3071%2015.7543%2017.2943%2017.0453%2016.4376C18.3363%2015.5809%2020.3484%2015.9896%2021.4803%2017.6952C22.6121%2019.4008%2022.2068%2021.4136%2020.9158%2022.2702ZM21.4687%2023.1035C19.628%2024.325%2017.0218%2023.6364%2015.6476%2021.5656C14.2735%2019.4948%2014.6517%2016.8259%2016.4924%2015.6044C18.3331%2014.3829%2020.9393%2015.0714%2022.3135%2017.1422C23.6877%2019.2131%2023.3094%2021.882%2021.4687%2023.1035Z%22%20fill%3D%22black%22%2F%3E%3Cpath%20d%3D%22M16.4924%2015.6044L13.9037%2012.4737L19.9552%200.675715C20.0693%200.446914%2019.9552%200.172352%2019.727%200.0808313C19.4416%20-0.0106892%2019.0993%200.0808312%2018.9851%200.263872L12.0233%2011.4212L5.17562%200.263872C5.06149%200.035071%204.71911%20-0.0564496%204.43379%200.035071C4.14847%200.126592%204.03434%200.401153%204.14847%200.629955L10.2001%2012.4279L7.64761%2015.6044L9.2292%2018L12.0233%2013.4804L14.9108%2018L16.4924%2015.6044Z%22%20fill%3D%22black%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22cut%22%3E%3Crect%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22black%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-copy {
- width: 24px;
- height: 24px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M1%201H15V7H16V0H0V17H8V16H1V1Z%22%20fill%3D%22black%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M23%208H9V23H23V8ZM8%207V24H24V7H8Z%22%20fill%3D%22black%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M13%205H3V4H13V5Z%22%20fill%3D%22black%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M8%209H3V8H8V9Z%22%20fill%3D%22black%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M8%2013H3V12H8V13Z%22%20fill%3D%22black%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M21%2012H11V11H21V12Z%22%20fill%3D%22black%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M21%2016H11V15H21V16Z%22%20fill%3D%22black%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M21%2020H11V19H21V20Z%22%20fill%3D%22black%22%2F%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-paste {
- width: 24px;
- height: 24px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M5%202H0V20H9V24H24V7H19V2H14V3H18V7H9V19H1V3H5V2ZM10%208H23V23H10V8Z%22%20fill%3D%22black%22%2F%3E%3Cpath%20d%3D%22M5%200H14V5H5V0Z%22%20fill%3D%22black%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M21%2012H12V11H21V12Z%22%20fill%3D%22black%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M21%2016H12V15H21V16Z%22%20fill%3D%22black%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M21%2020H12V19H21V20Z%22%20fill%3D%22black%22%2F%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-menu-comment {
- width: 24px;
- height: 24px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M16.6047%2016.5848C17.0078%2016.1793%2017.4729%2015.9766%2018%2015.9766C18.5271%2015.9766%2018.9922%2016.1793%2019.3953%2016.5848C19.7984%2016.9903%2020%2017.4581%2020%2017.9883C20%2018.5185%2019.7984%2018.9864%2019.3953%2019.3918C18.9922%2019.7973%2018.5271%2020%2018%2020C17.4729%2020%2017.0078%2019.7973%2016.6047%2019.3918C16.2016%2018.9864%2016%2018.5185%2016%2017.9883C16%2017.4581%2016.2016%2016.9903%2016.6047%2016.5848ZM16.6047%2010.5965C17.0078%2010.191%2017.4729%209.9883%2018%209.9883C18.5271%209.9883%2018.9922%2010.191%2019.3953%2010.5965C19.7984%2011.0019%2020%2011.4698%2020%2012C20%2012.5302%2019.7984%2012.9981%2019.3953%2013.4035C18.9922%2013.809%2018.5271%2014.0117%2018%2014.0117C17.4729%2014.0117%2017.0078%2013.809%2016.6047%2013.4035C16.2016%2012.9981%2016%2012.5302%2016%2012C16%2011.4698%2016.2016%2011.0019%2016.6047%2010.5965ZM19.3953%207.4152C18.9922%207.82066%2018.5271%208.02339%2018%208.02339C17.4729%208.02339%2017.0078%207.82066%2016.6047%207.4152C16.2016%207.00975%2016%206.54191%2016%206.0117C16%205.48148%2016.2016%205.01365%2016.6047%204.60819C17.0078%204.20273%2017.4729%204%2018%204C18.5271%204%2018.9922%204.20273%2019.3953%204.60819C19.7984%205.01365%2020%205.48148%2020%206.0117C20%206.54191%2019.7984%207.00975%2019.3953%207.4152Z%22%20fill%3D%22black%22%20fill-opacity%3D%220.6%22%2F%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-resolve-comment {
- width: 24px;
- height: 24px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M9%2016.1719L19.5938%205.57812L21%206.98438L9%2018.9844L3.42188%2013.4062L4.82812%2012L9%2016.1719Z%22%20fill%3D%22black%22%20fill-opacity%3D%220.6%22%2F%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-resolve-comment.check {
- width: 24px;
- height: 24px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M9%2016.1719L19.5938%205.57812L21%206.98438L9%2018.9844L3.42188%2013.4062L4.82812%2012L9%2016.1719Z%22%20fill%3D%22%2340865C%22%20fill-opacity%3D%220.6%22%2F%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-prev-comment {
- width: 24px;
- height: 24px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M15.4219%207.40625L10.8281%2012L15.4219%2016.5938L14.0156%2018L8.01562%2012L14.0156%206L15.4219%207.40625Z%22%20fill%3D%22%23aa5252%22%2F%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-next-comment {
- width: 24px;
- height: 24px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M9.98438%206L15.9844%2012L9.98438%2018L8.57812%2016.5938L13.1719%2012L8.57812%207.40625L9.98438%206Z%22%20fill%3D%22%23aa5252%22%2F%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-done-comment {
- width: 24px;
- height: 24px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M9%2016.1719L19.5938%205.57812L21%206.98438L9%2018.9844L3.42188%2013.4062L4.82812%2012L9%2016.1719Z%22%20fill%3D%22%23aa5252%22%2F%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-insert-comment {
- width: 24px;
- height: 24px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M19.5%203H4.5C3.18908%203%202%204.2153%202%205.50295V15.0346C2%2016.3222%203.18908%2017.013%204.5%2017.013H5.5C5.82773%2017.013%206%2017.1917%206%2017.5136V21L12%2017H20C21.1046%2017%2022%2016.1046%2022%2015V8H20.5V14.5C20.5%2015.0523%2020.0523%2015.5%2019.5%2015.5H11.5L7.5%2018V15.5H4.5C3.94772%2015.5%203.5%2015.0523%203.5%2014.5V5.5C3.5%204.94772%203.94772%204.5%204.5%204.5H19.5C20.0523%204.5%2020.5%204.94772%2020.5%205.5V8H22V5.50295C22%204.2153%2020.8109%203%2019.5%203Z%22%20fill%3D%22%23aa5252%22%2F%3E%3Cpath%20d%3D%22M6%207.5H18V9H6L6%207.5Z%22%20fill%3D%22%23aa5252%22%2F%3E%3Cpath%20d%3D%22M6%2011H18V12.5H6V11Z%22%20fill%3D%22%23aa5252%22%2F%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-done-comment-white {
- width: 24px;
- height: 24px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M9%2016.1719L19.5938%205.57812L21%206.98438L9%2018.9844L3.42188%2013.4062L4.82812%2012L9%2016.1719Z%22%20fill%3D%22%23FFFFFF%22%2F%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-add-table {
- width: 24px;
- height: 24px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M4%205.59961H11.2V8.79961H4V5.59961Z%22%20fill%3D%22%23aa5252%22%2F%3E%3Cpath%20d%3D%22M12.8%205.59961H20V8.79961H12.8V5.59961Z%22%20fill%3D%22%23aa5252%22%2F%3E%3Cpath%20d%3D%22M4%2010.3996H11.2V13.5996H4V10.3996Z%22%20fill%3D%22%23aa5252%22%2F%3E%3Cpath%20d%3D%22M12.8%2010.3996H20V13.5996H12.8V10.3996Z%22%20fill%3D%22%23aa5252%22%2F%3E%3Cpath%20d%3D%22M4%2015.1996H11.2V18.3996H4V15.1996Z%22%20fill%3D%22%23aa5252%22%2F%3E%3Cpath%20d%3D%22M12.8%2015.1996H20V18.3996H12.8V15.1996Z%22%20fill%3D%22%23aa5252%22%2F%3E%3C%2Fsvg%3E");
-}
-i.icon.icon-link {
- width: 24px;
- height: 24px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M17.0235%207C18.4006%207%2019.5743%207.49845%2020.5446%208.49534C21.5149%209.46108%2022%2010.6293%2022%2012C22%2013.3708%2021.5149%2014.5546%2020.5446%2015.5515C19.5743%2016.5172%2018.4006%2017.0001%2017.0235%2017.0001H13V15H17C17.8451%2015%2018.5884%2014.7882%2019.1831%2014.1963C19.8091%2013.5733%2020%2012.8411%2020%2012C20%2011.1589%2019.8091%2010.4424%2019.1831%209.85049C18.5884%209.22743%2017.8685%209%2017.0235%209H13V7H17.0235ZM8.00939%2012.9814V11.0187H15.9906V12.9814H8.00939ZM4.76995%209.85049C4.17527%2010.4424%204%2011.1589%204%2012C4%2012.8411%204.17527%2013.5733%204.76995%2014.1963C5.39593%2014.7882%206.15493%2015%207%2015H11.0141V17.0001H6.97653C5.59937%2017.0001%204.42567%2016.5172%203.4554%2015.5515C2.48513%2014.5546%202%2013.3708%202%2012C2%2010.6293%202.48513%209.46108%203.4554%208.49534C4.42567%207.49845%205.59937%207%206.97653%207H11.0141V9H6.97653C6.13146%209%205.39593%209.22743%204.76995%209.85049Z%22%20fill%3D%22%23aa5252%22%2F%3E%3C%2Fsvg%3E");
-}
-.navbar i.icon.icon-logo {
- width: 100px;
- height: 14px;
- background: url('../../../../common/mobile/resources/img/header/logo-android.svg') no-repeat center;
-}
-.navbar i.icon.icon-undo {
- width: 22px;
- height: 22px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23fff%22%3E%3Cg%3E%3Cpath%20d%3D%22M20%2C17v-2c0-1.7-1.3-3-3-3H3.7l3.4%2C3.4l-1.4%2C1.4l-5.2-5.2L0%2C11l0.5-0.6l5.2-5.2l1.4%2C1.4L3.7%2C10H17c2.8%2C0%2C5%2C2.2%2C5%2C5v2H20z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
-}
-.navbar i.icon.icon-redo {
- width: 22px;
- height: 22px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23fff%22%3E%3Cg%3E%3Cpath%20d%3D%22M0%2C17v-2c0-2.8%2C2.2-5%2C5-5h13.3l-3.4-3.4l1.4-1.4l5.2%2C5.2L22%2C11l-0.5%2C0.6l-5.2%2C5.2l-1.4-1.4l3.4-3.4H5c-1.7%2C0-3%2C1.3-3%2C3v2H0z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
-}
-.navbar i.icon.icon-search {
- width: 22px;
- height: 22px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23fff%22%3E%3Cg%3E%3Cpath%20d%3D%22M19.5%2C16.8L16%2C13.3c0.7-1.1%2C1.1-2.4%2C1.1-3.8C17%2C5.4%2C13.6%2C2%2C9.5%2C2S2%2C5.4%2C2%2C9.5S5.4%2C17%2C9.5%2C17c1.4%2C0%2C2.7-0.4%2C3.8-1.1l3.5%2C3.5c0.7%2C0.7%2C1.9%2C0.7%2C2.6%2C0C20.2%2C18.7%2C20.2%2C17.6%2C19.5%2C16.8z%20M9.5%2C15.3c-3.2%2C0-5.8-2.6-5.8-5.8s2.6-5.8%2C5.8-5.8s5.8%2C2.6%2C5.8%2C5.8S12.7%2C15.3%2C9.5%2C15.3z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
-}
-.navbar i.icon.icon-burger {
- width: 22px;
- height: 22px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%22-8%201%2022%2022%22%20fill%3D%22%23fff%22%3E%3Cg%3E%3Cpath%20d%3D%22M-6%2C6v2h18V6H-6z%20M-6%2C13h18v-2H-6V13z%20M-6%2C18h18v-2H-6V18z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
-}
-.navbar i.icon.icon-plus {
- width: 22px;
- height: 22px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23fff%22%3E%3Cg%3E%3Cpath%20d%3D%22M21%2C12h-9v9h-2v-9H1v-2h9V1h2v9h9V12z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
-}
-.navbar i.icon.icon-edit {
- width: 22px;
- height: 22px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23fff%22%3E%3Cg%3E%3Cpath%20d%3D%22M0%2C20h22v1H0V20z%22%2F%3E%3Cpolygon%20points%3D%2217.1%2C3.1%203.5%2C16.7%203%2C20%206.3%2C19.5%2019.9%2C5.9%20%09%22%2F%3E%3Cpath%20d%3D%22M20.5%2C5.3L22%2C3.8c0%2C0-0.2-1.2-0.9-1.9C20.4%2C1.1%2C19.2%2C1%2C19.2%2C1l-1.5%2C1.5L20.5%2C5.3z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
-}
-.navbar i.icon.icon-play {
- width: 22px;
- height: 22px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23fff%22%3E%3Cg%3E%3Cpath%20d%3D%22M4.0464363%2C2.9884553c0.006526%2C0.00296%2C0.0142345%2C0.006835%2C0.0231438%2C0.0119021%20c0.5908604%2C0.3357637%2C12.7118397%2C7.2924433%2C13.8977489%2C8.0268402c-0.5831585%2C0.3417759-13.0137587%2C7.4879274-13.934659%2C7.9826727%20L4.0464363%2C2.9884553%20M3.9889357%2C2C3.4427795%2C2.0000577%2C3.000525%2C2.4533575%2C3.000525%2C3.015348%09c0%2C0.573487%2C0%2C15.1632957%2C0%2C15.9945221C3.000525%2C19.622963%2C3.4796104%2C20%2C3.9940588%2C20%20c0.1729372%2C0%2C0.3499191-0.0426311%2C0.5139763-0.1332226c0.8905602-0.491045%2C13.1880894-7.5583372%2C13.9407387-7.9994459%20c0.6751213-0.3955202%2C0.6867313-1.337512%2C0-1.7326603C17.4031754%2C9.5333271%2C5.1523852%2C2.501852%2C4.5393953%2C2.1535165%20C4.3526201%2C2.0472794%2C4.165401%2C1.9999813%2C3.9889357%2C2L3.9889357%2C2z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
-}
-.navbar i.icon.icon-settings {
- width: 22px;
- height: 22px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23fff%22%3E%3Cg%3E%3Cpath%20d%3D%22M12.1%2C2H9.9C9.6%2C2%2C9.4%2C2.2%2C9.3%2C2.5L8.8%2C4.9c0%2C0.2-0.2%2C0.3-0.3%2C0.3s-0.1%2C0-0.2-0.1L6.2%2C3.8C6.1%2C3.7%2C6%2C3.7%2C5.8%2C3.7c-0.1%2C0-0.3%2C0-0.4%2C0.1L3.8%2C5.4c-0.1%2C0.2-0.2%2C0.5%2C0%2C0.8l1.3%2C2.1c0.1%2C0.2%2C0.1%2C0.4-0.2%2C0.5L2.5%2C9.3C2.2%2C9.4%2C2%2C9.6%2C2%2C9.9v2.2c0%2C0.3%2C0.2%2C0.5%2C0.5%2C0.6l2.4%2C0.5c0.3%2C0.1%2C0.4%2C0.3%2C0.2%2C0.5l-1.3%2C2.1c-0.2%2C0.2-0.1%2C0.6%2C0.1%2C0.8l1.6%2C1.6c0.1%2C0.1%2C0.3%2C0.2%2C0.4%2C0.2s0.2%2C0%2C0.3-0.1L8.3%2C17c0.1-0.1%2C0.1-0.1%2C0.2-0.1s0.3%2C0.1%2C0.3%2C0.3l0.5%2C2.3C9.4%2C19.8%2C9.6%2C20%2C9.9%2C20h2.2c0.3%2C0%2C0.5-0.2%2C0.6-0.5l0.5-2.4c0-0.2%2C0.1-0.3%2C0.3-0.3c0.1%2C0%2C0.1%2C0%2C0.2%2C0.1l2.1%2C1.3c0.1%2C0.1%2C0.2%2C0.1%2C0.3%2C0.1c0.2%2C0%2C0.3-0.1%2C0.4-0.2l1.6-1.6c0.2-0.2%2C0.2-0.5%2C0.1-0.8l-1.3-2.1c-0.2-0.2-0.1-0.5%2C0.2-0.5l2.4-0.5c0.3-0.1%2C0.5-0.3%2C0.5-0.6V9.8c0-0.3-0.2-0.5-0.5-0.6l-2.4-0.5c-0.3-0.1-0.4-0.3-0.2-0.5l1.3-2.1c0.2-0.2%2C0.1-0.6-0.1-0.8l-1.6-1.6c-0.1-0.1-0.3-0.2-0.4-0.2s-0.2%2C0-0.3%2C0.1l-2.1%2C1.3C13.6%2C5%2C13.6%2C5%2C13.5%2C5s-0.3-0.1-0.3-0.3l-0.5-2.2C12.6%2C2.2%2C12.4%2C2%2C12.1%2C2L12.1%2C2z%20M11%2C14.5c-1.9%2C0-3.5-1.6-3.5-3.5S9.1%2C7.5%2C11%2C7.5s3.5%2C1.6%2C3.5%2C3.5S12.9%2C14.5%2C11%2C14.5L11%2C14.5z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
-}
-.navbar i.icon.icon-prev {
- width: 20px;
- height: 20px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23fff%22%3E%3Cg%3E%3Cpolygon%20points%3D%225.1%2C10.9%2013.9%2C2%2016%2C4.1%209.2%2C11.1%2016%2C17.9%2013.9%2C20%205.1%2C11.2%205%2C11.1%20%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
-}
-.navbar i.icon.icon-next {
- width: 20px;
- height: 20px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23fff%22%3E%3Cg%3E%3Cpolygon%20points%3D%2216.9%2C10.9%208.1%2C2%206%2C4.1%2012.8%2C11.1%206%2C17.9%208.1%2C20%2016.9%2C11.2%2017%2C11.1%20%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
-}
-.navbar i.icon.icon-expand-down {
- width: 22px;
- height: 22px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23fff%22%3E%3Cg%3E%3Cpolygon%20points%3D%2210.9%2C16.9%202%2C8.1%204.1%2C6%2011.1%2C12.8%2017.9%2C6%2020%2C8.1%2011.2%2C16.9%2011.1%2C17%20%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
-}
-.navbar i.icon.icon-collaboration {
- width: 24px;
- height: 24px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M14.9912%206C14.9912%208.18203%2014.4464%209.76912%2013.7789%2010.7492C13.101%2011.7447%2012.4042%2012%2011.9912%2012C11.5782%2012%2010.8814%2011.7447%2010.2035%2010.7492C9.53601%209.76912%208.99121%208.18203%208.99121%206C8.99121%204.23017%2010.4571%203%2011.9912%203C13.5254%203%2014.9912%204.23017%2014.9912%206ZM13.4917%2013.6397C13.0059%2013.8771%2012.4989%2014%2011.9912%2014C11.4861%2014%2010.9817%2013.8784%2010.4983%2013.6434C8.53188%2014.3681%206.94518%2015.0737%205.78927%2015.7768C4.10512%2016.8011%204%2017.4079%204%2017.5C4%2017.7664%204.1014%2018.3077%205.27104%2018.8939C6.50029%2019.5099%208.64545%2019.9999%2012%2020C15.3546%2020%2017.4997%2019.5099%2018.7289%2018.8939C19.8986%2018.3078%2020%2017.7664%2020%2017.5C20%2017.4079%2019.8949%2016.8011%2018.2107%2015.7768C17.0529%2015.0726%2015.4627%2014.3657%2013.4917%2013.6397ZM15.2272%2012.1594C16.2765%2010.7825%2016.9912%208.67814%2016.9912%206C16.9912%203%2014.5%201%2011.9912%201C9.48242%201%206.99121%203%206.99121%206C6.99121%208.68159%207.70777%2010.7879%208.75931%2012.1647C4.60309%2013.7964%202%2015.4951%202%2017.5C2%2019.9852%205%2021.9999%2012%2022C19%2022%2022%2019.9852%2022%2017.5C22%2015.4929%2019.3913%2013.7927%2015.2272%2012.1594Z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E");
-}
-.navbar i.icon.icon-add-slide {
- width: 24px;
- height: 24px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M2%204C2%202.89543%202.89543%202%204%202H20C21.1046%202%2022%202.89543%2022%204V20C22%2021.1046%2021.1046%2022%2020%2022H4C2.89543%2022%202%2021.1046%202%2020V4ZM11%2011V7.00001H13V11H17V13H13V17H11V13H7V11H11Z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E");
-}
-.navbar i.icon.icon-add-shape {
- width: 24px;
- height: 24px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ccircle%20cx%3D%2216%22%20cy%3D%2215%22%20r%3D%227%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M3%203C2.44772%203%202%203.44772%202%204V17C2%2017.5523%202.44772%2018%203%2018H8.58152C8.20651%2017.0736%208%2016.0609%208%2015C8%2010.5817%2011.5817%207%2016%207C16.6906%207%2017.3608%207.08751%2018%207.25204V4C18%203.44772%2017.5523%203%2017%203H3Z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E");
-}
-.navbar i.icon.icon-add-image {
- width: 24px;
- height: 24px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23clip0)%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M4.23958%2018L8.09375%2013.5L10.9062%2016.5L14.7604%2012L19.7604%2018H4.23958ZM21.3229%2020.3906C21.7743%2019.9844%2022%2019.5156%2022%2018.9844V5.01562C22%204.48438%2021.7743%204.01562%2021.3229%203.60938C20.8715%203.20313%2020.3507%203%2019.7604%203H4.23958C3.64931%203%203.12847%203.20313%202.67708%203.60938C2.22569%204.01562%202%204.48438%202%205.01562V18.9844C2%2019.5156%202.22569%2019.9844%202.67708%2020.3906C3.12847%2020.7969%203.64931%2021%204.23958%2021H19.7604C20.3507%2021%2020.8715%2020.7969%2021.3229%2020.3906ZM8%2011C9.10457%2011%2010%2010.1046%2010%209C10%207.89543%209.10457%207%208%207C6.89543%207%206%207.89543%206%209C6%2010.1046%206.89543%2011%208%2011Z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0%22%3E%3Cpath%20d%3D%22M0.000477791%200H24.0005V24H0.000477791V0Z%22%20fill%3D%22transparent%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
-}
-.navbar i.icon.icon-add-other {
- width: 24px;
- height: 24px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M7%2012C7%2013.6569%205.65685%2015%204%2015C2.34315%2015%201%2013.6569%201%2012C1%2010.3431%202.34315%209%204%209C5.65685%209%207%2010.3431%207%2012ZM15%2012C15%2013.6569%2013.6569%2015%2012%2015C10.3431%2015%209%2013.6569%209%2012C9%2010.3431%2010.3431%209%2012%209C13.6569%209%2015%2010.3431%2015%2012ZM20%2015C21.6569%2015%2023%2013.6569%2023%2012C23%2010.3431%2021.6569%209%2020%209C18.3431%209%2017%2010.3431%2017%2012C17%2013.6569%2018.3431%2015%2020%2015Z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E");
-}
-.navbar i.icon.icon-close-comment {
- width: 24px;
- height: 24px;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M18.9844%206.42188L13.4062%2012L18.9844%2017.5781L17.5781%2018.9844L12%2013.4062L6.42188%2018.9844L5.01562%2017.5781L10.5938%2012L5.01562%206.42188L6.42188%205.01562L12%2010.5938L17.5781%205.01562L18.9844%206.42188Z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E");
-}
-.sailfish i.icon.icon-text-align-center {
- background-color: transparent;
- -webkit-mask-image: none;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23aa5252%22%3E%3Cg%3E%3Cpath%20d%3D%22M1%2C3v1h21V3H1z%20M4%2C7v1h14V7H4z%20M1%2C12h21v-1H1V12z%20M4%2C15v1h14v-1H4z%20M1%2C20h21v-1H1V20z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
-}
-.sailfish i.icon.icon-text-align-jast {
- background-color: transparent;
- -webkit-mask-image: none;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23aa5252%22%3E%3Cg%3E%3Cpath%20d%3D%22M1%2C3v1h21V3H1z%20M1%2C8h21V7H1V8z%20M1%2C12h21v-1H1V12z%20M1%2C16h21v-1H1V16z%20M1%2C20h21v-1H1V20z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
-}
-.sailfish i.icon.icon-text-align-left {
- background-color: transparent;
- -webkit-mask-image: none;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23aa5252%22%3E%3Cg%3E%3Cpath%20d%3D%22M1%2C3v1h21V3H1z%20M15%2C7H1v1h14V7z%20M1%2C12h21v-1H1V12z%20M15%2C15H1v1h14V15z%20M1%2C20h21v-1H1V20z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
-}
-.sailfish i.icon.icon-text-align-right {
- background-color: transparent;
- -webkit-mask-image: none;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23aa5252%22%3E%3Cg%3E%3Cpath%20d%3D%22M1%2C3v1h21V3H1z%20M8%2C8h14V7H8V8z%20M22%2C11H1v1h21V11z%20M8%2C16h14v-1H8V16z%20M22%2C19H1v1h21V19z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
-}
-.sailfish i.icon.icon-de-indent {
- background-color: transparent;
- -webkit-mask-image: none;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23aa5252%22%3E%3Cg%3E%3Cpath%20d%3D%22M1%2C20v-1h21v1H1z%20M11%2C15h11v1H11V15z%20M11%2C11h11v1H11V11z%20M11%2C7h11v1H11V7z%20M6.3%2C7L7%2C7.7l-3.8%2C3.8L7%2C15.3L6.3%2C16L2%2C11.8l-0.2-0.3L2%2C11.2L6.3%2C7z%20M1%2C3h21v1H1V3z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
-}
-.sailfish i.icon.icon-in-indent {
- background-color: transparent;
- -webkit-mask-image: none;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23aa5252%22%3E%3Cg%3E%3Cpath%20d%3D%22M1%2C20v-1h21v1H1z%20M12%2C16H1v-1h11V16z%20M12%2C12H1v-1h11V12z%20M12%2C8H1V7h11V8z%20M21%2C11.2l0.2%2C0.3L21%2C11.8L16.7%2C16L16%2C15.3l3.8-3.8L16%2C7.7L16.7%2C7L21%2C11.2z%20M22%2C4H1V3h21V4z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
-}
-.sailfish i.icon.icon-block-align-left {
- background-color: transparent;
- -webkit-mask-image: none;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2028%2028%22%20fill%3D%22%23aa5252%22%3E%3Cg%3E%3Crect%20x%3D%221%22%20y%3D%221%22%20width%3D%2226%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%221%22%20y%3D%224%22%20width%3D%2226%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%221%22%20y%3D%2225%22%20width%3D%2226%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%221%22%20y%3D%2222%22%20width%3D%2226%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%221%22%20y%3D%228%22%20width%3D%2212%22%20height%3D%2211%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
-}
-.sailfish i.icon.icon-block-align-center {
- background-color: transparent;
- -webkit-mask-image: none;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2028%2028%22%20fill%3D%22%23aa5252%22%3E%3Cg%3E%3Crect%20y%3D%221%22%20width%3D%2226%22%20height%3D%221%22%2F%3E%3Crect%20y%3D%224%22%20width%3D%2226%22%20height%3D%221%22%2F%3E%3Crect%20y%3D%2225%22%20width%3D%2226%22%20height%3D%221%22%2F%3E%3Crect%20y%3D%2222%22%20width%3D%2226%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%227%22%20y%3D%228.08%22%20width%3D%2212%22%20height%3D%2210.92%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
-}
-.sailfish i.icon.icon-block-align-right {
- background-color: transparent;
- -webkit-mask-image: none;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2028%2028%22%20fill%3D%22%23aa5252%22%3E%3Cg%3E%3Crect%20x%3D%221%22%20y%3D%221%22%20width%3D%2226%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%221%22%20y%3D%224%22%20width%3D%2226%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%221%22%20y%3D%2225%22%20width%3D%2226%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%221%22%20y%3D%2222%22%20width%3D%2226%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2215%22%20y%3D%228%22%20width%3D%2212%22%20height%3D%2211%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
-}
-.sailfish i.icon.icon-text-valign-top {
- background-color: transparent;
- -webkit-mask-image: none;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23aa5252%22%3E%3Cg%3E%3Crect%20x%3D%222%22%20y%3D%222%22%20width%3D%2219%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%222%22%20y%3D%224%22%20width%3D%2219%22%20height%3D%221%22%2F%3E%3Cpolygon%20points%3D%2212%2018%2011%2018%2011%207.83%208.65%209.8%208%208.94%2011.5%206%2015%209%2014.35%209.8%2012%207.83%2012%2018%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
-}
-.sailfish i.icon.icon-text-valign-middle {
- background-color: transparent;
- -webkit-mask-image: none;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23aa5252%22%3E%3Cg%3E%3Crect%20x%3D%222%22%20y%3D%2210%22%20width%3D%2219%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%222%22%20y%3D%2212%22%20width%3D%2219%22%20height%3D%221%22%2F%3E%3Cpolygon%20points%3D%2211%202%2012%202%2012%207.17%2014.35%205.2%2015%206.06%2011.5%209%208%206%208.65%205.2%2011%207.17%2011%202%22%2F%3E%3Cpolygon%20points%3D%2212%2021%2011%2021%2011%2015.83%208.65%2017.8%208%2016.94%2011.5%2014%2015%2017%2014.35%2017.8%2012%2015.83%2012%2021%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
-}
-.sailfish i.icon.icon-text-valign-bottom {
- background-color: transparent;
- -webkit-mask-image: none;
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22%23aa5252%22%3E%3Cg%3E%3Crect%20x%3D%222%22%20y%3D%2218%22%20width%3D%2219%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%222%22%20y%3D%2220%22%20width%3D%2219%22%20height%3D%221%22%2F%3E%3Cpolygon%20points%3D%2211%204%2012%204%2012%2015.17%2014.35%2013.2%2015%2014.06%2011.5%2017%208%2014%208.65%2013.2%2011%2015.17%2011%204%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
-}
-.sailfish .item-content.buttons .item-inner > .row .button.active {
- background-color: #f1d1d1;
-}
-.sailfish .dataview.shapes .thumb {
- -webkit-mask-image: none !important;
-}
-.sailfish .dataview.shapes [data-type=textRect] .thumb {
- background-image: url('../img/shapes/shape-01.svg');
- background-color: transparent;
-}
-.sailfish .dataview.shapes .thumb {
- -webkit-mask-image: none !important;
-}
-.sailfish .dataview.shapes [data-type=line] .thumb {
- background-image: url('../img/shapes/shape-02.svg');
- background-color: transparent;
-}
-.sailfish .dataview.shapes .thumb {
- -webkit-mask-image: none !important;
-}
-.sailfish .dataview.shapes [data-type=lineWithArrow] .thumb {
- background-image: url('../img/shapes/shape-03.svg');
- background-color: transparent;
-}
-.sailfish .dataview.shapes .thumb {
- -webkit-mask-image: none !important;
-}
-.sailfish .dataview.shapes [data-type=lineWithTwoArrows] .thumb {
- background-image: url('../img/shapes/shape-04.svg');
- background-color: transparent;
-}
-.sailfish .dataview.shapes .thumb {
- -webkit-mask-image: none !important;
-}
-.sailfish .dataview.shapes [data-type=rect] .thumb {
- background-image: url('../img/shapes/shape-05.svg');
- background-color: transparent;
-}
-.sailfish .dataview.shapes .thumb {
- -webkit-mask-image: none !important;
-}
-.sailfish .dataview.shapes [data-type=hexagon] .thumb {
- background-image: url('../img/shapes/shape-06.svg');
- background-color: transparent;
-}
-.sailfish .dataview.shapes .thumb {
- -webkit-mask-image: none !important;
-}
-.sailfish .dataview.shapes [data-type=roundRect] .thumb {
- background-image: url('../img/shapes/shape-07.svg');
- background-color: transparent;
-}
-.sailfish .dataview.shapes .thumb {
- -webkit-mask-image: none !important;
-}
-.sailfish .dataview.shapes [data-type=ellipse] .thumb {
- background-image: url('../img/shapes/shape-08.svg');
- background-color: transparent;
-}
-.sailfish .dataview.shapes .thumb {
- -webkit-mask-image: none !important;
-}
-.sailfish .dataview.shapes [data-type=triangle] .thumb {
- background-image: url('../img/shapes/shape-09.svg');
- background-color: transparent;
-}
-.sailfish .dataview.shapes .thumb {
- -webkit-mask-image: none !important;
-}
-.sailfish .dataview.shapes [data-type=rtTriangle] .thumb {
- background-image: url('../img/shapes/shape-10.svg');
- background-color: transparent;
-}
-.sailfish .dataview.shapes .thumb {
- -webkit-mask-image: none !important;
-}
-.sailfish .dataview.shapes [data-type=trapezoid] .thumb {
- background-image: url('../img/shapes/shape-11.svg');
- background-color: transparent;
-}
-.sailfish .dataview.shapes .thumb {
- -webkit-mask-image: none !important;
-}
-.sailfish .dataview.shapes [data-type=diamond] .thumb {
- background-image: url('../img/shapes/shape-12.svg');
- background-color: transparent;
-}
-.sailfish .dataview.shapes .thumb {
- -webkit-mask-image: none !important;
-}
-.sailfish .dataview.shapes [data-type=rightArrow] .thumb {
- background-image: url('../img/shapes/shape-13.svg');
- background-color: transparent;
-}
-.sailfish .dataview.shapes .thumb {
- -webkit-mask-image: none !important;
-}
-.sailfish .dataview.shapes [data-type=leftRightArrow] .thumb {
- background-image: url('../img/shapes/shape-14.svg');
- background-color: transparent;
-}
-.sailfish .dataview.shapes .thumb {
- -webkit-mask-image: none !important;
-}
-.sailfish .dataview.shapes [data-type=leftArrow] .thumb {
- background-image: url('../img/shapes/shape-15.svg');
- background-color: transparent;
-}
-.sailfish .dataview.shapes .thumb {
- -webkit-mask-image: none !important;
-}
-.sailfish .dataview.shapes [data-type=bentUpArrow] .thumb {
- background-image: url('../img/shapes/shape-16.svg');
- background-color: transparent;
-}
-.sailfish .dataview.shapes .thumb {
- -webkit-mask-image: none !important;
-}
-.sailfish .dataview.shapes [data-type=flowChartOffpageConnector] .thumb {
- background-image: url('../img/shapes/shape-17.svg');
- background-color: transparent;
-}
-.sailfish .dataview.shapes .thumb {
- -webkit-mask-image: none !important;
-}
-.sailfish .dataview.shapes [data-type=heart] .thumb {
- background-image: url('../img/shapes/shape-18.svg');
- background-color: transparent;
-}
-.sailfish .dataview.shapes .thumb {
- -webkit-mask-image: none !important;
-}
-.sailfish .dataview.shapes [data-type=mathMinus] .thumb {
- background-image: url('../img/shapes/shape-19.svg');
- background-color: transparent;
-}
-.sailfish .dataview.shapes .thumb {
- -webkit-mask-image: none !important;
-}
-.sailfish .dataview.shapes [data-type=mathPlus] .thumb {
- background-image: url('../img/shapes/shape-20.svg');
- background-color: transparent;
-}
-.sailfish .dataview.shapes .thumb {
- -webkit-mask-image: none !important;
-}
-.sailfish .dataview.shapes [data-type=parallelogram] .thumb {
- background-image: url('../img/shapes/shape-21.svg');
- background-color: transparent;
-}
-.sailfish .dataview.shapes .thumb {
- -webkit-mask-image: none !important;
-}
-.sailfish .dataview.shapes [data-type=wedgeRectCallout] .thumb {
- background-image: url('../img/shapes/shape-22.svg');
- background-color: transparent;
-}
-.sailfish .dataview.shapes .thumb {
- -webkit-mask-image: none !important;
-}
-.sailfish .dataview.shapes [data-type=wedgeEllipseCallout] .thumb {
- background-image: url('../img/shapes/shape-23.svg');
- background-color: transparent;
-}
-.sailfish .dataview.shapes .thumb {
- -webkit-mask-image: none !important;
-}
-.sailfish .dataview.shapes [data-type=cloudCallout] .thumb {
- background-image: url('../img/shapes/shape-24.svg');
- background-color: transparent;
-}
-#editor_sdk {
- position: absolute;
- left: 0;
- right: 0;
- top: 48px;
- bottom: 0;
- height: auto;
- overflow: hidden;
- -webkit-transition-duration: 300ms;
- transition-duration: 300ms;
-}
-#editor_sdk.with-logo {
- top: 80px;
-}
-* {
- -webkit-user-select: none;
- user-select: none;
-}
-input,
-textarea {
- -webkit-touch-callout: default;
- -webkit-user-select: text;
- user-select: text;
-}
-#editor-navbar.navbar .right {
- padding-right: 4px;
-}
-#editor-navbar.navbar .right a.link,
-#editor-navbar.navbar .left a.link {
- padding: 0 13px;
-}
-.logo-navbar {
- height: 80px;
-}
-.logo-navbar .navbar-inner {
- top: 24px;
- height: 56px;
-}
-#add-table .page,
-#add-shape .page {
- background-color: #fff;
-}
-.container-add .categories i.icon {
- opacity: 0.5;
-}
-.container-add .categories .active i.icon {
- opacity: 1;
-}
-.table-styles .row,
-.table-styles .row li {
- margin-bottom: 12px;
-}
-.table-styles li {
- margin: 0;
- padding: 1px;
-}
-.table-styles li img {
- width: 70px;
- height: 50px;
-}
-.shapes li {
- width: 70px;
- height: 70px;
- margin: 0 1px;
-}
-.shapes li .thumb {
- width: 100%;
- height: 100%;
- background-color: #aa5252;
-}
-.bullets ul,
-.numbers ul {
- margin-top: 10px;
-}
-.bullets li,
-.numbers li {
- width: 70px;
- height: 70px;
- margin-right: 1px;
- border: 1px solid #c4c4c4;
-}
-html.pixel-ratio-2 .bullets li,
-html.pixel-ratio-2 .numbers li {
- border: 0.5px solid #c4c4c4;
-}
-html.pixel-ratio-3 .bullets li,
-html.pixel-ratio-3 .numbers li {
- border: 0.33px solid #c4c4c4;
-}
-.bullets li .thumb,
-.numbers li .thumb {
- width: 100%;
- height: 100%;
- background-color: #ffffff;
- background-size: cover;
-}
-.bullets li .thumb label,
-.numbers li .thumb label {
- width: 100%;
- text-align: center;
- position: absolute;
- top: 34%;
-}
-.slide-layout .row {
- margin-bottom: 12px;
-}
-.slide-layout li {
- margin: 0;
- padding: 1px;
-}
-.slide-layout li img {
- box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15);
-}
-.slide-theme .row {
- margin-top: 14px;
- margin-bottom: 12px;
-}
-.slide-theme .row div {
- margin: 0;
- padding: 3px;
- box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15);
- width: 85px;
- height: 38px;
-}
-.slide-theme .item-theme {
- background-image: url('../../../../../../sdkjs/common/Images/themes_thumbnail.png');
-}
-.chart-types li {
- width: 60px;
- height: 60px;
- margin: 6px;
-}
-.chart-types li .thumb {
- width: 100%;
- height: 100%;
- background-size: contain;
-}
-.modal.modal-in {
- max-height: 100%;
- overflow: auto;
-}
-.doc-placeholder {
- background: #f5f5f5;
- width: 100%;
- height: 100%;
- left: 0;
- top: 0;
- bottom: 0;
- right: 0;
- z-index: 1;
- position: absolute;
- padding-top: 22px;
-}
-.doc-placeholder .slide-h {
- display: flex;
- flex-direction: column;
- justify-content: center;
- flex-grow: 1;
- width: 90%;
- height: 100%;
- margin: 0 auto;
-}
-.doc-placeholder .slide-v {
- display: flex;
- position: relative;
- flex-direction: column;
- padding-bottom: 56.1333%;
-}
-.doc-placeholder .slide-container {
- position: absolute;
- height: 100%;
- width: 100%;
- background: #fbfbfb;
- border: 1px solid #dfdfdf;
- -webkit-animation: flickerAnimation 2s infinite ease-in-out;
- -moz-animation: flickerAnimation 2s infinite ease-in-out;
- -o-animation: flickerAnimation 2s infinite ease-in-out;
- animation: flickerAnimation 2s infinite ease-in-out;
-}
-.doc-placeholder .slide-container > .line {
- height: 20%;
- margin: 0 120px;
- border-radius: 6px;
- background: #f5f5f5;
-}
-.doc-placeholder .slide-container > .line:nth-child(1) {
- height: 30%;
- margin: 10% 80px 0;
-}
-.doc-placeholder .slide-container > .line.empty {
- background: transparent;
-}
-.page-macros-settings[data-page="settings-macros-view"] .list-block li.media-item .item-title {
- font-weight: normal;
-}
-.page-macros-settings[data-page="settings-macros-view"] .list-block li.media-item .item-subtitle {
- font-size: 14px;
- color: #9e9e9e;
-}
' +
- '
',
- $$('#toolbar-add')
- );
-
- // Prevent hide overlay. Conflict popover and modals.
- var $overlay = $('.modal-overlay');
-
- $$(me.picker).on('opened', function () {
- $overlay.on('removeClass', function () {
- if (!$overlay.hasClass('modal-overlay-visible')) {
- $overlay.addClass('modal-overlay-visible')
- }
- });
- }).on('close', function () {
- $overlay.off('removeClass');
- $overlay.removeClass('modal-overlay-visible')
- });
- }
-
- $('.container-add .tab').single('show', function (e) {
- Common.NotificationCenter.trigger('addcategory:show', e);
- });
-
- if (isAndroid) {
- $$('.view.add-root-view.navbar-through').removeClass('navbar-through').addClass('navbar-fixed');
- $$('.view.add-root-view .navbar').prependTo('.view.add-root-view > .pages > .page');
- }
-
- me.rootView = uiApp.addView('.add-root-view', {
- dynamicNavbar: true,
- domCache: true
- });
-
- Common.NotificationCenter.trigger('addcontainer:show');
- },
-
- textSlide: 'Slide',
- textTable: 'Table',
- textShape: 'Shape',
- textImage: 'Image',
- textLink: 'Link',
- textOther: 'Other'
- }
- })(), PE.Controllers.AddContainer || {}))
-});
\ No newline at end of file
diff --git a/apps/presentationeditor/mobile/app/controller/add/AddImage.js b/apps/presentationeditor/mobile/app/controller/add/AddImage.js
deleted file mode 100644
index 5bb96618d..000000000
--- a/apps/presentationeditor/mobile/app/controller/add/AddImage.js
+++ /dev/null
@@ -1,127 +0,0 @@
-/*
- *
- * (c) Copyright Ascensio System SIA 2010-2019
- *
- * This program is a free software product. You can redistribute it and/or
- * modify it under the terms of the GNU Affero General Public License (AGPL)
- * version 3 as published by the Free Software Foundation. In accordance with
- * Section 7(a) of the GNU AGPL its Section 15 shall be amended to the effect
- * that Ascensio System SIA expressly excludes the warranty of non-infringement
- * of any third-party rights.
- *
- * This program is distributed WITHOUT ANY WARRANTY; without even the implied
- * warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. For
- * details, see the GNU AGPL at: http://www.gnu.org/licenses/agpl-3.0.html
- *
- * You can contact Ascensio System SIA at 20A-12 Ernesta Birznieka-Upisha
- * street, Riga, Latvia, EU, LV-1050.
- *
- * The interactive user interfaces in modified source and object code versions
- * of the Program must display Appropriate Legal Notices, as required under
- * Section 5 of the GNU AGPL version 3.
- *
- * Pursuant to Section 7(b) of the License you must retain the original Product
- * logo when distributing the program. Pursuant to Section 7(e) we decline to
- * grant you any rights under trademark law for use of our trademarks.
- *
- * All the Product's GUI elements, including illustrations and icon sets, as
- * well as technical writing content are licensed under the terms of the
- * Creative Commons Attribution-ShareAlike 4.0 International. See the License
- * terms at http://creativecommons.org/licenses/by-sa/4.0/legalcode
- *
- */
-
-/**
- * AddImage.js
- * Presentation Editor
- *
- * Created by Julia Radzhabova on 11/30/16
- * Copyright (c) 2018 Ascensio System SIA. All rights reserved.
- *
- */
-
-
-define([
- 'core',
- 'presentationeditor/mobile/app/view/add/AddImage'
-], function (core) {
- 'use strict';
-
- PE.Controllers.AddImage = Backbone.Controller.extend(_.extend((function() {
- //
-
- return {
- models: [],
- collections: [],
- views: [
- 'AddImage'
- ],
-
- initialize: function () {
- Common.NotificationCenter.on('addcontainer:show', _.bind(this.initEvents, this));
-
- this.addListeners({
- 'AddImage': {
- 'page:show' : this.onPageShow
- }
- });
- },
-
- setApi: function (api) {
- this.api = api;
- },
-
- onLaunch: function () {
- this.createView('AddImage').render();
- },
-
- initEvents: function () {
- var me = this;
- $('#add-image-file').single('click', _.bind(me.onInsertByFile, me));
- },
-
- onPageShow: function () {
- var me = this;
-
- $('#addimage-insert a').single('click', _.buffered(me.onInsertByUrl, 100, me));
- $('#addimage-url input[type=url]').single('input', _.bind(me.onUrlChange, me));
-
- _.delay(function () {
- $('#addimage-link-url input[type=url]').focus();
- }, 1000);
- },
-
- // Handlers
-
- onInsertByFile: function (e) {
- PE.getController('AddContainer').hideModal();
- },
-
- onUrlChange: function (e) {
- $('#addimage-insert').toggleClass('disabled', _.isEmpty($(e.currentTarget).val()));
- },
-
- onInsertByUrl: function (e) {
- var me = this,
- $input = $('#addimage-link-url input[type=url]');
-
- if ($input) {
- var value = ($input.val()).replace(/ /g, '');
-
- if (!_.isEmpty(value)) {
- if ((/((^https?)|(^ftp)):\/\/.+/i.test(value))) {
- PE.getController('AddContainer').hideModal();
- } else {
- uiApp.alert(me.txtNotUrl);
- }
- } else {
- uiApp.alert(me.textEmptyImgUrl);
- }
- }
- },
-
- textEmptyImgUrl : 'You need to specify image URL.',
- txtNotUrl : 'This field should be a URL in the format \"http://www.example.com\"'
- }
- })(), PE.Controllers.AddImage || {}))
-});
diff --git a/apps/presentationeditor/mobile/app/controller/add/AddLink.js b/apps/presentationeditor/mobile/app/controller/add/AddLink.js
deleted file mode 100644
index c5c9855c2..000000000
--- a/apps/presentationeditor/mobile/app/controller/add/AddLink.js
+++ /dev/null
@@ -1,216 +0,0 @@
-/*
- *
- * (c) Copyright Ascensio System SIA 2010-2019
- *
- * This program is a free software product. You can redistribute it and/or
- * modify it under the terms of the GNU Affero General Public License (AGPL)
- * version 3 as published by the Free Software Foundation. In accordance with
- * Section 7(a) of the GNU AGPL its Section 15 shall be amended to the effect
- * that Ascensio System SIA expressly excludes the warranty of non-infringement
- * of any third-party rights.
- *
- * This program is distributed WITHOUT ANY WARRANTY; without even the implied
- * warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. For
- * details, see the GNU AGPL at: http://www.gnu.org/licenses/agpl-3.0.html
- *
- * You can contact Ascensio System SIA at 20A-12 Ernesta Birznieka-Upisha
- * street, Riga, Latvia, EU, LV-1050.
- *
- * The interactive user interfaces in modified source and object code versions
- * of the Program must display Appropriate Legal Notices, as required under
- * Section 5 of the GNU AGPL version 3.
- *
- * Pursuant to Section 7(b) of the License you must retain the original Product
- * logo when distributing the program. Pursuant to Section 7(e) we decline to
- * grant you any rights under trademark law for use of our trademarks.
- *
- * All the Product's GUI elements, including illustrations and icon sets, as
- * well as technical writing content are licensed under the terms of the
- * Creative Commons Attribution-ShareAlike 4.0 International. See the License
- * terms at http://creativecommons.org/licenses/by-sa/4.0/legalcode
- *
- */
-/**
- * AddLink.js
- * Presentation Editor
- *
- * Created by Julia Radzhabova on 12/01/16
- * Copyright (c) 2018 Ascensio System SIA. All rights reserved.
- *
- */
-
-define([
- 'core',
- 'presentationeditor/mobile/app/view/add/AddOther'
-], function (core) {
- 'use strict';
-
- PE.Controllers.AddLink = Backbone.Controller.extend(_.extend((function() {
- var c_oHyperlinkType = {
- InternalLink:0,
- WebLink: 1
- },
- c_oSlideLink = {
- Next: 0,
- Previouse: 1,
- Last: 2,
- First: 3,
- Num: 4
- },
- _slidesCount = 0;
-
- return {
- models: [],
- collections: [],
- views: [
- 'AddOther'
- ],
-
- initialize: function () {
-
- this.addListeners({
- 'AddOther': {
- 'category:show': this.categoryShow,
- 'page:show' : this.onPageShow
- }
- });
-
- var me = this;
- uiApp.onPageBack('addlink-type addlink-slidenumber', function (page) {
- me.initSettings();
- });
-
- this._linkType = c_oHyperlinkType.WebLink;
- this._slideLink = 0;
- this._slideNum = 0;
- },
-
- setApi: function (api) {
- var me = this;
- me.api = api;
- },
-
- initEvents: function () {
- var me = this;
- $('#add-link-insert').single('click', _.buffered(me.onInsertLink, 100, me));
- },
-
- categoryShow: function (view, pageId) {
- if (pageId === '#addother-insert-link') {
- this._linkType = c_oHyperlinkType.WebLink;
- this._slideLink = this._slideNum = 0;
- var text = this.api.can_AddHyperlink();
- if (text !== false) {
- $('#add-link-display input').val((text !== null) ? text : this.textDefault);
- $('#add-link-display').toggleClass('disabled', text === null);
- }
-
- this.initEvents();
- this.initSettings();
- }
- },
-
- initSettings: function (pageId) {
- var me = this;
-
- if (pageId == '#addlink-type') {
- $('#page-addlink-type input').val([this._linkType]);
- } else if (pageId == '#addlink-slidenumber') {
- _slidesCount = me.api.getCountPages();
- $('#page-addlink-slidenumber input').val([this._slideLink]);
- $('#addlink-slide-number .item-after label').text(this._slideNum+1);
- } else {
- $('#add-link-type .item-after').text((this._linkType==c_oHyperlinkType.WebLink) ? me.textExternalLink : me.textInternalLink);
- $('#add-link-url')[(this._linkType==c_oHyperlinkType.WebLink) ? 'show' : 'hide']();
- $('#add-link-number')[(this._linkType==c_oHyperlinkType.WebLink) ? 'hide' : 'show']();
-
- if (this._linkType==c_oHyperlinkType.WebLink) {
- $('#add-link-url input[type=url]').single('input', _.bind(function(e) {
- $('#add-link-insert').toggleClass('disabled', _.isEmpty($('#add-link-url input').val()));
- }, this));
- _.delay(function () {
- $('#add-link-url input[type=url]').focus();
- }, 1000);
- } else {
- var slidename = '';
- switch (this._slideLink) {
- case 0:
- slidename = me.textNext;
- break;
- case 1:
- slidename = me.textPrev;
- break;
- case 2:
- slidename = me.textFirst;
- break;
- case 3:
- slidename = me.textLast;
- break;
- case 4:
- slidename = me.textSlide + ' ' + (this._slideNum+1);
- break;
- }
- $('#add-link-number .item-after').text(slidename);
- }
-
- $('#add-link-insert').toggleClass('disabled', (this._linkType==c_oHyperlinkType.WebLink) && _.isEmpty($('#add-link-url input').val()));
- }
- },
-
- onPageShow: function (view, pageId) {
- var me = this;
-
- $('#page-addlink-type li').single('click', _.buffered(me.onLinkType, 100, me));
- $('#page-addlink-slidenumber li').single('click', _.buffered(me.onSlideLink, 100, me));
- $('#addlink-slide-number .button').single('click',_.buffered(me.onSlideNumber, 100, me));
- me.initSettings(pageId);
- },
-
- // Handlers
-
- onInsertLink: function (e) {
- PE.getController('AddContainer').hideModal();
- },
-
- onLinkType: function (e) {
- var $target = $(e.currentTarget).find('input');
-
- if ($target && this.api) {
- this._linkType = parseFloat($target.prop('value'));
- }
- },
-
- onSlideLink: function (e) {
- var $target = $(e.currentTarget).find('input');
-
- if ($target && this.api) {
- this._slideLink = parseFloat($target.prop('value'));
- }
- },
-
- onSlideNumber: function (e) {
- var $button = $(e.currentTarget),
- slide = this._slideNum;
-
- if ($button.hasClass('decrement')) {
- slide = Math.max(0, --slide);
- } else {
- slide = Math.min(_slidesCount-1, ++slide);
- }
- this._slideNum = slide;
- $('#addlink-slide-number .item-after label').text(slide+1);
- },
-
- txtNotUrl: 'This field should be a URL in the format \"http://www.example.com\"',
- textDefault: 'Selected text',
- textNext: 'Next Slide',
- textPrev: 'Previous Slide',
- textFirst: 'First Slide',
- textLast: 'Last Slide',
- textSlide: 'Slide',
- textExternalLink: 'External Link',
- textInternalLink: 'Slide in this Presentation'
-
- }
- })(), PE.Controllers.AddLink || {}))
-});
\ No newline at end of file
diff --git a/apps/presentationeditor/mobile/app/controller/add/AddOther.js b/apps/presentationeditor/mobile/app/controller/add/AddOther.js
deleted file mode 100644
index 675a89dd0..000000000
--- a/apps/presentationeditor/mobile/app/controller/add/AddOther.js
+++ /dev/null
@@ -1,185 +0,0 @@
-/*
- *
- * (c) Copyright Ascensio System SIA 2010-2019
- *
- * This program is a free software product. You can redistribute it and/or
- * modify it under the terms of the GNU Affero General Public License (AGPL)
- * version 3 as published by the Free Software Foundation. In accordance with
- * Section 7(a) of the GNU AGPL its Section 15 shall be amended to the effect
- * that Ascensio System SIA expressly excludes the warranty of non-infringement
- * of any third-party rights.
- *
- * This program is distributed WITHOUT ANY WARRANTY; without even the implied
- * warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. For
- * details, see the GNU AGPL at: http://www.gnu.org/licenses/agpl-3.0.html
- *
- * You can contact Ascensio System SIA at 20A-12 Ernesta Birznieka-Upisha
- * street, Riga, Latvia, EU, LV-1050.
- *
- * The interactive user interfaces in modified source and object code versions
- * of the Program must display Appropriate Legal Notices, as required under
- * Section 5 of the GNU AGPL version 3.
- *
- * Pursuant to Section 7(b) of the License you must retain the original Product
- * logo when distributing the program. Pursuant to Section 7(e) we decline to
- * grant you any rights under trademark law for use of our trademarks.
- *
- * All the Product's GUI elements, including illustrations and icon sets, as
- * well as technical writing content are licensed under the terms of the
- * Creative Commons Attribution-ShareAlike 4.0 International. See the License
- * terms at http://creativecommons.org/licenses/by-sa/4.0/legalcode
- *
- */
-/**
- * AddOther.js
- * Presentation Editor
- *
- * Created by Julia Svinareva on 10/04/20
- * Copyright (c) 2020 Ascensio System SIA. All rights reserved.
- *
- */
-
-define([
- 'core',
- 'presentationeditor/mobile/app/view/add/AddOther',
- 'jquery',
- 'underscore',
- 'backbone'
-], function (core, view, $, _, Backbone) {
- 'use strict';
-
- PE.Controllers.AddOther = Backbone.Controller.extend(_.extend((function() {
- var _canAddHyperlink = false,
- _paragraphLocked = false;
-
- return {
- models: [],
- collections: [],
- views: [
- 'AddOther'
- ],
-
- initialize: function () {
- Common.NotificationCenter.on('addcontainer:show', _.bind(this.initEvents, this));
-
- this.addListeners({
- 'AddOther': {
- 'page:show' : this.onPageShow
- }
- });
- },
-
- setApi: function (api) {
- var me = this;
- me.api = api;
- me.api.asc_registerCallback('asc_onCanAddHyperlink', _.bind(me.onApiCanAddHyperlink, me));
- me.api.asc_registerCallback('asc_onFocusObject', _.bind(me.onApiFocusObject, me));
- },
-
- setMode: function (mode) {
- this.view = this.getView('AddOther');
- this.view.canViewComments = mode.canViewComments;
- },
-
- onLaunch: function () {
- this.createView('AddOther').render();
- },
-
- initEvents: function () {
- var me = this;
- this.view.hideInsertComments = this.isHideInsertComment();
- this.view.hideInsertLink = !(_canAddHyperlink && !_paragraphLocked);
- },
-
- onApiCanAddHyperlink: function(value) {
- _canAddHyperlink = value;
- },
-
- onApiFocusObject: function (objects) {
- _paragraphLocked = false;
- _.each(objects, function(object) {
- if (Asc.c_oAscTypeSelectElement.Paragraph == object.get_ObjectType()) {
- _paragraphLocked = object.get_ObjectValue().get_Locked();
- }
- });
- },
-
- isHideInsertComment: function() {
- var stack = this.api.getSelectedElements();
- var isText = false,
- isChart = false;
-
- _.each(stack, function (item) {
- var objectType = item.get_ObjectType();
- if (objectType == Asc.c_oAscTypeSelectElement.Paragraph) {
- isText = true;
- } else if (objectType == Asc.c_oAscTypeSelectElement.Chart) {
- isChart = true;
- }
- });
- if (stack.length > 0) {
- var topObject = stack[stack.length - 1],
- topObjectValue = topObject.get_ObjectValue(),
- objectLocked = _.isFunction(topObjectValue.get_Locked) ? topObjectValue.get_Locked() : false;
- !objectLocked && (objectLocked = _.isFunction(topObjectValue.get_LockDelete) ? topObjectValue.get_LockDelete() : false);
- if (!objectLocked) {
- return ((isText && isChart) || this.api.can_AddQuotedComment() === false);
- }
- }
- return true;
- },
-
- onPageShow: function (view, pageId) {
- var me = this;
-
- if (pageId == '#addother-insert-comment') {
- me.initInsertComment(false);
- }
- },
-
- // Handlers
- initInsertComment: function (documentFlag) {
- var comment = PE.getController('Common.Controllers.Collaboration').getCommentInfo();
- if (comment) {
- this.getView('AddOther').renderComment(comment);
- $('#done-comment').single('click', _.bind(this.onDoneComment, this, documentFlag));
- $('.back-from-add-comment').single('click', _.bind(function () {
- if ($('#comment-text').val().length > 0) {
- uiApp.modal({
- title: '',
- text: this.textDeleteDraft,
- buttons: [
- {
- text: this.textCancel
- },
- {
- text: this.textDelete,
- bold: true,
- onClick: function () {
- PE.getController('AddContainer').rootView.router.back();
- }
- }]
- })
- } else {
- PE.getController('AddContainer').rootView.router.back();
- }
- }, this))
- }
- },
-
- onDoneComment: function(documentFlag) {
- var value = $('#comment-text').val().trim();
- if (value.length > 0) {
- PE.getController('Common.Controllers.Collaboration').onAddNewComment(value, documentFlag);
- PE.getController('AddContainer').hideModal();
- }
- },
-
- textDeleteDraft: 'Do you really want to delete draft?',
- textCancel: 'Cancel',
- //textContinue: 'Continue',
- textDelete: 'Delete'
-
- }
- })(), PE.Controllers.AddOther || {}))
-});
\ No newline at end of file
diff --git a/apps/presentationeditor/mobile/app/controller/add/AddShape.js b/apps/presentationeditor/mobile/app/controller/add/AddShape.js
deleted file mode 100644
index be2ef1ecf..000000000
--- a/apps/presentationeditor/mobile/app/controller/add/AddShape.js
+++ /dev/null
@@ -1,225 +0,0 @@
-/*
- *
- * (c) Copyright Ascensio System SIA 2010-2019
- *
- * This program is a free software product. You can redistribute it and/or
- * modify it under the terms of the GNU Affero General Public License (AGPL)
- * version 3 as published by the Free Software Foundation. In accordance with
- * Section 7(a) of the GNU AGPL its Section 15 shall be amended to the effect
- * that Ascensio System SIA expressly excludes the warranty of non-infringement
- * of any third-party rights.
- *
- * This program is distributed WITHOUT ANY WARRANTY; without even the implied
- * warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. For
- * details, see the GNU AGPL at: http://www.gnu.org/licenses/agpl-3.0.html
- *
- * You can contact Ascensio System SIA at 20A-12 Ernesta Birznieka-Upisha
- * street, Riga, Latvia, EU, LV-1050.
- *
- * The interactive user interfaces in modified source and object code versions
- * of the Program must display Appropriate Legal Notices, as required under
- * Section 5 of the GNU AGPL version 3.
- *
- * Pursuant to Section 7(b) of the License you must retain the original Product
- * logo when distributing the program. Pursuant to Section 7(e) we decline to
- * grant you any rights under trademark law for use of our trademarks.
- *
- * All the Product's GUI elements, including illustrations and icon sets, as
- * well as technical writing content are licensed under the terms of the
- * Creative Commons Attribution-ShareAlike 4.0 International. See the License
- * terms at http://creativecommons.org/licenses/by-sa/4.0/legalcode
- *
- */
-
-/**
- * AddShape.js
- * Presentation Editor
- *
- * Created by Julia Radzhabova on 11/28/16
- * Copyright (c) 2018 Ascensio System SIA. All rights reserved.
- *
- */
-
-define([
- 'core',
- 'presentationeditor/mobile/app/view/add/AddShape'
-], function (core) {
- 'use strict';
-
- PE.Controllers.AddShape = Backbone.Controller.extend(_.extend((function() {
- var _styles = [];
-
- return {
- models: [],
- collections: [],
- views: [
- 'AddShape'
- ],
-
- initialize: function () {
- Common.NotificationCenter.on('addcontainer:show', _.bind(this.initEvents, this));
-
- // Fill shapes
-
- function randomColor() {
- return '#' + Math.floor(Math.random()*16777215).toString(16);
- }
-
- _styles = [
- {
- title: 'Text',
- thumb: 'shape-01.svg',
- type: 'textRect'
- },
- {
- title: 'Line',
- thumb: 'shape-02.svg',
- type: 'line'
- },
- {
- title: 'Line with arrow',
- thumb: 'shape-03.svg',
- type: 'lineWithArrow'
- },
- {
- title: 'Line with two arrows',
- thumb: 'shape-04.svg',
- type: 'lineWithTwoArrows'
- },
- {
- title: 'Rect',
- thumb: 'shape-05.svg',
- type: 'rect'
- },
- {
- title: 'Hexagon',
- thumb: 'shape-06.svg',
- type: 'hexagon'
- },
- {
- title: 'Round rect',
- thumb: 'shape-07.svg',
- type: 'roundRect'
- },
- {
- title: 'Ellipse',
- thumb: 'shape-08.svg',
- type: 'ellipse'
- },
- {
- title: 'Triangle',
- thumb: 'shape-09.svg',
- type: 'triangle'
- },
- {
- title: 'Triangle',
- thumb: 'shape-10.svg',
- type: 'rtTriangle'
- },
- {
- title: 'Trapezoid',
- thumb: 'shape-11.svg',
- type: 'trapezoid'
- },
- {
- title: 'Diamond',
- thumb: 'shape-12.svg',
- type: 'diamond'
- },
- {
- title: 'Right arrow',
- thumb: 'shape-13.svg',
- type: 'rightArrow'
- },
- {
- title: 'Left-right arrow',
- thumb: 'shape-14.svg',
- type: 'leftRightArrow'
- },
- {
- title: 'Left arrow callout',
- thumb: 'shape-15.svg',
- type: 'leftArrow'
- },
- {
- title: 'Right arrow callout',
- thumb: 'shape-16.svg',
- type: 'bentUpArrow'
- },
- {
- title: 'Flow chart off page connector',
- thumb: 'shape-17.svg',
- type: 'flowChartOffpageConnector'
- },
- {
- title: 'Heart',
- thumb: 'shape-18.svg',
- type: 'heart'
- },
- {
- title: 'Math minus',
- thumb: 'shape-19.svg',
- type: 'mathMinus'
- },
- {
- title: 'Math plus',
- thumb: 'shape-20.svg',
- type: 'mathPlus'
- },
- {
- title: 'Parallelogram',
- thumb: 'shape-21.svg',
- type: 'parallelogram'
- },
- {
- title: 'Wedge rect callout',
- thumb: 'shape-22.svg',
- type: 'wedgeRectCallout'
- },
- {
- title: 'Wedge ellipse callout',
- thumb: 'shape-23.svg',
- type: 'wedgeEllipseCallout'
- },
- {
- title: 'Cloud callout',
- thumb: 'shape-24.svg',
- type: 'cloudCallout'
- }
- ];
-
- var elementsInRow = 4;
- var groups = _.chain(_styles).groupBy(function(element, index){
- return Math.floor(index/elementsInRow);
- }).toArray().value();
-
- Common.SharedSettings.set('shapes', groups);
- Common.NotificationCenter.trigger('shapes:load', groups);
- },
-
- setApi: function (api) {
- this.api = api;
- },
-
- onLaunch: function () {
- this.createView('AddShape').render();
- },
-
- initEvents: function () {
- var me = this;
-
- $('#add-shape li').single('click', _.buffered(me.onShapeClick, 100, me));
- },
-
- onShapeClick: function (e) {
- PE.getController('AddContainer').hideModal();
- },
-
- // Public
-
- getStyles: function () {
- return _styles;
- }
- }
- })(), PE.Controllers.AddShape || {}))
-});
\ No newline at end of file
diff --git a/apps/presentationeditor/mobile/app/controller/add/AddSlide.js b/apps/presentationeditor/mobile/app/controller/add/AddSlide.js
deleted file mode 100644
index 4ffccc101..000000000
--- a/apps/presentationeditor/mobile/app/controller/add/AddSlide.js
+++ /dev/null
@@ -1,89 +0,0 @@
-/*
- *
- * (c) Copyright Ascensio System SIA 2010-2019
- *
- * This program is a free software product. You can redistribute it and/or
- * modify it under the terms of the GNU Affero General Public License (AGPL)
- * version 3 as published by the Free Software Foundation. In accordance with
- * Section 7(a) of the GNU AGPL its Section 15 shall be amended to the effect
- * that Ascensio System SIA expressly excludes the warranty of non-infringement
- * of any third-party rights.
- *
- * This program is distributed WITHOUT ANY WARRANTY; without even the implied
- * warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. For
- * details, see the GNU AGPL at: http://www.gnu.org/licenses/agpl-3.0.html
- *
- * You can contact Ascensio System SIA at 20A-12 Ernesta Birznieka-Upisha
- * street, Riga, Latvia, EU, LV-1050.
- *
- * The interactive user interfaces in modified source and object code versions
- * of the Program must display Appropriate Legal Notices, as required under
- * Section 5 of the GNU AGPL version 3.
- *
- * Pursuant to Section 7(b) of the License you must retain the original Product
- * logo when distributing the program. Pursuant to Section 7(e) we decline to
- * grant you any rights under trademark law for use of our trademarks.
- *
- * All the Product's GUI elements, including illustrations and icon sets, as
- * well as technical writing content are licensed under the terms of the
- * Creative Commons Attribution-ShareAlike 4.0 International. See the License
- * terms at http://creativecommons.org/licenses/by-sa/4.0/legalcode
- *
- */
-
-/**
- * AddSlide.js
- * Presentation Editor
- *
- * Created by Julia Radzhabova on 12/06/16
- * Copyright (c) 2018 Ascensio System SIA. All rights reserved.
- *
- */
-
-
-define([
- 'core',
- 'presentationeditor/mobile/app/view/add/AddSlide'
-], function (core) {
- 'use strict';
-
- PE.Controllers.AddSlide = Backbone.Controller.extend(_.extend((function() {
- return {
- models: [],
- collections: [],
- views: [
- 'AddSlide'
- ],
-
- initialize: function () {
- Common.NotificationCenter.on('addcontainer:show', _.bind(this.initEvents, this));
- this._layouts = [];
- },
-
- setApi: function (api) {
- var me = this;
- me.api = api;
- },
-
- onLaunch: function () {
- this.createView('AddSlide').render();
- },
-
- initEvents: function () {
- var me = this;
- me.getView('AddSlide').updateLayouts(this._layouts);
- $('#add-slide .slide-layout li').single('click', _.buffered(me.onLayoutClick, 100, me));
- },
-
- onLayoutClick: function (e) {
- PE.getController('AddContainer').hideModal();
- },
-
- // Public
-
- getLayouts: function () {
- return this._layouts;
- }
- }
- })(), PE.Controllers.AddSlide || {}))
-});
\ No newline at end of file
diff --git a/apps/presentationeditor/mobile/app/controller/add/AddTable.js b/apps/presentationeditor/mobile/app/controller/add/AddTable.js
deleted file mode 100644
index 5f4e3d8ae..000000000
--- a/apps/presentationeditor/mobile/app/controller/add/AddTable.js
+++ /dev/null
@@ -1,156 +0,0 @@
-/*
- *
- * (c) Copyright Ascensio System SIA 2010-2019
- *
- * This program is a free software product. You can redistribute it and/or
- * modify it under the terms of the GNU Affero General Public License (AGPL)
- * version 3 as published by the Free Software Foundation. In accordance with
- * Section 7(a) of the GNU AGPL its Section 15 shall be amended to the effect
- * that Ascensio System SIA expressly excludes the warranty of non-infringement
- * of any third-party rights.
- *
- * This program is distributed WITHOUT ANY WARRANTY; without even the implied
- * warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. For
- * details, see the GNU AGPL at: http://www.gnu.org/licenses/agpl-3.0.html
- *
- * You can contact Ascensio System SIA at 20A-12 Ernesta Birznieka-Upisha
- * street, Riga, Latvia, EU, LV-1050.
- *
- * The interactive user interfaces in modified source and object code versions
- * of the Program must display Appropriate Legal Notices, as required under
- * Section 5 of the GNU AGPL version 3.
- *
- * Pursuant to Section 7(b) of the License you must retain the original Product
- * logo when distributing the program. Pursuant to Section 7(e) we decline to
- * grant you any rights under trademark law for use of our trademarks.
- *
- * All the Product's GUI elements, including illustrations and icon sets, as
- * well as technical writing content are licensed under the terms of the
- * Creative Commons Attribution-ShareAlike 4.0 International. See the License
- * terms at http://creativecommons.org/licenses/by-sa/4.0/legalcode
- *
- */
-
-/**
- * AddTable.js
- * Presentation Editor
- *
- * Created by Julia Radzhabova on 11/30/16
- * Copyright (c) 2018 Ascensio System SIA. All rights reserved.
- *
- */
-
-
-define([
- 'core',
-], function (core) {
- 'use strict';
-
- PE.Controllers.AddTable = Backbone.Controller.extend(_.extend((function() {
- return {
- models: [],
- collections: [],
- views: [
- 'AddTable'
- ],
-
- initialize: function () {
- this._styles = [];
- this._initDefaultStyles = false;
- },
-
- setApi: function (api) {
- var me = this;
- me.api = api;
- },
-
- initEvents: function () {
- var me = this;
- $('.page[data-page="addother-insert-table"] li').single('click', _.buffered(me.onStyleClick, 100, me));
- },
-
- onStyleClick: function (e) {
- var me = this,
- $target = $(e.currentTarget),
- type = $target.data('type');
-
- if ($('.modal.modal-in').length > 0) {
- return;
- }
-
- PE.getController('AddContainer').hideModal();
-
- if ($target) {
- var picker;
- var modal = uiApp.modal({
- title: me.textTableSize,
- text: '',
- afterText:
- '' +
- '' +
- '
' +
- '' +
- '
',
- buttons: [
- {
- text: me.textCancel
- },
- {
- text: 'OK',
- bold: true,
- onClick: function () {
- var size = picker.value;
-
- if (me.api) {
- me.api.put_Table(parseInt(size[0]), parseInt(size[1]));
-
- var properties = new Asc.CTableProp();
- properties.put_TableStyle(type);
-
- me.api.tblApply(properties);
- }
- }
- }
- ]
- });
-
- picker = uiApp.picker({
- container: '#picker-table-size',
- toolbar: false,
- rotateEffect: true,
- value: [3, 3],
- cols: [{
- textAlign: 'center',
- width: '100%',
- values: [1,2,3,4,5,6,7,8,9,10]
- }, {
- textAlign: 'center',
- width: '100%',
- values: [1,2,3,4,5,6,7,8,9,10]
- }]
- });
-
- // Vertical align
- $$(modal).css({
- marginTop: - Math.round($$(modal).outerHeight() / 2) + 'px'
- });
- }
- },
-
- // Public
-
- getStyles: function () {
- return this._styles;
- },
-
- // API handlers
-
- textTableSize: 'Table Size',
- textColumns: 'Columns',
- textRows: 'Rows',
- textCancel: 'Cancel'
- }
- })(), PE.Controllers.AddTable || {}))
-});
\ No newline at end of file
diff --git a/apps/presentationeditor/mobile/app/controller/edit/EditChart.js b/apps/presentationeditor/mobile/app/controller/edit/EditChart.js
deleted file mode 100644
index c80df4edc..000000000
--- a/apps/presentationeditor/mobile/app/controller/edit/EditChart.js
+++ /dev/null
@@ -1,423 +0,0 @@
-/*
- *
- * (c) Copyright Ascensio System SIA 2010-2019
- *
- * This program is a free software product. You can redistribute it and/or
- * modify it under the terms of the GNU Affero General Public License (AGPL)
- * version 3 as published by the Free Software Foundation. In accordance with
- * Section 7(a) of the GNU AGPL its Section 15 shall be amended to the effect
- * that Ascensio System SIA expressly excludes the warranty of non-infringement
- * of any third-party rights.
- *
- * This program is distributed WITHOUT ANY WARRANTY; without even the implied
- * warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. For
- * details, see the GNU AGPL at: http://www.gnu.org/licenses/agpl-3.0.html
- *
- * You can contact Ascensio System SIA at 20A-12 Ernesta Birznieka-Upisha
- * street, Riga, Latvia, EU, LV-1050.
- *
- * The interactive user interfaces in modified source and object code versions
- * of the Program must display Appropriate Legal Notices, as required under
- * Section 5 of the GNU AGPL version 3.
- *
- * Pursuant to Section 7(b) of the License you must retain the original Product
- * logo when distributing the program. Pursuant to Section 7(e) we decline to
- * grant you any rights under trademark law for use of our trademarks.
- *
- * All the Product's GUI elements, including illustrations and icon sets, as
- * well as technical writing content are licensed under the terms of the
- * Creative Commons Attribution-ShareAlike 4.0 International. See the License
- * terms at http://creativecommons.org/licenses/by-sa/4.0/legalcode
- *
- */
-
-/**
- * EditChart.js
- * Presentation Editor
- *
- * Created by Julia Radzhabova on 12/19/16
- * Copyright (c) 2018 Ascensio System SIA. All rights reserved.
- *
- */
-
-define([
- 'core',
- 'presentationeditor/mobile/app/view/edit/EditChart',
- 'jquery',
- 'underscore',
- 'backbone'
-], function (core, view, $, _, Backbone) {
- 'use strict';
-
- PE.Controllers.EditChart = Backbone.Controller.extend(_.extend((function() {
- // Private
- var _stack = [],
- _shapeObject = undefined,
- _metricText = Common.Utils.Metric.getCurrentMetricName(),
- _borderColor = 'transparent';
-
- var borderSizeTransform = (function() {
- var _sizes = [0, 0.5, 1, 1.5, 2.25, 3, 4.5, 6];
-
- return {
- sizeByIndex: function (index) {
- if (index < 1) return _sizes[0];
- if (index > _sizes.length - 1) return _sizes[_sizes.length - 1];
- return _sizes[index];
- },
-
- indexSizeByValue: function (value) {
- var index = 0;
- _.each(_sizes, function (size, idx) {
- if (Math.abs(size - value) < 0.25) {
- index = idx;
- }
- });
-
- return index
- },
-
- sizeByValue: function (value) {
- return _sizes[this.indexSizeByValue(value)];
- }
- }
- })();
-
- return {
- models: [],
- collections: [],
- views: [
- 'EditChart'
- ],
-
- initialize: function () {
- Common.NotificationCenter.on('editcontainer:show', _.bind(this.initEvents, this));
-
- this.addListeners({
- 'EditChart': {
- 'page:show': this.onPageShow
- }
- });
- this._chartObject = undefined;
- },
-
- setApi: function (api) {
- var me = this;
- me.api = api;
-
- me.api.asc_registerCallback('asc_onFocusObject', _.bind(me.onApiFocusObject, me));
- },
-
- onLaunch: function () {
- this.createView('EditChart').render();
- },
-
- initEvents: function () {
- var me = this;
-
- $('#chart-remove').single('click', _.bind(me.onRemoveChart, me));
-
- me.initSettings();
- },
-
- onPageShow: function (view, pageId) {
- var me = this;
-
- $('.chart-reorder a').single('click', _.bind(me.onReorder, me));
- $('.chart-replace li').single('click', _.buffered(me.onReplace, 100, me));
- $('.chart-align a').single('click', _.bind(me.onAlign, me));
-
- $('#edit-chart-bordersize input').single('change touchend', _.buffered(me.onBorderSize, 100, me));
- $('#edit-chart-bordersize input').single('input', _.bind(me.onBorderSizeChanging, me));
-
- $('#tab-chart-type li').single('click', _.buffered(me.onType, 100, me));
-
- me.initSettings(pageId);
- },
-
- initSettings: function (pageId) {
- var me = this;
-
- if (me._chartObject) {
- if (pageId == '#edit-chart-style') {
- me._updateChartStyles(me.api.asc_getChartPreviews(me._chartObject.getType()));
- me._initStyleView();
- } else if (pageId == '#edit-chart-border-color-view') {
- me._initStyleView();
- }
- }
- },
-
- _initStyleView: function (updateStyles) {
- var me = this,
- chartProperties = me._chartObject,
- shapeProperties = _shapeObject,
- paletteFillColor = me.getView('EditChart').paletteFillColor,
- paletteBorderColor = me.getView('EditChart').paletteBorderColor;
-
- // Style
-
- var type = chartProperties.getType();
- $('.chart-types li').removeClass('active');
- $('.chart-types li[data-type=' + type + ']').addClass('active');
-
- // Init style border size
- var borderSize = shapeProperties.get_stroke().get_width() * 72.0 / 25.4,
- borderType = _shapeObject.get_stroke().get_type();
- $('#edit-chart-bordersize input').val([(borderType == Asc.c_oAscStrokeType.STROKE_NONE) ? 0 : borderSizeTransform.indexSizeByValue(borderSize)]);
- $('#edit-chart-bordersize .item-after').text(((borderType == Asc.c_oAscStrokeType.STROKE_NONE) ? 0 : borderSizeTransform.sizeByValue(borderSize)) + ' ' + Common.Utils.Metric.getMetricName(Common.Utils.Metric.c_MetricUnits.pt));
-
- paletteFillColor && paletteFillColor.on('select', _.bind(me.onFillColor, me));
- paletteBorderColor && paletteBorderColor.on('select', _.bind(me.onBorderColor, me));
-
- var sdkColor, color;
-
- // Init fill color
- var fill = shapeProperties.get_fill(),
- fillType = fill.get_type();
-
- color = 'transparent';
-
- if (fillType == Asc.c_oAscFill.FILL_TYPE_SOLID) {
- fill = fill.get_fill();
- sdkColor = fill.get_color();
-
- if (sdkColor) {
- if (sdkColor.get_type() == Asc.c_oAscColor.COLOR_TYPE_SCHEME) {
- color = {color: Common.Utils.ThemeColor.getHexColor(sdkColor.get_r(), sdkColor.get_g(), sdkColor.get_b()), effectValue: sdkColor.get_value()};
- } else {
- color = Common.Utils.ThemeColor.getHexColor(sdkColor.get_r(), sdkColor.get_g(), sdkColor.get_b());
- }
- }
- }
-
- paletteFillColor && paletteFillColor.select(color);
-
- // Init border color
- me._initBorderColorView();
- },
-
- _initBorderColorView: function () {
- if (!_shapeObject) return;
-
- var me = this,
- paletteBorderColor = me.getView('EditChart').paletteBorderColor,
- stroke = _shapeObject.get_stroke();
-
- var color = 'transparent';
-
- if (stroke && stroke.get_type() == Asc.c_oAscStrokeType.STROKE_COLOR) {
- var sdkColor = stroke.get_color();
-
- if (sdkColor) {
- if (sdkColor.get_type() == Asc.c_oAscColor.COLOR_TYPE_SCHEME) {
- color = {color: Common.Utils.ThemeColor.getHexColor(sdkColor.get_r(), sdkColor.get_g(), sdkColor.get_b()), effectValue: sdkColor.get_value()};
- }
- else {
- color = Common.Utils.ThemeColor.getHexColor(sdkColor.get_r(), sdkColor.get_g(), sdkColor.get_b());
- }
- }
- }
- _borderColor = color;
-
- paletteBorderColor && paletteBorderColor.select(color);
- $('#edit-chart-bordercolor .color-preview').css('background-color', ('transparent' == color) ? color : ('#' + (_.isObject(color) ? color.color : color)))
- },
-
- // Public
-
- getChart: function () {
- return this._chartObject;
- },
-
- // Handlers
-
- onType: function (e) {
- },
-
- onStyle: function (e) {
- var me = this,
- $target = $(e.currentTarget),
- type = $target.data('type');
-
- var chart = new Asc.CAscChartProp();
- chart.putStyle(type);
- me.api.ChartApply(chart);
- },
-
- onRemoveChart: function () {
- this.api.asc_Remove();
- PE.getController('EditContainer').hideModal();
- },
-
- onReorder: function (e) {
- var $target = $(e.currentTarget),
- type = $target.data('type');
-
- if ('all-up' == type) {
- this.api.shapes_bringToFront();
- } else if ('all-down' == type) {
- this.api.shapes_bringToBack();
- } else if ('move-up' == type) {
- this.api.shapes_bringForward();
- } else if ('move-down' == type) {
- this.api.shapes_bringBackward();
- }
- },
-
- onAlign: function (e) {
- var $target = $(e.currentTarget),
- type = $target.data('type');
-
- if ('align-left' == type) {
- this.api.put_ShapesAlign(Asc.c_oAscAlignShapeType.ALIGN_LEFT);
- } else if ('align-center' == type) {
- this.api.put_ShapesAlign(Asc.c_oAscAlignShapeType.ALIGN_CENTER);
- } else if ('align-right' == type) {
- this.api.put_ShapesAlign(Asc.c_oAscAlignShapeType.ALIGN_RIGHT);
- } else if ('align-top' == type) {
- this.api.put_ShapesAlign(Asc.c_oAscAlignShapeType.ALIGN_TOP);
- } else if ('align-middle' == type) {
- this.api.put_ShapesAlign(Asc.c_oAscAlignShapeType.ALIGN_MIDDLE);
- }else if ('align-bottom' == type) {
- this.api.put_ShapesAlign(Asc.c_oAscAlignShapeType.ALIGN_BOTTOM);
- }else if ('distrib-hor' == type) {
- this.api.DistributeHorizontally();
- }else if ('distrib-vert' == type) {
- this.api.DistributeVertically();
- }
- },
-
- onBorderSize: function (e) {
- var me = this,
- $target = $(e.currentTarget),
- value = $target.val(),
- shape = new Asc.asc_CShapeProperty(),
- stroke = new Asc.asc_CStroke();
-
- value = borderSizeTransform.sizeByIndex(parseInt(value));
-
- if (value < 0.01) {
- stroke.put_type(Asc.c_oAscStrokeType.STROKE_NONE);
- } else {
- stroke.put_type(Asc.c_oAscStrokeType.STROKE_COLOR);
- if (_borderColor == 'transparent')
- stroke.put_color(Common.Utils.ThemeColor.getRgbColor({color: '000000', effectId: 29}));
- else
- stroke.put_color(Common.Utils.ThemeColor.getRgbColor(Common.Utils.ThemeColor.colorValue2EffectId(_borderColor)));
- stroke.put_width(value * 25.4 / 72.0);
- }
-
- shape.put_stroke(stroke);
-
- me.api.ShapeApply(shape);
- me._initBorderColorView(); // when select STROKE_NONE or change from STROKE_NONE to STROKE_COLOR
- },
-
- onBorderSizeChanging: function (e) {
- var $target = $(e.currentTarget);
- $('#edit-chart-bordersize .item-after').text(borderSizeTransform.sizeByIndex($target.val()) + ' ' + Common.Utils.Metric.getMetricName(Common.Utils.Metric.c_MetricUnits.pt));
- },
-
- onFillColor: function(palette, color) {
- var me = this;
-
- if (me.api) {
- var shape = new Asc.asc_CShapeProperty(),
- fill = new Asc.asc_CShapeFill();
-
- if (color == 'transparent') {
- fill.put_type(Asc.c_oAscFill.FILL_TYPE_NOFILL);
- fill.put_fill(null);
- } else {
- fill.put_type(Asc.c_oAscFill.FILL_TYPE_SOLID);
- fill.put_fill(new Asc.asc_CFillSolid());
- fill.get_fill().put_color(Common.Utils.ThemeColor.getRgbColor(color));
- }
-
- shape.put_fill(fill);
-
- me.api.ShapeApply(shape);
- }
- },
-
- onBorderColor: function (palette, color) {
- var me = this;
-
- $('#edit-chart-bordercolor .color-preview').css('background-color', ('transparent' == color) ? color : ('#' + (_.isObject(color) ? color.color : color)));
- _borderColor = color;
-
- if (me.api && _shapeObject && _shapeObject.get_stroke().get_type() == Asc.c_oAscStrokeType.STROKE_COLOR) {
- var shape = new Asc.asc_CShapeProperty(),
- stroke = new Asc.asc_CStroke();
-
- if (_shapeObject.get_stroke().get_width() < 0.01) {
- stroke.put_type(Asc.c_oAscStrokeType.STROKE_NONE);
- } else {
- stroke.put_type(Asc.c_oAscStrokeType.STROKE_COLOR);
- stroke.put_color(Common.Utils.ThemeColor.getRgbColor(color));
- stroke.put_width(_shapeObject.get_stroke().get_width());
- stroke.asc_putPrstDash(_shapeObject.get_stroke().asc_getPrstDash());
- }
-
- shape.put_stroke(stroke);
-
- me.api.ShapeApply(shape);
- }
- },
-
- // API handlers
-
- onApiFocusObject: function (objects) {
- _stack = objects;
-
- var charts = [],
- shapes = [];
-
- _.each(_stack, function (object) {
- if (object.get_ObjectType() == Asc.c_oAscTypeSelectElement.Chart)
- charts.push(object);
- else if (object.get_ObjectType() == Asc.c_oAscTypeSelectElement.Shape && object.get_ObjectValue() && object.get_ObjectValue().get_FromChart()) {
- shapes.push(object);
- }
- });
-
- var getTopObject = function(array) {
- if (array.length > 0) {
- var object = array[array.length - 1]; // get top
- return object.get_ObjectValue();
- } else {
- return undefined;
- }
- };
-
- this._chartObject = getTopObject(charts);
- _shapeObject = getTopObject(shapes);
- },
-
- // Helpers
-
- _updateChartStyles: function(styles) {
- },
-
- _closeIfNeed: function () {
- if (!this._isChartInStack()) {
- PE.getController('EditContainer').hideModal();
- }
- },
-
- _isChartInStack: function () {
- var chartExist = false;
-
- _.some(_stack, function(object) {
- if (object.get_ObjectType() == Asc.c_oAscTypeSelectElement.Chart && object.get_ObjectValue()) {
- chartExist = true;
- return true;
- }
- });
-
- return chartExist;
- }
- };
- })(), PE.Controllers.EditChart || {}))
-});
\ No newline at end of file
diff --git a/apps/presentationeditor/mobile/app/controller/edit/EditContainer.js b/apps/presentationeditor/mobile/app/controller/edit/EditContainer.js
deleted file mode 100644
index 722f33e5d..000000000
--- a/apps/presentationeditor/mobile/app/controller/edit/EditContainer.js
+++ /dev/null
@@ -1,392 +0,0 @@
-/*
- *
- * (c) Copyright Ascensio System SIA 2010-2019
- *
- * This program is a free software product. You can redistribute it and/or
- * modify it under the terms of the GNU Affero General Public License (AGPL)
- * version 3 as published by the Free Software Foundation. In accordance with
- * Section 7(a) of the GNU AGPL its Section 15 shall be amended to the effect
- * that Ascensio System SIA expressly excludes the warranty of non-infringement
- * of any third-party rights.
- *
- * This program is distributed WITHOUT ANY WARRANTY; without even the implied
- * warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. For
- * details, see the GNU AGPL at: http://www.gnu.org/licenses/agpl-3.0.html
- *
- * You can contact Ascensio System SIA at 20A-12 Ernesta Birznieka-Upisha
- * street, Riga, Latvia, EU, LV-1050.
- *
- * The interactive user interfaces in modified source and object code versions
- * of the Program must display Appropriate Legal Notices, as required under
- * Section 5 of the GNU AGPL version 3.
- *
- * Pursuant to Section 7(b) of the License you must retain the original Product
- * logo when distributing the program. Pursuant to Section 7(e) we decline to
- * grant you any rights under trademark law for use of our trademarks.
- *
- * All the Product's GUI elements, including illustrations and icon sets, as
- * well as technical writing content are licensed under the terms of the
- * Creative Commons Attribution-ShareAlike 4.0 International. See the License
- * terms at http://creativecommons.org/licenses/by-sa/4.0/legalcode
- *
- */
-
-/**
- * EditContainer.js
- * Presentation Editor
- *
- * Created by Alexander Yuzhin on 9/27/16
- * Copyright (c) 2018 Ascensio System SIA. All rights reserved.
- *
- */
-define([
- 'core',
- 'jquery',
- 'underscore',
- 'backbone'
-], function (core, $, _, Backbone) {
- 'use strict';
-
- PE.Controllers.EditContainer = Backbone.Controller.extend(_.extend((function() {
- // Private
- var _settings = [];
-
- return {
- models: [],
- collections: [],
- views: [],
-
- initialize: function() {
- //
- },
-
- setApi: function(api) {
- this.api = api;
- this.api.asc_registerCallback('asc_onFocusObject', _.bind(this.onApiFocusObject, this));
- },
-
- onLaunch: function() {
- //
- },
-
- showModal: function() {
- var me = this,
- mainView = PE.getController('Editor').getView('Editor').f7View,
- isAndroid = Framework7.prototype.device.android === true;
-
- if ($$('.container-edit.modal-in').length > 0) {
- // myApp.closeModal('.picker-modal.edit.modal-in');
- // me.fireEvent('editcontainer:error', [this, 'alreadyOpen']);
- return;
- }
-
- uiApp.closeModal();
-
- me._showByStack(Common.SharedSettings.get('phone'));
-
- PE.getController('Toolbar').getView('Toolbar').hideSearch();
- },
-
- hideModal: function () {
- if (this.picker) {
- uiApp.closeModal(this.picker);
- }
- },
-
- _emptyEditController: function () {
- var layout =
- '' +
- '
' +
- '' +
- '' + me.textColumns + '
' +
- '' + me.textRows + '
' +
- '' +
- '
';
-
- return {
- caption: this.textSettings,
- layout: layout
- }
- },
-
- _layoutEditorsByStack: function () {
- var me = this,
- editors = [];
-
- if (_settings.length < 1) {
- editors.push(me._emptyEditController());
- } else {
- if (_.contains(_settings, 'slide')) {
- editors.push({
- caption: me.textSlide,
- id: 'edit-slide',
- layout: PE.getController('EditSlide').getView('EditSlide').rootLayout()
- })
- }
- if (_.contains(_settings, 'text')) {
- editors.push({
- caption: me.textText,
- id: 'edit-text',
- layout: PE.getController('EditText').getView('EditText').rootLayout()
- })
- }
- if (_.contains(_settings, 'table')) {
- editors.push({
- caption: me.textTable,
- id: 'edit-table',
- layout: PE.getController('EditTable').getView('EditTable').rootLayout()
- })
- }
- if (_.contains(_settings, 'shape')) {
- editors.push({
- caption: me.textShape,
- id: 'edit-shape',
- layout: PE.getController('EditShape').getView('EditShape').rootLayout()
- })
- }
- if (_.contains(_settings, 'image')) {
- editors.push({
- caption: me.textImage,
- id: 'edit-image',
- layout: PE.getController('EditImage').getView('EditImage').rootLayout()
- })
- }
- if (_.contains(_settings, 'chart')) {
- editors.push({
- caption: me.textChart,
- id: 'edit-chart',
- layout: PE.getController('EditChart').getView('EditChart').rootLayout()
- })
- }
- if (_.contains(_settings, 'hyperlink')) {
- editors.push({
- caption: me.textHyperlink,
- id: 'edit-link',
- layout: PE.getController('EditLink').getView('EditLink').rootLayout()
- })
- }
- }
-
- return editors;
- },
-
- _showByStack: function(isPhone) {
- var me = this,
- mainView = PE.getController('Editor').getView('Editor').f7View,
- isAndroid = Framework7.prototype.device.android === true,
- layoutEditors = me._layoutEditorsByStack();
-
- if ($$('.container-edit.modal-in').length > 0) {
- return;
- }
-
- // Navigation bar
- var $layoutNavbar = $(
- ''
- );
-
- if (layoutEditors.length < 2) {
- $layoutNavbar
- .find('.center')
- .removeClass('categories')
- .html(layoutEditors.length>0 ? layoutEditors[0].caption: '');
- } else {
- if (isAndroid) {
- $layoutNavbar
- .find('.center')
- .append('');
-
- _.each(layoutEditors, function (layout, index) {
- $layoutNavbar
- .find('.toolbar-inner')
- .append(
- '' + layout.caption + ''
- );
- });
- $layoutNavbar
- .find('.toolbar-inner')
- .append('');
- } else {
- $layoutNavbar
- .find('.center')
- .append('');
-
- _.each(layoutEditors, function (layout, index) {
- $layoutNavbar
- .find('.buttons-row')
- .append(
- '' + layout.caption + ''
- );
- });
- }
- }
-
-
- // Content
-
- var $layoutPages = $(
- ' ' +
- '
' +
- 'Select object to edit
' + - '' +
- '
'
- );
-
- _.each(layoutEditors, function (editor, index) {
- $layoutPages.find('.tabs').append(
- '' +
- '
' +
- '' +
- '
' +
- '' +
- '
'
- );
- });
-
- if (isPhone) {
- me.picker = $$(uiApp.pickerModal(
- '' +
- '' +
- '
' +
- '' +
- '' +
- '
'
- )).on('opened', function () {
- if (_.isFunction(me.api.asc_OnShowContextMenu)) {
- me.api.asc_OnShowContextMenu()
- }
- }).on('close', function (e) {
- mainView.showNavbar();
- }).on('closed', function () {
- if (_.isFunction(me.api.asc_OnHideContextMenu)) {
- me.api.asc_OnHideContextMenu()
- }
- });
-
- mainView.hideNavbar();
- } else {
- me.picker = uiApp.popover(
- '' +
- '' +
- '<%= item.caption %> ',
- '<% }); }%>'
- ].join(''));
-
- $('#' + _anchorId)
- .css('left', posX)
- .css('top', Math.max(0, posY));
-
- uiApp.closeModal('.document-menu.modal-in');
-
- var popoverHTML =
- '';
-
- var popover = uiApp.popover(popoverHTML, $('#' + _anchorId));
-
- if (Common.SharedSettings.get('android')) {
- Common.Utils.androidMenuTop($(popover), $('#' + _anchorId));
- }
-
- $('.modal-overlay').removeClass('modal-overlay-visible');
-
- $('.document-menu li').single('click', _.buffered(function(e) {
- var $target = $(e.currentTarget),
- eventName = $target.data('event');
-
- this.fireEvent('contextmenu:click', [this, eventName]);
- }, 100, this));
- },
-
- hideMenu: function () {
- $('#' + _anchorId)
- .css('left', -1000)
- .css('top', -1000);
-
- uiApp.closeModal('.document-menu.modal-in');
- }
- }
- })());
-});
\ No newline at end of file
diff --git a/apps/presentationeditor/mobile/app/view/DocumentPreview.js b/apps/presentationeditor/mobile/app/view/DocumentPreview.js
deleted file mode 100644
index 90118db4c..000000000
--- a/apps/presentationeditor/mobile/app/view/DocumentPreview.js
+++ /dev/null
@@ -1,75 +0,0 @@
-/*
- *
- * (c) Copyright Ascensio System SIA 2010-2019
- *
- * This program is a free software product. You can redistribute it and/or
- * modify it under the terms of the GNU Affero General Public License (AGPL)
- * version 3 as published by the Free Software Foundation. In accordance with
- * Section 7(a) of the GNU AGPL its Section 15 shall be amended to the effect
- * that Ascensio System SIA expressly excludes the warranty of non-infringement
- * of any third-party rights.
- *
- * This program is distributed WITHOUT ANY WARRANTY; without even the implied
- * warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. For
- * details, see the GNU AGPL at: http://www.gnu.org/licenses/agpl-3.0.html
- *
- * You can contact Ascensio System SIA at 20A-12 Ernesta Birznieka-Upisha
- * street, Riga, Latvia, EU, LV-1050.
- *
- * The interactive user interfaces in modified source and object code versions
- * of the Program must display Appropriate Legal Notices, as required under
- * Section 5 of the GNU AGPL version 3.
- *
- * Pursuant to Section 7(b) of the License you must retain the original Product
- * logo when distributing the program. Pursuant to Section 7(e) we decline to
- * grant you any rights under trademark law for use of our trademarks.
- *
- * All the Product's GUI elements, including illustrations and icon sets, as
- * well as technical writing content are licensed under the terms of the
- * Creative Commons Attribution-ShareAlike 4.0 International. See the License
- * terms at http://creativecommons.org/licenses/by-sa/4.0/legalcode
- *
- */
-
-/**
- * DocumentPreview.js
- * Presentation Editor
- *
- * Created by Julia Radzhabova on 12/22/16
- * Copyright (c) 2018 Ascensio System SIA. All rights reserved.
- *
- */
-
-define([
- 'jquery',
- 'underscore',
- 'backbone'
-], function ($, _, Backbone) {
- 'use strict';
-
- PE.Views.DocumentPreview = Backbone.View.extend((function() {
- // private
-
- return {
- el: '#pe-preview',
-
- template: _.template(''),
- // Delegated events for creating new items, and clearing completed ones.
- events: {
- },
-
- // Set innerHTML and get the references to the DOM elements
- initialize: function() {
- //
- },
-
- // Render layout
- render: function() {
- var el = $(this.el);
- el.append(this.template({}));
-
- return this;
- }
- }
- })());
-});
\ No newline at end of file
diff --git a/apps/presentationeditor/mobile/app/view/Editor.js b/apps/presentationeditor/mobile/app/view/Editor.js
deleted file mode 100644
index f6b985238..000000000
--- a/apps/presentationeditor/mobile/app/view/Editor.js
+++ /dev/null
@@ -1,81 +0,0 @@
-/*
- *
- * (c) Copyright Ascensio System SIA 2010-2019
- *
- * This program is a free software product. You can redistribute it and/or
- * modify it under the terms of the GNU Affero General Public License (AGPL)
- * version 3 as published by the Free Software Foundation. In accordance with
- * Section 7(a) of the GNU AGPL its Section 15 shall be amended to the effect
- * that Ascensio System SIA expressly excludes the warranty of non-infringement
- * of any third-party rights.
- *
- * This program is distributed WITHOUT ANY WARRANTY; without even the implied
- * warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. For
- * details, see the GNU AGPL at: http://www.gnu.org/licenses/agpl-3.0.html
- *
- * You can contact Ascensio System SIA at 20A-12 Ernesta Birznieka-Upisha
- * street, Riga, Latvia, EU, LV-1050.
- *
- * The interactive user interfaces in modified source and object code versions
- * of the Program must display Appropriate Legal Notices, as required under
- * Section 5 of the GNU AGPL version 3.
- *
- * Pursuant to Section 7(b) of the License you must retain the original Product
- * logo when distributing the program. Pursuant to Section 7(e) we decline to
- * grant you any rights under trademark law for use of our trademarks.
- *
- * All the Product's GUI elements, including illustrations and icon sets, as
- * well as technical writing content are licensed under the terms of the
- * Creative Commons Attribution-ShareAlike 4.0 International. See the License
- * terms at http://creativecommons.org/licenses/by-sa/4.0/legalcode
- *
- */
-
-/**
- * Editor.js
- * Presentation Editor
- *
- * Created by Alexander Yuzhin on 11/21/16
- * Copyright (c) 2018 Ascensio System SIA. All rights reserved.
- *
- */
-
-
-define([
- 'text!presentationeditor/mobile/app/template/Editor.template',
- 'jquery',
- 'underscore',
- 'backbone'
-], function (editorTemplate, $, _, Backbone) {
- 'use strict';
-
- PE.Views.Editor = Backbone.View.extend({
- el: 'body',
-
- // Compile our stats template
- template: _.template(editorTemplate),
-
- // Delegated events for creating new items, and clearing completed ones.
- events: {
- },
-
- // Set innerHTML and get the references to the DOM elements
- initialize: function() {
- //
- },
-
- // Render layout
- render: function() {
- var el = $(this.el);
- el.prepend(this.template({
- backTitle: Framework7.prototype.device.android ? '' : ''
- }));
-
- this.f7View = uiApp.addView('.view-main', {
- // params
- });
-
- return this;
- }
- });
-});
\ No newline at end of file
diff --git a/apps/presentationeditor/mobile/app/view/Search.js b/apps/presentationeditor/mobile/app/view/Search.js
deleted file mode 100644
index ad2cd3931..000000000
--- a/apps/presentationeditor/mobile/app/view/Search.js
+++ /dev/null
@@ -1,204 +0,0 @@
-/*
- *
- * (c) Copyright Ascensio System SIA 2010-2019
- *
- * This program is a free software product. You can redistribute it and/or
- * modify it under the terms of the GNU Affero General Public License (AGPL)
- * version 3 as published by the Free Software Foundation. In accordance with
- * Section 7(a) of the GNU AGPL its Section 15 shall be amended to the effect
- * that Ascensio System SIA expressly excludes the warranty of non-infringement
- * of any third-party rights.
- *
- * This program is distributed WITHOUT ANY WARRANTY; without even the implied
- * warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. For
- * details, see the GNU AGPL at: http://www.gnu.org/licenses/agpl-3.0.html
- *
- * You can contact Ascensio System SIA at 20A-12 Ernesta Birznieka-Upisha
- * street, Riga, Latvia, EU, LV-1050.
- *
- * The interactive user interfaces in modified source and object code versions
- * of the Program must display Appropriate Legal Notices, as required under
- * Section 5 of the GNU AGPL version 3.
- *
- * Pursuant to Section 7(b) of the License you must retain the original Product
- * logo when distributing the program. Pursuant to Section 7(e) we decline to
- * grant you any rights under trademark law for use of our trademarks.
- *
- * All the Product's GUI elements, including illustrations and icon sets, as
- * well as technical writing content are licensed under the terms of the
- * Creative Commons Attribution-ShareAlike 4.0 International. See the License
- * terms at http://creativecommons.org/licenses/by-sa/4.0/legalcode
- *
- */
-
-/**
- * Search.js
- * Presentation Editor
- *
- * Created by Alexander Yuzhin on 11/22/16
- * Copyright (c) 2018 Ascensio System SIA. All rights reserved.
- *
- */
-
-define([
- 'text!presentationeditor/mobile/app/template/Search.template',
- 'jquery',
- 'underscore',
- 'backbone'
-], function (searchTemplate, $, _, Backbone) {
- 'use strict';
-
- PE.Views.Search = Backbone.View.extend(_.extend((function() {
- // private
- var _isEdit = false,
- _layout;
-
- return {
- el: '.view-main',
-
- // Compile our stats template
- template: _.template(searchTemplate),
-
- // Delegated events for creating new items, and clearing completed ones.
- events: {},
-
- // Set innerHTML and get the references to the DOM elements
- initialize: function () {
- this.on('searchbar:show', _.bind(this.initEvents, this));
- },
-
- initEvents: function() {
- $('#search-settings').single('click', _.bind(this.showSettings, this));
- },
-
- // Render layout
- render: function () {
- _layout = $('').append(this.template({
- android : Common.SharedSettings.get('android'),
- phone : Common.SharedSettings.get('phone'),
- isEdit : _isEdit,
- scope : this
- }));
-
- return this;
- },
-
- setMode: function (mode) {
- _isEdit = mode.isEdit;
- this.render();
- },
-
- showSettings: function (e) {
- var me = this;
-
- uiApp.closeModal();
-
- if (Common.SharedSettings.get('phone')) {
- me.picker = $$(uiApp.popup([
- '
';
- }, this);
- $('#color-schemes-content ul').html(templateInsert);
- }
- },
-
- unknownText: 'Unknown',
- textSettings: 'Settings',
- textFind: 'Find',
- textDone: 'Done',
- textEditPresent: 'Edit Presentation',
- textPresentSetup: 'Presentation Setup',
- textPresentSettings: 'Presentation Settings',
- textDownload: 'Download',
- textPresentInfo: 'Presentation Info',
- textHelp: 'Help',
- textAbout: 'About',
- textBack: 'Back',
- textPresentTitle: 'Presentation Title',
- textLoading: 'Loading...',
- textAuthor: 'Author',
- textCreateDate: 'Create date',
- textDownloadAs: 'Download As...',
- textVersion: 'Version',
- textAddress: 'address',
- textEmail: 'email',
- textTel: 'tel',
- textSlideSize: 'Slide Size',
- mniSlideStandard: 'Standard (4:3)',
- mniSlideWide: 'Widescreen (16:9)',
- textPoweredBy: 'Powered by',
- textFindAndReplace: 'Find and Replace',
- textSpellcheck: 'Spell Checking',
- textPrint: 'Print',
- textApplicationSettings: 'Application Settings',
- textUnitOfMeasurement: 'Unit of Measurement',
- textCentimeter: 'Centimeter',
- textPoint: 'Point',
- textInch: 'Inch',
- textColorSchemes: 'Color Schemes',
- textCollaboration: 'Collaboration',
- textSubject: 'Subject',
- textTitle: 'Title',
- textComment: 'Comment',
- textOwner: 'Owner',
- textApplication : 'Application',
- textCreated: 'Created',
- textLastModified: 'Last Modified',
- textLastModifiedBy: 'Last Modified By',
- textUploaded: 'Uploaded',
- textLocation: 'Location',
- textMacrosSettings: 'Macros Settings',
- textDisableAll: 'Disable All',
- textDisableAllMacrosWithoutNotification: 'Disable all macros without notification',
- textShowNotification: 'Show Notification',
- textDisableAllMacrosWithNotification: 'Disable all macros with notification',
- textEnableAll: 'Enable All',
- textEnableAllMacrosWithoutNotification: 'Enable all macros without notification'
- }
- })(), PE.Views.Settings || {}))
-});
\ No newline at end of file
diff --git a/apps/presentationeditor/mobile/app/view/Toolbar.js b/apps/presentationeditor/mobile/app/view/Toolbar.js
deleted file mode 100644
index 641b593a8..000000000
--- a/apps/presentationeditor/mobile/app/view/Toolbar.js
+++ /dev/null
@@ -1,172 +0,0 @@
-/*
- *
- * (c) Copyright Ascensio System SIA 2010-2019
- *
- * This program is a free software product. You can redistribute it and/or
- * modify it under the terms of the GNU Affero General Public License (AGPL)
- * version 3 as published by the Free Software Foundation. In accordance with
- * Section 7(a) of the GNU AGPL its Section 15 shall be amended to the effect
- * that Ascensio System SIA expressly excludes the warranty of non-infringement
- * of any third-party rights.
- *
- * This program is distributed WITHOUT ANY WARRANTY; without even the implied
- * warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. For
- * details, see the GNU AGPL at: http://www.gnu.org/licenses/agpl-3.0.html
- *
- * You can contact Ascensio System SIA at 20A-12 Ernesta Birznieka-Upisha
- * street, Riga, Latvia, EU, LV-1050.
- *
- * The interactive user interfaces in modified source and object code versions
- * of the Program must display Appropriate Legal Notices, as required under
- * Section 5 of the GNU AGPL version 3.
- *
- * Pursuant to Section 7(b) of the License you must retain the original Product
- * logo when distributing the program. Pursuant to Section 7(e) we decline to
- * grant you any rights under trademark law for use of our trademarks.
- *
- * All the Product's GUI elements, including illustrations and icon sets, as
- * well as technical writing content are licensed under the terms of the
- * Creative Commons Attribution-ShareAlike 4.0 International. See the License
- * terms at http://creativecommons.org/licenses/by-sa/4.0/legalcode
- *
- */
-
-/**
- * Toolbar.js
- * Presentation Editor
- *
- * Created by Alexander Yuzhin on 11/21/16
- * Copyright (c) 2018 Ascensio System SIA. All rights reserved.
- *
- */
-
-define([
- 'text!presentationeditor/mobile/app/template/Toolbar.template',
- 'jquery',
- 'underscore',
- 'backbone'
-], function (toolbarTemplate, $, _, Backbone) {
- 'use strict';
-
- PE.Views.Toolbar = Backbone.View.extend(_.extend((function() {
- // private
-
- return {
- el: '.view-main',
-
- // Compile our stats template
- template: _.template(toolbarTemplate),
-
- // Delegated events for creating new items, and clearing completed ones.
- events: {
- "click #toolbar-search" : "searchToggle",
- "click #toolbar-edit" : "showEdition",
- "click #toolbar-add" : "showInserts",
- "click #toolbar-settings" : "showSettings",
- "click #toolbar-preview" : "showPreview",
- "click #toolbar-edit-document": "editDocument",
- "click #toolbar-collaboration" : "showCollaboration"
- },
-
- // Set innerHTML and get the references to the DOM elements
- initialize: function() {
- var me = this;
-
- Common.NotificationCenter.on('readermode:change', function (reader) {
- if (reader) {
- me.hideSearch();
- $('#toolbar-search').addClass('disabled');
- } else {
- $('#toolbar-search').removeClass('disabled');
- }
- });
- },
-
- // Render layout
- render: function() {
- var me = this,
- $el = $(me.el);
-
- $el.prepend(me.template({
- android : Common.SharedSettings.get('android'),
- phone : Common.SharedSettings.get('phone'),
- backTitle : Common.SharedSettings.get('android') ? '' : me.textBack,
- scope : me,
- width : $(window).width()
- }));
-
- $('.view-main .navbar').on('addClass removeClass', _.bind(me.onDisplayMainNavbar, me));
- $('#toolbar-preview, #toolbar-edit, #toolbar-add, #toolbar-settings, #toolbar-search, #document-back, #toolbar-edit-document').addClass('disabled');
-
- return me;
- },
-
- setMode: function (mode) {
- if (mode.isEdit) {
- $('#toolbar-edit, #toolbar-add, #toolbar-undo, #toolbar-redo').show();
- } else if (mode.canEdit && mode.canRequestEditRights){
- $('#toolbar-edit-document').show();
- }
- },
-
- onDisplayMainNavbar: function (e) {
- var $target = $(e.currentTarget),
- navbarHidden = $target.hasClass('navbar-hidden'),
- pickerHeight = $('.picker-modal').height() || 260;
-
- $('#editor_sdk').css({
- top : navbarHidden ? 0 : '',
- bottom : navbarHidden ? pickerHeight : ''
- });
- },
-
- // Search
- searchToggle: function() {
- if ($$('.searchbar.document').length > 0) {
- this.hideSearch();
- } else {
- this.showSearch();
- }
- },
-
- showSearch: function () {
- PE.getController('Search').showSearch();
- },
-
- hideSearch: function () {
- PE.getController('Search').hideSearch();
- },
-
- // Editor
- showEdition: function () {
- PE.getController('EditContainer').showModal();
- },
-
- // Inserts
-
- showInserts: function () {
- PE.getController('AddContainer').showModal();
- },
-
- // Settings
- showSettings: function () {
- PE.getController('Settings').showModal();
- },
-
- showPreview: function () {
- PE.getController('DocumentPreview').show();
- },
-
- editDocument: function () {
- Common.Gateway.requestEditRights();
- },
-
- //Collaboration
- showCollaboration: function () {
- PE.getController('Common.Controllers.Collaboration').showModal();
- },
-
- textBack: 'Back'
- }
- })(), PE.Views.Toolbar || {}))
-});
\ No newline at end of file
diff --git a/apps/presentationeditor/mobile/app/view/add/AddImage.js b/apps/presentationeditor/mobile/app/view/add/AddImage.js
deleted file mode 100644
index 0ca437eec..000000000
--- a/apps/presentationeditor/mobile/app/view/add/AddImage.js
+++ /dev/null
@@ -1,132 +0,0 @@
-/*
- *
- * (c) Copyright Ascensio System SIA 2010-2019
- *
- * This program is a free software product. You can redistribute it and/or
- * modify it under the terms of the GNU Affero General Public License (AGPL)
- * version 3 as published by the Free Software Foundation. In accordance with
- * Section 7(a) of the GNU AGPL its Section 15 shall be amended to the effect
- * that Ascensio System SIA expressly excludes the warranty of non-infringement
- * of any third-party rights.
- *
- * This program is distributed WITHOUT ANY WARRANTY; without even the implied
- * warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. For
- * details, see the GNU AGPL at: http://www.gnu.org/licenses/agpl-3.0.html
- *
- * You can contact Ascensio System SIA at 20A-12 Ernesta Birznieka-Upisha
- * street, Riga, Latvia, EU, LV-1050.
- *
- * The interactive user interfaces in modified source and object code versions
- * of the Program must display Appropriate Legal Notices, as required under
- * Section 5 of the GNU AGPL version 3.
- *
- * Pursuant to Section 7(b) of the License you must retain the original Product
- * logo when distributing the program. Pursuant to Section 7(e) we decline to
- * grant you any rights under trademark law for use of our trademarks.
- *
- * All the Product's GUI elements, including illustrations and icon sets, as
- * well as technical writing content are licensed under the terms of the
- * Creative Commons Attribution-ShareAlike 4.0 International. See the License
- * terms at http://creativecommons.org/licenses/by-sa/4.0/legalcode
- *
- */
-
-/**
- * AddImage.js
- * Presentation Editor
- *
- * Created by Julia Radzhabova on 11/30/16
- * Copyright (c) 2018 Ascensio System SIA. All rights reserved.
- *
- */
-
-
-define([
- 'text!presentationeditor/mobile/app/template/AddImage.template',
- 'jquery',
- 'underscore',
- 'backbone'
-], function (addTemplate, $, _, Backbone) {
- 'use strict';
-
- PE.Views.AddImage = Backbone.View.extend(_.extend((function() {
- // private
-
- return {
- // el: '.view-main',
-
- template: _.template(addTemplate),
-
- events: {
- },
-
- initialize: function () {
- Common.NotificationCenter.on('addcontainer:show', _.bind(this.initEvents, this));
- },
-
- initEvents: function () {
- var me = this;
-
- $('#add-image-url').single('click', _.bind(me.showImageUrl, me));
-
- me.initControls();
- },
-
- // Render layout
- render: function () {
- this.layout = $('').append(this.template({
- android : Common.SharedSettings.get('android'),
- phone : Common.SharedSettings.get('phone'),
- scope : this
- }));
-
- return this;
- },
-
- rootLayout: function () {
- if (this.layout) {
- return this.layout
- .find('#addimage-root-view')
- .html();
- }
-
- return '';
- },
-
- initControls: function () {
- //
- },
-
- showPage: function (templateId) {
- var rootView = PE.getController('AddContainer').rootView;
-
- if (rootView && this.layout) {
- var $content = this.layout.find(templateId);
-
- // Android fix for navigation
- if (Framework7.prototype.device.android) {
- $content.find('.page').append($content.find('.navbar'));
- }
-
- rootView.router.load({
- content: $content.html()
- });
-
- this.fireEvent('page:show', this);
- }
- },
-
- showImageUrl: function () {
- this.showPage('#addimage-url-view');
- },
-
- textFromLibrary: 'Picture from Library',
- textFromURL: 'Picture from URL',
- textBack: 'Back',
- textLinkSettings: 'Link Settings',
- textAddress: 'Address',
- textImageURL: 'Image URL',
- textInsertImage: 'Insert Image'
- }
- })(), PE.Views.AddImage || {}))
-});
\ No newline at end of file
diff --git a/apps/presentationeditor/mobile/app/view/add/AddOther.js b/apps/presentationeditor/mobile/app/view/add/AddOther.js
deleted file mode 100644
index 5748aeb36..000000000
--- a/apps/presentationeditor/mobile/app/view/add/AddOther.js
+++ /dev/null
@@ -1,234 +0,0 @@
-/*
- *
- * (c) Copyright Ascensio System SIA 2010-2019
- *
- * This program is a free software product. You can redistribute it and/or
- * modify it under the terms of the GNU Affero General Public License (AGPL)
- * version 3 as published by the Free Software Foundation. In accordance with
- * Section 7(a) of the GNU AGPL its Section 15 shall be amended to the effect
- * that Ascensio System SIA expressly excludes the warranty of non-infringement
- * of any third-party rights.
- *
- * This program is distributed WITHOUT ANY WARRANTY; without even the implied
- * warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. For
- * details, see the GNU AGPL at: http://www.gnu.org/licenses/agpl-3.0.html
- *
- * You can contact Ascensio System SIA at 20A-12 Ernesta Birznieka-Upisha
- * street, Riga, Latvia, EU, LV-1050.
- *
- * The interactive user interfaces in modified source and object code versions
- * of the Program must display Appropriate Legal Notices, as required under
- * Section 5 of the GNU AGPL version 3.
- *
- * Pursuant to Section 7(b) of the License you must retain the original Product
- * logo when distributing the program. Pursuant to Section 7(e) we decline to
- * grant you any rights under trademark law for use of our trademarks.
- *
- * All the Product's GUI elements, including illustrations and icon sets, as
- * well as technical writing content are licensed under the terms of the
- * Creative Commons Attribution-ShareAlike 4.0 International. See the License
- * terms at http://creativecommons.org/licenses/by-sa/4.0/legalcode
- *
- */
-
-/**
- * AddOther.js
- * Presentation Editor
- *
- * Created by Julia Svinareva on 10/04/20
- * Copyright (c) 2020 Ascensio System SIA. All rights reserved.
- *
- */
-
-define([
- 'text!presentationeditor/mobile/app/template/AddOther.template',
- 'jquery',
- 'underscore',
- 'backbone'
-], function (addTemplate, $, _, Backbone) {
- 'use strict';
-
- PE.Views.AddOther = Backbone.View.extend(_.extend((function() {
- // private
-
- return {
- // el: '.view-main',
-
- template: _.template(addTemplate),
-
- events: {
- },
-
- initialize: function () {
- Common.NotificationCenter.on('addcontainer:show', _.bind(this.initEvents, this));
- },
-
- initEvents: function () {
- if (this.hideInsertComments) {
- $('#item-comment').hide();
- } else {
- $('#item-comment').show();
- $('#add-other-comment').single('click', _.bind(this.showPageComment, this));
- }
- $('#add-other-table').single('click', _.bind(this.showPageTable, this));
- if (this.hideInsertLink) {
- $('#item-link').hide();
- } else {
- $('#item-link').show();
- $('#add-other-link').single('click', _.bind(this.showPageLink, this));
- }
-
- this.initControls();
- },
-
- // Render layout
- render: function () {
- this.layout = $('').append(this.template({
- android : Common.SharedSettings.get('android'),
- phone : Common.SharedSettings.get('phone'),
- scope : this
- }));
-
- return this;
- },
-
- rootLayout: function () {
- if (this.layout) {
- if (!this.canViewComments) {
- this.layout.find('#addother-root-view #item-comment').remove();
- }
- return this.layout
- .find('#addother-root-view')
- .html();
- }
-
- return '';
- },
-
- initControls: function () {
- //
- },
-
- showPage: function (templateId, animate) {
- var rootView = PE.getController('AddContainer').rootView;
-
- if (rootView && this.layout) {
- var $content = this.layout.find(templateId);
-
- // Android fix for navigation
- if (Framework7.prototype.device.android) {
- $content.find('.page').append($content.find('.navbar'));
- }
-
- rootView.router.load({
- content: $content.html(),
- animatePages: animate !== false
- });
-
- if (templateId === '#addother-insert-link') {
- this.fireEvent('category:show', [this, templateId]);
- } else {
- this.fireEvent('page:show', [this, templateId]);
- }
- }
- },
-
- showPageComment: function(animate) {
- this.showPage('#addother-insert-comment', animate);
- },
-
- renderComment: function(comment) {
- var me = this;
- _.delay(function () {
- var $commentInfo = $('#comment-info');
- var template = [
- '<% if (android) { %>' +
- '
',
- $$('#toolbar-edit')
- );
-
- // Prevent hide overlay. Conflict popover and modals.
- var $overlay = $('.modal-overlay');
-
- $$(me.picker).on('opened', function () {
- $overlay.on('removeClass', function () {
- if (!$overlay.hasClass('modal-overlay-visible')) {
- $overlay.addClass('modal-overlay-visible')
- }
- });
-
- if (_.isFunction(me.api.asc_OnShowContextMenu)) {
- me.api.asc_OnShowContextMenu()
- }
- }).on('close', function () {
- $overlay.off('removeClass');
- $overlay.removeClass('modal-overlay-visible')
- }).on('closed', function () {
- if (_.isFunction(me.api.asc_OnHideContextMenu)) {
- me.api.asc_OnHideContextMenu()
- }
- });
- }
-
- $('.container-edit .tab').single('show', function (e) {
- Common.NotificationCenter.trigger('editcategory:show', e);
- });
-
- if (isAndroid) {
- $$('.view.edit-root-view.navbar-through').removeClass('navbar-through').addClass('navbar-fixed');
- $$('.view.edit-root-view .navbar').prependTo('.view.edit-root-view > .pages > .page');
- }
-
- me.rootView = uiApp.addView('.edit-root-view', {
- dynamicNavbar: true,
- domCache: true
- });
-
- Common.NotificationCenter.trigger('editcontainer:show');
- },
-
- // API handlers
-
- onApiFocusObject: function (objects) {
- _settings = [];
-
- var no_text = true;
- _.each(objects, function(object) {
- var type = object.get_ObjectType(),
- objectValue = object.get_ObjectValue();
-
- if (Asc.c_oAscTypeSelectElement.Paragraph == type) {
- if ( !objectValue.get_Locked() )
- no_text = false;
- } else if (Asc.c_oAscTypeSelectElement.Table == type) {
- if ( !objectValue.get_Locked() ) {
- _settings.push('table');
- no_text = false;
- }
- } else if (Asc.c_oAscTypeSelectElement.Slide == type) {
- if ( !(objectValue.get_LockLayout() || objectValue.get_LockBackground() || objectValue.get_LockTranzition() || objectValue.get_LockTiming() ))
- _settings.push('slide');
- } else if (Asc.c_oAscTypeSelectElement.Image == type) {
- if ( !objectValue.get_Locked() )
- _settings.push('image');
- } else if (Asc.c_oAscTypeSelectElement.Chart == type) {
- if ( !objectValue.get_Locked() )
- _settings.push('chart');
- } else if (Asc.c_oAscTypeSelectElement.Shape == type && !objectValue.get_FromChart()) {
- if ( !objectValue.get_Locked() ) {
- _settings.push('shape');
- no_text = false;
- }
- } else if (Asc.c_oAscTypeSelectElement.Hyperlink == type) {
- _settings.push('hyperlink');
- }
- });
- if (!no_text && !_.contains(_settings, 'image'))
- _settings.unshift('text');
-
- // Exclude hyperlink if text is locked
- if (_settings.indexOf('hyperlink') > -1 && _settings.indexOf('text')<0) {
- _settings = _.without(_settings, 'hyperlink');
- }
-
- // Exclude shapes if chart exist
- if (_settings.indexOf('chart') > -1) {
- _settings = _.without(_settings, 'shape');
- }
-
- _settings = _.uniq(_settings);
- },
-
- textSettings: 'Settings',
- textText: 'Text',
- textTable: 'Table',
- textShape: 'Shape',
- textImage: 'Image',
- textChart: 'Chart',
- textHyperlink: 'Hyperlink',
- textSlide: 'Slide'
-
- }
- })(), PE.Controllers.EditContainer || {}))
-});
\ No newline at end of file
diff --git a/apps/presentationeditor/mobile/app/controller/edit/EditImage.js b/apps/presentationeditor/mobile/app/controller/edit/EditImage.js
deleted file mode 100644
index 99202a8d9..000000000
--- a/apps/presentationeditor/mobile/app/controller/edit/EditImage.js
+++ /dev/null
@@ -1,250 +0,0 @@
-/*
- *
- * (c) Copyright Ascensio System SIA 2010-2019
- *
- * This program is a free software product. You can redistribute it and/or
- * modify it under the terms of the GNU Affero General Public License (AGPL)
- * version 3 as published by the Free Software Foundation. In accordance with
- * Section 7(a) of the GNU AGPL its Section 15 shall be amended to the effect
- * that Ascensio System SIA expressly excludes the warranty of non-infringement
- * of any third-party rights.
- *
- * This program is distributed WITHOUT ANY WARRANTY; without even the implied
- * warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. For
- * details, see the GNU AGPL at: http://www.gnu.org/licenses/agpl-3.0.html
- *
- * You can contact Ascensio System SIA at 20A-12 Ernesta Birznieka-Upisha
- * street, Riga, Latvia, EU, LV-1050.
- *
- * The interactive user interfaces in modified source and object code versions
- * of the Program must display Appropriate Legal Notices, as required under
- * Section 5 of the GNU AGPL version 3.
- *
- * Pursuant to Section 7(b) of the License you must retain the original Product
- * logo when distributing the program. Pursuant to Section 7(e) we decline to
- * grant you any rights under trademark law for use of our trademarks.
- *
- * All the Product's GUI elements, including illustrations and icon sets, as
- * well as technical writing content are licensed under the terms of the
- * Creative Commons Attribution-ShareAlike 4.0 International. See the License
- * terms at http://creativecommons.org/licenses/by-sa/4.0/legalcode
- *
- */
-
-/**
- * EditImage.js
- * Presentation Editor
- *
- * Created by Julia Radzhabova on 11/30/16
- * Copyright (c) 2018 Ascensio System SIA. All rights reserved.
- *
- */
-
-define([
- 'core',
- 'presentationeditor/mobile/app/view/edit/EditImage',
- 'jquery',
- 'underscore',
- 'backbone'
-], function (core, view, $, _, Backbone) {
- 'use strict';
-
- PE.Controllers.EditImage = Backbone.Controller.extend(_.extend((function() {
- // Private
- var _stack = [],
- _imageObject = undefined,
- _metricText = Common.Utils.Metric.getCurrentMetricName();
-
- return {
- models: [],
- collections: [],
- views: [
- 'EditImage'
- ],
-
- initialize: function () {
- Common.NotificationCenter.on('editcontainer:show', _.bind(this.initEvents, this));
-
- this.addListeners({
- 'EditImage': {
- 'page:show': this.onPageShow
- }
- });
- },
-
- setApi: function (api) {
- var me = this;
- me.api = api;
-
- me.api.asc_registerCallback('asc_onFocusObject', _.bind(me.onApiFocusObject, me));
- },
-
- onLaunch: function () {
- this.createView('EditImage').render();
- },
-
- initEvents: function () {
- var me = this;
-
- $('#image-default').single('click', _.bind(me.onDefaulSize, me));
- $('#image-remove').single('click', _.bind(me.onRemoveImage, me));
-
- me.initSettings();
- },
-
- onPageShow: function (view, pageId) {
- var me = this;
-
- $('#edit-image-file').single('click', _.bind(me.onReplaceByFile, me));
- $('.edit-image-url-link .button, .edit-image-url-link .list-button').single('click', _.bind(me.onReplaceByUrl, me));
-
- $('.image-reorder a').single('click', _.bind(me.onReorder, me));
- $('.image-align a').single('click', _.bind(me.onAlign, me));
-
- // me.initSettings(pageId);
- },
-
- initSettings: function (pageId) {
- },
-
- // Public
-
- getImage: function () {
- return _imageObject;
- },
-
- // Handlers
-
- onDefaulSize: function () {
- var me = this;
-
- if (me.api) {
- var imgsize = me.api.get_OriginalSizeImage(),
- properties = new Asc.asc_CImgProperty();
-
- properties.put_Width(imgsize.get_ImageWidth());
- properties.put_Height(imgsize.get_ImageHeight());
- properties.put_ResetCrop(true);
- me.api.ImgApply(properties);
- }
- },
-
- onRemoveImage: function () {
- this.api.asc_Remove();
- PE.getController('EditContainer').hideModal();
- },
-
- onReplaceByFile: function () {
- this.api.ChangeImageFromFile();
- PE.getController('EditContainer').hideModal();
- },
-
- onReplaceByUrl: function () {
- var me = this,
- $input = $('.edit-image-url-link input[type=url]');
-
- if ($input) {
- var value = ($input.val()).replace(/ /g, '');
-
- if (!_.isEmpty(value)) {
- if ((/((^https?)|(^ftp)):\/\/.+/i.test(value))) {
- PE.getController('EditContainer').hideModal();
- _.defer(function () {
- var image = new Asc.asc_CImgProperty();
- image.put_ImageUrl(value);
- me.api.ImgApply(image);
- });
- } else {
- uiApp.alert(me.txtNotUrl);
- }
- } else {
- uiApp.alert(me.textEmptyImgUrl);
- }
- }
- },
-
- onReorder: function (e) {
- var $target = $(e.currentTarget),
- type = $target.data('type');
-
- if ('all-up' == type) {
- this.api.shapes_bringToFront();
- } else if ('all-down' == type) {
- this.api.shapes_bringToBack();
- } else if ('move-up' == type) {
- this.api.shapes_bringForward();
- } else if ('move-down' == type) {
- this.api.shapes_bringBackward();
- }
- },
-
- onAlign: function (e) {
- var $target = $(e.currentTarget),
- type = $target.data('type');
-
- if ('align-left' == type) {
- this.api.put_ShapesAlign(Asc.c_oAscAlignShapeType.ALIGN_LEFT);
- } else if ('align-center' == type) {
- this.api.put_ShapesAlign(Asc.c_oAscAlignShapeType.ALIGN_CENTER);
- } else if ('align-right' == type) {
- this.api.put_ShapesAlign(Asc.c_oAscAlignShapeType.ALIGN_RIGHT);
- } else if ('align-top' == type) {
- this.api.put_ShapesAlign(Asc.c_oAscAlignShapeType.ALIGN_TOP);
- } else if ('align-middle' == type) {
- this.api.put_ShapesAlign(Asc.c_oAscAlignShapeType.ALIGN_MIDDLE);
- }else if ('align-bottom' == type) {
- this.api.put_ShapesAlign(Asc.c_oAscAlignShapeType.ALIGN_BOTTOM);
- }else if ('distrib-hor' == type) {
- this.api.DistributeHorizontally();
- }else if ('distrib-vert' == type) {
- this.api.DistributeVertically();
- }
- },
-
- // API handlers
-
- onApiFocusObject: function (objects) {
- _stack = objects;
-
- var images = [];
-
- _.each(_stack, function (object) {
- if (object.get_ObjectType() == Asc.c_oAscTypeSelectElement.Image && object.get_ObjectValue()) {
- images.push(object);
- }
- });
-
- if (images.length > 0) {
- var object = images[images.length - 1]; // get top
- _imageObject = object.get_ObjectValue();
- } else {
- _imageObject = undefined;
- }
- },
-
- // Helpers
-
- _closeIfNeed: function () {
- if (!this._isImageInStack()) {
- PE.getController('EditContainer').hideModal();
- }
- },
-
- _isImageInStack: function () {
- var imageExist = false;
-
- _.some(_stack, function(object) {
- if (object.get_ObjectType() == Asc.c_oAscTypeSelectElement.Image && object.get_ObjectValue()) {
- imageExist = true;
- return true;
- }
- });
-
- return imageExist;
- },
-
- textEmptyImgUrl: 'You need to specify image URL.',
- txtNotUrl: 'This field should be a URL in the format \"http://www.example.com\"'
- }
- })(), PE.Controllers.EditImage || {}))
-});
\ No newline at end of file
diff --git a/apps/presentationeditor/mobile/app/controller/edit/EditLink.js b/apps/presentationeditor/mobile/app/controller/edit/EditLink.js
deleted file mode 100644
index 876aa3313..000000000
--- a/apps/presentationeditor/mobile/app/controller/edit/EditLink.js
+++ /dev/null
@@ -1,358 +0,0 @@
-/*
- *
- * (c) Copyright Ascensio System SIA 2010-2019
- *
- * This program is a free software product. You can redistribute it and/or
- * modify it under the terms of the GNU Affero General Public License (AGPL)
- * version 3 as published by the Free Software Foundation. In accordance with
- * Section 7(a) of the GNU AGPL its Section 15 shall be amended to the effect
- * that Ascensio System SIA expressly excludes the warranty of non-infringement
- * of any third-party rights.
- *
- * This program is distributed WITHOUT ANY WARRANTY; without even the implied
- * warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. For
- * details, see the GNU AGPL at: http://www.gnu.org/licenses/agpl-3.0.html
- *
- * You can contact Ascensio System SIA at 20A-12 Ernesta Birznieka-Upisha
- * street, Riga, Latvia, EU, LV-1050.
- *
- * The interactive user interfaces in modified source and object code versions
- * of the Program must display Appropriate Legal Notices, as required under
- * Section 5 of the GNU AGPL version 3.
- *
- * Pursuant to Section 7(b) of the License you must retain the original Product
- * logo when distributing the program. Pursuant to Section 7(e) we decline to
- * grant you any rights under trademark law for use of our trademarks.
- *
- * All the Product's GUI elements, including illustrations and icon sets, as
- * well as technical writing content are licensed under the terms of the
- * Creative Commons Attribution-ShareAlike 4.0 International. See the License
- * terms at http://creativecommons.org/licenses/by-sa/4.0/legalcode
- *
- */
-
-/**
- * EditLink.js
- * Presentation Editor
- *
- * Created by Julia Radzhabova on 12/06/16
- * Copyright (c) 2018 Ascensio System SIA. All rights reserved.
- *
- */
-
-
-define([
- 'core',
- 'presentationeditor/mobile/app/view/edit/EditLink'
-], function (core) {
- 'use strict';
-
- PE.Controllers.EditLink = Backbone.Controller.extend(_.extend((function() {
- // Private
- var _stack = [],
- _linkObject = undefined,
- c_oHyperlinkType = {
- InternalLink:0,
- WebLink: 1
- },
- c_oSlideLink = {
- Next: 0,
- Previouse: 1,
- Last: 2,
- First: 3,
- Num: 4
- },
- _linkType = c_oHyperlinkType.WebLink,
- _slideLink = 0,
- _slideNum = 0,
- _slidesCount = 0;
-
- return {
- models: [],
- collections: [],
- views: [
- 'EditLink'
- ],
-
- initialize: function () {
- Common.NotificationCenter.on('editcontainer:show', _.bind(this.initEvents, this));
- Common.NotificationCenter.on('editcategory:show', _.bind(this.categoryShow, this));
-
- this.addListeners({
- 'EditLink': {
- 'page:show' : this.onPageShow
- }
- });
-
- var me = this;
- uiApp.onPageBack('editlink-type editlink-slidenumber', function (page) {
- me.initSettings();
- });
- },
-
- setApi: function (api) {
- var me = this;
- me.api = api;
-
- me.api.asc_registerCallback('asc_onFocusObject', _.bind(me.onApiFocusObject, me));
- },
-
- onLaunch: function () {
- this.createView('EditLink').render();
- },
-
- initEvents: function () {
- var me = this;
-
- $('#edit-link-edit').single('click', _.bind(me.onEditLink, me));
- $('#edit-link-remove').single('click', _.bind(me.onRemoveLink, me));
- },
-
- categoryShow: function (e) {
- var $target = $(e.currentTarget);
-
- if ($target && $target.prop('id') === 'edit-link' && _linkObject) {
- var url = _linkObject.get_Value();
- if (url===null || url===undefined || url=='' )
- _linkType = c_oHyperlinkType.WebLink;
- else {
- var indAction = url.indexOf("ppaction://hlink");
- if (0 == indAction) {
- if (url == "ppaction://hlinkshowjump?jump=firstslide") {
- _slideLink = 2;
- } else if (url == "ppaction://hlinkshowjump?jump=lastslide") {
- _slideLink = 3;
- }
- else if (url == "ppaction://hlinkshowjump?jump=nextslide") {
- _slideLink = 0;
- }
- else if (url == "ppaction://hlinkshowjump?jump=previousslide") {
- _slideLink = 1;
- }
- else {
- _slideLink = 4;
- _slidesCount = this.api.getCountPages();
- var mask = "ppaction://hlinksldjumpslide",
- indSlide = url.indexOf(mask);
- if (0 == indSlide) {
- _slideNum = parseInt(url.substring(mask.length));
- if (_slideNum < 0) _slideNum = 0;
- if (_slideNum >= _slidesCount) _slideNum = _slidesCount - 1;
- } else
- _slideNum = 0;
- }
- _linkType = c_oHyperlinkType.InternalLink;
- } else {
- _linkType = c_oHyperlinkType.WebLink;
- }
- }
-
- var text = _linkObject.get_Text();
- if (text !== false) {
- $('#edit-link-display input').val((text !== null) ? text : this.textDefault);
- $('#edit-link-display').toggleClass('disabled', text === null);
- }
- if (_linkType==c_oHyperlinkType.WebLink) {
- var value = _linkObject.get_Value();
- $('#edit-link-url input').val(value ? [value.replace(new RegExp(" ", 'g'), "%20")] : '');
- }
- $('#edit-link-tip input').val([_linkObject.get_ToolTip()]);
-
- this.initSettings();
- }
- },
-
- initSettings: function (pageId) {
- var me = this;
-
- if (pageId == '#editlink-type') {
- $('#page-editlink-type input').val([_linkType]);
- } else if (pageId == '#editlink-slidenumber') {
- _slidesCount = me.api.getCountPages();
- $('#page-editlink-slidenumber input').val([_slideLink]);
- $('#editlink-slide-number .item-after label').text(_slideNum+1);
- } else {
- $('#edit-link-type .item-after').text((_linkType==c_oHyperlinkType.WebLink) ? me.textExternalLink : me.textInternalLink);
- $('#edit-link-url')[(_linkType==c_oHyperlinkType.WebLink) ? 'show' : 'hide']();
- $('#edit-link-number')[(_linkType==c_oHyperlinkType.WebLink) ? 'hide' : 'show']();
-
- if (_linkType==c_oHyperlinkType.WebLink) {
- _.delay(function () {
- $('.page[data-page=editlink-link] input[type=url]').focus();
- }, 1000);
- } else {
- var slidename = '';
- switch (_slideLink) {
- case 0:
- slidename = me.textNext;
- break;
- case 1:
- slidename = me.textPrev;
- break;
- case 2:
- slidename = me.textFirst;
- break;
- case 3:
- slidename = me.textLast;
- break;
- case 4:
- slidename = me.textSlide + ' ' + (_slideNum+1);
- break;
- }
- $('#edit-link-number .item-after').text(slidename);
- }
-
- $('#edit-link-edit').toggleClass('disabled', (_linkType==c_oHyperlinkType.WebLink) && _.isEmpty($('#edit-link-url input').val()));
- }
- },
-
- onPageShow: function (view, pageId) {
- var me = this;
-
- $('#page-editlink-type li').single('click', _.buffered(me.onLinkType, 100, me));
- $('#page-editlink-slidenumber li').single('click', _.buffered(me.onSlideLink, 100, me));
- $('#editlink-slide-number .button').single('click',_.buffered(me.onSlideNumber, 100, me));
- me.initSettings(pageId);
- },
-
- // Handlers
-
- onEditLink: function () {
- var me = this,
- display = $('#edit-link-display input').val(),
- tip = $('#edit-link-tip input').val(),
- props = new Asc.CHyperlinkProperty(),
- def_display = '';
-
- if (_linkType==c_oHyperlinkType.WebLink) {
- var url = $('#edit-link-url input').val(),
- urltype = me.api.asc_getUrlType($.trim(url)),
- isEmail = (urltype == 2);
- if (urltype < 1) {
- uiApp.alert(me.txtNotUrl);
- return;
- }
-
- url = url.replace(/^\s+|\s+$/g,'');
- if (! /(((^https?)|(^ftp)):\/\/)|(^mailto:)/i.test(url) )
- url = (isEmail ? 'mailto:' : 'http://' ) + url;
- url = url.replace(new RegExp("%20",'g')," ");
-
- props.put_Value( url );
- props.put_ToolTip(tip);
- def_display = url;
- } else {
- var url = "ppaction://hlink";
- var slidetip = '';
- switch (_slideLink) {
- case 0:
- url = url + "showjump?jump=nextslide";
- slidetip = this.textNext;
- break;
- case 1:
- url = url + "showjump?jump=previousslide";
- slidetip = this.textPrev;
- break;
- case 2:
- url = url + "showjump?jump=firstslide";
- slidetip = this.textFirst;
- break;
- case 3:
- url = url + "showjump?jump=lastslide";
- slidetip = this.textLast;
- break;
- case 4:
- url = url + "sldjumpslide" + _slideNum;
- slidetip = this.textSlide + ' ' + (_slideNum+1);
- break;
- }
- props.put_Value( url );
- props.put_ToolTip(_.isEmpty(tip) ? slidetip : tip);
- def_display = slidetip;
- }
-
- if (!$('#edit-link-display').hasClass('disabled')) {
- props.put_Text(_.isEmpty(display) ? def_display : display);
- } else
- props.put_Text(null);
-
- me.api.change_Hyperlink(props);
-
- PE.getController('EditContainer').hideModal();
- },
-
- onRemoveLink: function () {
- this.api && this.api.remove_Hyperlink();
- PE.getController('EditContainer').hideModal();
- },
-
- onLinkType: function (e) {
- var $target = $(e.currentTarget).find('input');
-
- if ($target && this.api) {
- _linkType = parseFloat($target.prop('value'));
- }
- },
-
- onSlideLink: function (e) {
- var $target = $(e.currentTarget).find('input');
-
- if ($target && this.api) {
- _slideLink = parseFloat($target.prop('value'));
- }
- },
-
- onSlideNumber: function (e) {
- var $button = $(e.currentTarget),
- slide = _slideNum;
-
- if ($button.hasClass('decrement')) {
- slide = Math.max(0, --slide);
- } else {
- slide = Math.min(_slidesCount-1, ++slide);
- }
- _slideNum = slide;
- $('#editlink-slide-number .item-after label').text(slide+1);
- },
-
- // API handlers
-
- onApiFocusObject: function (objects) {
- _stack = objects;
-
- var links = [];
-
- _.each(_stack, function (object) {
- if (object.get_ObjectType() == Asc.c_oAscTypeSelectElement.Hyperlink) {
- links.push(object);
- }
- });
-
- if (links.length > 0) {
- var object = links[links.length - 1]; // get top
- _linkObject = object.get_ObjectValue();
- } else {
- _linkObject = undefined;
- }
- },
-
- // Helpers
-
- _closeIfNeed: function () {
- if (!this._isImageInStack()) {
- PE.getController('EditContainer').hideModal();
- }
- },
-
- txtNotUrl: 'This field should be a URL in the format \"http://www.example.com\"',
- textDefault: 'Selected text',
- textNext: 'Next Slide',
- textPrev: 'Previous Slide',
- textFirst: 'First Slide',
- textLast: 'Last Slide',
- textSlide: 'Slide',
- textExternalLink: 'External Link',
- textInternalLink: 'Slide in this Presentation'
- };
- })(), PE.Controllers.EditLink || {}))
-});
\ No newline at end of file
diff --git a/apps/presentationeditor/mobile/app/controller/edit/EditShape.js b/apps/presentationeditor/mobile/app/controller/edit/EditShape.js
deleted file mode 100644
index 78015826a..000000000
--- a/apps/presentationeditor/mobile/app/controller/edit/EditShape.js
+++ /dev/null
@@ -1,405 +0,0 @@
-/*
- *
- * (c) Copyright Ascensio System SIA 2010-2019
- *
- * This program is a free software product. You can redistribute it and/or
- * modify it under the terms of the GNU Affero General Public License (AGPL)
- * version 3 as published by the Free Software Foundation. In accordance with
- * Section 7(a) of the GNU AGPL its Section 15 shall be amended to the effect
- * that Ascensio System SIA expressly excludes the warranty of non-infringement
- * of any third-party rights.
- *
- * This program is distributed WITHOUT ANY WARRANTY; without even the implied
- * warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. For
- * details, see the GNU AGPL at: http://www.gnu.org/licenses/agpl-3.0.html
- *
- * You can contact Ascensio System SIA at 20A-12 Ernesta Birznieka-Upisha
- * street, Riga, Latvia, EU, LV-1050.
- *
- * The interactive user interfaces in modified source and object code versions
- * of the Program must display Appropriate Legal Notices, as required under
- * Section 5 of the GNU AGPL version 3.
- *
- * Pursuant to Section 7(b) of the License you must retain the original Product
- * logo when distributing the program. Pursuant to Section 7(e) we decline to
- * grant you any rights under trademark law for use of our trademarks.
- *
- * All the Product's GUI elements, including illustrations and icon sets, as
- * well as technical writing content are licensed under the terms of the
- * Creative Commons Attribution-ShareAlike 4.0 International. See the License
- * terms at http://creativecommons.org/licenses/by-sa/4.0/legalcode
- *
- */
-
-/**
- * EditShape.js
- * Presentation Editor
- *
- * Created by Julia Radzhabova on 11/25/16
- * Copyright (c) 2018 Ascensio System SIA. All rights reserved.
- *
- */
-
-define([
- 'core',
- 'presentationeditor/mobile/app/view/edit/EditShape',
- 'jquery',
- 'underscore',
- 'backbone'
-], function (core, view, $, _, Backbone) {
- 'use strict';
-
- PE.Controllers.EditShape = Backbone.Controller.extend(_.extend((function() {
- // Private
- var _stack = [],
- _shapeObject = undefined,
- _metricText = Common.Utils.Metric.getCurrentMetricName(),
- _borderColor = 'transparent';
-
- var borderSizeTransform = (function() {
- var _sizes = [0, 0.5, 1, 1.5, 2.25, 3, 4.5, 6];
-
- return {
- sizeByIndex: function (index) {
- if (index < 1) return _sizes[0];
- if (index > _sizes.length - 1) return _sizes[_sizes.length - 1];
- return _sizes[index];
- },
-
- indexSizeByValue: function (value) {
- var index = 0;
- _.each(_sizes, function (size, idx) {
- if (Math.abs(size - value) < 0.25) {
- index = idx;
- }
- });
-
- return index
- },
-
- sizeByValue: function (value) {
- return _sizes[this.indexSizeByValue(value)];
- }
- }
- })();
-
- return {
- models: [],
- collections: [],
- views: [
- 'EditShape'
- ],
-
- initialize: function () {
- Common.NotificationCenter.on('editcontainer:show', _.bind(this.initEvents, this));
-
- this.addListeners({
- 'EditShape': {
- 'page:show': this.onPageShow
- }
- });
- },
-
- setApi: function (api) {
- var me = this;
- me.api = api;
-
- me.api.asc_registerCallback('asc_onFocusObject', _.bind(me.onApiFocusObject, me));
- },
-
- onLaunch: function () {
- this.createView('EditShape').render();
- },
-
- initEvents: function () {
- var me = this;
-
- $('#shape-remove').single('click', _.bind(me.onRemoveShape, me));
-
- me.initSettings();
- },
-
- onPageShow: function (view, pageId) {
- var me = this;
-
- $('.shape-reorder a').single('click', _.bind(me.onReorder, me));
- $('.shape-replace li').single('click', _.buffered(me.onReplace, 100, me));
- $('.shape-align a').single('click', _.bind(me.onAlign, me));
-
- $('#edit-shape-bordersize input').single('change touchend', _.buffered(me.onBorderSize, 100, me));
- $('#edit-shape-bordersize input').single('input', _.bind(me.onBorderSizeChanging, me));
- $('#edit-shape-effect input').single('change touchend', _.buffered(me.onOpacity, 100, me));
- $('#edit-shape-effect input').single('input', _.bind(me.onOpacityChanging, me));
-
- me.initSettings(pageId);
- },
-
- initSettings: function (pageId) {
- var me = this;
-
- // me.api && me.api.UpdateInterfaceState();
-
- if (_shapeObject) {
- if (pageId == '#edit-shape-style' || pageId == '#edit-shape-style-nofill' || pageId == '#edit-shape-border-color-view') {
- me._initStyleView();
- } else {
- me.getView('EditShape').isShapeCanFill = _shapeObject.get_CanFill();
- }
- }
- },
-
- _initStyleView: function () {
- var me = this,
- paletteFillColor = me.getView('EditShape').paletteFillColor,
- paletteBorderColor = me.getView('EditShape').paletteBorderColor;
-
- // Init style border size
- var borderSize = _shapeObject.get_stroke().get_width() * 72.0 / 25.4,
- borderType = _shapeObject.get_stroke().get_type();
- $('#edit-shape-bordersize input').val([(borderType == Asc.c_oAscStrokeType.STROKE_NONE) ? 0 : borderSizeTransform.indexSizeByValue(borderSize)]);
- $('#edit-shape-bordersize .item-after').text(((borderType == Asc.c_oAscStrokeType.STROKE_NONE) ? 0 : borderSizeTransform.sizeByValue(borderSize)) + ' ' + Common.Utils.Metric.getMetricName(Common.Utils.Metric.c_MetricUnits.pt));
-
- // Init style opacity
- $('#edit-shape-effect input').val([_shapeObject.get_fill().asc_getTransparent() ? _shapeObject.get_fill().asc_getTransparent() / 2.55 : 100]);
- $('#edit-shape-effect .item-after').text($('#edit-shape-effect input').val() + ' ' + "%");
-
- paletteFillColor && paletteFillColor.on('select', _.bind(me.onFillColor, me));
- paletteBorderColor && paletteBorderColor.on('select', _.bind(me.onBorderColor, me));
-
- var sdkColor, color;
-
- // Init fill color
- var fill = _shapeObject.get_fill(),
- fillType = fill.get_type();
-
- color = 'transparent';
-
- if (fillType == Asc.c_oAscFill.FILL_TYPE_SOLID) {
- fill = fill.get_fill();
- sdkColor = fill.get_color();
-
- if (sdkColor) {
- if (sdkColor.get_type() == Asc.c_oAscColor.COLOR_TYPE_SCHEME) {
- color = {color: Common.Utils.ThemeColor.getHexColor(sdkColor.get_r(), sdkColor.get_g(), sdkColor.get_b()), effectValue: sdkColor.get_value()};
- } else {
- color = Common.Utils.ThemeColor.getHexColor(sdkColor.get_r(), sdkColor.get_g(), sdkColor.get_b());
- }
- }
- }
-
- paletteFillColor && paletteFillColor.select(color);
-
- // Init border color
- me._initBorderColorView();
- },
-
- _initBorderColorView: function () {
- if (!_shapeObject) return;
-
- var me = this,
- paletteBorderColor = me.getView('EditShape').paletteBorderColor,
- stroke = _shapeObject.get_stroke();
-
- var color = 'transparent';
-
- if (stroke && stroke.get_type() == Asc.c_oAscStrokeType.STROKE_COLOR) {
- var sdkColor = stroke.get_color();
-
- if (sdkColor) {
- if (sdkColor.get_type() == Asc.c_oAscColor.COLOR_TYPE_SCHEME) {
- color = {color: Common.Utils.ThemeColor.getHexColor(sdkColor.get_r(), sdkColor.get_g(), sdkColor.get_b()), effectValue: sdkColor.get_value()};
- }
- else {
- color = Common.Utils.ThemeColor.getHexColor(sdkColor.get_r(), sdkColor.get_g(), sdkColor.get_b());
- }
- }
- }
- _borderColor = color;
-
- paletteBorderColor && paletteBorderColor.select(color);
- $('#edit-shape-bordercolor .color-preview').css('background-color', ('transparent' == color) ? color : ('#' + (_.isObject(color) ? color.color : color)))
- },
-
- // Public
-
- getShape: function () {
- return _shapeObject;
- },
-
- // Handlers
-
- onRemoveShape: function () {
- this.api.asc_Remove();
- PE.getController('EditContainer').hideModal();
- },
-
- onReorder: function (e) {
- },
-
- onAlign: function (e) {
- var $target = $(e.currentTarget),
- type = $target.data('type');
-
- if ('align-left' == type) {
- this.api.put_ShapesAlign(Asc.c_oAscAlignShapeType.ALIGN_LEFT);
- } else if ('align-center' == type) {
- this.api.put_ShapesAlign(Asc.c_oAscAlignShapeType.ALIGN_CENTER);
- } else if ('align-right' == type) {
- this.api.put_ShapesAlign(Asc.c_oAscAlignShapeType.ALIGN_RIGHT);
- } else if ('align-top' == type) {
- this.api.put_ShapesAlign(Asc.c_oAscAlignShapeType.ALIGN_TOP);
- } else if ('align-middle' == type) {
- this.api.put_ShapesAlign(Asc.c_oAscAlignShapeType.ALIGN_MIDDLE);
- }else if ('align-bottom' == type) {
- this.api.put_ShapesAlign(Asc.c_oAscAlignShapeType.ALIGN_BOTTOM);
- }else if ('distrib-hor' == type) {
- this.api.DistributeHorizontally();
- }else if ('distrib-vert' == type) {
- this.api.DistributeVertically();
- }
- },
-
- onReplace: function (e) {
- },
-
- onBorderSize: function (e) {
- var me = this,
- $target = $(e.currentTarget),
- value = $target.val(),
- shape = new Asc.asc_CShapeProperty(),
- stroke = new Asc.asc_CStroke();
-
- value = borderSizeTransform.sizeByIndex(parseInt(value));
-
- if (value < 0.01) {
- stroke.put_type(Asc.c_oAscStrokeType.STROKE_NONE);
- } else {
- stroke.put_type(Asc.c_oAscStrokeType.STROKE_COLOR);
- if (_borderColor == 'transparent')
- stroke.put_color(Common.Utils.ThemeColor.getRgbColor({color: '000000', effectId: 29}));
- else
- stroke.put_color(Common.Utils.ThemeColor.getRgbColor(Common.Utils.ThemeColor.colorValue2EffectId(_borderColor)));
- stroke.put_width(value * 25.4 / 72.0);
- }
-
- shape.put_stroke(stroke);
-
- me.api.ShapeApply(shape);
- me._initBorderColorView(); // when select STROKE_NONE or change from STROKE_NONE to STROKE_COLOR
- },
-
- onBorderSizeChanging: function (e) {
- var $target = $(e.currentTarget);
- $('#edit-shape-bordersize .item-after').text(borderSizeTransform.sizeByIndex($target.val()) + ' ' + Common.Utils.Metric.getMetricName(Common.Utils.Metric.c_MetricUnits.pt));
- },
-
- onOpacity: function (e) {
- var me = this,
- $target = $(e.currentTarget),
- value = $target.val(),
- fill = new Asc.asc_CShapeFill(),
- shape = new Asc.asc_CShapeProperty();
-
- fill.put_transparent(parseInt(value * 2.55));
- shape.put_fill(fill);
-
- me.api.ShapeApply(shape);
- },
-
- onOpacityChanging: function (e) {
- var $target = $(e.currentTarget);
- $('#edit-shape-effect .item-after').text($target.val() + ' %');
- },
-
- onFillColor: function(palette, color) {
- var me = this;
-
- if (me.api) {
- var shape = new Asc.asc_CShapeProperty(),
- fill = new Asc.asc_CShapeFill();
-
- if (color == 'transparent') {
- fill.put_type(Asc.c_oAscFill.FILL_TYPE_NOFILL);
- fill.put_fill(null);
- } else {
- fill.put_type(Asc.c_oAscFill.FILL_TYPE_SOLID);
- fill.put_fill(new Asc.asc_CFillSolid());
- fill.get_fill().put_color(Common.Utils.ThemeColor.getRgbColor(color));
- }
-
- shape.put_fill(fill);
-
- me.api.ShapeApply(shape);
- }
- },
-
- onBorderColor: function (palette, color) {
- var me = this;
-
- $('#edit-shape-bordercolor .color-preview').css('background-color', ('transparent' == color) ? color : ('#' + (_.isObject(color) ? color.color : color)));
- _borderColor = color;
-
- if (me.api && _shapeObject && _shapeObject.get_stroke().get_type() == Asc.c_oAscStrokeType.STROKE_COLOR) {
- var shape = new Asc.asc_CShapeProperty(),
- stroke = new Asc.asc_CStroke();
-
- if (_shapeObject.get_stroke().get_width() < 0.01) {
- stroke.put_type(Asc.c_oAscStrokeType.STROKE_NONE);
- } else {
- stroke.put_type(Asc.c_oAscStrokeType.STROKE_COLOR);
- stroke.put_color(Common.Utils.ThemeColor.getRgbColor(color));
- stroke.put_width(_shapeObject.get_stroke().get_width());
- stroke.asc_putPrstDash(_shapeObject.get_stroke().asc_getPrstDash());
- }
-
- shape.put_stroke(stroke);
-
- me.api.ShapeApply(shape);
- }
- },
-
- // API handlers
-
- onApiFocusObject: function (objects) {
- _stack = objects;
-
- var shapes = [];
-
- _.each(_stack, function (object) {
- if (object.get_ObjectType() == Asc.c_oAscTypeSelectElement.Shape) {
- shapes.push(object);
- }
- });
-
- if (shapes.length > 0) {
- var object = shapes[shapes.length - 1]; // get top shape
- _shapeObject = object.get_ObjectValue();
- this.getView('EditShape').isShapeCanFill = _shapeObject.get_CanFill();
- } else {
- _shapeObject = undefined;
- }
- },
-
- // Helpers
-
- _closeIfNeed: function () {
- if (!this._isShapeInStack()) {
- PE.getController('EditContainer').hideModal();
- }
- },
-
- _isShapeInStack: function () {
- var shapeExist = false;
-
- _.some(_stack, function(object) {
- if (object.get_ObjectType() == Asc.c_oAscTypeSelectElement.Shape) {
- shapeExist = true;
- return true;
- }
- });
-
- return shapeExist;
- }
- };
- })(), PE.Controllers.EditShape || {}))
-});
\ No newline at end of file
diff --git a/apps/presentationeditor/mobile/app/controller/edit/EditSlide.js b/apps/presentationeditor/mobile/app/controller/edit/EditSlide.js
deleted file mode 100644
index 3e20e619e..000000000
--- a/apps/presentationeditor/mobile/app/controller/edit/EditSlide.js
+++ /dev/null
@@ -1,413 +0,0 @@
-/*
- *
- * (c) Copyright Ascensio System SIA 2010-2019
- *
- * This program is a free software product. You can redistribute it and/or
- * modify it under the terms of the GNU Affero General Public License (AGPL)
- * version 3 as published by the Free Software Foundation. In accordance with
- * Section 7(a) of the GNU AGPL its Section 15 shall be amended to the effect
- * that Ascensio System SIA expressly excludes the warranty of non-infringement
- * of any third-party rights.
- *
- * This program is distributed WITHOUT ANY WARRANTY; without even the implied
- * warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. For
- * details, see the GNU AGPL at: http://www.gnu.org/licenses/agpl-3.0.html
- *
- * You can contact Ascensio System SIA at 20A-12 Ernesta Birznieka-Upisha
- * street, Riga, Latvia, EU, LV-1050.
- *
- * The interactive user interfaces in modified source and object code versions
- * of the Program must display Appropriate Legal Notices, as required under
- * Section 5 of the GNU AGPL version 3.
- *
- * Pursuant to Section 7(b) of the License you must retain the original Product
- * logo when distributing the program. Pursuant to Section 7(e) we decline to
- * grant you any rights under trademark law for use of our trademarks.
- *
- * All the Product's GUI elements, including illustrations and icon sets, as
- * well as technical writing content are licensed under the terms of the
- * Creative Commons Attribution-ShareAlike 4.0 International. See the License
- * terms at http://creativecommons.org/licenses/by-sa/4.0/legalcode
- *
- */
-
-/**
- * EditSlide.js
- * Presentation Editor
- *
- * Created by Julia Radzhabova on 12/07/16
- * Copyright (c) 2018 Ascensio System SIA. All rights reserved.
- *
- */
-
-define([
- 'core',
- 'presentationeditor/mobile/app/view/edit/EditSlide',
- 'jquery',
- 'underscore',
- 'backbone'
-], function (core, view, $, _, Backbone) {
- 'use strict';
-
- PE.Controllers.EditSlide = Backbone.Controller.extend(_.extend((function() {
- // Private
- var _stack = [],
- _slideObject = undefined,
- _slideLayoutIndex = -1,
- _themeId = -1,
- _effect = Asc.c_oAscSlideTransitionTypes.None,
- _effectType = -1,
- _effectDuration = 2000,
- _effectDelay = 10000;
-
- return {
- models: [],
- collections: [],
- views: [
- 'EditSlide'
- ],
-
- initialize: function () {
- Common.NotificationCenter.on('editcontainer:show', _.bind(this.initEvents, this));
- Common.NotificationCenter.on('slidelayouts:load', _.bind(this.updateLayouts, this));
-
- this.addListeners({
- 'EditSlide': {
- 'page:show': this.onPageShow
- }
- });
-
- var me = this;
- uiApp.onPageBack('editslide-effect-type editslide-effect', function (page) {
- me.initSettings('#edit-slide-transition');
- });
- this._themes = [];
- },
-
- setApi: function (api) {
- var me = this;
- me.api = api;
-
- me.api.asc_registerCallback('asc_onFocusObject', _.bind(me.onApiFocusObject, me));
- me.api.asc_registerCallback('asc_onUpdateThemeIndex', _.bind(me.onApiUpdateThemeIndex, me));
- },
-
- onLaunch: function () {
- this.createView('EditSlide').render();
- },
-
- initEvents: function () {
- var me = this;
-
- $('#slide-remove').single('click', _.bind(me.onRemoveSlide, me));
- $('#slide-duplicate').single('click', _.bind(me.onDuplicateSlide, me));
-
- me.initSettings();
- },
-
- onPageShow: function (view, pageId) {
- var me = this;
- me.initSettings(pageId);
- },
-
- initSettings: function (pageId) {
- var me = this;
-
- if (_slideObject) {
- if (pageId == '#edit-slide-style') {
- me._initStyleView();
-
- var paletteFillColor = me.getView('EditSlide').paletteFillColor;
- paletteFillColor && paletteFillColor.on('select', _.bind(me.onFillColor, me));
-
- } else if (pageId == '#edit-slide-layout') {
- $('.container-edit .slide-layout li').removeClass('active').single('click', _.buffered(me.onLayoutClick, 100, me));
- $('.container-edit .slide-layout li[data-type=' + _slideLayoutIndex + ']').addClass('active');
- } else if (pageId == '#edit-slide-theme') {
- this.getView('EditSlide').renderThemes();
-
- $('.container-edit .slide-theme .row div').removeClass('active').single('click', _.buffered(me.onThemeClick, 100, me));
- $('.container-edit .slide-theme div[data-type=' + _themeId + ']').addClass('active');
- } else if (pageId == '#edit-slide-transition') {
- me._initTransitionView();
- $('#slide-apply-all').single('click', _.bind(me.onApplyAll, me));
-
- $('#edit-slide-duration .button').single('click', _.bind(me.onDuration, me));
- $('#edit-slide-start-click input:checkbox').single('change', _.bind(me.onStartClick, me));
-
- $('#edit-slide-delay input:checkbox').single('change', _.bind(me.onDelayCheck, me));
- $('#edit-slide-delay .item-content:nth-child(2) input').single('change touchend', _.buffered(me.onDelay, 100, me));
- $('#edit-slide-delay .item-content:nth-child(2) input').single('input', _.bind(me.onDelayChanging, me));
- } else if (pageId == '#editslide-effect') {
- $('#page-editslide-effect input').val([_effect]);
- $('#page-editslide-effect li').single('click', _.buffered(me.onEffectClick, 100, me));
- } else if (pageId == '#editslide-effect-type') {
- me.getView('EditSlide').renderEffectTypes();
- $('#page-editslide-effect-type input').val([_effectType]);
- $('#page-editslide-effect-type li').single('click', _.buffered(me.onEffectTypeClick, 100, me));
- }
- }
- },
-
- _initStyleView: function () {
- var me = this,
- paletteFillColor = me.getView('EditSlide').paletteFillColor;
-
- var sdkColor, color;
-
- // Init fill color
- var fill = _slideObject.get_background(),
- fillType = fill.get_type();
-
- color = 'transparent';
-
- if (fillType == Asc.c_oAscFill.FILL_TYPE_SOLID) {
- fill = fill.get_fill();
- sdkColor = fill.get_color();
-
- if (sdkColor) {
- if (sdkColor.get_type() == Asc.c_oAscColor.COLOR_TYPE_SCHEME) {
- color = {color: Common.Utils.ThemeColor.getHexColor(sdkColor.get_r(), sdkColor.get_g(), sdkColor.get_b()), effectValue: sdkColor.get_value()};
- } else {
- color = Common.Utils.ThemeColor.getHexColor(sdkColor.get_r(), sdkColor.get_g(), sdkColor.get_b());
- }
- }
- }
-
- paletteFillColor && paletteFillColor.select(color);
- },
-
- _initTransitionView: function () {
- var me = this;
-
- var timing = _slideObject.get_timing();
- if (timing) {
- _effect = timing.get_TransitionType();
- me.getView('EditSlide').fillEffectTypes(_effect);
- $('#edit-slide-effect .item-after').text(me.getView('EditSlide').getEffectName(_effect));
- $('#edit-slide-effect-type').toggleClass('disabled', _effect == Asc.c_oAscSlideTransitionTypes.None);
- $('#edit-slide-duration').toggleClass('disabled', _effect == Asc.c_oAscSlideTransitionTypes.None);
-
- _effectType = timing.get_TransitionOption();
- $('#edit-slide-effect-type .item-after').text((_effect != Asc.c_oAscSlideTransitionTypes.None) ? me.getView('EditSlide').getEffectTypeName(_effectType) : '');
-
- _effectDuration = timing.get_TransitionDuration();
- $('#edit-slide-duration .item-after label').text((_effectDuration!==null && _effectDuration!==undefined) ? (parseInt(_effectDuration/1000.) + ' ' + me.textSec) : '');
-
- $('#edit-slide-start-click input:checkbox').prop('checked', !!timing.get_SlideAdvanceOnMouseClick());
- $('#edit-slide-delay input:checkbox').prop('checked', !!timing.get_SlideAdvanceAfter());
- $('#edit-slide-delay .item-content:nth-child(2)').toggleClass('disabled',!timing.get_SlideAdvanceAfter());
-
- _effectDelay = timing.get_SlideAdvanceDuration();
- $('#edit-slide-delay .item-content:nth-child(2) .item-after').text((_effectDelay!==null && _effectDelay!==undefined) ? (parseInt(_effectDelay/1000.) + ' ' + me.textSec) : '');
- $('#edit-slide-delay .item-content:nth-child(2) input').val([(_effectDelay!==null && _effectDelay!==undefined) ? parseInt(_effectDelay/1000.) : 0]);
- }
- },
-
- // Public
-
- getSlide: function () {
- return _slideObject;
- },
-
- getThemes: function () {
- return this._themes || [];
- },
-
- // Handlers
-
- onLayoutClick: function (e) {
- },
-
- onThemeClick: function (e) {
- },
-
- onRemoveSlide: function () {
- this.api.DeleteSlide();
- PE.getController('EditContainer').hideModal();
- },
-
- onDuplicateSlide: function () {
- this.api.DublicateSlide();
- PE.getController('EditContainer').hideModal();
- },
-
- onFillColor: function(palette, color) {
- var me = this;
-
- if (me.api) {
- var props = new Asc.CAscSlideProps();
- var fill = new Asc.asc_CShapeFill();
-
- if (color == 'transparent') {
- fill.put_type(Asc.c_oAscFill.FILL_TYPE_NOFILL);
- fill.put_fill(null);
- } else {
- fill.put_type(Asc.c_oAscFill.FILL_TYPE_SOLID);
- fill.put_fill(new Asc.asc_CFillSolid());
- fill.get_fill().put_color(Common.Utils.ThemeColor.getRgbColor(color));
- }
- props.put_background(fill);
- me.api.SetSlideProps(props);
- }
- },
-
- updateLayouts: function(layouts){
- this.getView('EditSlide').updateLayouts();
- $('.container-edit .slide-layout li').single('click', _.buffered(this.onLayoutClick, 100, this));
- $('.container-edit .slide-layout li[data-type=' + _slideLayoutIndex + ']').addClass('active');
- },
-
- onEffectClick: function (e) {
- var $target = $(e.currentTarget).find('input');
-
- if ($target && this.api) {
- _effect = parseFloat($target.prop('value'));
- _effectType = this.getView('EditSlide').fillEffectTypes(_effect);
-
- var props = new Asc.CAscSlideProps(),
- timing = new Asc.CAscSlideTiming();
- timing.put_TransitionType(_effect);
- timing.put_TransitionOption(_effectType);
- props.put_timing(timing);
- this.api.SetSlideProps(props);
- }
- },
-
- onEffectTypeClick: function (e) {
- var $target = $(e.currentTarget).find('input');
-
- if ($target && this.api) {
- _effectType = parseFloat($target.prop('value'));
-
- var props = new Asc.CAscSlideProps(),
- timing = new Asc.CAscSlideTiming();
- timing.put_TransitionType(_effect);
- timing.put_TransitionOption(_effectType);
- props.put_timing(timing);
- this.api.SetSlideProps(props);
- }
- },
-
- onDuration: function (e) {
- var $button = $(e.currentTarget),
- duration = parseInt(_effectDuration/1000);
-
- if ($button.hasClass('decrement')) {
- duration = Math.max(0, --duration);
- } else {
- duration = Math.min(300, ++duration);
- }
- _effectDuration = duration * 1000;
- $('#edit-slide-duration .item-after label').text(duration + ' ' + this.textSec);
-
- var props = new Asc.CAscSlideProps(),
- timing = new Asc.CAscSlideTiming();
- timing.put_TransitionDuration(_effectDuration);
- props.put_timing(timing);
- this.api.SetSlideProps(props);
- },
-
- onStartClick: function (e) {
- var $checkbox = $(e.currentTarget);
-
- var props = new Asc.CAscSlideProps(),
- timing = new Asc.CAscSlideTiming();
- timing.put_SlideAdvanceOnMouseClick($checkbox.is(':checked'));
- props.put_timing(timing);
- this.api.SetSlideProps(props);
- },
-
- onDelayCheck: function (e) {
- var $checkbox = $(e.currentTarget);
-
- $('#edit-slide-delay .item-content:nth-child(2)').toggleClass('disabled',!$checkbox.is(':checked'));
-
- var props = new Asc.CAscSlideProps(),
- timing = new Asc.CAscSlideTiming();
- timing.put_SlideAdvanceAfter($checkbox.is(':checked'));
- timing.put_SlideAdvanceDuration(_effectDelay);
- props.put_timing(timing);
- this.api.SetSlideProps(props);
- },
-
- onDelay: function (e) {
- var $target = $(e.currentTarget),
- delay = $target.val();
-
- _effectDelay = delay * 1000;
- $('#edit-slide-delay .item-content:nth-child(2) .item-after').text(delay + ' ' + this.textSec);
-
- var props = new Asc.CAscSlideProps(),
- timing = new Asc.CAscSlideTiming();
- timing.put_SlideAdvanceDuration(_effectDelay);
- props.put_timing(timing);
- this.api.SetSlideProps(props);
- },
-
- onDelayChanging: function (e) {
- var $target = $(e.currentTarget);
- $('#edit-slide-delay .item-content:nth-child(2) .item-after').text($target.val() + ' ' + this.textSec);
- },
-
- onApplyAll: function (e) {
- this.api.SlideTimingApplyToAll();
- },
-
- // API handlers
-
- onApiFocusObject: function (objects) {
- _stack = objects;
-
- var slides = [];
-
- _.each(_stack, function (object) {
- if (object.get_ObjectType() == Asc.c_oAscTypeSelectElement.Slide) {
- slides.push(object);
- }
- });
-
- if (slides.length > 0) {
- var object = slides[slides.length - 1]; // get top slide
- _slideObject = object.get_ObjectValue();
- _slideLayoutIndex = _slideObject.get_LayoutIndex();
- if ($('.container-edit .slide-layout').length > 0) {
- $('.container-edit .slide-layout li').removeClass('active');
- $('.container-edit .slide-layout li[data-type=' + _slideLayoutIndex + ']').addClass('active');
- }
- } else {
- _slideObject = undefined;
- }
- },
-
- onApiUpdateThemeIndex: function(themeId) {
- _themeId = themeId;
- $('.container-edit .slide-theme .row div').removeClass('active');
- $('.container-edit .slide-theme div[data-type=' + _themeId + ']').addClass('active');
- },
-
- // Helpers
-
- _closeIfNeed: function () {
- if (!this._isSlideInStack()) {
- PE.getController('EditContainer').hideModal();
- }
- },
-
- _isSlideInStack: function () {
- var slideExist = false;
-
- _.some(_stack, function(object) {
- if (object.get_ObjectType() == Asc.c_oAscTypeSelectElement.Slide) {
- slideExist = true;
- return true;
- }
- });
-
- return slideExist;
- },
-
- textSec: 's'
- };
- })(), PE.Controllers.EditSlide || {}))
-});
\ No newline at end of file
diff --git a/apps/presentationeditor/mobile/app/controller/edit/EditTable.js b/apps/presentationeditor/mobile/app/controller/edit/EditTable.js
deleted file mode 100644
index 91d13c7c6..000000000
--- a/apps/presentationeditor/mobile/app/controller/edit/EditTable.js
+++ /dev/null
@@ -1,544 +0,0 @@
-/*
- *
- * (c) Copyright Ascensio System SIA 2010-2019
- *
- * This program is a free software product. You can redistribute it and/or
- * modify it under the terms of the GNU Affero General Public License (AGPL)
- * version 3 as published by the Free Software Foundation. In accordance with
- * Section 7(a) of the GNU AGPL its Section 15 shall be amended to the effect
- * that Ascensio System SIA expressly excludes the warranty of non-infringement
- * of any third-party rights.
- *
- * This program is distributed WITHOUT ANY WARRANTY; without even the implied
- * warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. For
- * details, see the GNU AGPL at: http://www.gnu.org/licenses/agpl-3.0.html
- *
- * You can contact Ascensio System SIA at 20A-12 Ernesta Birznieka-Upisha
- * street, Riga, Latvia, EU, LV-1050.
- *
- * The interactive user interfaces in modified source and object code versions
- * of the Program must display Appropriate Legal Notices, as required under
- * Section 5 of the GNU AGPL version 3.
- *
- * Pursuant to Section 7(b) of the License you must retain the original Product
- * logo when distributing the program. Pursuant to Section 7(e) we decline to
- * grant you any rights under trademark law for use of our trademarks.
- *
- * All the Product's GUI elements, including illustrations and icon sets, as
- * well as technical writing content are licensed under the terms of the
- * Creative Commons Attribution-ShareAlike 4.0 International. See the License
- * terms at http://creativecommons.org/licenses/by-sa/4.0/legalcode
- *
- */
-
-/**
- * EditTable.js
- * Presentation Editor
- *
- * Created by Julia Radzhabova on 11/30/16
- * Copyright (c) 2018 Ascensio System SIA. All rights reserved.
- *
- */
-
-define([
- 'core',
- 'presentationeditor/mobile/app/view/edit/EditTable',
- 'jquery',
- 'underscore',
- 'backbone'
-], function (core, view, $, _, Backbone) {
- 'use strict';
-
- PE.Controllers.EditTable = Backbone.Controller.extend(_.extend((function() {
- // Private
- var _stack = [],
- _metricText = Common.Utils.Metric.getCurrentMetricName(),
- _tableObject = undefined,
- _tableLook = {},
- _cellBorders = undefined,
- _cellBorderColor = '000000',
- _cellBorderWidth = 0.5;
-
- var borderSizeTransform = (function() {
- var _sizes = [0, 0.5, 1, 1.5, 2.25, 3, 4.5, 6];
-
- return {
- sizeByIndex: function (index) {
- if (index < 1) return _sizes[0];
- if (index > _sizes.length - 1) return _sizes[_sizes.length - 1];
- return _sizes[index];
- },
-
- indexSizeByValue: function (value) {
- var index = 0;
- _.each(_sizes, function (size, idx) {
- if (Math.abs(size - value) < 0.25) {
- index = idx;
- }
- });
-
- return index;
- },
-
- sizeByValue: function (value) {
- return _sizes[this.indexSizeByValue(value)];
- }
- }
- })();
-
- return {
- models: [],
- collections: [],
- views: [
- 'EditTable'
- ],
-
- initialize: function () {
- Common.NotificationCenter.on('editcontainer:show', _.bind(this.initEvents, this));
-
- this.addListeners({
- 'EditTable': {
- 'page:show' : this.onPageShow
- }
- });
-
- var me = this;
- uiApp.onPageBack('edit-table-style-options', function (page) {
- $('.dataview.table-styles .row div').single('click', _.bind(me.onStyleClick, me));
- me.initSettings('#edit-table-style');
- });
- },
-
- setApi: function (api) {
- var me = this;
- me.api = api;
- },
-
- onLaunch: function () {
- this.createView('EditTable').render();
- },
-
- initEvents: function () {
- var me = this;
-
- $('#table-options-margins input').single('change touchend', _.buffered(me.onOptionMargin, 100, me));
- $('#table-options-margins input').single('input', _.bind(me.onOptionMarginChanging, me));
-
- me.initSettings();
- },
-
- onPageShow: function (view, pageId) {
- var me = this,
- paletteFillColor = me.getView('EditTable').paletteFillColor,
- paletteBorderColor = me.getView('EditTable').paletteBorderColor;
-
- $('#table-options-header-row input:checkbox').single('change', _.bind(me.onCheckTemplateChange, me, 0));
- $('#table-options-total-row input:checkbox').single('change', _.bind(me.onCheckTemplateChange, me, 1));
- $('#table-options-banded-row input:checkbox').single('change', _.bind(me.onCheckTemplateChange, me, 2));
- $('#table-options-first-column input:checkbox').single('change', _.bind(me.onCheckTemplateChange, me, 3));
- $('#table-options-last-column input:checkbox').single('change', _.bind(me.onCheckTemplateChange, me, 4));
- $('#table-options-banded-column input:checkbox').single('change', _.bind(me.onCheckTemplateChange, me, 5));
-
- $('#edit-table-bordertypes a').single('click', _.bind(me.onBorderTypeClick, me));
-
- $('.dataview.table-styles .row div').single('click', _.bind(me.onStyleClick, me));
- $('#edit-table-bordersize input').single('change touchend', _.buffered(me.onBorderSize, 100, me));
- $('#edit-table-bordersize input').single('input', _.bind(me.onBorderSizeChanging, me));
-
- paletteFillColor && paletteFillColor.on('select', _.bind(me.onFillColor, me));
- paletteBorderColor && paletteBorderColor.on('select', _.bind(me.onBorderColor, me));
-
- $('.table-reorder a').single('click', _.bind(me.onReorder, me));
- $('.table-align a').single('click', _.bind(me.onAlign, me));
-
- me.initSettings(pageId);
- },
-
- initSettings: function (pageId) {
- var me = this;
-
- _metricText = Common.Utils.Metric.getMetricName(Common.Utils.Metric.getCurrentMetric());
- if (_tableObject) {
- if (pageId == "#edit-table-style" || pageId == '#edit-table-border-color-view') {
- me._initStyleView();
- } else if (pageId == '#edit-table-style-options-view') {
- me._initStyleOptionsView();
- } else
- me._initTableOptionsView();
- }
- },
-
- _initStyleOptionsView: function() {
- $('#table-options-header-row input').prop('checked', _tableLook.get_FirstRow());
- $('#table-options-total-row input').prop('checked', _tableLook.get_LastRow());
- $('#table-options-banded-row input').prop('checked', _tableLook.get_BandHor());
- $('#table-options-first-column input').prop('checked', _tableLook.get_FirstCol());
- $('#table-options-last-column input').prop('checked', _tableLook.get_LastCol());
- $('#table-options-banded-column input').prop('checked', _tableLook.get_BandVer());
- },
-
- _initTableOptionsView: function() {
- var margins = _tableObject.get_CellMargins();
- if (margins) {
- var distance = Common.Utils.Metric.fnRecalcFromMM(margins.get_Left());
- $('#table-options-margins input').val(distance);
- $('#table-options-margins .item-after').text(distance + ' ' + _metricText);
- }
- },
-
- _initStyleView: function() {
- var me = this;
-
- /**
- * Style
- */
-
- var styleId = _tableObject.get_TableStyle();
- $('#edit-table-styles .table-styles div').removeClass('active');
- $('#edit-table-styles .table-styles div[data-type=' + styleId + ']').addClass('active');
-
- /**
- * Fill
- */
-
- var background = _tableObject.get_CellsBackground(),
- fillColor = 'transparent';
-
- if (background) {
- if (background.get_Value()==0) {
- var color = background.get_Color();
- if (color) {
- if (color.get_type() == Asc.c_oAscColor.COLOR_TYPE_SCHEME) {
- fillColor = {color: Common.Utils.ThemeColor.getHexColor(color.get_r(), color.get_g(), color.get_b()), effectValue: color.get_value()};
- } else {
- fillColor = Common.Utils.ThemeColor.getHexColor(color.get_r(), color.get_g(), color.get_b());
- }
- }
- }
- }
-
- var palette = me.getView('EditTable').paletteFillColor;
-
- if (palette) {
- palette.select(fillColor);
- }
-
- /**
- * Border
- */
-
- // if (_.isUndefined(_cellBorderColor) || _.isUndefined(_cellBorderWidth)) {
- // _cellBorders = _tableObject.get_CellBorders();
- //
- // _.some([
- // _cellBorders.get_Left(),
- // _cellBorders.get_Top(),
- // _cellBorders.get_Right(),
- // _cellBorders.get_Bottom(),
- // _cellBorders.get_InsideV(),
- // _cellBorders.get_InsideH()
- // ], function (border) {
- // if (border.get_Value() > 0) {
- // var borderColor = border.get_Color();
- //
- // if (borderColor.get_type() == Asc.c_oAscColor.COLOR_TYPE_SCHEME) {
- // borderColor = {
- // color: Common.Utils.ThemeColor.getHexColor(borderColor.get_r(), borderColor.get_g(), borderColor.get_b()),
- // effectValue: borderColor.get_value()
- // };
- // } else {
- // borderColor = Common.Utils.ThemeColor.getHexColor(borderColor.get_r(), borderColor.get_g(), borderColor.get_b());
- // }
- //
- // _cellBorderWidth = border.get_Size();
- // _cellBorderColor = borderColor;
- //
- // return true;
- // }
- // });
- // }
-
- $('#edit-table-bordersize input').val([borderSizeTransform.indexSizeByValue(_cellBorderWidth)]);
- $('#edit-table-bordersize .item-after').text(borderSizeTransform.sizeByValue(_cellBorderWidth) + ' ' + Common.Utils.Metric.getMetricName(Common.Utils.Metric.c_MetricUnits.pt));
-
- var borderPalette = me.getView('EditTable').paletteBorderColor;
-
- if (borderPalette) {
- borderPalette.select(_cellBorderColor);
- }
-
- $('#edit-table-bordercolor .color-preview').css('background-color', ('transparent' == _cellBorderColor) ? _cellBorderColor : ('#' + (_.isObject(_cellBorderColor) ? _cellBorderColor.color : _cellBorderColor)));
- },
-
- _updateBordersStyle: function(border) {
- _cellBorders = new Asc.CBorders();
- var updateBorders = _cellBorders;
-
- var visible = (border != '');
-
- if (border.indexOf('l') > -1 || !visible) {
- if (updateBorders.get_Left()===null || updateBorders.get_Left()===undefined)
- updateBorders.put_Left(new Asc.asc_CTextBorder());
- this._updateBorderStyle (updateBorders.get_Left(), visible);
- }
- if (border.indexOf('t') > -1 || !visible) {
- if (updateBorders.get_Top()===null || updateBorders.get_Top()===undefined)
- updateBorders.put_Top(new Asc.asc_CTextBorder());
- this._updateBorderStyle (updateBorders.get_Top(), visible);
- }
- if (border.indexOf('r') > -1 || !visible) {
- if (updateBorders.get_Right()===null || updateBorders.get_Right()===undefined)
- updateBorders.put_Right(new Asc.asc_CTextBorder());
- this._updateBorderStyle (updateBorders.get_Right(), visible);
- }
- if (border.indexOf('b') > -1 || !visible) {
- if (updateBorders.get_Bottom()===null || updateBorders.get_Bottom()===undefined)
- updateBorders.put_Bottom(new Asc.asc_CTextBorder());
- this._updateBorderStyle (updateBorders.get_Bottom(), visible);
- }
- if (border.indexOf('c') > -1 || !visible) {
- if (updateBorders.get_InsideV()===null || updateBorders.get_InsideV()===undefined)
- updateBorders.put_InsideV(new Asc.asc_CTextBorder());
- this._updateBorderStyle (updateBorders.get_InsideV(), visible);
- }
- if (border.indexOf('m') > -1 || !visible) {
- if (updateBorders.get_InsideH()===null || updateBorders.get_InsideH()===undefined)
- updateBorders.put_InsideH(new Asc.asc_CTextBorder());
- this._updateBorderStyle (updateBorders.get_InsideH(), visible);
- }
- },
-
- _updateBorderStyle: function(border, visible) {
- if (_.isNull(border)) {
- border = new Asc.asc_CTextBorder();
- }
-
- if (visible && _cellBorderWidth > 0){
- var size = parseFloat(_cellBorderWidth);
- border.put_Value(1);
- border.put_Size(size * 25.4 / 72.0);
- var color = Common.Utils.ThemeColor.getRgbColor(_cellBorderColor);
- border.put_Color(color);
- }
- else {
- border.put_Value(0);
- }
- },
-
- // Public
-
- getTable: function() {
- return _tableObject;
- },
-
- // Handlers
-
- onOptionMargin: function (e) {
- var me = this,
- $target = $(e.currentTarget),
- value = $target.val(),
- properties = new Asc.CTableProp(),
- margins = new Asc.CMargins();
-
- $('#table-options-margins .item-after').text(value + ' ' + _metricText);
-
- value = Common.Utils.Metric.fnRecalcToMM(value);
-
- margins.put_Top(value);
- margins.put_Right(value);
- margins.put_Bottom(value);
- margins.put_Left(value);
- margins.put_Flag(2);
-
- properties.put_CellMargins(margins);
-
- me.api.tblApply(properties);
- },
-
- onOptionMarginChanging: function (e) {
- var $target = $(e.currentTarget);
- $('#table-options-margins .item-after').text($target.val() + ' ' + _metricText);
- },
-
- onCheckTemplateChange: function(type, e) {
- if (this.api) {
- var properties = new Asc.CTableProp();
-
- switch (type) {
- case 0:
- _tableLook.put_FirstRow($('#table-options-header-row input').is(':checked'));
- break;
- case 1:
- _tableLook.put_LastRow($('#table-options-total-row input').is(':checked'));
- break;
- case 2:
- _tableLook.put_BandHor($('#table-options-banded-row input').is(':checked'));
- break;
- case 3:
- _tableLook.put_FirstCol($('#table-options-first-column input').is(':checked'));
- break;
- case 4:
- _tableLook.put_LastCol($('#table-options-last-column input').is(':checked'));
- break;
- case 5:
- _tableLook.put_BandVer($('#table-options-banded-column input').is(':checked'));
- break;
- }
-
- properties.put_TableLook(_tableLook);
- this.api.tblApply(properties);
- }
- },
-
- onBorderTypeClick: function (e) {
- var me = this,
- $target = $(e.currentTarget),
- type = $target.data('type');
-
- this._updateBordersStyle(type);
-
- if (me.api) {
- var properties = new Asc.CTableProp();
- _cellBorders = _.isUndefined(_cellBorders) ? new Asc.CBorders() : _cellBorders;
-
- properties.put_CellBorders(_cellBorders);
- properties.put_CellSelect(true);
-
- me.api.tblApply(properties);
- }
- },
-
- onFillColor: function(palette, color) {
- if (this.api) {
- var properties = new Asc.CTableProp(),
- background = new Asc.CBackground();
-
- properties.put_CellsBackground(background);
-
- if ('transparent' == color) {
- background.put_Value(1);
- } else {
- background.put_Value(0);
- background.put_Color(Common.Utils.ThemeColor.getRgbColor(color));
- }
-
- properties.put_CellSelect(true);
-
- this.api.tblApply(properties);
- }
- },
-
- onBorderColor: function (palette, color) {
- _cellBorderColor = color;
- $('#edit-table-bordercolor .color-preview').css('background-color', ('transparent' == color) ? color : ('#' + (_.isObject(color) ? color.color : color)));
- },
-
- onStyleClick: function (e) {
- var me = this,
- $target = $(e.currentTarget),
- type = $target.data('type'),
- properties = new Asc.CTableProp();
-
- $('#edit-table-styles .table-styles div').removeClass('active');
- $target.addClass('active');
-
- properties.put_TableStyle(type);
- me.api.tblApply(properties);
- },
-
- onBorderSize: function (e) {
- var $target = $(e.currentTarget),
- value = $target.val();
-
- _cellBorderWidth = borderSizeTransform.sizeByIndex(parseInt(value));
- },
-
- onBorderSizeChanging: function (e) {
- var $target = $(e.currentTarget);
- $('#edit-table-bordersize .item-after').text(borderSizeTransform.sizeByIndex($target.val()) + ' ' + Common.Utils.Metric.getMetricName(Common.Utils.Metric.c_MetricUnits.pt));
- },
-
- onReorder: function (e) {
- var $target = $(e.currentTarget),
- type = $target.data('type');
-
- if ('all-up' == type) {
- this.api.shapes_bringToFront();
- } else if ('all-down' == type) {
- this.api.shapes_bringToBack();
- } else if ('move-up' == type) {
- this.api.shapes_bringForward();
- } else if ('move-down' == type) {
- this.api.shapes_bringBackward();
- }
- },
-
- onAlign: function (e) {
- var $target = $(e.currentTarget),
- type = $target.data('type');
-
- if ('align-left' == type) {
- this.api.put_ShapesAlign(Asc.c_oAscAlignShapeType.ALIGN_LEFT);
- } else if ('align-center' == type) {
- this.api.put_ShapesAlign(Asc.c_oAscAlignShapeType.ALIGN_CENTER);
- } else if ('align-right' == type) {
- this.api.put_ShapesAlign(Asc.c_oAscAlignShapeType.ALIGN_RIGHT);
- } else if ('align-top' == type) {
- this.api.put_ShapesAlign(Asc.c_oAscAlignShapeType.ALIGN_TOP);
- } else if ('align-middle' == type) {
- this.api.put_ShapesAlign(Asc.c_oAscAlignShapeType.ALIGN_MIDDLE);
- }else if ('align-bottom' == type) {
- this.api.put_ShapesAlign(Asc.c_oAscAlignShapeType.ALIGN_BOTTOM);
- }else if ('distrib-hor' == type) {
- this.api.DistributeHorizontally();
- }else if ('distrib-vert' == type) {
- this.api.DistributeVertically();
- }
- },
-
- // API handlers
-
- onApiFocusObject: function (objects) {
- _stack = objects;
-
- var tables = [];
-
- _.each(_stack, function(object) {
- if (object.get_ObjectType() == Asc.c_oAscTypeSelectElement.Table) {
- tables.push(object);
- }
- });
-
- if (tables.length > 0) {
- var object = tables[tables.length - 1]; // get top table
-
- _tableObject = object.get_ObjectValue();
- _tableLook = _tableObject.get_TableLook();
- } else {
- _tableObject = undefined;
- }
- },
-
- // Helpers
-
- _closeIfNeed: function () {
- if (!this._isTableInStack()) {
- PE.getController('EditContainer').hideModal();
- }
- },
-
- _isTableInStack: function () {
- var tableExist = false;
-
- _.some(_stack, function(object) {
- if (object.get_ObjectType() == Asc.c_oAscTypeSelectElement.Table) {
- tableExist = true;
- return true;
- }
- });
-
- return tableExist;
- }
- }
- })(), PE.Controllers.EditTable || {}))
-});
\ No newline at end of file
diff --git a/apps/presentationeditor/mobile/app/controller/edit/EditText.js b/apps/presentationeditor/mobile/app/controller/edit/EditText.js
deleted file mode 100644
index 5b493dcfc..000000000
--- a/apps/presentationeditor/mobile/app/controller/edit/EditText.js
+++ /dev/null
@@ -1,595 +0,0 @@
-/*
- *
- * (c) Copyright Ascensio System SIA 2010-2019
- *
- * This program is a free software product. You can redistribute it and/or
- * modify it under the terms of the GNU Affero General Public License (AGPL)
- * version 3 as published by the Free Software Foundation. In accordance with
- * Section 7(a) of the GNU AGPL its Section 15 shall be amended to the effect
- * that Ascensio System SIA expressly excludes the warranty of non-infringement
- * of any third-party rights.
- *
- * This program is distributed WITHOUT ANY WARRANTY; without even the implied
- * warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. For
- * details, see the GNU AGPL at: http://www.gnu.org/licenses/agpl-3.0.html
- *
- * You can contact Ascensio System SIA at 20A-12 Ernesta Birznieka-Upisha
- * street, Riga, Latvia, EU, LV-1050.
- *
- * The interactive user interfaces in modified source and object code versions
- * of the Program must display Appropriate Legal Notices, as required under
- * Section 5 of the GNU AGPL version 3.
- *
- * Pursuant to Section 7(b) of the License you must retain the original Product
- * logo when distributing the program. Pursuant to Section 7(e) we decline to
- * grant you any rights under trademark law for use of our trademarks.
- *
- * All the Product's GUI elements, including illustrations and icon sets, as
- * well as technical writing content are licensed under the terms of the
- * Creative Commons Attribution-ShareAlike 4.0 International. See the License
- * terms at http://creativecommons.org/licenses/by-sa/4.0/legalcode
- *
- */
-
-/**
- * EditText.js
- * Presentation Editor
- *
- * Created by Alexander Yuzhin on 10/4/16
- * Copyright (c) 2018 Ascensio System SIA. All rights reserved.
- *
- */
-
-define([
- 'core',
- 'presentationeditor/mobile/app/view/edit/EditText',
- 'jquery',
- 'underscore',
- 'backbone',
- 'common/mobile/lib/component/ThemeColorPalette'
-], function (core, view, $, _, Backbone) {
- 'use strict';
-
- PE.Controllers.EditText = Backbone.Controller.extend(_.extend((function() {
- var _stack = [],
- _paragraphObject = undefined,
- _fontInfo = {},
- _paragraphInfo = {},
- metricText = Common.Utils.Metric.getCurrentMetricName();
-
- return {
- models: [],
- collections: [],
- views: [
- 'EditText'
- ],
-
- initialize: function () {
- Common.NotificationCenter.on('editcontainer:show', _.bind(this.initEvents, this));
- Common.NotificationCenter.on('editcategory:show', _.bind(this.categoryShow, this));
-
- this.addListeners({
- 'EditText': {
- 'page:show' : this.onPageShow,
- 'font:click': this.onFontClick
- }
- });
- this._fontsArray = [];
- },
-
- setApi: function (api) {
- var me = this;
- me.api = api;
- },
-
- onLaunch: function () {
- this.createView('EditText').render();
- },
-
- initEvents: function () {
- var me = this;
- $('#font-bold').single('click', _.bind(me.onBold, me));
- $('#font-italic').single('click', _.bind(me.onItalic, me));
- $('#font-underline').single('click', _.bind(me.onUnderline, me));
- $('#font-strikethrough').single('click', _.bind(me.onStrikethrough, me));
-
- $('#paragraph-align .button').single('click', _.bind(me.onParagraphAlign, me));
- $('#paragraph-valign .button').single('click', _.bind(me.onParagraphVAlign, me));
- $('#font-moveleft, #font-moveright').single('click', _.bind(me.onParagraphMove, me));
-
- $('#paragraph-distance-before .button').single('click', _.bind(me.onDistanceBefore, me));
- $('#paragraph-distance-after .button').single('click', _.bind(me.onDistanceAfter, me));
-
- // me.initSettings();
- },
-
- categoryShow: function (e) {
- var $target = $(e.currentTarget);
-
- if ($target && $target.prop('id') === 'edit-text') {
- this.initSettings();
- }
- },
-
- onPageShow: function (view, pageId) {
- var me = this,
- paletteTextColor = me.getView('EditText').paletteTextColor;
-
- $('#text-additional li').single('click', _.buffered(me.onAdditional, 100, me));
- $('#page-text-linespacing li').single('click', _.buffered(me.onLineSpacing, 100, me));
- $('#font-size .button').single('click', _.bind(me.onFontSize, me));
- $('#letter-spacing .button').single('click', _.bind(me.onLetterSpacing, me));
-
- $('.dataview.bullets li').single('click', _.buffered(me.onBullet, 100, me));
- $('.dataview.numbers li').single('click', _.buffered(me.onNumber, 100, me));
-
- paletteTextColor && paletteTextColor.on('select', _.bind(me.onTextColor, me));
-
- me.initSettings(pageId);
- },
-
- initSettings: function (pageId) {
- var me = this;
-
- metricText = Common.Utils.Metric.getMetricName(Common.Utils.Metric.getCurrentMetric());
-
- me.api && me.api.UpdateInterfaceState(); // TODO: refactor me
-
- if (_paragraphObject) {
- if (pageId == '#edit-text-additional') {
- var $inputStrikethrough = $('#text-additional input[name=text-strikethrough]');
- var $inputTextCaps = $('#text-additional input[name=text-caps]');
-
- _paragraphObject.get_Strikeout() && $inputStrikethrough.val(['strikethrough']).prop('prevValue', 'strikethrough');
- _paragraphObject.get_DStrikeout() && $inputStrikethrough.val(['double-strikethrough']).prop('prevValue', 'double-strikethrough');
-
- _paragraphObject.get_SmallCaps() && $inputTextCaps.val(['small']).prop('prevValue', 'small');
- _paragraphObject.get_AllCaps() && $inputTextCaps.val(['all']).prop('prevValue', 'all');
-
- _fontInfo.letterSpacing = Common.Utils.Metric.fnRecalcFromMM(_paragraphObject.get_TextSpacing());
- $('#letter-spacing .item-after label').text(_fontInfo.letterSpacing + ' ' + Common.Utils.Metric.getCurrentMetricName());
- }
-
- _paragraphInfo.spaceBefore = _paragraphObject.get_Spacing().get_Before() < 0 ? _paragraphObject.get_Spacing().get_Before() : Common.Utils.Metric.fnRecalcFromMM(_paragraphObject.get_Spacing().get_Before());
- _paragraphInfo.spaceAfter = _paragraphObject.get_Spacing().get_After() < 0 ? _paragraphObject.get_Spacing().get_After() : Common.Utils.Metric.fnRecalcFromMM(_paragraphObject.get_Spacing().get_After());
- $('#paragraph-distance-before .item-after label').text(_paragraphInfo.spaceBefore < 0 ? 'Auto' : _paragraphInfo.spaceBefore + ' ' + metricText);
- $('#paragraph-distance-after .item-after label').text(_paragraphInfo.spaceAfter < 0 ? 'Auto' : _paragraphInfo.spaceAfter + ' ' + metricText);
- }
- },
-
- // Public
-
- getFonts: function() {
- return this._fontsArray;
- },
-
- getStack: function() {
- return _stack;
- },
-
- getFontInfo: function () {
- return _fontInfo;
- },
-
- getParagraph: function () {
- return _paragraphObject;
- },
-
- // Handlers
-
- onBold: function (e) {
- var pressed = this._toggleButton(e);
-
- if (this.api) {
- this.api.put_TextPrBold(pressed);
- }
- },
-
- onItalic: function (e) {
- var pressed = this._toggleButton(e);
-
- if (this.api) {
- this.api.put_TextPrItalic(pressed);
- }
- },
-
- onUnderline: function (e) {
- var pressed = this._toggleButton(e);
-
- if (this.api) {
- this.api.put_TextPrUnderline(pressed);
- }
- },
-
- onStrikethrough: function (e) {
- var pressed = this._toggleButton(e);
-
- if (this.api) {
- this.api.put_TextPrStrikeout(pressed);
- }
- },
-
- onAdditionalStrikethrough : function ($target) {
- var value = $target.prop('value'),
- checked = $target.prop('checked'),
- paragraphProps = new Asc.asc_CParagraphProperty();
-
- if ('strikethrough' == value) {
- paragraphProps.put_DStrikeout(false);
- paragraphProps.put_Strikeout(checked);
- } else {
- paragraphProps.put_DStrikeout(checked);
- paragraphProps.put_Strikeout(false);
- }
- this.api.paraApply(paragraphProps);
- },
-
- onAdditionalScript : function ($target) {
- var value = $target.prop('value'),
- checked = $target.prop('checked');
-
- if ('superscript' == value) {
- this.api.put_TextPrBaseline(checked ? 1 : 0);
- } else {
- this.api.put_TextPrBaseline(checked ? 2 : 0);
- }
- },
-
- onAdditionalCaps : function ($target) {
- var value = $target.prop('value'),
- checked = $target.prop('checked'),
- paragraphProps = new Asc.asc_CParagraphProperty();
-
- if ('small' == value) {
- paragraphProps.put_AllCaps(false);
- paragraphProps.put_SmallCaps(checked);
- } else {
- paragraphProps.put_AllCaps(checked);
- paragraphProps.put_SmallCaps(false);
- }
-
- this.api.paraApply(paragraphProps);
- },
-
- onAdditional: function(e) {
- var me = this,
- $target = $(e.currentTarget).find('input'),
- prevValue = $target.prop('prevValue');
-
- if (prevValue == $target.prop('value')) {
- $target.prop('checked', false);
- prevValue = null;
- } else {
- $target.prop('checked', true);
- prevValue = $target.prop('value');
- }
-
- $('#page-text-additional input[name="'+ $target.prop('name') +'"]').prop('prevValue', prevValue);
-
- var radioName = $target.prop('name');
- if ('text-strikethrough' == radioName) {
- me.onAdditionalStrikethrough($target);
- } else if ('text-script' == radioName) {
- me.onAdditionalScript($target);
- } else if ('text-caps' == radioName){
- me.onAdditionalCaps($target);
- }
- },
-
- onFontClick: function (view, e) {
- var $item = $(e.currentTarget).find('input');
-
- if ($item) {
- this.api.put_TextPrFontName($item.prop('value'));
- }
- },
-
- onFontSize: function (e) {
- var $button = $(e.currentTarget),
- fontSize = _fontInfo.size;
-
- if ($button.hasClass('decrement')) {
- _.isUndefined(fontSize) ? this.api.FontSizeOut() : fontSize = Math.max(1, --fontSize);
- } else {
- _.isUndefined(fontSize) ? this.api.FontSizeIn() : fontSize = Math.min(100, ++fontSize);
- }
-
- if (! _.isUndefined(fontSize)) {
- this.api.put_TextPrFontSize(fontSize);
- }
- },
-
- onLetterSpacing: function (e) {
- var $button = $(e.currentTarget),
- spacing = _fontInfo.letterSpacing;
-
- if ($button.hasClass('decrement')) {
- spacing = Math.max(-100, --spacing);
- } else {
- spacing = Math.min(100, ++spacing);
- }
- _fontInfo.letterSpacing = spacing;
-
- $('#letter-spacing .item-after label').text(spacing + ' ' + Common.Utils.Metric.getCurrentMetricName());
-
- var properties = new Asc.asc_CParagraphProperty();
- properties.put_TextSpacing(Common.Utils.Metric.fnRecalcToMM(spacing));
-
- this.api.paraApply(properties);
- },
-
- onTextColor: function (palette, color) {
- // $('.btn-color-value-line', this.toolbar.btnFontColor.cmpEl).css('background-color', '#' + clr);
-
- if (this.api) {
- this.api.put_TextColor(Common.Utils.ThemeColor.getRgbColor(color));
- }
- },
-
- onParagraphAlign: function (e) {
- var $target = $(e.currentTarget);
-
- if ($target) {
- var id = $target.attr('id'),
- type = 1;
-
- if ('font-just' == id) {
- type = 3;
- } else if ('font-right' == id) {
- type = 0;
- } else if ('font-center' == id) {
- type = 2;
- }
-
- $('#paragraph-align .button').removeClass('active');
- $target.addClass('active');
-
- this.api.put_PrAlign(type);
- }
- },
-
- onParagraphVAlign: function (e) {
- var $target = $(e.currentTarget);
-
- if ($target) {
- var id = $target.attr('id'),
- type = Asc.c_oAscVAlign.Bottom;
-
- if ('font-top' == id) {
- type = Asc.c_oAscVAlign.Top;
- } else if ('font-middle' == id) {
- type = Asc.c_oAscVAlign.Center;
- }
-
- $('#paragraph-align .button').removeClass('active');
- $target.addClass('active');
-
- this.api.setVerticalAlign(type);
- }
- },
-
- onParagraphMove: function (e) {
- var $target = $(e.currentTarget);
-
- if ($target && this.api) {
- var id = $target.attr('id');
-
- if ('font-moveleft' == id) {
- this.api.DecreaseIndent();
- } else {
- this.api.IncreaseIndent();
- }
- }
- },
-
- onLineSpacing: function (e) {
- var $target = $(e.currentTarget).find('input');
-
- if ($target && this.api) {
- var value = parseFloat($target.prop('value')),
- LINERULE_AUTO = 1;
-
- this.api.put_PrLineSpacing(LINERULE_AUTO, value);
- }
- },
-
- onBullet: function (e) {
- var $bullet = $(e.currentTarget),
- type = $bullet.data('type');
-
- $('.dataview.bullets li').removeClass('active');
- $bullet.addClass('active');
-
- this.api.put_ListType(0, parseInt(type));
- },
-
- onNumber: function (e) {
- var $number = $(e.currentTarget),
- type = $number.data('type');
-
- $('.dataview.numbers li').removeClass('active');
- $number.addClass('active');
-
- this.api.put_ListType(1, parseInt(type));
- },
-
- onDistanceBefore: function (e) {
- var $button = $(e.currentTarget),
- distance = _paragraphInfo.spaceBefore;
-
- if ($button.hasClass('decrement')) {
- distance = Math.max(-1, --distance);
- } else {
- distance = Math.min(100, ++distance);
- }
-
- _paragraphInfo.spaceBefore = distance;
-
- $('#paragraph-distance-before .item-after label').text(_paragraphInfo.spaceBefore < 0 ? 'Auto' : (_paragraphInfo.spaceBefore) + ' ' + metricText);
-
- this.api.put_LineSpacingBeforeAfter(0, (_paragraphInfo.spaceBefore < 0) ? -1 : Common.Utils.Metric.fnRecalcToMM(_paragraphInfo.spaceBefore));
- },
-
- onDistanceAfter: function (e) {
- var $button = $(e.currentTarget),
- distance = _paragraphInfo.spaceAfter;
-
- if ($button.hasClass('decrement')) {
- distance = Math.max(-1, --distance);
- } else {
- distance = Math.min(100, ++distance);
- }
-
- _paragraphInfo.spaceAfter = distance;
-
- $('#paragraph-distance-after .item-after label').text(_paragraphInfo.spaceAfter < 0 ? 'Auto' : (_paragraphInfo.spaceAfter) + ' ' + metricText);
-
- this.api.put_LineSpacingBeforeAfter(1, (_paragraphInfo.spaceAfter < 0) ? -1 : Common.Utils.Metric.fnRecalcToMM(_paragraphInfo.spaceAfter));
- },
-
- // API handlers
-
- onApiFocusObject: function (objects) {
- _stack = objects;
-
- var paragraphs = [];
-
- _.each(_stack, function(object) {
- if (object.get_ObjectType() == Asc.c_oAscTypeSelectElement.Paragraph) {
- paragraphs.push(object);
- }
- });
-
- if (paragraphs.length > 0) {
- var object = paragraphs[paragraphs.length - 1]; // get top
- _paragraphObject = object.get_ObjectValue();
- } else {
- _paragraphObject = undefined;
- }
- $('#edit-text div.edit-paragraph')[(paragraphs.length > 0) ? 'show' : 'hide']();
- },
-
- onApiChangeFont: function(font) {
- var name = (_.isFunction(font.get_Name) ? font.get_Name() : font.asc_getName()) || this.textFonts;
- _fontInfo.name = name;
-
- $('#font-fonts .item-title').html(name);
- },
-
- onApiFontSize: function(size) {
- _fontInfo.size = size;
- var displaySize = _fontInfo.size;
-
- _.isUndefined(displaySize) ? displaySize = this.textAuto : displaySize = displaySize + ' ' + this.textPt;
-
- $('#font-fonts .item-after span:first-child').html(displaySize);
- $('#font-size .item-after label').html(displaySize);
- },
-
- onApiBold: function(on) {
- $('#font-bold').toggleClass('active', on);
- },
-
- onApiItalic: function(on) {
- $('#font-italic').toggleClass('active', on);
- },
-
- onApiUnderline: function(on) {
- $('#font-underline').toggleClass('active', on);
- },
-
- onApiStrikeout: function(on) {
- $('#font-strikethrough').toggleClass('active', on);
- },
-
- onApiVerticalAlign: function(typeBaseline) {
- var value;
-
- typeBaseline==1 && (value = 'superscript');
- typeBaseline==2 && (value = 'subscript');
-
- if (!_.isUndefined(value)) {
- $('#text-additional input[name=text-script]').val([value]).prop('prevValue', value);
- }
- },
-
- onApiTextColor: function (color) {
- var me = this;
-
- if (color.get_auto()) {
- // on auto
- } else {
- var palette = me.getView('EditText').paletteTextColor,
- clr;
-
- if (color) {
- if (color.get_type() == Asc.c_oAscColor.COLOR_TYPE_SCHEME) {
- clr = {
- color: Common.Utils.ThemeColor.getHexColor(color.get_r(), color.get_g(), color.get_b()),
- effectValue: color.get_value()
- }
- } else {
- clr = Common.Utils.ThemeColor.getHexColor(color.get_r(), color.get_g(), color.get_b());
- }
-
- $('#font-color .color-preview').css('background-color', '#' + (_.isObject(clr) ? clr.color : clr));
- }
-
- if (palette) {
- palette.select(clr);
- }
- }
- },
-
- onApiBullets: function(data) {
- var type = data.get_ListType(),
- subtype = data.get_ListSubType();
-
- switch (type) {
- case 0:
- $('.dataview.bullets li[data-type=' + subtype + ']').addClass('active');
- break;
- case 1:
- $('.dataview.numbers li[data-type=' + subtype + ']').addClass('active');
- break;
- }
- },
-
- onApiParagraphAlign: function(align) {
- $('#font-right').toggleClass('active', align===0);
- $('#font-left').toggleClass('active', align===1);
- $('#font-center').toggleClass('active', align===2);
- $('#font-just').toggleClass('active', align===3);
- },
-
- onApiVerticalTextAlign: function(align) {
- $('#font-top').toggleClass('active', align===Asc.c_oAscVAlign.Top);
- $('#font-middle').toggleClass('active', align===Asc.c_oAscVAlign.Center);
- $('#font-bottom').toggleClass('active', align===Asc.c_oAscVAlign.Bottom);
- },
-
- onApiLineSpacing: function(vc) {
- var line = (vc.get_Line() === null || vc.get_LineRule() === null || vc.get_LineRule() != 1) ? -1 : vc.get_Line();
-
- $('#page-text-linespacing input').val([line]);
- },
-
- onApiCanIncreaseIndent: function(value) {
- $('#font-moveright').toggleClass('disabled', !value);
- },
-
- onApiCanDecreaseIndent: function(value) {
- $('#font-moveleft').toggleClass('disabled', !value);
- },
-
- // Helpers
- _toggleButton: function (e) {
- return $(e.currentTarget).toggleClass('active').hasClass('active');
- },
-
- textFonts: 'Fonts',
- textAuto: 'Auto',
- textPt: 'pt'
- }
- })(), PE.Controllers.EditText || {}))
-});
\ No newline at end of file
diff --git a/apps/presentationeditor/mobile/app/template/AddImage.template b/apps/presentationeditor/mobile/app/template/AddImage.template
deleted file mode 100644
index f5bbcb0c8..000000000
--- a/apps/presentationeditor/mobile/app/template/AddImage.template
+++ /dev/null
@@ -1,71 +0,0 @@
-
-' +
- '' +
- '
' +
- '
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/apps/presentationeditor/mobile/app/template/AddOther.template b/apps/presentationeditor/mobile/app/template/AddOther.template
deleted file mode 100644
index 0b85b96ab..000000000
--- a/apps/presentationeditor/mobile/app/template/AddOther.template
+++ /dev/null
@@ -1,260 +0,0 @@
-
-
-
-
- <% if (!android) { %>
- <%= scope.textAddress %>
<% } %>
-
-
- -
-
-
- --- <% if (android) { %>-<%= scope.textAddress %><% } %> -- --
-
- <% if (android) { %>
- <%= scope.textInsertImage %>
- <% } else { %>
-
- -
-
- - <%= scope.textInsertImage %> - -
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- -
-
-
-
-
-
-
-
-
-
-
-
-
- -
-
-
- ----<%= scope.textLinkType %>-<%= scope.textExternalLink %>-
-
-
- ----<%= scope.textLink %>-- --
-
-
- ----<%= scope.textLinkSlide %>-<%= scope.textNext %>-
-
-
- ----<%= scope.textDisplay %>-- --
-
-
- ----<%= scope.textTip %>-- --
-
- <% if (android) { %>
- <%= scope.textInsert %>
- <% } else { %>
-
- -
-
- - <%= scope.textInsert %> - -
-
-
-
-
-
-
-
-
-
-
- -
-
- - - -
- - - -
-
-
\ No newline at end of file
diff --git a/apps/presentationeditor/mobile/app/template/AddShape.template b/apps/presentationeditor/mobile/app/template/AddShape.template
deleted file mode 100644
index 252e4163d..000000000
--- a/apps/presentationeditor/mobile/app/template/AddShape.template
+++ /dev/null
@@ -1,14 +0,0 @@
-
-
-
-
-
-
-
- -
-
- - - -
- - - -
- - - -
- - - -
- - - -
-
\ No newline at end of file
diff --git a/apps/presentationeditor/mobile/app/template/AddSlide.template b/apps/presentationeditor/mobile/app/template/AddSlide.template
deleted file mode 100644
index b291aa05b..000000000
--- a/apps/presentationeditor/mobile/app/template/AddSlide.template
+++ /dev/null
@@ -1,5 +0,0 @@
-
-
- <% _.each(shapes, function(row) { %>
-
--
- <% _.each(row, function(shape) { %>
-
- - - - <% }); %> -
-
-
\ No newline at end of file
diff --git a/apps/presentationeditor/mobile/app/template/EditChart.template b/apps/presentationeditor/mobile/app/template/EditChart.template
deleted file mode 100644
index 64e193d10..000000000
--- a/apps/presentationeditor/mobile/app/template/EditChart.template
+++ /dev/null
@@ -1,318 +0,0 @@
-
-
-
-
-
-
-
-
-
- <% if (!android) { %>
-
--
-
- - <%= scope.textRemoveChart %> - -
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- <% _.each(types, function(row) { %>
-
- -
- <% _.each(row, function(type) { %>
-
- - - - <% }); %> -
-
-
-
-
-
-
-
-
-
- -
-
-
- <%= scope.textSize %>------ --0 pt-
-
-
-
- -- ---<%= scope.textColor %>--
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
diff --git a/apps/presentationeditor/mobile/app/template/EditImage.template b/apps/presentationeditor/mobile/app/template/EditImage.template
deleted file mode 100644
index facdaf17b..000000000
--- a/apps/presentationeditor/mobile/app/template/EditImage.template
+++ /dev/null
@@ -1,296 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
--
-
- - <% if (android) { %> - <%= scope.textDefault %> - <% } else { %> - <%= scope.textDefault %> - <% } %> - -
- - <% if (android) { %> - <%= scope.textRemove %> - <% } else { %> - <%= scope.textRemove %> - <% } %> - -
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- <%= scope.textAddress %>
-
-
-
- -
-
-
- ----- --
-
-
-
diff --git a/apps/presentationeditor/mobile/app/template/EditLink.template b/apps/presentationeditor/mobile/app/template/EditLink.template
deleted file mode 100644
index 55a566493..000000000
--- a/apps/presentationeditor/mobile/app/template/EditLink.template
+++ /dev/null
@@ -1,175 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- -
-
-
- ----<%= scope.textLinkType %>-<%= scope.textExternalLink %>-
-
-
- ----<%= scope.textLink %>-- --
-
-
- ----<%= scope.textLinkSlide %>-<%= scope.textNext %>-
-
-
- ----<%= scope.textDisplay %>-- --
-
-
- ----<%= scope.textTip %>-- --
-
- <% if (android) { %>
- <%= scope.textEdit %>
- <%= scope.textRemove %>
- <% } else { %>
-
--
-
- - <%= scope.textEdit %> - -
- - <%= scope.textRemove %> - -
-
-
-
-
-
-
-
-
-
-
- -
-
- - - -
- - - -
-
-
\ No newline at end of file
diff --git a/apps/presentationeditor/mobile/app/template/EditShape.template b/apps/presentationeditor/mobile/app/template/EditShape.template
deleted file mode 100644
index 1c330e770..000000000
--- a/apps/presentationeditor/mobile/app/template/EditShape.template
+++ /dev/null
@@ -1,395 +0,0 @@
-
-
-
-
-
-
-
- -
-
- - - -
- - - -
- - - -
- - - -
- - - -
-
-
-
-
-
-
-
-
--
-
- - <% if (android) { %> - <%= scope.textRemoveShape %> - <% } else { %> - <%= scope.textRemoveShape %> - <% } %> - -
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- <% _.each(shapes, function(row) { %>
-
- -
- <% _.each(row, function(shape) { %>
-
- - - - <% }); %> -
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- -
-
-
- <%= scope.textSize %>------ --0 pt-
-
-
-
- -- ---<%= scope.textColor %>--
-
-
-
-
- -
-
-
- <%= scope.textOpacity %>------ --0 %-
-
-
-
-
-
-
-
-
-
-
-
- -
-
-
- <%= scope.textSize %>------ --0 pt-
-
-
-
- -- ---<%= scope.textColor %>--
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
diff --git a/apps/presentationeditor/mobile/app/template/EditSlide.template b/apps/presentationeditor/mobile/app/template/EditSlide.template
deleted file mode 100644
index 88d2f351a..000000000
--- a/apps/presentationeditor/mobile/app/template/EditSlide.template
+++ /dev/null
@@ -1,339 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
--
-
- - <% if (android) { %> - <%= scope.textDuplicateSlide %> - <% } else { %> - <%= scope.textDuplicateSlide %> - <% } %> - -
- - <% if (android) { %> - <%= scope.textRemoveSlide %> - <% } else { %> - <%= scope.textRemoveSlide %> - <% } %> - -
-
-
-
-
-
-
-
-
-
- -
-
-
- ----<%= scope.textEffect %>-<%= scope.textNone %>-
-
-
- ----<%= scope.textType %>- -
-
-
- ----<%= scope.textDuration %>-- <% if (!android) { %><% } %> - --
-
-
- -
-
-
- ----<%= scope.textStartOnClick %>-- --
-
-
- ----<%= scope.textDelay %>-- ------- -- -
-
-
- -
-
- - <% if (android) { %> - <%= scope.textApplyAll %> - <% } else { %> - <%= scope.textApplyAll %> - <% } %> - -
-
-
-
-
-
-
-
-
-
-
- -
-
- - - -
- - - -
- - - -
- - - -
- - - -
- - - -
- - - -
- - - -
- - - -
-
-
-
-
-
-
-
-
-
- -
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/apps/presentationeditor/mobile/app/template/EditTable.template b/apps/presentationeditor/mobile/app/template/EditTable.template
deleted file mode 100644
index 2846e673f..000000000
--- a/apps/presentationeditor/mobile/app/template/EditTable.template
+++ /dev/null
@@ -1,489 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
-
- -
-
- - - -
- - - -
- - <% if (!android) { %> - <%= scope.textRemoveTable %> - <% } %> - -
-
-
- <%= scope.textCellMargins %>
-
-
--
-
-
- ----- --0 pt-
-
-
-
-
-
-
-
-
-
-
-
-
-
- -
-
-
- - --
-
-
-
-
-
-
-
-
-
-
- -
-
-
- <%= scope.textSize %>------ --0 pt-
-
-
-
- -- ---<%= scope.textColor %>--
-
- - - -
-
-
-
-
-
-
-
-
-
-
- -
-
-
- ----<%= scope.textHeaderRow %>-- --
-
-
- ----<%= scope.textTotalRow %>-- --
-
-
- ----<%= scope.textBandedRow %>-- --
-
-
- -
-
-
- ----<%= scope.textFirstColumn %>-- --
-
-
- ----<%= scope.textLastColumn %>-- --
-
-
- ----<%= scope.textBandedColumn %>-- --
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/apps/presentationeditor/mobile/app/template/EditText.template b/apps/presentationeditor/mobile/app/template/EditText.template
deleted file mode 100644
index adaa89127..000000000
--- a/apps/presentationeditor/mobile/app/template/EditText.template
+++ /dev/null
@@ -1,425 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- <%= scope.textFromText %>
-
-
--
-
-
- ----<%= scope.textBefore %>-- <% if (!android) { %><% } %> - --
-
-
- ----<%= scope.textAfter %>-- <% if (!android) { %><% } %> - --
-
-
-
-
-
-
-
-
-
-
-
- -
-
-
- ----<%= scope.textSize %>-- <% if (!android) { %><% } %> - --
-
<%= scope.textFonts %>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- -
-
-
-
-
-
-
-
-
-
-
- -
-
- - - -
- - - -
- - - -
- - - -
- - - -
- - - -
-
- -
-
-
- ----<%= scope.textLetterSpacing %>-- <% if (!android) { %><% } %> - --
-
-
-
-
-
-
-
-
-
-
-
- -
-
- - - -
- - - -
- - - -
- - - -
- - - -
- - - -
-
-
-
-
-
-
-
- <% _.each(bullets, function(row) { %>
-
- -
- <% _.each(row, function(bullet) { %>
-
- - <% if (bullet.thumb.length < 1) { %> - - <% } else { %> - - <% } %> - - <% }); %> -
-
-
-
-
-
-
-
- <% _.each(numbers, function(row) { %>
-
- -
- <% _.each(row, function(number) { %>
-
- - <% if (number.thumb.length < 1) { %> - - <% } else { %> - - <% } %> - - <% }); %> -
-
-
\ No newline at end of file
diff --git a/apps/presentationeditor/mobile/app/template/Editor.template b/apps/presentationeditor/mobile/app/template/Editor.template
deleted file mode 100644
index e95b59b74..000000000
--- a/apps/presentationeditor/mobile/app/template/Editor.template
+++ /dev/null
@@ -1,10 +0,0 @@
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/apps/presentationeditor/mobile/app/template/Search.template b/apps/presentationeditor/mobile/app/template/Search.template
deleted file mode 100644
index 2b4076cd7..000000000
--- a/apps/presentationeditor/mobile/app/template/Search.template
+++ /dev/null
@@ -1,94 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/apps/presentationeditor/mobile/app/template/Settings.template b/apps/presentationeditor/mobile/app/template/Settings.template
deleted file mode 100644
index 20012e9a2..000000000
--- a/apps/presentationeditor/mobile/app/template/Settings.template
+++ /dev/null
@@ -1,610 +0,0 @@
-
-
-
-
- <% if (isEdit) { %>
-
-
-
- <% } %>
- -
-
- - - -
- - - -
-
- -
-
-
- ----<%= scope.textCase %>-- --
-
-
-
-
-
-
-
-
-
-
-
-
-
- -
- <% if (phone) { %>
-
-
-
- -- -- ----<%= scope.textFind %>-
- <% } %>
- <% if(width < 390) {%>
-
- - - - <% } %> -
-
-
- -- -- ----<%= scope.textPresentSettings %>-
-
-
-
- -- -- ----<%= scope.textApplicationSettings %>-
-
-
-
- -- -- ----<%= scope.textDownload %>-
-
-
-
- -- -- ----<%= scope.textPrint %>-
-
-
-
- -- -- ----<%= scope.textPresentInfo %>-
-
-
-
- -- -- ----<%= scope.textHelp %>-
-
-
-
- -- -- ----<%= scope.textAbout %>-
-
-
-
-
-
-
-
-
-
-
-
- <%= scope.textPresentTitle %>
-
-
- -
-
-
- --<%= scope.textLoading %>-
-
<%= scope.textOwner %>
-
-
- -
-
-
- --<%= scope.textLoading %>-
-
<%= scope.textLocation %>
-
-
- -
-
-
- --<%= scope.textLoading %>-
-
<%= scope.textUploaded %>
-
-
- -
-
-
- --<%= scope.textLoading %>-
-
<%= scope.textTitle %>
-
-
- -
-
-
- --<%= scope.textLoading %>-
-
<%= scope.textSubject %>
-
-
- -
-
-
- --<%= scope.textLoading %>-
-
<%= scope.textComment %>
-
-
- -
-
-
- --<%= scope.textLoading %>-
-
<%= scope.textLastModified %>
-
-
- -
-
-
- --<%= scope.textLoading %>-
-
<%= scope.textLastModifiedBy %>
-
-
- -
-
-
- --<%= scope.textLoading %>-
-
<%= scope.textCreated %>
-
-
- -
-
-
- --<%= scope.textLoading %>-
-
<%= scope.textApplication %>
-
-
-
-
- -
-
-
- --<%= scope.textLoading %>-
-
-
-
-
-
-
-
-
-
-
-
- <%= scope.textDownloadAs %>
-
-
- -
-
-
-
- -- -- ----PPTX-
-
-
-
- -- -- ----PDF-
-
-
-
- -- -- ----PDF/A-
-
-
-
- -- -- ----ODP-
-
-
-
- -- -- ----POTX-
-
-
-
- -- -- ----OTP-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- PRESENTATION EDITOR
-<%= scope.textVersion %> <%= prodversion %>
-
-
-
- <%= publishername %>
- - - - - -
-
-
-
-
-
-
-
-
- <%= scope.textSlideSize %>
-
-
-
- -
-
- - - -
- - - -
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- <%= scope.textUnitOfMeasurement %>
-
-
- -
-
- - - -
- - - -
- - - -
-
- -
-
-
-
-
- <%= scope.textSpellcheck %>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/apps/presentationeditor/mobile/app/template/Toolbar.template b/apps/presentationeditor/mobile/app/template/Toolbar.template
deleted file mode 100644
index 90564c671..000000000
--- a/apps/presentationeditor/mobile/app/template/Toolbar.template
+++ /dev/null
@@ -1,59 +0,0 @@
-
diff --git a/apps/presentationeditor/mobile/app/view/DocumentHolder.js b/apps/presentationeditor/mobile/app/view/DocumentHolder.js
deleted file mode 100644
index fe5e62ed7..000000000
--- a/apps/presentationeditor/mobile/app/view/DocumentHolder.js
+++ /dev/null
@@ -1,136 +0,0 @@
-/*
- *
- * (c) Copyright Ascensio System SIA 2010-2019
- *
- * This program is a free software product. You can redistribute it and/or
- * modify it under the terms of the GNU Affero General Public License (AGPL)
- * version 3 as published by the Free Software Foundation. In accordance with
- * Section 7(a) of the GNU AGPL its Section 15 shall be amended to the effect
- * that Ascensio System SIA expressly excludes the warranty of non-infringement
- * of any third-party rights.
- *
- * This program is distributed WITHOUT ANY WARRANTY; without even the implied
- * warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. For
- * details, see the GNU AGPL at: http://www.gnu.org/licenses/agpl-3.0.html
- *
- * You can contact Ascensio System SIA at 20A-12 Ernesta Birznieka-Upisha
- * street, Riga, Latvia, EU, LV-1050.
- *
- * The interactive user interfaces in modified source and object code versions
- * of the Program must display Appropriate Legal Notices, as required under
- * Section 5 of the GNU AGPL version 3.
- *
- * Pursuant to Section 7(b) of the License you must retain the original Product
- * logo when distributing the program. Pursuant to Section 7(e) we decline to
- * grant you any rights under trademark law for use of our trademarks.
- *
- * All the Product's GUI elements, including illustrations and icon sets, as
- * well as technical writing content are licensed under the terms of the
- * Creative Commons Attribution-ShareAlike 4.0 International. See the License
- * terms at http://creativecommons.org/licenses/by-sa/4.0/legalcode
- *
- */
-
-/**
- * DocumentHolder.js
- * Presentation Editor
- *
- * Created by Julia Radzhabova on 12/19/16
- * Copyright (c) 2018 Ascensio System SIA. All rights reserved.
- *
- */
-
-define([
- 'jquery',
- 'underscore',
- 'backbone',
- 'common/mobile/utils/utils'
-], function ($, _, Backbone) {
- 'use strict';
-
- PE.Views.DocumentHolder = Backbone.View.extend((function() {
- // private
- var _anchorId = 'context-menu-target';
-
- return {
- el: '#editor_sdk',
-
- template: _.template(''),
- // Delegated events for creating new items, and clearing completed ones.
- events: {
- },
-
- // Set innerHTML and get the references to the DOM elements
- initialize: function() {
- //
- },
-
- // Render layout
- render: function() {
- var el = $(this.el);
- if (el.length > 0 && el.find('#' + _anchorId).length < 1) {
- el.append(this.template());
- }
-
- return this;
- },
-
- showMenu: function (items, posX, posY) {
- if (items.itemsIcon.length < 1 && items.items.length < 1) {
- return;
- }
-
- var menuItemTemplate = _.template([
- '<% if(menuItems.itemsIcon) {%>',
- '<% _.each(menuItems.itemsIcon, function(item) { %>',
- '
-
-
-
-
-
-
-
-
- -
-
- - - -
- - - -
- - - -
',
- '',
- '
'].join('')
- ))
- } else {
- me.picker = uiApp.popover([
- '',
- '',
- '
'].join(''),
- $$('#search-settings')
- );
-
- // Prevent hide overlay. Conflict popover and modals.
- var $overlay = $('.modal-overlay');
-
- $$(me.picker).on('opened', function () {
- $overlay.on('removeClass', function () {
- if (!$overlay.hasClass('modal-overlay-visible')) {
- $overlay.addClass('modal-overlay-visible')
- }
- });
- }).on('close', function () {
- $overlay.off('removeClass');
- $overlay.removeClass('modal-overlay-visible')
- });
- }
-
- if (Common.SharedSettings.get('android')) {
- $$('.view.search-settings-view.navbar-through').removeClass('navbar-through').addClass('navbar-fixed');
- $$('.view.search-settings-view .navbar').prependTo('.view.search-settings-view > .pages > .page');
- }
-
- me.fireEvent('searchbar:showsettings', me);
- },
-
- showSearch: function () {
- var me = this,
- searchBar = $$('.searchbar.document');
-
- if (searchBar.length < 1) {
- $(_layout.find('#search-panel-view').html()).insertAfter($(me.el).find('.pages'));
- if ($('.logo-navbar').length > 0) {
- $('.searchbar.document').css('margin-top', '27px');
- }
- //$(me.el).find('.pages .page').first().prepend(_layout.find('#search-panel-view').html());
-
- // Show replace mode if needed
- var isReplace = Common.SharedSettings.get('search-is-replace');
- $('.searchbar.document').toggleClass('replace', !_.isUndefined(isReplace) && (isReplace === true));
-
- me.fireEvent('searchbar:render', me);
- me.fireEvent('searchbar:show', me);
-
- searchBar = $$('.searchbar.document');
-
- if ($('.logo-navbar').length > 0) {
- var top = Common.SharedSettings.get('android') ? '80px' : '68px';
- $('.navbar-through .page > .searchbar').css('top', top);
- }
-
-
- uiApp.showNavbar(searchBar);
-
- if (!searchBar.hasClass('navbar-hidden')) {
- $('.searchbar.search input').focus();
- }
-
-
- }
- },
-
- hideSearch: function () {
- var me = this,
- searchBar = $$('.searchbar.document');
-
- if (searchBar.length > 0) {
- // Animating
- if (searchBar.hasClass('.navbar-hidding')) {
- return;
- }
-
- me.fireEvent('searchbar:hide', me);
- searchBar.remove();
- uiApp.hideNavbar(searchBar);
-
- }
- },
-
- textFind: 'Find',
- textFindAndReplace: 'Find and Replace',
- textDone: 'Done',
- textSearch: 'Search',
- textReplace: 'Replace',
- textCase: 'Case sensitive',
- textHighlight: 'Highlight results'
- }
- })(), PE.Views.Search || {}))
-});
\ No newline at end of file
diff --git a/apps/presentationeditor/mobile/app/view/Settings.js b/apps/presentationeditor/mobile/app/view/Settings.js
deleted file mode 100644
index b324f2dd8..000000000
--- a/apps/presentationeditor/mobile/app/view/Settings.js
+++ /dev/null
@@ -1,318 +0,0 @@
-/*
- *
- * (c) Copyright Ascensio System SIA 2010-2019
- *
- * This program is a free software product. You can redistribute it and/or
- * modify it under the terms of the GNU Affero General Public License (AGPL)
- * version 3 as published by the Free Software Foundation. In accordance with
- * Section 7(a) of the GNU AGPL its Section 15 shall be amended to the effect
- * that Ascensio System SIA expressly excludes the warranty of non-infringement
- * of any third-party rights.
- *
- * This program is distributed WITHOUT ANY WARRANTY; without even the implied
- * warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. For
- * details, see the GNU AGPL at: http://www.gnu.org/licenses/agpl-3.0.html
- *
- * You can contact Ascensio System SIA at 20A-12 Ernesta Birznieka-Upisha
- * street, Riga, Latvia, EU, LV-1050.
- *
- * The interactive user interfaces in modified source and object code versions
- * of the Program must display Appropriate Legal Notices, as required under
- * Section 5 of the GNU AGPL version 3.
- *
- * Pursuant to Section 7(b) of the License you must retain the original Product
- * logo when distributing the program. Pursuant to Section 7(e) we decline to
- * grant you any rights under trademark law for use of our trademarks.
- *
- * All the Product's GUI elements, including illustrations and icon sets, as
- * well as technical writing content are licensed under the terms of the
- * Creative Commons Attribution-ShareAlike 4.0 International. See the License
- * terms at http://creativecommons.org/licenses/by-sa/4.0/legalcode
- *
- */
-
-/**
- * Settings.js
- * Presentation Editor
- *
- * Created by Alexander Yuzhin on 11/22/16
- * Copyright (c) 2018 Ascensio System SIA. All rights reserved.
- *
- */
-
-define([
- 'text!presentationeditor/mobile/app/template/Settings.template',
- 'jquery',
- 'underscore',
- 'backbone'
-], function (settingsTemplate, $, _, Backbone) {
- 'use strict';
-
- PE.Views.Settings = Backbone.View.extend(_.extend((function() {
- // private
- var isEdit,
- canEdit = false,
- canDownload = false,
- canAbout = true,
- canHelp = true,
- canPrint = false,
- isShowMacros = true;
-
- return {
- // el: '.view-main',
-
- template: _.template(settingsTemplate),
-
- events: {
- //
- },
-
- initialize: function () {
- Common.NotificationCenter.on('settingscontainer:show', _.bind(this.initEvents, this));
- Common.Gateway.on('opendocument', _.bind(this.loadDocument, this));
- },
-
- initEvents: function () {
- var me = this;
-
- $('#settings-document-info').single('click', _.bind(me.showInfo, me));
- $('#settings-download').single('click', _.bind(me.showDownload, me));
- $('#settings-history').single('click', _.bind(me.showHistory, me));
- $('#settings-help').single('click', _.bind(me.showHelp, me));
- $('#settings-about').single('click', _.bind(me.showAbout, me));
- $('#settings-presentation-setup').single('click', _.bind(me.showSetup, me));
- $('#settings-application').single('click', _.bind(me.showSetApp, me));
-
- Common.Utils.addScrollIfNeed('.view[data-page=settings-root-view] .pages', '.view[data-page=settings-root-view] .page');
- me.initControls();
- },
-
- // Render layout
- render: function () {
- this.layout = $('').append(this.template({
- android: Common.SharedSettings.get('android'),
- phone: Common.SharedSettings.get('phone'),
- scope: this,
- width: $(window).width(),
- prodversion: '{{PRODUCT_VERSION}}',
- publishername: '{{PUBLISHER_NAME}}',
- publisheraddr: '{{PUBLISHER_ADDRESS}}',
- publisherurl: '{{PUBLISHER_URL}}',
- printed_url: ("{{PUBLISHER_URL}}").replace(/https?:\/{2}/, "").replace(/\/$/,""),
- supportemail: '{{SUPPORT_EMAIL}}',
- phonenum: '{{PUBLISHER_PHONE}}'
- }));
-
- return this;
- },
-
- setMode: function (mode) {
- isEdit = mode.isEdit;
- canEdit = !mode.isEdit && mode.canEdit && mode.canRequestEditRights;
- canDownload = mode.canDownload || mode.canDownloadOrigin;
- canPrint = mode.canPrint;
-
- if (mode.customization && mode.canBrandingExt) {
- canAbout = (mode.customization.about!==false);
- }
-
- if (mode.customization) {
- canHelp = (mode.customization.help!==false);
- isShowMacros = (mode.customization.macros!==false);
- }
- },
-
- rootLayout: function () {
- if (this.layout) {
- var $layour = this.layout.find('#settings-root-view'),
- isPhone = Common.SharedSettings.get('phone');
-
- if (isEdit) {
- $layour.find('#settings-readermode').hide();
- $layour.find('#settings-search .item-title').text(this.textFindAndReplace)
- } else {
- $layour.find('#settings-spellcheck').hide();
- $layour.find('#settings-presentation-setup').hide();
- $layour.find('#settings-readermode input:checkbox')
- .attr('checked', Common.SharedSettings.get('readerMode'))
- .prop('checked', Common.SharedSettings.get('readerMode'));
- }
- if (!canDownload) $layour.find('#settings-download').hide();
- if (!canAbout) $layour.find('#settings-about').hide();
- if (!canHelp) $layour.find('#settings-help').hide();
- if (!canPrint) $layour.find('#settings-print').hide();
- if (!isShowMacros) $layour.find('#settings-macros').hide();
-
- return $layour.html();
- }
-
- return '';
- },
-
- initControls: function () {
- //
- },
-
- showPage: function (templateId) {
- var rootView = PE.getController('Settings').rootView();
-
- if (rootView && this.layout) {
- var $content = this.layout.find(templateId);
-
- // Android fix for navigation
- if (Framework7.prototype.device.android) {
- $content.find('.page').append($content.find('.navbar'));
- }
-
- rootView.router.load({
- content: $content.html()
- });
-
- this.fireEvent('page:show', [this, templateId]);
- }
- },
-
- showColorSchemes: function () {
- this.showPage('#color-schemes-view');
- },
-
- showInfo: function () {
- this.showPage('#settings-info-view');
- },
-
- showDownload: function () {
- this.showPage('#settings-download-view');
- },
-
- showHistory: function () {
- this.showPage('#settings-history-view');
- },
-
- showMacros: function () {
- this.showPage('#settings-macros-view');
- },
-
- showHelp: function () {
- var url = '{{HELP_URL}}';
- if (url.charAt(url.length-1) !== '/') {
- url += '/';
- }
- if (Common.SharedSettings.get('sailfish')) {
- url+='mobile-applications/documents/mobile-web-editors/android/index.aspx';
- } else if (Common.SharedSettings.get('android')) {
- url+='mobile-applications/documents/mobile-web-editors/android/index.aspx';
- } else {
- url+='mobile-applications/documents/mobile-web-editors/ios/index.aspx';
- }
- window.open(url, "_blank");
- PE.getController('Settings').hideModal();
- },
-
- showAbout: function () {
- this.showPage('#settings-about-view');
- },
-
- showSetup: function () {
- this.showPage('#settings-setup-view');
- $('#color-schemes').single('click', _.bind(this.showColorSchemes, this));
- },
-
- showSetApp: function () {
- this.showPage('#settings-application-view');
- $('.page[data-page=settings-application-view] .page-content > :not(.display-view)').hide();
- if (isShowMacros) {
- $('#settings-macros').single('click', _.bind(this.showMacros, this));
- }
- },
-
- loadDocument: function (data) {
- var permissions = {};
-
- if (data.doc) {
- permissions = _.extend(permissions, data.doc.permissions);
-
- if (permissions.edit === false) {
- }
- }
- },
-
- renderSchemaSettings: function(currentSchema, arrSchemas) {
- if (arrSchemas) {
- var templateInsert = "";
- _.each(arrSchemas, function (schema, index) {
- var colors = schema.get_colors(),//schema.colors;
- name = schema.get_name();
- templateInsert += '',
- '
',
- '',
- '',
- '
',
- '<%= comment.userInitials %>
<% } %>',
- '
<%= comment.username %>
',
- '<%= comment.date %>
',
- '<% if (android) { %>- ',
- '<% _.each(row, function(item) { %>',
- '
- ',
- '
', - '
',
- '<% }); %>',
- '
- ',
- '<% _.each(row, function(style) { %>',
- '
- ',
- '
', - '
',
- '<% }); %>',
- '
',
- '
'].join(''));
- $('#tab-chart-fill').append(template({scope: this}));
- $('#edit-chart-add-custom-color').single('click', _.bind(this.showCustomFillColor, this));
-
- this.fireEvent('page:show', [this, selector]);
- },
-
- showCustomFillColor: function () {
- var me = this,
- selector = '#edit-chart-custom-color-view';
- me.showPage(selector, true);
-
- me.customColorPicker = new Common.UI.HsbColorPicker({
- el: $('.page[data-page=edit-chart-custom-color] .page-content'),
- color: me.paletteFillColor.currentColor
- });
- me.customColorPicker.on('addcustomcolor', function (colorPicker, color) {
- me.paletteFillColor.addNewDynamicColor(colorPicker, color);
- PE.getController('EditContainer').rootView.router.back();
- });
-
- me.fireEvent('page:show', [me, selector]);
- },
-
- showReorder: function () {
- this.showPage('#edit-chart-reorder');
- Common.Utils.addScrollIfNeed('.page.chart-reorder', '.page.chart-reorder .page-content');
- },
-
- showBorderColor: function () {
- var me = this;
- var selector = '#edit-chart-border-color-view';
- this.showPage(selector, true);
-
- this.paletteBorderColor = new Common.UI.ThemeColorPalette({
- el: $('.page[data-page=edit-chart-border-color] .page-content')
- });
-
- this.paletteBorderColor.on('customcolor', function () {
- me.showCustomBorderColor();
- });
- var template = _.template(['- ',
- '
- ',
- '',
- '', - '', - '', - '', - '', - '<%= scope.textAddCustomColor %>', - ' ',
- '
',
- '
'].join(''));
- $('.page[data-page=edit-chart-border-color] .page-content').append(template({scope: this}));
- $('#edit-chart-add-custom-border-color').single('click', _.bind(this.showCustomBorderColor, this));
-
- this.fireEvent('page:show', [this, selector]);
- },
-
- showCustomBorderColor: function() {
- var me = this,
- selector = '#edit-chart-custom-color-view';
- me.showPage(selector, true);
-
- me.customBorderColorPicker = new Common.UI.HsbColorPicker({
- el: $('.page[data-page=edit-chart-custom-color] .page-content'),
- color: me.paletteBorderColor.currentColor
- });
- me.customBorderColorPicker.on('addcustomcolor', function (colorPicker, color) {
- me.paletteBorderColor.addNewDynamicColor(colorPicker, color);
- me.paletteFillColor.updateDynamicColors();
- me.paletteFillColor.select(me.paletteFillColor.currentColor);
- PE.getController('EditContainer').rootView.router.back();
- });
-
- me.fireEvent('page:show', [me, selector]);
- },
-
- showAlign: function () {
- this.showPage('#edit-chart-align');
- Common.Utils.addScrollIfNeed('.page.chart-align', '.page.chart-align .page-content');
- },
-
- textStyle: 'Style',
- textReorder: 'Reorder',
- textRemoveChart: 'Remove Chart',
- textBack: 'Back',
- textToForeground: 'Bring to Foreground',
- textToBackground: 'Send to Background',
- textForward: 'Move Forward',
- textBackward: 'Move Backward',
- textType: 'Type',
- textFill: 'Fill',
- textBorder: 'Border',
- textSize: 'Size',
- textColor: 'Color',
- textAlign: 'Align',
- textAlignLeft: 'Align Left',
- textAlignRight: 'Align Right',
- textAlignCenter: 'Align Center',
- textAlignTop: 'Align Top',
- textAlignBottom: 'Align Bottom',
- textAlignMiddle: 'Align Middle',
- txtDistribHor: 'Distribute Horizontally',
- txtDistribVert: 'Distribute Vertically',
- textAddCustomColor: 'Add Custom Color',
- textCustomColor: 'Custom Color'
- }
- })(), PE.Views.EditChart || {}))
-});
\ No newline at end of file
diff --git a/apps/presentationeditor/mobile/app/view/edit/EditImage.js b/apps/presentationeditor/mobile/app/view/edit/EditImage.js
deleted file mode 100644
index 92344a37a..000000000
--- a/apps/presentationeditor/mobile/app/view/edit/EditImage.js
+++ /dev/null
@@ -1,184 +0,0 @@
-/*
- *
- * (c) Copyright Ascensio System SIA 2010-2019
- *
- * This program is a free software product. You can redistribute it and/or
- * modify it under the terms of the GNU Affero General Public License (AGPL)
- * version 3 as published by the Free Software Foundation. In accordance with
- * Section 7(a) of the GNU AGPL its Section 15 shall be amended to the effect
- * that Ascensio System SIA expressly excludes the warranty of non-infringement
- * of any third-party rights.
- *
- * This program is distributed WITHOUT ANY WARRANTY; without even the implied
- * warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. For
- * details, see the GNU AGPL at: http://www.gnu.org/licenses/agpl-3.0.html
- *
- * You can contact Ascensio System SIA at 20A-12 Ernesta Birznieka-Upisha
- * street, Riga, Latvia, EU, LV-1050.
- *
- * The interactive user interfaces in modified source and object code versions
- * of the Program must display Appropriate Legal Notices, as required under
- * Section 5 of the GNU AGPL version 3.
- *
- * Pursuant to Section 7(b) of the License you must retain the original Product
- * logo when distributing the program. Pursuant to Section 7(e) we decline to
- * grant you any rights under trademark law for use of our trademarks.
- *
- * All the Product's GUI elements, including illustrations and icon sets, as
- * well as technical writing content are licensed under the terms of the
- * Creative Commons Attribution-ShareAlike 4.0 International. See the License
- * terms at http://creativecommons.org/licenses/by-sa/4.0/legalcode
- *
- */
-
-/**
- * EditImage.js
- * Presentation Editor
- *
- * Created by Julia Radzhabova on 11/30/16
- * Copyright (c) 2018 Ascensio System SIA. All rights reserved.
- *
- */
-
-define([
- 'text!presentationeditor/mobile/app/template/EditImage.template',
- 'jquery',
- 'underscore',
- 'backbone'
-], function (editTemplate, $, _, Backbone) {
- 'use strict';
-
- PE.Views.EditImage = Backbone.View.extend(_.extend((function() {
- // private
-
- return {
- // el: '.view-main',
-
- template: _.template(editTemplate),
-
- events: {
- },
-
- initialize: function () {
- Common.NotificationCenter.on('editcontainer:show', _.bind(this.initEvents, this));
- Common.NotificationCenter.on('editcategory:show', _.bind(this.categoryShow, this));
- },
-
- initEvents: function () {
- var me = this;
-
- $('#image-replace').single('click', _.bind(me.showReplace, me));
- $('#image-reorder').single('click', _.bind(me.showReorder, me));
- $('#edit-image-url').single('click', _.bind(me.showEditUrl, me));
- $('#image-align').single('click', _.bind(me.showAlign, me));
-
- Common.Utils.addScrollIfNeed('#edit-image .pages', '#edit-image .page');
- me.initControls();
- },
-
- categoryShow: function(e) {
- //
- },
-
- // Render layout
- render: function () {
- this.layout = $('').append(this.template({
- android : Common.SharedSettings.get('android'),
- phone : Common.SharedSettings.get('phone'),
- scope : this
- }));
-
- return this;
- },
-
- rootLayout: function () {
- if (this.layout) {
- return this.layout
- .find('#edit-image-root')
- .html();
- }
-
- return '';
- },
-
- initControls: function () {
- //
- },
-
- showPage: function (templateId, suspendEvent) {
- var rootView = PE.getController('EditContainer').rootView;
-
- if (rootView && this.layout) {
- var $content = this.layout.find(templateId);
-
- // Android fix for navigation
- if (Framework7.prototype.device.android) {
- $content.find('.page').append($content.find('.navbar'));
- }
-
- rootView.router.load({
- content: $content.html()
- });
-
- if (suspendEvent !== true) {
- this.fireEvent('page:show', [this, templateId]);
- }
-
- this.initEvents();
- }
- Common.Utils.addScrollIfNeed('.page.edit-image-url-link', '.page.edit-image-url-link .page-content');
- },
-
- showReplace: function () {
- this.showPage('#edit-image-replace-view');
- },
-
- showReorder: function () {
- this.showPage('#edit-image-reorder-view');
- Common.Utils.addScrollIfNeed('.page.image-reorder', '.page.image-reorder .page-content');
- },
-
- showEditUrl: function () {
- this.showPage('#edit-image-url-view');
-
- $('.edit-image-url-link input[type="url"]').single('input', _.bind(function(e) {
- $('.edit-image-url-link .buttons').toggleClass('disabled', _.isEmpty($(e.currentTarget).val()));
- }, this));
-
- _.delay(function () {
- $('.edit-image-url-link input[type="url"]').focus();
- }, 1000);
- },
-
- showAlign: function () {
- this.showPage('#edit-image-align');
- Common.Utils.addScrollIfNeed('.page.image-align', '.page.image-align .page-content');
- },
-
- textReplace: 'Replace',
- textReorder: 'Reorder',
- textDefault: 'Actual Size',
- textRemove: 'Remove Image',
- textBack: 'Back',
- textToForeground: 'Bring to Foreground',
- textToBackground: 'Send to Background',
- textForward: 'Move Forward',
- textBackward: 'Move Backward',
- textFromLibrary: 'Picture from Library',
- textFromURL: 'Picture from URL',
- textLinkSettings: 'Link Settings',
- textAddress: 'Address',
- textImageURL: 'Image URL',
- textReplaceImg: 'Replace Image',
- textAlign: 'Align',
- textAlignLeft: 'Align Left',
- textAlignRight: 'Align Right',
- textAlignCenter: 'Align Center',
- textAlignTop: 'Align Top',
- textAlignBottom: 'Align Bottom',
- textAlignMiddle: 'Align Middle',
- txtDistribHor: 'Distribute Horizontally',
- txtDistribVert: 'Distribute Vertically'
- }
- })(), PE.Views.EditImage || {}))
-});
\ No newline at end of file
diff --git a/apps/presentationeditor/mobile/app/view/edit/EditLink.js b/apps/presentationeditor/mobile/app/view/edit/EditLink.js
deleted file mode 100644
index a5f39e1bb..000000000
--- a/apps/presentationeditor/mobile/app/view/edit/EditLink.js
+++ /dev/null
@@ -1,143 +0,0 @@
-/*
- *
- * (c) Copyright Ascensio System SIA 2010-2019
- *
- * This program is a free software product. You can redistribute it and/or
- * modify it under the terms of the GNU Affero General Public License (AGPL)
- * version 3 as published by the Free Software Foundation. In accordance with
- * Section 7(a) of the GNU AGPL its Section 15 shall be amended to the effect
- * that Ascensio System SIA expressly excludes the warranty of non-infringement
- * of any third-party rights.
- *
- * This program is distributed WITHOUT ANY WARRANTY; without even the implied
- * warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. For
- * details, see the GNU AGPL at: http://www.gnu.org/licenses/agpl-3.0.html
- *
- * You can contact Ascensio System SIA at 20A-12 Ernesta Birznieka-Upisha
- * street, Riga, Latvia, EU, LV-1050.
- *
- * The interactive user interfaces in modified source and object code versions
- * of the Program must display Appropriate Legal Notices, as required under
- * Section 5 of the GNU AGPL version 3.
- *
- * Pursuant to Section 7(b) of the License you must retain the original Product
- * logo when distributing the program. Pursuant to Section 7(e) we decline to
- * grant you any rights under trademark law for use of our trademarks.
- *
- * All the Product's GUI elements, including illustrations and icon sets, as
- * well as technical writing content are licensed under the terms of the
- * Creative Commons Attribution-ShareAlike 4.0 International. See the License
- * terms at http://creativecommons.org/licenses/by-sa/4.0/legalcode
- *
- */
-
-/**
- * EditLink.js
- * Presentation Editor
- *
- * Created by Julia Radzhabova on 12/06/16
- * Copyright (c) 2018 Ascensio System SIA. All rights reserved.
- *
- */
-
-
-define([
- 'text!presentationeditor/mobile/app/template/EditLink.template',
- 'jquery',
- 'underscore',
- 'backbone'
-], function (editTemplate, $, _, Backbone) {
- 'use strict';
-
- PE.Views.EditLink = Backbone.View.extend(_.extend((function() {
- // private
-
- return {
- // el: '.view-main',
-
- template: _.template(editTemplate),
-
- events: {
- },
-
- initialize: function () {
- Common.NotificationCenter.on('editcontainer:show', _.bind(this.initEvents, this));
- },
-
- initEvents: function () {
- var me = this;
-
- $('#edit-link-number').single('click', _.bind(me.showPageNumber, me));
- $('#edit-link-type').single('click', _.bind(me.showLinkType, me));
-
- Common.Utils.addScrollIfNeed('#edit-link .pages', '#edit-link .page');
- },
-
- // Render layout
- render: function () {
- this.layout = $('').append(this.template({
- android : Common.SharedSettings.get('android'),
- phone : Common.SharedSettings.get('phone'),
- scope : this
- }));
-
- return this;
- },
-
- rootLayout: function () {
- if (this.layout) {
- return this.layout
- .find('#edit-link-root')
- .html();
- }
-
- return '';
- },
-
- showPage: function (templateId) {
- var rootView = PE.getController('EditContainer').rootView;
-
- if (rootView && this.layout) {
- var $content = this.layout.find(templateId);
-
- // Android fix for navigation
- if (Framework7.prototype.device.android) {
- $content.find('.page').append($content.find('.navbar'));
- }
-
- rootView.router.load({
- content: $content.html()
- });
-
- this.fireEvent('page:show', [this, templateId]);
- }
-
- Common.Utils.addScrollIfNeed('.page[data-page=editlink-slidenumber]', '.page[data-page=editlink-slidenumber] .page-content');
- },
-
- showLinkType: function () {
- this.showPage('#editlink-type');
- },
-
- showPageNumber: function () {
- this.showPage('#editlink-slidenumber');
- },
-
- textLinkType: 'Link Type',
- textExternalLink: 'External Link',
- textInternalLink: 'Slide in this Presentation',
- textLink: 'Link',
- textLinkSlide: 'Link to',
- textBack: 'Back',
- textDisplay: 'Display',
- textTip: 'Screen Tip',
- textNext: 'Next Slide',
- textPrev: 'Previous Slide',
- textFirst: 'First Slide',
- textLast: 'Last Slide',
- textNumber: 'Slide Number',
- textEdit: 'Save Link',
- textRemove: 'Remove Link'
- }
- })(), PE.Views.EditLink || {}))
-});
\ No newline at end of file
diff --git a/apps/presentationeditor/mobile/app/view/edit/EditShape.js b/apps/presentationeditor/mobile/app/view/edit/EditShape.js
deleted file mode 100644
index 532e581bc..000000000
--- a/apps/presentationeditor/mobile/app/view/edit/EditShape.js
+++ /dev/null
@@ -1,292 +0,0 @@
-/*
- *
- * (c) Copyright Ascensio System SIA 2010-2019
- *
- * This program is a free software product. You can redistribute it and/or
- * modify it under the terms of the GNU Affero General Public License (AGPL)
- * version 3 as published by the Free Software Foundation. In accordance with
- * Section 7(a) of the GNU AGPL its Section 15 shall be amended to the effect
- * that Ascensio System SIA expressly excludes the warranty of non-infringement
- * of any third-party rights.
- *
- * This program is distributed WITHOUT ANY WARRANTY; without even the implied
- * warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. For
- * details, see the GNU AGPL at: http://www.gnu.org/licenses/agpl-3.0.html
- *
- * You can contact Ascensio System SIA at 20A-12 Ernesta Birznieka-Upisha
- * street, Riga, Latvia, EU, LV-1050.
- *
- * The interactive user interfaces in modified source and object code versions
- * of the Program must display Appropriate Legal Notices, as required under
- * Section 5 of the GNU AGPL version 3.
- *
- * Pursuant to Section 7(b) of the License you must retain the original Product
- * logo when distributing the program. Pursuant to Section 7(e) we decline to
- * grant you any rights under trademark law for use of our trademarks.
- *
- * All the Product's GUI elements, including illustrations and icon sets, as
- * well as technical writing content are licensed under the terms of the
- * Creative Commons Attribution-ShareAlike 4.0 International. See the License
- * terms at http://creativecommons.org/licenses/by-sa/4.0/legalcode
- *
- */
-
-/**
- * EditShape.js
- * Presentation Editor
- *
- * Created by Julia Radzhabova on 11/25/16
- * Copyright (c) 2018 Ascensio System SIA. All rights reserved.
- *
- */
-
-define([
- 'text!presentationeditor/mobile/app/template/EditShape.template',
- 'jquery',
- 'underscore',
- 'backbone',
- 'common/mobile/lib/component/ThemeColorPalette',
- 'common/mobile/lib/component/HsbColorPicker'
-], function (editTemplate, $, _, Backbone) {
- 'use strict';
-
- PE.Views.EditShape = Backbone.View.extend(_.extend((function() {
- // private
-
- return {
- // el: '.view-main',
-
- template: _.template(editTemplate),
-
- events: {
- },
-
- initialize: function () {
- Common.NotificationCenter.on('editcontainer:show', _.bind(this.initEvents, this));
- Common.NotificationCenter.on('editcategory:show', _.bind(this.categoryShow, this));
- this.isShapeCanFill = true;
- },
-
- initEvents: function () {
- var me = this;
-
- $('#shape-style').single('click', _.bind(me.showStyle, me));
- $('#shape-replace').single('click', _.bind(me.showReplace, me));
- $('#shape-reorder').single('click', _.bind(me.showReorder, me));
- $('#shape-align').single('click', _.bind(me.showAlign, me));
- $('#edit-shape-bordercolor').single('click', _.bind(me.showBorderColor, me));
-
- $('.edit-shape-style .categories a').single('click', _.bind(me.showStyleCategory, me));
-
- Common.Utils.addScrollIfNeed('#edit-shape .pages', '#edit-shape .page');
- me.initControls();
- },
-
- categoryShow: function(e) {
- // if ('edit-shape' == $(e.currentTarget).prop('id')) {
- // this.initEvents();
- // }
- },
-
- // Render layout
- render: function () {
- var shapes = Common.SharedSettings.get('shapes').slice();
- shapes.splice(0, 1); // Remove line shapes
-
- this.layout = $('').append(this.template({
- android : Common.SharedSettings.get('android'),
- phone : Common.SharedSettings.get('phone'),
- shapes : shapes,
- scope : this
- }));
-
- return this;
- },
-
- rootLayout: function () {
- if (this.layout) {
- return this.layout
- .find('#edit-shape-root')
- .html();
- }
-
- return '';
- },
-
- initControls: function () {
- //
- },
-
- showPage: function (templateId, suspendEvent) {
- var rootView = PE.getController('EditContainer').rootView;
-
- if (rootView && this.layout) {
- var $content = this.layout.find(templateId);
-
- // Android fix for navigation
- if (Framework7.prototype.device.android) {
- $content.find('.page').append($content.find('.navbar'));
- }
-
- rootView.router.load({
- content: $content.html()
- });
-
- if (suspendEvent !== true) {
- this.fireEvent('page:show', [this, templateId]);
- }
-
- this.initEvents();
- }
- },
-
- showStyleCategory: function (e) {
- // remove android specific style
- $('.page[data-page=edit-shape-style] .list-block.inputs-list').removeClass('inputs-list');
- },
-
- showStyle: function () {
- var me = this;
- var selector = this.isShapeCanFill ? '#edit-shape-style' : '#edit-shape-style-nofill';
- this.showPage(selector, true);
-
- if (!this.isShapeCanFill)
- this.showStyleCategory();
-
- this.paletteFillColor = new Common.UI.ThemeColorPalette({
- el: $('#tab-shape-fill'),
- transparent: true
- });
- this.paletteFillColor.on('customcolor', function () {
- me.showCustomFillColor();
- });
- var template = _.template(['- ',
- '
- ',
- '',
- '', - '', - '', - '', - '', - '<%= scope.textAddCustomColor %>', - ' ',
- '
',
- '
'].join(''));
- $('#tab-shape-fill').append(template({scope: this}));
- $('#edit-shape-add-custom-color').single('click', _.bind(this.showCustomFillColor, this));
-
- Common.Utils.addScrollIfNeed('.page[data-page=edit-shape-style]', '.page[data-page=edit-shape-style] .page-content');
- this.fireEvent('page:show', [this, selector]);
- },
-
- showCustomFillColor: function () {
- var me = this,
- selector = '#edit-shape-custom-color-view';
- me.showPage(selector, true);
-
- me.customColorPicker = new Common.UI.HsbColorPicker({
- el: $('.page[data-page=edit-shape-custom-color] .page-content'),
- color: me.paletteFillColor.currentColor
- });
- me.customColorPicker.on('addcustomcolor', function (colorPicker, color) {
- me.paletteFillColor.addNewDynamicColor(colorPicker, color);
- PE.getController('EditContainer').rootView.router.back();
- });
-
- me.fireEvent('page:show', [me, selector]);
- },
-
- showReplace: function () {
- this.showPage('#edit-shape-replace');
- Common.Utils.addScrollIfNeed('.page.shape-replace', '.page.shape-replace .page-content');
- },
-
- showReorder: function () {
- this.showPage('#edit-shape-reorder');
- Common.Utils.addScrollIfNeed('.page.shape-reorder', '.page.shape-reorder .page-content');
- },
-
- showAlign: function () {
- this.showPage('#edit-shape-align');
- Common.Utils.addScrollIfNeed('.page.shape-align', '.page.shape-align .page-content');
- },
-
- showBorderColor: function () {
- var me = this;
- var selector = '#edit-shape-border-color-view';
- this.showPage(selector, true);
-
- this.paletteBorderColor = new Common.UI.ThemeColorPalette({
- el: $('.page[data-page=edit-shape-border-color] .page-content')
- });
- this.paletteBorderColor.on('customcolor', function () {
- me.showCustomBorderColor();
- });
- var template = _.template(['- ',
- '
- ',
- '',
- '', - '', - '', - '', - '', - '<%= scope.textAddCustomColor %>', - ' ',
- '
',
- '
'].join(''));
- $('.page[data-page=edit-shape-border-color] .page-content').append(template({scope: this}));
- $('#edit-shape-add-custom-border-color').single('click', _.bind(this.showCustomBorderColor, this));
-
- this.fireEvent('page:show', [this, selector]);
- },
-
- showCustomBorderColor: function () {
- var me = this,
- selector = '#edit-shape-custom-color-view';
- me.showPage(selector, true);
-
- me.customBorderColorPicker = new Common.UI.HsbColorPicker({
- el: $('.page[data-page=edit-shape-custom-color] .page-content'),
- color: me.paletteBorderColor.currentColor
- });
- me.customBorderColorPicker.on('addcustomcolor', function (colorPicker, color) {
- me.paletteBorderColor.addNewDynamicColor(colorPicker, color);
- me.paletteFillColor.updateDynamicColors();
- me.paletteFillColor.select(me.paletteFillColor.currentColor);
- PE.getController('EditContainer').rootView.router.back();
- });
-
- me.fireEvent('page:show', [me, selector]);
- },
-
- textStyle: 'Style',
- textReplace: 'Replace',
- textReorder: 'Reorder',
- textRemoveShape: 'Remove Shape',
- textBack: 'Back',
- textToForeground: 'Bring to Foreground',
- textToBackground: 'Send to Background',
- textForward: 'Move Forward',
- textBackward: 'Move Backward',
- textFill: 'Fill',
- textBorder: 'Border',
- textEffects: 'Effects',
- textSize: 'Size',
- textColor: 'Color',
- textOpacity: 'Opacity',
- textAlign: 'Align',
- textAlignLeft: 'Align Left',
- textAlignRight: 'Align Right',
- textAlignCenter: 'Align Center',
- textAlignTop: 'Align Top',
- textAlignBottom: 'Align Bottom',
- textAlignMiddle: 'Align Middle',
- txtDistribHor: 'Distribute Horizontally',
- txtDistribVert: 'Distribute Vertically',
- textAddCustomColor: 'Add Custom Color',
- textCustomColor: 'Custom Color'
- }
- })(), PE.Views.EditShape || {}))
-});
\ No newline at end of file
diff --git a/apps/presentationeditor/mobile/app/view/edit/EditSlide.js b/apps/presentationeditor/mobile/app/view/edit/EditSlide.js
deleted file mode 100644
index 40e0d23b3..000000000
--- a/apps/presentationeditor/mobile/app/view/edit/EditSlide.js
+++ /dev/null
@@ -1,443 +0,0 @@
-/*
- *
- * (c) Copyright Ascensio System SIA 2010-2019
- *
- * This program is a free software product. You can redistribute it and/or
- * modify it under the terms of the GNU Affero General Public License (AGPL)
- * version 3 as published by the Free Software Foundation. In accordance with
- * Section 7(a) of the GNU AGPL its Section 15 shall be amended to the effect
- * that Ascensio System SIA expressly excludes the warranty of non-infringement
- * of any third-party rights.
- *
- * This program is distributed WITHOUT ANY WARRANTY; without even the implied
- * warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. For
- * details, see the GNU AGPL at: http://www.gnu.org/licenses/agpl-3.0.html
- *
- * You can contact Ascensio System SIA at 20A-12 Ernesta Birznieka-Upisha
- * street, Riga, Latvia, EU, LV-1050.
- *
- * The interactive user interfaces in modified source and object code versions
- * of the Program must display Appropriate Legal Notices, as required under
- * Section 5 of the GNU AGPL version 3.
- *
- * Pursuant to Section 7(b) of the License you must retain the original Product
- * logo when distributing the program. Pursuant to Section 7(e) we decline to
- * grant you any rights under trademark law for use of our trademarks.
- *
- * All the Product's GUI elements, including illustrations and icon sets, as
- * well as technical writing content are licensed under the terms of the
- * Creative Commons Attribution-ShareAlike 4.0 International. See the License
- * terms at http://creativecommons.org/licenses/by-sa/4.0/legalcode
- *
- */
-
-/**
- * EditSlide.js
- * Presentation Editor
- *
- * Created by Julia Radzhabova on 12/07/16
- * Copyright (c) 2018 Ascensio System SIA. All rights reserved.
- *
- */
-
-define([
- 'text!presentationeditor/mobile/app/template/EditSlide.template',
- 'jquery',
- 'underscore',
- 'backbone',
- 'common/mobile/lib/component/ThemeColorPalette',
- 'common/mobile/lib/component/HsbColorPicker'
-], function (editTemplate, $, _, Backbone) {
- 'use strict';
-
- PE.Views.EditSlide = Backbone.View.extend(_.extend((function() {
- // private
- var _layouts = [],
- _arrCurrentEffectTypes = [];
-
- return {
- // el: '.view-main',
-
- template: _.template(editTemplate),
-
- events: {
- },
-
- initialize: function () {
- Common.NotificationCenter.on('editcontainer:show', _.bind(this.initEvents, this));
- Common.NotificationCenter.on('editcategory:show', _.bind(this.categoryShow, this));
-
- this._arrEffectType = [
- {displayValue: this.textSmoothly, value: Asc.c_oAscSlideTransitionParams.Fade_Smoothly},
- {displayValue: this.textBlack, value: Asc.c_oAscSlideTransitionParams.Fade_Through_Black},
- {displayValue: this.textLeft, value: Asc.c_oAscSlideTransitionParams.Param_Left},
- {displayValue: this.textTop, value: Asc.c_oAscSlideTransitionParams.Param_Top},
- {displayValue: this.textRight, value: Asc.c_oAscSlideTransitionParams.Param_Right},
- {displayValue: this.textBottom, value: Asc.c_oAscSlideTransitionParams.Param_Bottom},
- {displayValue: this.textTopLeft, value: Asc.c_oAscSlideTransitionParams.Param_TopLeft},
- {displayValue: this.textTopRight, value: Asc.c_oAscSlideTransitionParams.Param_TopRight},
- {displayValue: this.textBottomLeft, value: Asc.c_oAscSlideTransitionParams.Param_BottomLeft},
- {displayValue: this.textBottomRight, value: Asc.c_oAscSlideTransitionParams.Param_BottomRight},
- {displayValue: this.textVerticalIn, value: Asc.c_oAscSlideTransitionParams.Split_VerticalIn},
- {displayValue: this.textVerticalOut, value: Asc.c_oAscSlideTransitionParams.Split_VerticalOut},
- {displayValue: this.textHorizontalIn, value: Asc.c_oAscSlideTransitionParams.Split_HorizontalIn},
- {displayValue: this.textHorizontalOut, value: Asc.c_oAscSlideTransitionParams.Split_HorizontalOut},
- {displayValue: this.textClockwise, value: Asc.c_oAscSlideTransitionParams.Clock_Clockwise},
- {displayValue: this.textCounterclockwise, value: Asc.c_oAscSlideTransitionParams.Clock_Counterclockwise},
- {displayValue: this.textWedge, value: Asc.c_oAscSlideTransitionParams.Clock_Wedge},
- {displayValue: this.textZoomIn, value: Asc.c_oAscSlideTransitionParams.Zoom_In},
- {displayValue: this.textZoomOut, value: Asc.c_oAscSlideTransitionParams.Zoom_Out},
- {displayValue: this.textZoomRotate, value: Asc.c_oAscSlideTransitionParams.Zoom_AndRotate}
- ];
- this._arrEffect = [
- {displayValue: this.textNone, value: Asc.c_oAscSlideTransitionTypes.None},
- {displayValue: this.textFade, value: Asc.c_oAscSlideTransitionTypes.Fade},
- {displayValue: this.textPush, value: Asc.c_oAscSlideTransitionTypes.Push},
- {displayValue: this.textWipe, value: Asc.c_oAscSlideTransitionTypes.Wipe},
- {displayValue: this.textSplit, value: Asc.c_oAscSlideTransitionTypes.Split},
- {displayValue: this.textUnCover, value: Asc.c_oAscSlideTransitionTypes.UnCover},
- {displayValue: this.textCover, value: Asc.c_oAscSlideTransitionTypes.Cover},
- {displayValue: this.textClock, value: Asc.c_oAscSlideTransitionTypes.Clock},
- {displayValue: this.textZoom, value: Asc.c_oAscSlideTransitionTypes.Zoom}
- ];
- },
-
- initEvents: function () {
- var me = this;
-
- $('#slide-theme').single('click', _.bind(me.showTheme, me));
- $('#slide-change-layout').single('click', _.bind(me.showLayout, me));
- $('#slide-transition').single('click', _.bind(me.showTransition, me));
- $('#slide-style').single('click', _.bind(me.showStyle, me));
- $('#edit-slide-effect').single('click', _.bind(me.showEffect, me));
- $('#edit-slide-effect-type').single('click', _.bind(me.showEffectType, me));
-
- Common.Utils.addScrollIfNeed('#edit-slide .pages', '#edit-slide .page');
- me.initControls();
- },
-
- categoryShow: function(e) {
- // if ('edit-slide' == $(e.currentTarget).prop('id')) {
- // this.initEvents();
- // }
- },
-
- // Render layout
- render: function () {
- this.layout = $('').append(this.template({
- android : Common.SharedSettings.get('android'),
- phone : Common.SharedSettings.get('phone'),
- scope : this
- }));
-
- return this;
- },
-
- rootLayout: function () {
- if (this.layout) {
- return this.layout
- .find('#edit-slide-root')
- .html();
- }
-
- return '';
- },
-
- initControls: function () {
- //
- },
-
- showPage: function (templateId, suspendEvent) {
- var rootView = PE.getController('EditContainer').rootView;
-
- if (rootView && this.layout) {
- var $content = this.layout.find(templateId);
-
- // Android fix for navigation
- if (Framework7.prototype.device.android) {
- $content.find('.page').append($content.find('.navbar'));
- }
-
- rootView.router.load({
- content: $content.html()
- });
-
- if (suspendEvent !== true) {
- this.fireEvent('page:show', [this, templateId]);
- }
-
- this.initEvents();
- }
-
- Common.Utils.addScrollIfNeed('.page[data-page=editslide-effect]', '.page[data-page=editslide-effect] .page-content');
- Common.Utils.addScrollIfNeed('.page[data-page=editslide-effect-type]', '.page[data-page=editslide-effect-type] .page-content');
- Common.Utils.addScrollIfNeed('.page[data-page=edit-slide-style]', '.page[data-page=edit-slide-style] .page-content');
- },
-
- showStyle: function () {
- var me = this;
- this.showPage('#edit-slide-style', true);
-
- this.paletteFillColor = new Common.UI.ThemeColorPalette({
- el: $('.page[data-page=edit-slide-style] .page-content'),
- transparent: true
- });
- this.paletteFillColor.on('customcolor', function () {
- me.showCustomSlideColor();
- });
- var template = _.template(['- ',
- '
- ',
- '',
- '', - '', - '', - '', - '', - '<%= scope.textAddCustomColor %>', - ' ',
- '
',
- '
'].join(''));
- $('.page[data-page=edit-slide-style] .page-content').append(template({scope: this}));
- $('#edit-slide-add-custom-color').single('click', _.bind(this.showCustomSlideColor, this));
-
- this.fireEvent('page:show', [this, '#edit-slide-style']);
- },
-
- showCustomSlideColor: function () {
- var me = this,
- selector = '#edit-slide-custom-color-view';
- me.showPage(selector, true);
-
- me.customColorPicker = new Common.UI.HsbColorPicker({
- el: $('.page[data-page=edit-slide-custom-color] .page-content'),
- color: me.paletteFillColor.currentColor
- });
- me.customColorPicker.on('addcustomcolor', function (colorPicker, color) {
- me.paletteFillColor.addNewDynamicColor(colorPicker, color);
- PE.getController('EditContainer').rootView.router.back();
- });
-
- me.fireEvent('page:show', [me, selector]);
- },
-
- showLayout: function () {
- this.showPage('#edit-slide-layout', true);
-
- this.renderLayouts();
-
- Common.Utils.addScrollIfNeed('.view.edit-root-view .page-on-center', '.view.edit-root-view .page-on-center .page-content');
- this.fireEvent('page:show', [this, '#edit-slide-layout']);
- },
-
- showTheme: function () {
- this.showPage('#edit-slide-theme');
- },
-
- showTransition: function () {
- this.showPage('#edit-slide-transition');
-
- // remove android specific style
- $('.page[data-page=edit-slide-transition] .list-block.inputs-list').removeClass('inputs-list');
-
- Common.Utils.addScrollIfNeed('.page[data-page=edit-slide-transition]', '.page[data-page=edit-slide-transition] .page-content');
- },
-
- showEffect: function () {
- this.showPage('#editslide-effect');
- },
-
- showEffectType: function () {
- this.showPage('#editslide-effect-type');
- },
-
- updateLayouts: function () {
- _layouts = Common.SharedSettings.get('slidelayouts');
- this.renderLayouts();
- },
-
- renderLayouts: function() {
- var $layoutContainer = $('.container-edit .slide-layout');
- if ($layoutContainer.length > 0 && _layouts.length>0) {
- var columns = parseInt(($layoutContainer.width()-20) / (_layouts[0].itemWidth+2)), // magic
- row = -1,
- layouts = [];
-
- _.each(_layouts, function (layout, index) {
- if (0 == index % columns) {
- layouts.push([]);
- row++
- }
- layouts[row].push(layout);
- });
-
- var template = _.template([
- '<% _.each(layouts, function(row) { %>',
- '- ',
- '
- ',
- '',
- '', - '', - '', - '', - '', - '<%= scope.textAddCustomColor %>', - ' ',
- '
- ',
- '<% _.each(row, function(item) { %>',
- '
- ',
- '',
- '<% }); %>',
- '
',
- '<% _.each(row, function(theme) { %>',
- '
',
- '<% }); %>'
- ].join(''))({
- themes: themes
- });
-
- $themeContainer.html(template);
- }
- },
-
- renderEffectTypes: function() {
- var $typeContainer = $('#page-editslide-effect-type .list-block ul');
- if ($typeContainer.length > 0 && _arrCurrentEffectTypes.length>0) {
- var template = _.template([
- '<% _.each(types, function(item) { %>',
- '' + 'background-image: url(<%= theme.imageUrl %>);' + '<% } %> background-position: 0 -<%= theme.offsety %>px;">
',
- '<% }); %>',
- '',
- '<% _.each(styles, function(row) { %>',
- '
'
- ].join(''))({
- styles: styles
- });
-
- $styleContainer.html(template);
- }
- },
-
- categoryShow: function(e) {
- // if ('edit-shape' == $(e.currentTarget).prop('id')) {
- // this.initEvents();
- // }
- },
-
- showStyleCategory: function (e) {
- // remove android specific style
- $('.page[data-page=edit-table-style] .list-block.inputs-list').removeClass('inputs-list');
- if ($(e.currentTarget).data('type') == 'fill') {
- this.fireEvent('page:show', [this, '#edit-table-style']);
- }
-
- // Common.Utils.addScrollIfNeed('.page[data-page=edit-table-style] .tabs', '#tab-table-style');
- Common.Utils.addScrollIfNeed('#tab-table-style', '#tab-table-style .list-block');
- Common.Utils.addScrollIfNeed('#tab-table-fill', '#tab-table-fill .list-block');
- Common.Utils.addScrollIfNeed('#tab-table-border', '#tab-table-border .list-block');
- },
-
- showPage: function (templateId, suspendEvent) {
- var rootView = PE.getController('EditContainer').rootView;
-
- if (rootView && this.layout) {
- var $content = this.layout.find(templateId);
-
- // Android fix for navigation
- if (Framework7.prototype.device.android) {
- $content.find('.page').append($content.find('.navbar'));
- }
-
- rootView.router.load({
- content: $content.html()
- });
-
- if (suspendEvent !== true) {
- this.fireEvent('page:show', [this, templateId]);
- }
-
- this.initEvents();
- }
-
- Common.Utils.addScrollIfNeed('#tab-table-style', '#tab-table-style .list-block');
- Common.Utils.addScrollIfNeed('.page.table-reorder', '.page.table-reorder .page-content');
- },
-
- showTableStyle: function () {
- var me = this;
- this.showPage('#edit-table-style', true);
-
- this.paletteFillColor = new Common.UI.ThemeColorPalette({
- el: $('#tab-table-fill'),
- transparent: true
- });
- this.paletteFillColor.on('customcolor', function () {
- me.showCustomFillColor();
- });
- var template = _.template(['',
- '<% _.each(row, function(style) { %>',
- '
',
- '<% }); %>',
- '',
- '',
- '
',
- '<% }); %>',
- '',
- '
'].join(''));
- $('#tab-table-fill').append(template({scope: this}));
- $('#edit-table-add-custom-color').single('click', _.bind(this.showCustomFillColor, this));
-
- this.fireEvent('page:show', [this, '#edit-table-style']);
- },
-
- showCustomFillColor: function () {
- var me = this,
- selector = '#edit-table-custom-color-view';
- me.showPage(selector, true);
-
- me.customColorPicker = new Common.UI.HsbColorPicker({
- el: $('.page[data-page=edit-table-custom-color] .page-content'),
- color: me.paletteFillColor.currentColor
- });
- me.customColorPicker.on('addcustomcolor', function (colorPicker, color) {
- me.paletteFillColor.addNewDynamicColor(colorPicker, color);
- PE.getController('EditContainer').rootView.router.back();
- });
-
- me.fireEvent('page:show', [me, selector]);
- },
-
- showBorderColor: function () {
- var me = this;
- this.showPage('#edit-table-border-color-view', true);
-
- this.paletteBorderColor = new Common.UI.ThemeColorPalette({
- el: $('.page[data-page=edit-table-border-color] .page-content')
- });
- this.paletteBorderColor.on('customcolor', function () {
- me.showCustomBorderColor();
- });
- var template = _.template(['- ',
- '
- ',
- '',
- '', - '', - '', - '', - '', - '<%= scope.textAddCustomColor %>', - ' ',
- '
',
- '
'].join(''));
- $('.page[data-page=edit-table-border-color] .page-content').append(template({scope: this}));
- $('#edit-table-add-custom-border-color').single('click', _.bind(this.showCustomBorderColor, this));
-
- this.fireEvent('page:show', [this, '#edit-table-border-color-view']);
- },
-
- showCustomBorderColor: function() {
- var me = this,
- selector = '#edit-table-custom-color-view';
- me.showPage(selector, true);
-
- me.customBorderColorPicker = new Common.UI.HsbColorPicker({
- el: $('.page[data-page=edit-table-custom-color] .page-content'),
- color: me.paletteBorderColor.currentColor
- });
- me.customBorderColorPicker.on('addcustomcolor', function (colorPicker, color) {
- me.paletteBorderColor.addNewDynamicColor(colorPicker, color);
- me.paletteFillColor.updateDynamicColors();
- me.paletteFillColor.select(me.paletteFillColor.currentColor);
- PE.getController('EditContainer').rootView.router.back();
- });
-
- me.fireEvent('page:show', [me, selector]);
- },
-
- showTableStyleOptions: function () {
- this.showPage('#edit-table-style-options-view');
- },
-
- showReorder: function () {
- this.showPage('#edit-table-reorder');
- Common.Utils.addScrollIfNeed('.page.table-reorder', '.page.table-reorder .page-content');
- },
-
- showAlign: function () {
- this.showPage('#edit-table-align');
- Common.Utils.addScrollIfNeed('.page.table-align', '.page.table-align .page-content');
- },
-
- textRemoveTable: 'Remove Table',
- textTableOptions: 'Table Options',
- textStyle: 'Style',
- textBack: 'Back',
- textOptions: 'Options',
- textCellMargins: 'Cell Margins',
- textFill: 'Fill',
- textBorder: 'Border',
- textStyleOptions: 'Style Options',
- textSize: 'Size',
- textColor: 'Color',
- textHeaderRow: 'Header Row',
- textTotalRow: 'Total Row',
- textBandedRow: 'Banded Row',
- textFirstColumn: 'First Column',
- textLastColumn: 'Last Column',
- textBandedColumn: 'Banded Column',
- textReorder: 'Reorder',
- textToForeground: 'Bring to Foreground',
- textToBackground: 'Send to Background',
- textForward: 'Move Forward',
- textBackward: 'Move Backward',
- textAlign: 'Align',
- textAlignLeft: 'Align Left',
- textAlignRight: 'Align Right',
- textAlignCenter: 'Align Center',
- textAlignTop: 'Align Top',
- textAlignBottom: 'Align Bottom',
- textAlignMiddle: 'Align Middle',
- txtDistribHor: 'Distribute Horizontally',
- txtDistribVert: 'Distribute Vertically',
- textAddCustomColor: 'Add Custom Color',
- textCustomColor: 'Custom Color'
- }
- })(), PE.Views.EditTable || {}))
-});
\ No newline at end of file
diff --git a/apps/presentationeditor/mobile/app/view/edit/EditText.js b/apps/presentationeditor/mobile/app/view/edit/EditText.js
deleted file mode 100644
index 6fb609736..000000000
--- a/apps/presentationeditor/mobile/app/view/edit/EditText.js
+++ /dev/null
@@ -1,294 +0,0 @@
-/*
- *
- * (c) Copyright Ascensio System SIA 2010-2019
- *
- * This program is a free software product. You can redistribute it and/or
- * modify it under the terms of the GNU Affero General Public License (AGPL)
- * version 3 as published by the Free Software Foundation. In accordance with
- * Section 7(a) of the GNU AGPL its Section 15 shall be amended to the effect
- * that Ascensio System SIA expressly excludes the warranty of non-infringement
- * of any third-party rights.
- *
- * This program is distributed WITHOUT ANY WARRANTY; without even the implied
- * warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. For
- * details, see the GNU AGPL at: http://www.gnu.org/licenses/agpl-3.0.html
- *
- * You can contact Ascensio System SIA at 20A-12 Ernesta Birznieka-Upisha
- * street, Riga, Latvia, EU, LV-1050.
- *
- * The interactive user interfaces in modified source and object code versions
- * of the Program must display Appropriate Legal Notices, as required under
- * Section 5 of the GNU AGPL version 3.
- *
- * Pursuant to Section 7(b) of the License you must retain the original Product
- * logo when distributing the program. Pursuant to Section 7(e) we decline to
- * grant you any rights under trademark law for use of our trademarks.
- *
- * All the Product's GUI elements, including illustrations and icon sets, as
- * well as technical writing content are licensed under the terms of the
- * Creative Commons Attribution-ShareAlike 4.0 International. See the License
- * terms at http://creativecommons.org/licenses/by-sa/4.0/legalcode
- *
- */
-
-/**
- * EditText.js
- * Presentation Editor
- *
- * Created by Alexander Yuzhin on 10/4/16
- * Copyright (c) 2018 Ascensio System SIA. All rights reserved.
- *
- */
-
-define([
- 'text!presentationeditor/mobile/app/template/EditText.template',
- 'jquery',
- 'underscore',
- 'backbone',
- 'common/mobile/lib/component/ThemeColorPalette',
- 'common/mobile/lib/component/HsbColorPicker'
-], function (editTemplate, $, _, Backbone) {
- 'use strict';
-
- PE.Views.EditText = Backbone.View.extend(_.extend((function() {
- // private
- var _fontsList,
- _editTextController;
-
- var _bullets = [
- [
- {type: -1, thumb: ''},
- {type: 1, thumb: 'bullet-01.png'},
- {type: 2, thumb: 'bullet-02.png'},
- {type: 3, thumb: 'bullet-03.png'}
- ],
- [
- {type: 4, thumb: 'bullet-04.png'},
- {type: 5, thumb: 'bullet-05.png'},
- {type: 6, thumb: 'bullet-06.png'},
- {type: 7, thumb: 'bullet-07.png'}
- ]
- ];
-
- var _numbers = [
- [
- {type: -1, thumb: ''},
- {type: 4, thumb: 'number-01.png'},
- {type: 5, thumb: 'number-02.png'},
- {type: 6, thumb: 'number-03.png'}
- ],
- [
- {type: 1, thumb: 'number-04.png'},
- {type: 2, thumb: 'number-05.png'},
- {type: 3, thumb: 'number-06.png'},
- {type: 7, thumb: 'number-07.png'}
- ]
- ];
-
- return {
- // el: '.view-main',
-
- template: _.template(editTemplate),
-
- events: {
- },
-
- initialize: function () {
- _editTextController = PE.getController('EditText');
- Common.NotificationCenter.on('editcontainer:show', _.bind(this.initEvents, this));
- },
-
- initEvents: function () {
- var me = this;
-
- $('#font-fonts').single('click', _.bind(me.showFonts, me));
- $('#font-color').single('click', _.bind(me.showFontColor, me));
- $('#font-additional').single('click', _.bind(me.showAdditional, me));
- $('#font-line-spacing').single('click', _.bind(me.showLineSpacing, me));
- $('#font-bullets').single('click', _.bind(me.showBullets, me));
- $('#font-numbers').single('click', _.bind(me.showNumbers, me));
-
- me.initControls();
- PE.getController('EditText').initSettings();
-
- Common.Utils.addScrollIfNeed('#edit-text .pages', '#edit-text .page');
- },
-
- // Render layout
- render: function () {
- this.layout = $('').append(this.template({
- android : Common.SharedSettings.get('android'),
- phone : Common.SharedSettings.get('phone'),
- scope : this,
- bullets : _bullets,
- numbers : _numbers
- }));
-
- return this;
- },
-
- rootLayout: function () {
- if (this.layout) {
- return this.layout
- .find('#edit-text-root')
- .html();
- }
-
- return '';
- },
-
- initControls: function () {
- //
- },
-
- showPage: function (templateId, suspendEvent) {
- var rootView = PE.getController('EditContainer').rootView;
-
- if (rootView && this.layout) {
- var $content = this.layout.find(templateId);
-
- // Android fix for navigation
- if (Framework7.prototype.device.android) {
- $content.find('.page').append($content.find('.navbar'));
- }
-
- rootView.router.load({
- content: $content.html()
- });
-
- if (suspendEvent !== true) {
- this.fireEvent('page:show', [this, templateId]);
- }
- }
- },
-
- showFonts: function () {
- this.showPage('#edit-text-fonts');
-
- var me = this,
- $template = $(
- '- ',
- '
- ',
- '',
- '', - '', - '', - '', - '', - '<%= scope.textAddCustomColor %>', - ' ',
- '
' +
- '' +
- '' +
- ' ' +
- '
'
- );
-
- _fontsList = uiApp.virtualList('#font-list.virtual-list', {
- items: PE.getController('EditText').getFonts(),
- template: $template.html(),
- onItemsAfterInsert: function (list, fragment) {
- var fontInfo = _editTextController.getFontInfo();
- $('#font-list input[name=font-name]').val([fontInfo.name]);
-
- $('#font-list li').single('click', _.buffered(function (e) {
- me.fireEvent('font:click', [me, e]);
- }, 100));
- }
- });
-
- Common.Utils.addScrollIfNeed('.page[data-page=edit-text-font-page]', '.page[data-page=edit-text-font-page] .page-content');
- },
-
- showFontColor: function () {
- var me = this;
- this.showPage('#edit-text-color', true);
-
- this.paletteTextColor = new Common.UI.ThemeColorPalette({
- el: $('.page[data-page=edit-text-font-color] .page-content')
- });
- this.paletteTextColor.on('customcolor', function () {
- me.showCustomFontColor();
- });
- var template = _.template(['',
- '
'].join(''));
- $('.page[data-page=edit-text-font-color] .page-content').append(template({scope: this}));
- $('#edit-text-add-custom-color').single('click', _.bind(this.showCustomFontColor, this));
-
- Common.Utils.addScrollIfNeed('.page[data-page=edit-text-font-color]', '.page[data-page=edit-text-font-color] .page-content');
- this.fireEvent('page:show', [this, '#edit-text-color']);
- },
-
- showCustomFontColor: function () {
- var me = this,
- selector = '#edit-text-custom-color-view';
- me.showPage(selector, true);
-
- me.customColorPicker = new Common.UI.HsbColorPicker({
- el: $('.page[data-page=edit-text-custom-color] .page-content'),
- color: me.paletteTextColor.currentColor
- });
- me.customColorPicker.on('addcustomcolor', function (colorPicker, color) {
- me.paletteTextColor.addNewDynamicColor(colorPicker, color);
- PE.getController('EditContainer').rootView.router.back();
- });
-
- me.fireEvent('page:show', [me, selector]);
- },
-
- showAdditional: function () {
- this.showPage('#edit-text-additional');
- Common.Utils.addScrollIfNeed('.page[data-page=edit-text-additional]', '.page[data-page=edit-text-additional] .page-content');
- },
-
- showLineSpacing: function () {
- this.showPage('#edit-text-linespacing');
- Common.Utils.addScrollIfNeed('#page-text-linespacing', '#page-text-linespacing .page-content');
- },
-
- showBullets: function () {
- this.showPage('#edit-text-bullets');
- },
-
- showNumbers: function () {
- this.showPage('#edit-text-numbers');
- },
-
- textFonts: 'Fonts',
- textFontColor: 'Font Color',
- textAdditionalFormat: 'Additional Formatting',
- textBack: 'Back',
- textSize: 'Size',
- textFontColors: 'Font Colors',
- textAutomatic: 'Automatic',
- textAdditional: 'Additional',
- textStrikethrough: 'Strikethrough',
- textDblStrikethrough: 'Double Strikethrough',
- textDblSuperscript: 'Superscript',
- textSubscript: 'Subscript',
- textSmallCaps: 'Small Caps',
- textAllCaps: 'All Caps',
- textLetterSpacing: 'Letter Spacing',
- textFromText: 'Distance from Text',
- textBefore: 'Before',
- textAfter: 'After',
- textLineSpacing: 'Line Spacing',
- textBullets: 'Bullets',
- textNone: 'None',
- textNumbers: 'Numbers',
- textCharacterBold: 'B',
- textCharacterItalic: 'I',
- textCharacterUnderline: 'U',
- textCharacterStrikethrough: 'S',
- textAddCustomColor: 'Add Custom Color',
- textCustomColor: 'Custom Color'
- }
- })(), PE.Views.EditText || {}))
-});
\ No newline at end of file
diff --git a/apps/presentationeditor/mobile/index.html.deploy b/apps/presentationeditor/mobile/index.html.deploy
deleted file mode 100644
index 4b1435876..000000000
--- a/apps/presentationeditor/mobile/index.html.deploy
+++ /dev/null
@@ -1,274 +0,0 @@
-
-
-
-
-
-
-
-
-
- - ',
- '
- ',
- '',
- '', - '', - '', - '', - '', - '<%= scope.textAddCustomColor %>', - ' ',
- '
-
-
-
-
-
-
diff --git a/apps/presentationeditor/mobile/index_loader.html b/apps/presentationeditor/mobile/index_loader.html
deleted file mode 100644
index 9bd13b7b9..000000000
--- a/apps/presentationeditor/mobile/index_loader.html
+++ /dev/null
@@ -1,264 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-