cronapp-framework-mobile-js/dist/css/themes/custom/paper/custom-paper.css

Javascript library for CronApp's projects

@import 'button-paper.css';@import '../../../fonts/roboto/roboto.css';@import '../../../fonts/helvetica-neue/HelveticaNeue.css';:root{--fontFamily:"Roboto","Helvetica Neue",Helvetica,Arial,sans-serif;--textColor:#666;--textSmallSize:12px;--textNormalSize:13px;--textMediumSize:17px;--textBigSize:22px;--textExtraBigSize:27px;--textFullSize:33px;--textColor10:#ddd;--textColor20:#bdbdbd;--textColor30:#989898;--textColor40:#666;--textColor50:#595959;--textColor60:#4b4b4b;--textColor70:#383838;--menuVerticalWidth:270px;--menuSideSize:20px;--menuItemBarSize:6px;--menuElementOverallPadding:10px;--menuItemPaddingSize:calc(var(--menuElementOverallPadding) + 5px);--menuItemIconWidth:25px;--backgroundColor10:#fff;--backgroundColor20:#fff;--backgroundColor30:#fff;--backgroundColor40:#fff;--backgroundColor50:#dfdfdf;--backgroundColor60:#bbb;--backgroundColor70:#8c8c8c;--backgroundLogin10:#fff;--backgroundLogin20:#fff;--backgroundLogin30:#fff;--backgroundLogin40:#fff;--backgroundLogin50:#dfdfdf;--backgroundLogin60:#bbb;--backgroundLogin70:#8c8c8c;--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:#fff;--colorDefault20:#fff;--colorDefault30:#fff;--colorDefault40:#fff;--colorDefault50:#dfdfdf;--colorDefault60:#bbb;--colorDefault70:#8c8c8c;--textColorDefault10:#252525;--textColorDefault20:#323232;--textColorDefault30:#3c3c3c;--textColorDefault40:#444;--textColorDefault50:#898989;--textColorDefault60:#b5b5b5;--textColorDefault70:#d9d9d9;--colorPrimary10:#d6e5fb;--colorPrimary20:#afcdf9;--colorPrimary30:#7fb4f6;--colorPrimary40:#2196f3;--colorPrimary50:#1d83d5;--colorPrimary60:#186eb2;--colorPrimary70:#125285;--textColorPrimary10:#8c8c8c;--textColorPrimary20:#bbb;--textColorPrimary30:#dfdfdf;--textColorPrimary40:#fff;--textColorPrimary50:#fff;--textColorPrimary60:#fff;--textColorPrimary70:#fff;--colorSuccess10:#d9eada;--colorSuccess20:#b6d8b7;--colorSuccess30:#8cc58e;--colorSuccess40:#4caf50;--colorSuccess50:#439946;--colorSuccess60:#38803b;--colorSuccess70:#2a602c;--textColorSuccess10:#8c8c8c;--textColorSuccess20:#bbb;--textColorSuccess30:#dfdfdf;--textColorSuccess40:#fff;--textColorSuccess50:#fff;--textColorSuccess60:#fff;--textColorSuccess70:#fff;--colorWarning10:#ffe5d5;--colorWarning20:#ffceae;--colorWarning30:#ffb57b;--colorWarning40:#ff9800;--colorWarning50:#df8500;--colorWarning60:#bb6f00;--colorWarning70:#8c5300;--textColorWarning10:#8c8c8c;--textColorWarning20:#bbb;--textColorWarning30:#dfdfdf;--textColorWarning40:#fff;--textColorWarning50:#fff;--textColorWarning60:#fff;--textColorWarning70:#fff;--colorDanger10:#f7d6d6;--colorDanger20:#f1afaf;--colorDanger30:#eb7e7f;--colorDanger40:#e51c23;--colorDanger50:#c9191f;--colorDanger60:#a8151a;--colorDanger70:#7d0f13;--textColorDanger10:#8c8c8c;--textColorDanger20:#bbb;--textColorDanger30:#dfdfdf;--textColorDanger40:#fff;--textColorDanger50:#fff;--textColorDanger60:#fff;--textColorDanger70:#fff;--colorRoyal10:#e6d6ea;--colorRoyal20:#d0b0d8;--colorRoyal30:#b880c5;--colorRoyal40:#9c27b0;--colorRoyal50:#89229a;--colorRoyal60:#721d81;--colorRoyal70:#551560;--textColorRoyal10:#8c8c8c;--textColorRoyal20:#bbb;--textColorRoyal30:#dfdfdf;--textColorRoyal40:#fff;--textColorRoyal50:#fff;--textColorRoyal60:#fff;--textColorRoyal70:#fff;--colorCalm10:#d6eefb;--colorCalm20:#aee0f9;--colorCalm30:#7cd1f6;--colorCalm40:#11c1f3;--colorCalm50:#0fa9d5;--colorCalm60:#0c8db2;--colorCalm70:#096a85;--textColorCalm10:#8c8c8c;--textColorCalm20:#bbb;--textColorCalm30:#dfdfdf;--textColorCalm40:#fff;--textColorCalm50:#fff;--textColorCalm60:#fff;--textColorCalm70:#fff;--colorLight10:#fff;--colorLight20:#fff;--colorLight30:#fff;--colorLight40:#fff;--colorLight50:#dfdfdf;--colorLight60:#bbb;--colorLight70:#8c8c8c;--textColorLight10:#252525;--textColorLight20:#323232;--textColorLight30:#3c3c3c;--textColorLight40:#444;--textColorLight50:#898989;--textColorLight60:#b5b5b5;--textColorLight70:#d9d9d9;--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:#d9d9d9;--colorDark20:#b5b5b5;--colorDark30:#898989;--colorDark40:#444;--colorDark50:#3c3c3c;--colorDark60:#323232;--colorDark70:#252525;--textColorDark10:#8c8c8c;--textColorDark20:#bbb;--textColorDark30:#dfdfdf;--textColorDark40:#fff;--textColorDark50:#fff;--textColorDark60:#fff;--textColorDark70:#fff;--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;--btnDefault:var(--colorDefault40,#fff);--btnPrimary:var(--colorPrimary40,#2196f3);--btnSuccess:var(--colorSuccess40,#4caf50);--btnCalm:var(--colorCalm40,#11c1f3);--btnWarning:var(--colorWarning40,#ff9800);--btnDanger:var(--colorDanger40,#e51c23);--btnLight:var(--colorLight40,#fff);--btnStable:var(--colorStable40,#f8f8f8);--btnRoyal:var(--colorRoyal40,#9c27b0);--btnDark:var(--colorDark40,#444);--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,#dfdfdf);--colorPrimary:var(--colorPrimary40,#2196f3);--colorSuccess:var(--colorSuccess40,#4caf50);--colorCalm:var(--colorCalm40,#11c1f3);--colorWarning:var(--colorWarning40,#ff9800);--colorDanger:var(--colorDanger40,#e51c23);--colorLight:var(--colorLight50,#dfdfdf);--colorStable:var(--colorStable50,#d9d9d9);--colorRoyal:var(--colorRoyal40,#9c27b0);--colorDark:var(--colorDark40,#444);--checkboxDefault:var(--colorNeutral20,#f1f1f1);--checkboxPrimary:var(--colorPrimary40,#2196f3);--checkboxSuccess:var(--colorSuccess40,#4caf50);--checkboxCalm:var(--colorCalm40,#11c1f3);--checkboxWarning:var(--colorWarning40,#ff9800);--checkboxDanger:var(--colorDanger40,#e51c23);--checkboxLight:var(--colorLight50,#dfdfdf);--checkboxStable:var(--colorStable40,#f8f8f8);--checkboxRoyal:var(--colorRoyal40,#9c27b0);--checkboxDark:var(--colorDark40,#444);--borderCheckboxDefault:transparent;--borderCheckboxPrimary:transparent;--borderCheckboxSuccess:transparent;--borderCheckboxCalm:transparent;--borderCheckboxWarning:transparent;--borderCheckboxDanger:transparent;--borderCheckboxLight:transparent;--borderCheckboxStable:transparent;--borderCheckboxRoyal:transparent;--borderCheckboxDark:transparent;--toggleDefault:var(--colorNeutral20,#f1f1f1);--togglePrimary:var(--colorPrimary40,#2196f3);--toggleSuccess:var(--colorSuccess40,#4caf50);--toggleCalm:var(--colorCalm40,#11c1f3);--toggleWarning:var(--colorWarning40,#ff9800);--toggleDanger:var(--colorDanger40,#e51c23);--toggleLight:var(--colorLight50,#dfdfdf);--toggleStable:var(--colorStable50,#d9d9d9);--toggleRoyal:var(--colorRoyal40,#9c27b0);--toggleDark:var(--colorDark40,#444);--borderToggleDefault:transparent;--borderTogglePrimary:transparent;--borderToggleSuccess:transparent;--borderToggleCalm:transparent;--borderToggleWarning:transparent;--borderToggleDanger:transparent;--borderToggleLight:transparent;--borderToggleStable:transparent;--borderToggleRoyal:transparent;--borderToggleDark:transparent;--bgDefault:var(--colorDefault40,#fff);--bgPrimary:var(--colorPrimary40,#2196f3);--bgSuccess:var(--colorSuccess40,#4caf50);--bgCalm:var(--colorCalm40,#11c1f3);--bgWarning:var(--colorWarning40,#ff9800);--bgDanger:var(--colorDanger40,#e51c23);--bgLight:var(--colorLight40,#fff);--bgStable:var(--colorStable40,#f8f8f8);--bgRoyal:var(--colorRoyal40,#9c27b0);--bgDark:var(--colorDark40,#444);--borderActiveBackgroundDefault:transparent;--borderActiveBackgroundPrimary:transparent;--borderActiveBackgroundSuccess:transparent;--borderActiveBackgroundCalm:transparent;--borderActiveBackgroundWarning:transparent;--borderActiveBackgroundDanger:transparent;--borderActiveBackgroundLight:transparent;--borderActiveBackgroundStable:transparent;--borderActiveBackgroundRoyal:transparent;--borderActiveBackgroundDark:transparent;--activeBackgroundDefault:var(--colorDefault40,#fff);--activeBackgroundPrimary:var(--colorPrimary40,#2196f3);--activeBackgroundSuccess:var(--colorSuccess40,#4caf50);--activeBackgroundCalm:var(--colorCalm40,#11c1f3);--activeBackgroundWarning:var(--colorWarning40,#ff9800);--activeBackgroundDanger:var(--colorDanger40,#e51c23);--activeBackgroundLight:var(--colorLight40,#fff);--activeBackgroundStable:var(--colorStable40,#f8f8f8);--activeBackgroundRoyal:var(--colorRoyal40,#9c27b0);--activeBackgroundDark:var(--colorDark40,#444);--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(--textColorLight40,#2d2d2d);--ionSegmentStable:var(--textColorStable40,#444);--ionSegmentRoyal:var(--textColorRoyal40,#fff);--ionSegmentDark:var(--textColorDark40,#fff);--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(--textColorLight40,#fff);--iconThemeLightStable:var(--textColorStable40,#444);--iconThemeLightRoyal:var(--textColorRoyal40,#fff);--iconThemeLightDark:var(--textColorDark40,#fff);--tabsDefault:var(--colorDefault40,#fff);--tabsPrimary:var(--colorPrimary40,#2196f3);--tabsSuccess:var(--colorSuccess40,#4caf50);--tabsCalm:var(--colorCalm40,#11c1f3);--tabsWarning:var(--colorWarning40,#ff9800);--tabsDanger:var(--colorDanger40,#e51c23);--tabsLight:var(--colorLight40,#fff);--tabsStable:var(--colorStable40,#f8f8f8);--tabsRoyal:var(--colorRoyal40,#9c27b0);--tabsDark:var(--colorDark40,#444);--barDefault:var(--colorDefault40,#fff);--barPrimary:var(--colorPrimary40,#2196f3);--barSuccess:var(--colorSuccess40,#4caf50);--barCalm:var(--colorCalm40,#11c1f3);--barWarning:var(--colorWarning40,#ff9800);--barDanger:var(--colorDanger40,#e51c23);--barLight:var(--colorLight40,#fff);--barStable:var(--colorStable40,#f8f8f8);--barRoyal:var(--colorRoyal40,#9c27b0);--barDark:var(--colorDark40,#444);--backgroundDefault:var(--colorDefault40,#fff);--backgroundPrimary:var(--colorPrimary40,#2196f3);--backgroundSuccess:var(--colorSuccess40,#4caf50);--backgroundCalm:var(--colorCalm40,#11c1f3);--backgroundWarning:var(--colorWarning40,#ff9800);--backgroundDanger:var(--colorDanger40,#e51c23);--backgroundLight:var(--colorLight40,#fff);--backgroundStable:var(--colorStable40,#f8f8f8);--backgroundRoyal:var(--colorRoyal40,#9c27b0);--backgroundDark:var(--colorDark40,#444);--tabsIconDefault:var(--textColorDefault40,#3b448e);--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,#fff)}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:var(--fontFamily,"Segoe UI",sans-serif);color:var(--textColor60,#666);font-weight:400}a,a:focus,a:active,a:hover{color:var(--colorPrimary40,#2196f3)}.default,a.default,.color-default{color:var(--colorDefault50,#dfdfdf)}.light,a.light,.color-light{color:var(--colorLight50,#dfdfdf)}.stable,a.stable,.color-stable{color:var(--colorStable50,#d9d9d9)}.button span{font-weight:400}.login-bg{background:var(--backgroundLogin40,#fff)}.login-mobile .item-input input::placeholder{color:var(--textColor30,#989898)}#reset-password-label,#crn-title-signup,#crn-heading-reset,#go-back-login,a#reset-password-login,a#button-signup,.login-mobile input{color:var(--textColor40,#666)}#crn-title-signup,#crn-heading-reset{color:var(--textColor60,#4b4b4b)}.login-mobile input:focus,.login-mobile input{border-bottom:1px solid var(--textColor30,#4b4b4b)}.login-mobile .button.button-positive,.login-mobile .button{text-transform:capitalize;letter-spacing:0;background:var(--colorPrimary40,#2196f3);border-color:transparent;color:var(--textColorPrimary40,#fff)}.login-mobile .button.button-positive:active,.login-mobile .button.button-positive.activated,.login-mobile .button:active,.login-mobile .button.activated{color:var(--textColorPrimary40,#fff);background:var(--colorPrimary50,#1d83d5)}.login-mobile .button.button-positive i,.login-mobile .button.button-positive span,.login-mobile .button.button-positive:active i,.login-mobile .button.button-positive:active span,.login-mobile .button.button-positive.activated i,.login-mobile .button.button-positive.activated span,.login-mobile .button i,.login-mobile .button span,.login-mobile .button:active i,.login-mobile .button:active span,.login-mobile .button.activated i,.login-mobile .button.activated span{color:var(--textColorPrimary40,#fff)}.login-mobile input::placeholder{color:var(--textColor30,#989898)}#go-back-login,a#reset-password-login,a#button-signup,.login-mobile input{color:var(--textColor40,#666)}.login-mobile input:focus,.login-mobile input{border-bottom:1px solid var(--textColor30,#989898)}ion-header-bar.bar.bar-default{box-shadow:0 1px 2px rgb(0 0 0 / 30%)}ion-footer-bar.bar.bar-default{box-shadow:0 -1px 2px rgb(0 0 0 / 30%)}.menu-view .item h2,.login-bg .item h2,.menu-view .item h3,.login-bg .item h3{color:var(--textColor40,#666)}.tabs-striped.background-default .tabs{background:var(--colorDefault40,#fff)}.tabs-striped.tabs-icon-default .tab-item.active,.tabs-striped.tabs-icon-default .tab-item.activated{color:var(--textColorDefault40,#444);border-color:var(--textColorDefault40,#444)}.tabs-striped.tabs-icon-default .tab-item{color:var(--textColorDefault40,#444)}.checkbox-default input:checked:before,.checkbox-default input:checked+.checkbox-icon:before{background:var(--colorNeutral20,#f1f1f1);border-color:var(--colorNeutral20,#f1f1f1)}.checkbox-default input:before,.checkbox-default .checkbox-icon:before{border-color:var(--colorDefault60,#bbb)}.toggle.toggle-default input:checked+.track{background:var(--colorNeutral20,#f1f1f1);border:1px solid var(--colorNeutral20,#f1f1f1)}.button.button-default.button-outline{border-color:var(--colorDefault60,#bbb);background:transparent}.button.button-default.button-outline span,.button.button-default.button-outline i{color:var(--colorDefault60,#bbb)}.button.button-default.button-outline:active,.button.button-default.button-outline.activated{background:var(--colorDefault60,#bbb)}.button.button-light.button-outline{border-color:var(--colorLight60,#bbb)}.button.button-light.button-outline span,.button.button-light.button-outline i{color:var(--colorLight60,#bbb)}.button.button-light.button-outline:active,.button.button-light.button-outline.activated{background:var(--colorLight60,#bbb)}.button.button-stable.button-outline{border-color:var(--colorStable60,#b6b6b6)}.button.button-stable.button-outline span,.button.button-stable.button-outline i{color:var(--colorStable60,#b6b6b6)}.button.button-stable.button-outline:active,.button.button-stable.button-outline.activated{background:var(--colorStable60,#b6b6b6)}