cronapp-framework-mobile-js
Version:
Javascript library for CronApp's projects
1 lines • 18.9 kB
CSS
@import '../../../fonts/roboto/roboto.css';@import '../../../fonts/helvetica-neue/HelveticaNeue.css';:root{--fontFamily:"Roboto","Helvetica Neue",Arial,sans-serif;--textColor:#c8c8c8;--backgroundColor:#060606;--textSmallSize:12px;--textNormalSize:14px;--textMediumSize:18px;--textBigSize:34px;--textExtraBigSize:45px;--textFullSize:56px;--textColor10:#f0f0f0;--textColor20:#e3e3e3;--textColor30:#d6d6d6;--textColor40:#c8c8c8;--textColor50:#afafaf;--textColor60:#939393;--textColor70:#6e6e6e;--menuVerticalWidth:270px;--menuSideSize:20px;--menuItemBarSize:6px;--menuElementOverallPadding:10px;--menuItemPaddingSize:calc(var(--menuElementOverallPadding) + 5px);--menuItemIconWidth:25px;--backgroundColor10:#d5d5d5;--backgroundColor20:#aeaeae;--backgroundColor30:#7b7b7b;--backgroundColor40:#060606;--backgroundColor50:#050505;--backgroundColor60:#040404;--backgroundColor70:#030303;--backgroundLogin10:#d5d5d5;--backgroundLogin20:#aeaeae;--backgroundLogin30:#7b7b7b;--backgroundLogin40:#060606;--backgroundLogin50:#050505;--backgroundLogin60:#040404;--backgroundLogin70:#030303;--distanceNone:0;--distanceSmallest:5px;--distanceExtraSmall:10px;--distanceSmall:15px;--distanceMedium:20px;--distanceBig:30px;--distanceGiant:40px;--distanceTitan:60px;--borderRadiusNone:0;--borderRadiusSmallest:5px;--borderRadiusExtraSmall:10px;--borderRadiusSmall:15px;--borderRadiusBig:30px;--borderRadiusGiant:40px;--borderRadiusTitan:60px;--borderRadiusFull:99999px;--colorDefault10:#dadada;--colorDefault20:#b8b8b8;--colorDefault30:#909090;--colorDefault40:#424242;--colorDefault50:#4a4a4a;--colorDefault60:#3e3e3e;--colorDefault70:#2f2f2f;--textColorDefault10:#8c8c8c;--textColorDefault20:#bbb;--textColorDefault30:#dfdfdf;--textColorDefault40:#fff;--textColorDefault50:#fff;--textColorDefault60:#fff;--textColorDefault70:#fff;--colorPrimary10:#d7e6f3;--colorPrimary20:#b0d1ea;--colorPrimary30:#81bae0;--colorPrimary40:#2a9fd6;--colorPrimary50:#258bbb;--colorPrimary60:#1f749d;--colorPrimary70:#175775;--textColorPrimary10:#8c8c8c;--textColorPrimary20:#bbb;--textColorPrimary30:#dfdfdf;--textColorPrimary40:#fff;--textColorPrimary50:#fff;--textColorPrimary60:#fff;--textColorPrimary70:#fff;--colorSuccess10:#dfebd5;--colorSuccess20:#c2daae;--colorSuccess30:#a1c77b;--colorSuccess40:#77b300;--colorSuccess50:#689d00;--colorSuccess60:#578300;--colorSuccess70:#416200;--textColorSuccess10:#8c8c8c;--textColorSuccess20:#bbb;--textColorSuccess30:#dfdfdf;--textColorSuccess40:#fff;--textColorSuccess50:#fff;--textColorSuccess60:#fff;--textColorSuccess70:#fff;--colorWarning10:#ffe2d5;--colorWarning20:#ffc8ae;--colorWarning30:#ffab7b;--colorWarning40:#f80;--colorWarning50:#df7700;--colorWarning60:#bb6400;--colorWarning70:#8c4a00;--textColorWarning10:#8c8c8c;--textColorWarning20:#bbb;--textColorWarning30:#dfdfdf;--textColorWarning40:#fff;--textColorWarning50:#fff;--textColorWarning60:#fff;--textColorWarning70:#fff;--colorDanger10:#f1d5d5;--colorDanger20:#e5aeae;--colorDanger30:#d97b7b;--colorDanger40:#c00;--colorDanger50:#b30000;--colorDanger60:#950000;--colorDanger70:#700000;--textColorDanger10:#8c8c8c;--textColorDanger20:#bbb;--textColorDanger30:#dfdfdf;--textColorDanger40:#fff;--textColorDanger50:#fff;--textColorDanger60:#fff;--textColorDanger70:#fff;--colorRoyal10:#e5d7f1;--colorRoyal20:#cfb2e5;--colorRoyal30:#b683d9;--colorRoyal40:#6c2093;--colorRoyal50:#551774;--colorRoyal60:#4e156b;--colorRoyal70:#401356;--textColorRoyal10:#8c8c8c;--textColorRoyal20:#bbb;--textColorRoyal30:#dfdfdf;--textColorRoyal40:#fff;--textColorRoyal50:#fff;--textColorRoyal60:#fff;--textColorRoyal70:#fff;--colorCalm10:#d99df8;--colorCalm20:#ba61e7;--colorCalm30:#a741da;--colorCalm40:#93c;--colorCalm50:#822bad;--colorCalm60:#7a29a3;--colorCalm70:#732699;--textColorCalm10:#8c8c8c;--textColorCalm20:#bbb;--textColorCalm30:#dfdfdf;--textColorCalm40:#fff;--textColorCalm50:#fff;--textColorCalm60:#fff;--textColorCalm70:#fff;--colorLight10:#d6d6d6;--colorLight20:#afafaf;--colorLight30:#7f7f7f;--colorLight40:#adafae;--colorLight50:#1e1e1e;--colorLight60:#191919;--colorLight70:#131313;--textColorLight10:#8c8c8c;--textColorLight20:#bbb;--textColorLight30:#dfdfdf;--textColorLight40:#fff;--textColorLight50:#fff;--textColorLight60:#fff;--textColorLight70:#fff;--colorStable10:#fdfdfd;--colorStable20:#fbfbfb;--colorStable30:#fafafa;--colorStable40:#f8f8f8;--colorStable50:#d9d9d9;--colorStable60:#b6b6b6;--colorStable70:#888;--textColorStable10:#252525;--textColorStable20:#323232;--textColorStable30:#3c3c3c;--textColorStable40:#444;--textColorStable50:#898989;--textColorStable60:#b5b5b5;--textColorStable70:#d9d9d9;--colorDark10:#e9eaea;--colorDark20:#d7d8d7;--colorDark30:#c3c5c4;--colorDark40:#222;--colorDark50:#979998;--colorDark60:#7f807f;--colorDark70:#5f605f;--textColorDark10:#000;--textColorDark20:#000;--textColorDark30:#000;--textColorDark40:#000;--textColorDark50:#7b7b7b;--textColorDark60:#aeaeae;--textColorDark70:#d5d5d5;--colorNeutral00:#fff;--colorNeutral10:#f1f1f1;--colorNeutral20:#e3e3e3;--colorNeutral30:#d5d5d5;--colorNeutral40:#c7c7c7;--colorNeutral50:#b9b9b9;--colorNeutral60:#acacac;--colorNeutral70:#9e9e9e;--colorNeutral80:#909090;--colorNeutral90:#828282;--colorNeutral100:#747474;--colorNeutral110:#666;--colorNeutral120:#5d5d5d;--colorNeutral130:#535353;--colorNeutral140:#4a4a4a;--colorNeutral150:#414141;--colorNeutral160:#383838;--colorNeutral170:#2e2e2e;--colorNeutral180:#252525;--colorNeutral190:#1c1c1c;--colorNeutral200:#131313;--colorNeutral210:#090909;--colorNeutral220:#000;--btnLink:var(--colorPrimary40,#2a9fd6);--btnDefault:var(--colorDefault40,#424242);--btnPrimary:var(--colorPrimary40,#2a9fd6);--btnSuccess:var(--colorSuccess40,#77b300);--btnCalm:var(--colorCalm40,#93c);--btnWarning:var(--colorWarning40,#f80);--btnDanger:var(--colorDanger40,#c00);--btnLight:var(--colorLight40,#222);--btnStable:var(--colorStable40,#f8f8f8);--btnRoyal:var(--colorRoyal40,#6c2093);--btnDark:var(--colorDark40,#adafae);--textColorDefault:var(--textColorDefault40,#fff);--textColorPrimary:var(--textColorPrimary40,#fff);--textColorSuccess:var(--textColorSuccess40,#fff);--textColorCalm:var(--textColorDefault40,#fff);--textColorWarning:var(--textColorWarning40,#fff);--textColorDanger:var(--textColorDanger40,#fff);--textColorLight:var(--textColorLight40,#333);--textColorStable:var(--textColorStable40,#444);--textColorRoyal:var(--textColorRoyal40,#fff);--textColorDark:var(--textColorDark40,#fff);--borderBtnLink:transparent;--borderBtnDefault:transparent;--borderBtnPrimary:transparent;--borderBtnSuccess:transparent;--borderBtnCalm:transparent;--borderBtnWarning:transparent;--borderBtnDanger:transparent;--borderBtnLight:transparent;--borderBtnStable:transparent;--borderBtnRoyal:transparent;--borderBtnDark:transparent;--colorDefault:var(--colorDefault50,#4a4a4a);--colorPrimary:var(--colorPrimary40,#2a9fd6);--colorSuccess:var(--colorSuccess40,#77b300);--colorCalm:var(--colorCalm40,#93c);--colorWarning:var(--colorWarning40,#f80);--colorDanger:var(--colorDanger40,#c00);--colorLight:var(--colorLight30,#222);--colorStable:var(--colorStable40,#f8f8f8);--colorRoyal:var(--colorRoyal40,#6c2093);--colorDark:var(--colorDark40,#adafae);--checkboxDefault:var(--colorDefault40,#424242);--checkboxPrimary:var(--colorPrimary40,#2a9fd6);--checkboxSuccess:var(--colorSuccess40,#77b300);--checkboxCalm:var(--colorCalm40,#93c);--checkboxWarning:var(--colorWarning40,#f80);--checkboxDanger:var(--colorDanger40,#c00);--checkboxLight:var(--colorLight50,#1e1e1e);--checkboxStable:var(--colorStable40,#f8f8f8);--checkboxRoyal:var(--colorRoyal40,#6c2093);--checkboxDark:var(--colorDark40,#adafae);--borderCheckboxDefault:transparent;--borderCheckboxPrimary:transparent;--borderCheckboxSuccess:transparent;--borderCheckboxCalm:transparent;--borderCheckboxWarning:transparent;--borderCheckboxDanger:transparent;--borderCheckboxLight:transparent;--borderCheckboxStable:transparent;--borderCheckboxRoyal:transparent;--borderCheckboxDark:transparent;--toggleDefault:var(--colorDefault40,#424242);--togglePrimary:var(--colorPrimary40,#2a9fd6);--toggleSuccess:var(--colorSuccess40,#77b300);--toggleCalm:var(--colorCalm40,#93c);--toggleWarning:var(--colorWarning40,#f80);--toggleDanger:var(--colorDanger40,#c00);--toggleLight:var(--colorLight50,#1e1e1e);--toggleStable:var(--colorStable50,#d9d9d9);--toggleRoyal:var(--colorRoyal40,#6c2093);--toggleDark:var(--colorDark40,#adafae);--borderToggleDefault:transparent;--borderTogglePrimary:transparent;--borderToggleSuccess:transparent;--borderToggleCalm:transparent;--borderToggleWarning:transparent;--borderToggleDanger:transparent;--borderToggleLight:transparent;--borderToggleStable:transparent;--borderToggleRoyal:transparent;--borderToggleDark:transparent;--bgDefault:var(--colorDefault40,#424242);--bgPrimary:var(--colorPrimary40,#2a9fd6);--bgSuccess:var(--colorSuccess40,#77b300);--bgCalm:var(--colorCalm40,#93c);--bgWarning:var(--colorWarning40,#f80);--bgDanger:var(--colorDanger40,#c00);--bgLight:var(--colorLight30,#7f7f7f);--bgStable:var(--colorStable40,#f8f8f8);--bgRoyal:var(--colorRoyal40,#6c2093);--bgDark:var(--colorDark40,#adafae);--borderActiveBackgroundDefault:transparent;--borderActiveBackgroundPrimary:transparent;--borderActiveBackgroundSuccess:transparent;--borderActiveBackgroundCalm:transparent;--borderActiveBackgroundWarning:transparent;--borderActiveBackgroundDanger:transparent;--borderActiveBackgroundLight:transparent;--borderActiveBackgroundStable:transparent;--borderActiveBackgroundRoyal:transparent;--borderActiveBackgroundDark:transparent;--activeBackgroundDefault:var(--colorDefault40,#424242);--activeBackgroundPrimary:var(--colorPrimary40,#2a9fd6);--activeBackgroundSuccess:var(--colorSuccess40,#3fb618);--activeBackgroundCalm:var(--colorCalm40,#93c);--activeBackgroundWarning:var(--colorWarning40,#f80);--activeBackgroundDanger:var(--colorDanger40,#c00);--activeBackgroundLight:var(--colorLight30,#7f7f7f);--activeBackgroundStable:var(--colorStable40,#f8f8f8);--activeBackgroundRoyal:var(--colorRoyal40,#6c2093);--activeBackgroundDark:var(--colorDark40,#adafae);--ionSegmentDefault:var(--textColorDefault40,#fff);--ionSegmentPrimary:var(--textColorPrimary40,#fff);--ionSegmentSuccess:var(--textColorSuccess40,#fff);--ionSegmentCalm:var(--textColorCalm40,#fff);--ionSegmentWarning:var(--textColorWarning40,#fff);--ionSegmentDanger:var(--textColorDanger40,#fff);--ionSegmentLight:var(--textColorLight30,#dfdfdf);--ionSegmentStable:var(--textColorStable40,#444);--ionSegmentRoyal:var(--textColorRoyal40,#fff);--ionSegmentDark:var(--textColorDark40,#000);--iconThemeLightDefault:var(--textColorDefault40,#fff);--iconThemeLightPrimary:var(--textColorPrimary40,#fff);--iconThemeLightSuccess:var(--textColorSuccess40,#fff);--iconThemeLightCalm:var(--textColorCalm40,#fff);--iconThemeLightWarning:var(--textColorWarning40,#fff);--iconThemeLightDanger:var(--textColorDanger40,#fff);--iconThemeLightLight:var(--textColorLight30,#dfdfdf);--iconThemeLightStable:var(--textColorStable40,#444);--iconThemeLightRoyal:var(--textColorRoyal40,#fff);--iconThemeLightDark:var(--textColorDark40,#000);--tabsDefault:var(--colorDefault40,#424242);--tabsPrimary:var(--colorPrimary40,#2a9fd6);--tabsSuccess:var(--colorSuccess40,#77b300);--tabsCalm:var(--colorCalm40,#93c);--tabsWarning:var(--colorWarning40,#f80);--tabsDanger:var(--colorDanger40,#c00);--tabsLight:var(--colorLight40,#fff);--tabsStable:var(--colorStable40,#f8f8f8);--tabsRoyal:var(--colorRoyal40,#6c2093);--tabsDark:var(--colorDark40,#adafae);--barDefault:var(--backgroundColor40,#060606);--barPrimary:var(--colorPrimary40,#2a9fd6);--barSuccess:var(--colorSuccess40,#77b300);--barCalm:var(--colorCalm40,#93c);--barWarning:var(--colorWarning40,#f80);--barDanger:var(--colorDanger40,#c00);--barLight:var(--colorLight40,#fff);--barStable:var(--colorStable40,#f8f8f8);--barRoyal:var(--colorRoyal40,#6c2093);--barDark:var(--colorDark40,#adafae);--backgroundDefault:var(--backgroundColor40,#060606);--backgroundPrimary:var(--colorPrimary40,#2a9fd6);--backgroundSuccess:var(--colorSuccess40,#77b300);--backgroundCalm:var(--colorCalm40,#93c);--backgroundWarning:var(--colorWarning40,#f80);--backgroundDanger:var(--colorDanger40,#c00);--backgroundLight:var(--colorLight40,#fff);--backgroundStable:var(--colorStable40,#f8f8f8);--backgroundRoyal:var(--colorRoyal40,#6c2093);--backgroundDark:var(--colorDark40,#adafae);--tabsIconDefault:var(--textColorDefault40,#fff);--tabsIconPrimary:var(--textColorPrimary40,#fff);--tabsIconSuccess:var(--textColorSuccess40,#fff);--tabsIconCalm:var(--textColorCalm40,#fff);--tabsIconWarning:var(--textColorWarning40,#fff);--tabsIconDanger:var(--textColorDanger40,#fff);--tabsIconLight:var(--textColorLight40,#fff);--tabsIconStable:var(--textColorStable40,#444);--tabsIconRoyal:var(--textColorRoyal40,#fff);--tabsIconDark:var(--textColorDark40,#000)}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{color:var(--textColor10,#f0f0f0)}h5,.h5{font-size:var(--textMediumSize,18px)}p,label,input{color:var(--textColor60,#939393)}a,a:focus,a:active{color:var(--colorPrimary40,#2a9fd6)}a:hover{color:var(--colorPrimary60,#1f749d)}.light,a.light,.color-light{color:var(--colorLight30,#7f7f7f)}.color-default{color:var(--colorDefault50,#4a4a4a)}.color-default.active,.color-default:active,.color-default:hover{color:var(--colorDefault60,#3e3e3e)}.bar.bar-default{border-color:var(--textColor60,#939393);background:var(--backgroundColor40,#060606);color:var(--textColor10,#e2e2e2)}.bar.bar-default .button .icon,.bar.bar-default .button i,.bar.bar-default .button span,.bar.bar-default .title{color:var(--textColor10,#e2e2e2)}ion-header-bar.bar.bar-default{border-bottom:1px solid var(--textColor60,#939393)}ion-footer-bar.bar.bar-default{border-top:1px solid var(--textColor60,#939393)}.menu-view{background:var(--backgroundColor40,#060606);color:var(--textColor60,#fff);border:1px solid var(--textColor60,#939393)}.menu-view .item-icon-left .icon,.login-bg .item-icon-left .icon,.menu-view .user-avatar i{color:var(--textColor60,#939393);border-color:var(--textColor60,#939393)}.bar.bar-default.bar-footer .button.button-default{border-color:var(--textColor60,#939393);background:var(--backgroundColor40,#060606);color:var(--textColor60,#939393)}.button.button-stable span{color:var(--textColorStable40,#444) }.login-bg{background:var(--backgroundLogin40,#060606)}.login-mobile .button.button-positive,.login-mobile .button.button-light{background:var(--colorPrimary40,#2a9fd6);border-color:transparent;color:var(--textColorPrimary40,#fff)}.login-mobile .button.button-positive.active,.login-mobile .button.button-positive:active,.login-mobile .button.button-positive.activated,.login-mobile .button.button-light.active,.login-mobile .button.button-light:active,.login-mobile .button.button-light.activated{background:var(--colorPrimary50,#258bbb)}.login-mobile .button.button-positive:focus,.login-mobile .button.button-positive:hover,.login-mobile .button.button-light:focus,.login-mobile .button.button-light:hover{background:var(--colorPrimary50,#258bbb)}.login-mobile .button.button-positive span,.login-mobile .button.button-positive i,.login-mobile .button.button-positive.active span,.login-mobile .button.button-positive:active span,.login-mobile .button.button-positive:focus span,.login-mobile .button.button-positive:hover span,.login-mobile .button.button-positive.active i,.login-mobile .button.button-positive:active i,.login-mobile .button.button-positive:focus i,.login-mobile .button.button-positive:hover i,.login-mobile .button.button-light span,.login-mobile .button.button-light i,.login-mobile .button.button-light.active span,.login-mobile .button.button-light:active span,.login-mobile .button.button-light:focus span,.login-mobile .button.button-light:hover span,.login-mobile .button.button-light.active i,.login-mobile .button.button-light:active i,.login-mobile .button.button-light:focus i,.login-mobile .button.button-light:hover i{color:var(--textColorPrimary40,#fff)}#crn-heading-reset,#go-back-login,#crn-title-signup,a#button-signup,a#reset-password-login,.login-mobile input{color:var(--textColor60,#939393);border:0}#crn-heading-reset,#crn-title-signup{font-size:var(--textMediumSize,24px)}.login-mobile input:focus{background:var(--colorNeutral00,#fff);border:0}.login-mobile .item-input input{color:var(--textColor60,#939393)}.login-mobile .item-input input::placeholder{color:var(--textColor30,#ababab)}.login-bg img[src="node_modules/cronapp-framework-mobile-js/img/logo.svg"],.login-bg img[src="assets/app-logo-login.svg"]{filter:brightness(0) invert(1)}.tabs-striped.background-default .tabs{background:var(--backgroundColor40,#060606)}.tabs-striped.tabs-icon-default .tab-item.active,.tabs-striped.tabs-icon-default .tab-item.activated{color:var(--textColor10,#e2e2e2);border-color:var(--textColor10,#e2e2e2)}.tabs-striped.tabs-icon-default .tab-item{color:var(--textColor10,#e2e2e2)}div.crn-ion-segment-classic ul.active-background-light li.active,div.crn-ion-segment-modern ul.active-background-light li.active{border:1px solid var(--colorLight30,#7f7f7f);background:var(--colorLight30,#7f7f7f)}div.crn-ion-segment-light.icon-theme-light-stable li a,.ion-segment-stable li a{color:var(--textColorStable60,#b5b5b5)}div.crn-ion-segment-light.icon-theme-light-dark li a,.ion-segment-dark li a{color:var(--textColorDark60,#aeaeae)}.bg-default{background:#dadada24}.bg-assertive{background:#f1d5d524}.bg-balanced{background:#dfebd524}.bg-energized{background:#ffe2d524}.bg-light{background:#d6d6d624}.bg-stable{background:#fdfdfd24}.bg-calm{background:#d6eefb24}.bg-positive{background:#d7e6f324}.bg-royal{background:#e5d7f124}.bg-dark{background:#e9eaea24}.item,.item-select select{border-color:var(--backgroundColor30,#7b7b7b)}.card{background:var(--backgroundColor30,#7b7b7b);box-shadow:none;border-radius:var(--borderRadiusSmallest,5px)}.card .item{background:inherit}.card .item h2,.card .item p{color:var(--textColor10,#e2e2e2)}.item.active.item-complex>.item-content,.item.activated.item-complex>.item-content,.item-complex.active .item-content.item-complex>.item-content,.item-complex.activated .item-content.item-complex>.item-content,.item .item-content.active.item-complex>.item-content,.item .item-content.activated.item-complex>.item-content{background:var(--backgroundColor30,#7b7b7b);border-color:var(--backgroundColor20,#aeaeae)}.item.activated .item-content h2,.item.activated .item-content p{color:var(--textColor10,#e2e2e2)}.item-input-inset .item-input-wrapper input,input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"]{padding:10px;background:var(--colorNeutral00,#fff);border-radius:var(--borderRadiusSmallest,5px)}textarea.item{border-width:1px 0}