diff --git a/public/assets/admin/css/vendor.css b/public/assets/admin/css/vendor.css index e1b6aaae..ac3ea9a1 100644 --- a/public/assets/admin/css/vendor.css +++ b/public/assets/admin/css/vendor.css @@ -11893,6 +11893,7 @@ a.editable-click.editable-disabled:hover { * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. */ +/* brand Colors */ /* $default-color: #B8B8B8 !default; $default-states-color: darken($default-color, 5%) !default; @@ -11924,12 +11925,18 @@ $danger-color-opacity: rgba(255, 54, 54, .3) !default; $danger-color-alert: rgba(255, 54, 54, .8) !default; */ /* light colors - used for select dropdown */ +/*$font-size-base: 14px !default; +$font-size-xs: 12px !default; +$font-size-small: 12px !default; +$font-size-medium: 16px !default; +$font-size-large: 18px !default; +$font-size-large-navbar: 20px !default;*/ .ct-blue { stroke: #f96332 !important; } .ct-azure { - stroke: #2CA8FF !important; + stroke: #067ec1 !important; } .ct-green { @@ -11937,7 +11944,7 @@ $danger-color-alert: rgba(255, 54, 54, .8) !default; } .ct-orange { - stroke: #F3BB45 !important; + stroke: #FFB236 !important; } .ct-red { @@ -11990,7 +11997,7 @@ h6, .h6 { } p { - font-size: 16px; + font-size: 1em; line-height: 1.4em; } @@ -12025,7 +12032,7 @@ blockquote small { } .text-info, .text-info:hover { - color: #3091B2; + color: #0688d0; } .text-success, .text-success:hover { @@ -12033,7 +12040,7 @@ blockquote small { } .text-warning, .text-warning:hover { - color: #BB992F; + color: #ffa81d; } .text-danger, .text-danger:hover { @@ -12053,7 +12060,7 @@ strong { } .icon-info { - color: #2CA8FF; + color: #067ec1; } .icon-success { @@ -12061,7 +12068,7 @@ strong { } .icon-warning { - color: #F3BB45; + color: #FFB236; } .icon-danger { @@ -12073,7 +12080,7 @@ strong { } .chart-legend .text-info, .chart-legend .text-info:hover { - color: #2CA8FF; + color: #067ec1; } .chart-legend .text-success, .chart-legend .text-success:hover { @@ -12081,7 +12088,7 @@ strong { } .chart-legend .text-warning, .chart-legend .text-warning:hover { - color: #F3BB45; + color: #FFB236; } .chart-legend .text-danger, .chart-legend .text-danger:hover { @@ -12108,11 +12115,11 @@ body .wrapper { } a { - color: #2CA8FF; + color: #067ec1; } a:hover, a:focus { - color: #3091B2; + color: #0688d0; text-decoration: none; } @@ -12185,6 +12192,7 @@ hr { z-index: 1; background-size: cover; background-position: center center; + color: #2c2c2c; } .sidebar .sidebar-wrapper { @@ -12236,7 +12244,7 @@ hr { text-transform: uppercase; padding: 4px 0px; display: block; - font-size: 18px; + font-size: 1em; text-align: center; font-weight: 400; line-height: 30px; @@ -12351,31 +12359,31 @@ hr { .sidebar .logo, .sidebar[data-background-color="white"] .logo, .off-canvas-sidebar .logo, .off-canvas-sidebar[data-background-color="white"] .logo { - border-bottom: 1px solid rgba(47, 45, 42, 0.3); + border-bottom: 1px solid rgba(44, 44, 44, 0.3); } .sidebar .logo p, .sidebar[data-background-color="white"] .logo p, .off-canvas-sidebar .logo p, .off-canvas-sidebar[data-background-color="white"] .logo p { - color: #2f2d2a; + color: #2c2c2c; } .sidebar .logo .simple-text, .sidebar[data-background-color="white"] .logo .simple-text, .off-canvas-sidebar .logo .simple-text, .off-canvas-sidebar[data-background-color="white"] .logo .simple-text { - color: #2f2d2a; + color: #2c2c2c; } .sidebar .nav li:not(.active) > a, .sidebar[data-background-color="white"] .nav li:not(.active) > a, .off-canvas-sidebar .nav li:not(.active) > a, .off-canvas-sidebar[data-background-color="white"] .nav li:not(.active) > a { - color: #2f2d2a; + color: #2c2c2c; } .sidebar .nav .divider, .sidebar[data-background-color="white"] .nav .divider, .off-canvas-sidebar .nav .divider, .off-canvas-sidebar[data-background-color="white"] .nav .divider { - background-color: rgba(47, 45, 42, 0.2); + background-color: rgba(44, 44, 44, 0.2); } .sidebar[data-background-color="black"]:after, .sidebar[data-background-color="black"]:before, @@ -12411,13 +12419,13 @@ hr { .sidebar[data-active-color="primary"] .nav li.active > a, .off-canvas-sidebar[data-active-color="primary"] .nav li.active > a { - color: #f96332; + color: #2c2c2c; opacity: 1; } .sidebar[data-active-color="info"] .nav li.active > a, .off-canvas-sidebar[data-active-color="info"] .nav li.active > a { - color: #2CA8FF; + color: #067ec1; opacity: 1; } @@ -12429,7 +12437,7 @@ hr { .sidebar[data-active-color="warning"] .nav li.active > a, .off-canvas-sidebar[data-active-color="warning"] .nav li.active > a { - color: #F3BB45; + color: #FFB236; opacity: 1; } @@ -12440,7 +12448,7 @@ hr { } .main-panel { - background-color: #ebeff2; + background-color: rgba(255, 255, 255, 0.96); position: relative; z-index: 2; float: right; @@ -12497,8 +12505,8 @@ hr { } .badge-default { - border-color: #2f2d2a; - color: #2f2d2a; + border-color: #2c2c2c; + color: #2c2c2c; } .badge-primary { @@ -12507,8 +12515,8 @@ hr { } .badge-info { - border-color: #2CA8FF; - color: #2CA8FF; + border-color: #067ec1; + color: #067ec1; } .badge-success { @@ -12517,8 +12525,8 @@ hr { } .badge-warning { - border-color: #F3BB45; - color: #F3BB45; + border-color: #FFB236; + color: #FFB236; } .badge-danger { @@ -12540,7 +12548,7 @@ hr { font-weight: 500; margin-top: 5px; padding: 4px 18px; - background-color: #2f2d2a; + background-color: #2c2c2c; color: #FFFFFF; -webkit-transition: all 150ms linear; transition: all 150ms linear; @@ -12605,8 +12613,8 @@ fieldset[disabled] .navbar .navbar-nav > li > a.btn:active, fieldset[disabled] .navbar .navbar-nav > li > a.btn.active { - background-color: #2f2d2a; - border-color: #2f2d2a; + background-color: #2c2c2c; + border-color: #2c2c2c; } .btn.focus, .btn:focus, @@ -12618,8 +12626,8 @@ fieldset[disabled] .btn.btn-simple, .navbar .navbar-nav > li > a.btn.btn-simple { - color: #2f2d2a; - border-color: #2f2d2a; + color: #2c2c2c; + border-color: #2c2c2c; } .btn.btn-simple:hover, .btn.btn-simple:focus, .btn.btn-simple:active, @@ -12633,7 +12641,7 @@ fieldset[disabled] .btn.btn-link, .navbar .navbar-nav > li > a.btn.btn-link { - color: #2f2d2a; + color: #2c2c2c; } .btn.btn-link:hover, .btn.btn-link:focus, .btn.btn-link:active, @@ -12793,7 +12801,7 @@ fieldset[disabled] .btn-success.active { } .navbar .navbar-nav > li > a.btn-info, .btn-info { - background-color: #2CA8FF; + background-color: #067ec1; color: #FFFFFF; } @@ -12804,7 +12812,7 @@ fieldset[disabled] .btn-success.active { .open > .btn-info.dropdown-toggle, .open > .btn-info.dropdown-toggle:focus, .open > .btn-info.dropdown-toggle:hover { - background-color: #3091B2; + background-color: #0688d0; color: #FFFFFF; } @@ -12821,8 +12829,8 @@ fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info.focus, fieldset[disabled] .btn-info:active, fieldset[disabled] .btn-info.active { - background-color: #2CA8FF; - border-color: #2CA8FF; + background-color: #067ec1; + border-color: #067ec1; } .navbar .navbar-nav > li > a.btn-info.focus, .navbar .navbar-nav > li > a.btn-info:focus, .btn-info.focus, .btn-info:focus { @@ -12831,28 +12839,28 @@ fieldset[disabled] .btn-info.active { } .navbar .navbar-nav > li > a.btn-info.btn-simple, .btn-info.btn-simple { - color: #2CA8FF; - border-color: #2CA8FF; + color: #067ec1; + border-color: #067ec1; } .navbar .navbar-nav > li > a.btn-info.btn-simple:hover, .navbar .navbar-nav > li > a.btn-info.btn-simple:focus, .navbar .navbar-nav > li > a.btn-info.btn-simple:active, .btn-info.btn-simple:hover, .btn-info.btn-simple:focus, .btn-info.btn-simple:active { background-color: transparent; - color: #3091B2; - border-color: #3091B2; + color: #0688d0; + border-color: #0688d0; } .navbar .navbar-nav > li > a.btn-info.btn-link, .btn-info.btn-link { - color: #2CA8FF; + color: #067ec1; } .navbar .navbar-nav > li > a.btn-info.btn-link:hover, .navbar .navbar-nav > li > a.btn-info.btn-link:focus, .navbar .navbar-nav > li > a.btn-info.btn-link:active, .btn-info.btn-link:hover, .btn-info.btn-link:focus, .btn-info.btn-link:active { background-color: transparent; - color: #3091B2; + color: #0688d0; text-decoration: none; } .navbar .navbar-nav > li > a.btn-warning, .btn-warning { - background-color: #F3BB45; + background-color: #FFB236; color: #FFFFFF; } @@ -12863,7 +12871,7 @@ fieldset[disabled] .btn-info.active { .open > .btn-warning.dropdown-toggle, .open > .btn-warning.dropdown-toggle:focus, .open > .btn-warning.dropdown-toggle:hover { - background-color: #BB992F; + background-color: #ffa81d; color: #FFFFFF; } @@ -12880,8 +12888,8 @@ fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning.focus, fieldset[disabled] .btn-warning:active, fieldset[disabled] .btn-warning.active { - background-color: #F3BB45; - border-color: #F3BB45; + background-color: #FFB236; + border-color: #FFB236; } .navbar .navbar-nav > li > a.btn-warning.focus, .navbar .navbar-nav > li > a.btn-warning:focus, .btn-warning.focus, .btn-warning:focus { @@ -12890,23 +12898,23 @@ fieldset[disabled] .btn-warning.active { } .navbar .navbar-nav > li > a.btn-warning.btn-simple, .btn-warning.btn-simple { - color: #F3BB45; - border-color: #F3BB45; + color: #FFB236; + border-color: #FFB236; } .navbar .navbar-nav > li > a.btn-warning.btn-simple:hover, .navbar .navbar-nav > li > a.btn-warning.btn-simple:focus, .navbar .navbar-nav > li > a.btn-warning.btn-simple:active, .btn-warning.btn-simple:hover, .btn-warning.btn-simple:focus, .btn-warning.btn-simple:active { background-color: transparent; - color: #BB992F; - border-color: #BB992F; + color: #ffa81d; + border-color: #ffa81d; } .navbar .navbar-nav > li > a.btn-warning.btn-link, .btn-warning.btn-link { - color: #F3BB45; + color: #FFB236; } .navbar .navbar-nav > li > a.btn-warning.btn-link:hover, .navbar .navbar-nav > li > a.btn-warning.btn-link:focus, .navbar .navbar-nav > li > a.btn-warning.btn-link:active, .btn-warning.btn-link:hover, .btn-warning.btn-link:focus, .btn-warning.btn-link:active { background-color: transparent; - color: #BB992F; + color: #ffa81d; text-decoration: none; } @@ -13011,7 +13019,7 @@ fieldset[disabled] .btn-neutral.active { } .btn-neutral.btn-info:hover, .btn-neutral.btn-info:focus, .btn-neutral.btn-info:active { - color: #3091B2; + color: #0688d0; } .btn-neutral.btn-warning { @@ -13019,7 +13027,7 @@ fieldset[disabled] .btn-neutral.active { } .btn-neutral.btn-warning:hover, .btn-neutral.btn-warning:focus, .btn-neutral.btn-warning:active { - color: #BB992F; + color: #ffa81d; } .btn-neutral.btn-success { @@ -13072,17 +13080,17 @@ fieldset[disabled] .btn-neutral.active { } .btn-neutral:hover, .btn-neutral:focus { - color: #2f2d2a; + color: #2c2c2c; } .btn-neutral:active, .btn-neutral.active, .open > .btn-neutral.dropdown-toggle { background-color: #FFFFFF; - color: #2f2d2a; + color: #2c2c2c; } .btn-neutral.btn-fill { - color: #2f2d2a; + color: #2c2c2c; } .btn-neutral.btn-fill:hover, .btn-neutral.btn-fill:focus { @@ -13108,7 +13116,7 @@ fieldset[disabled] .btn-neutral.active { } .btn-lg { - font-size: 18px; + font-size: 1em; padding: 11px 30px; font-weight: 400; } @@ -13118,7 +13126,7 @@ fieldset[disabled] .btn-neutral.active { } .btn-sm { - font-size: 12px; + font-size: 0.8571em; padding: 4px 10px; } @@ -13127,7 +13135,7 @@ fieldset[disabled] .btn-neutral.active { } .btn-xs { - font-size: 12px; + font-size: 0.7142em; padding: 2px 5px; } @@ -13154,14 +13162,6 @@ fieldset[disabled] .btn-neutral.active { right: 8px; } -input { - margin-top: 5px; - border: none; - font-size: 1rem; - cursor: text; - font-family: "Avenir-light", "AvenirLTStd-Light", sans-serif !important; -} - .form-control::-moz-placeholder { color: #DDDDDD; opacity: 1; @@ -13188,39 +13188,34 @@ input { .form-control { font-family: "Avenir-light", "AvenirLTStd-Light", sans-serif !important; - display: block; - width: 100%; - /*font-size: $font-size-base;*/ - line-height: 1.846; - color: #666666; - border: medium none; - border-radius: 0.125rem; - border-bottom: 2px solid #0f5b8c; - vertical-align: middle; - /*-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);*/ - -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; - transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; - transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; - transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; - padding: 4px 10px; - height: 30px; - /*background-color: $gray-input-bg; - border: medium none; - border-radius: $border-radius-base; - color: $font-color; - font-size: $font-size-base; - transition: background-color 0.3s ease 0s; - @include input-size($padding-base-vertical, $padding-base-horizontal, $height-base); - @include box-shadow(none);*/ + border-radius: 0; + background-color: transparent; + border: 1px solid #E3E3E3; + color: #333333; + line-height: 1em; + font-size: 0.8571em; + -webkit-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out, background-color 0.3s ease-in-out; + transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out, background-color 0.3s ease-in-out; + -webkit-box-shadow: none; + box-shadow: none; +} + +.has-success .form-control { + border-color: #E3E3E3; } .form-control:focus { - background-color: #FFFFFF; + border: 1px solid #067ec1; + -webkit-box-shadow: none; + box-shadow: none; outline: 0 !important; - border-bottom: 2px solid #2196f3; - /*-webkit-box-shadow: inset 0 -2px 0 #2196f3; - box-shadow: inset 0 -2px 0 #2196f3;*/ + color: #333333; +} + +.form-control:focus + .input-group-addon, +.form-control:focus ~ .input-group-addon { + border: 1px solid #067ec1; + background-color: transparent; } .has-success .form-control, @@ -13231,34 +13226,24 @@ input { box-shadow: none; } -.has-success .form-control { - background-color: #fffcf5; - color: #18ce0f; +.has-danger .form-control.form-control-success, .has-danger .form-control.form-control-danger, +.has-success .form-control.form-control-success, +.has-success .form-control.form-control-danger { + background-image: none; } -.has-success .form-control.border-input { - border: 1px solid #18ce0f; -} - -.has-success .form-control:focus { - background-color: #FFFFFF; -} - -.has-error .form-control { - background-color: #fffcf5; +.has-danger .form-control { + background-color: #ffcfcf; + border-color: #ffcfcf; color: #FF3636; } -.has-error .form-control.border-input { - border: 1px solid #FF3636; -} - -.has-error .form-control:focus { - background-color: #FFFFFF; +.has-danger .form-control:focus { + background-color: rgba(222, 222, 222, 0.3); } .form-control + .form-control-feedback { - border-radius: 3px; + border-radius: 0.125rem; font-size: 14px; margin-top: -7px; position: absolute; @@ -13267,20 +13252,178 @@ input { vertical-align: middle; } -.form-control.border-input { - border: 1px solid #CCC5B9; -} - .open .form-control { + border-radius: 0.125rem 0.125rem 0 0; border-bottom-color: transparent; } -.input-lg { - height: 55px; - padding: 11px 30px; - font-size: 17px; - line-height: 1.3333333; - border-radius: 3px; +.form-control + .input-group-addon { + background-color: #FFFFFF; +} + +.has-success:after, +.has-danger:after { + font-family: 'Nucleo Outline'; + content: "\EA22"; + display: inline-block; + position: absolute; + right: 35px; + top: 12px; + color: #18ce0f; + font-size: 11px; +} + +.has-success.input-lg:after, +.has-danger.input-lg:after { + font-size: 13px; + top: 13px; +} + +.has-danger:after { + content: "\EA53"; + color: #FF3636; +} + +.form-group.form-group-no-border.input-sm .input-group-addon, +.input-group.form-group-no-border.input-sm .input-group-addon { + padding: 4px 0 4px 10px; +} + +.form-group.form-group-no-border.input-sm .form-control, +.input-group.form-group-no-border.input-sm .form-control { + padding: 4px 10px; +} + +.form-group.form-group-no-border.input-sm .form-control + .input-group-addon, +.input-group.form-group-no-border.input-sm .form-control + .input-group-addon { + padding: 4px 10px 4px 0; +} + +.form-group.input-sm .form-control, +.input-group.input-sm .form-control { + padding: 3px 9px; +} + +.form-group.input-sm .form-control + .input-group-addon, +.input-group.input-sm .form-control + .input-group-addon { + padding: 3px 9px 3px 0; +} + +.form-group.input-sm .input-group-addon, +.input-group.input-sm .input-group-addon { + padding: 3px 0 4px 9px; +} + +.form-group.input-sm .input-group-addon + .form-control, +.input-group.input-sm .input-group-addon + .form-control { + padding: 4px 9px 4px 7px; +} + +.form-group.form-group-no-border.input-lg .input-group-addon, +.input-group.form-group-no-border.input-lg .input-group-addon { + padding: 11px 0 11px 19px; +} + +.form-group.form-group-no-border.input-lg .form-control, +.input-group.form-group-no-border.input-lg .form-control { + padding: 11px 19px; +} + +.form-group.form-group-no-border.input-lg .form-control + .input-group-addon, +.input-group.form-group-no-border.input-lg .form-control + .input-group-addon { + padding: 11px 19px 11px 0; +} + +.form-group.input-lg .form-control, +.input-group.input-lg .form-control { + padding: 10px 18px; +} + +.form-group.input-lg .form-control + .input-group-addon, +.input-group.input-lg .form-control + .input-group-addon { + padding: 10px 18px 10px 0; +} + +.form-group.input-lg .input-group-addon, +.input-group.input-lg .input-group-addon { + padding: 10px 0 11px 18px; +} + +.form-group.input-lg .input-group-addon + .form-control, +.input-group.input-lg .input-group-addon + .form-control { + padding: 11px 18px 11px 16px; +} + +.form-group.form-group-no-border .form-control, +.input-group.form-group-no-border .form-control { + /*margin-top: 2px;*/ + padding: 4px 10px; +} + +.form-group.form-group-no-border .form-control + .input-group-addon, +.input-group.form-group-no-border .form-control + .input-group-addon { + padding: 4px 10px 4px 0; +} + +.form-group.form-group-no-border .input-group-addon, +.input-group.form-group-no-border .input-group-addon { + padding: 4px 0 4px 10px; +} + +.form-group .form-control, +.input-group .form-control { + margin-top: 2px; + padding: 3px 9px 3px 9px; +} + +.form-group .form-control + .input-group-addon, +.input-group .form-control + .input-group-addon { + padding: 3px 9px 3px 0; +} + +.form-group .input-group-addon, +.input-group .input-group-addon { + padding: 3px 0 3px 9px; +} + +.form-group .input-group-addon + .form-control, +.form-group .input-group-addon ~ .form-control, +.input-group .input-group-addon + .form-control, +.input-group .input-group-addon ~ .form-control { + padding: 3px 10px 4px 7px; +} + +.form-group.form-group-no-border .form-control, +.form-group.form-group-no-border .form-control + .input-group-addon, +.input-group.form-group-no-border .form-control, +.input-group.form-group-no-border .form-control + .input-group-addon { + background-color: rgba(222, 222, 222, 0.3); + border: medium none; +} + +.form-group.form-group-no-border .form-control:focus, .form-group.form-group-no-border .form-control:active, .form-group.form-group-no-border .form-control:active, +.form-group.form-group-no-border .form-control + .input-group-addon:focus, +.form-group.form-group-no-border .form-control + .input-group-addon:active, +.form-group.form-group-no-border .form-control + .input-group-addon:active, +.input-group.form-group-no-border .form-control:focus, +.input-group.form-group-no-border .form-control:active, +.input-group.form-group-no-border .form-control:active, +.input-group.form-group-no-border .form-control + .input-group-addon:focus, +.input-group.form-group-no-border .form-control + .input-group-addon:active, +.input-group.form-group-no-border .form-control + .input-group-addon:active { + border: medium none; + background-color: rgba(222, 222, 222, 0.5); +} + +.form-group.form-group-no-border .form-control:focus + .input-group-addon, +.input-group.form-group-no-border .form-control:focus + .input-group-addon { + background-color: rgba(222, 222, 222, 0.5); +} + +.form-group.form-group-no-border .input-group-addon, +.input-group.form-group-no-border .input-group-addon { + background-color: rgba(222, 222, 222, 0.3); + border: none; } .has-error .form-control-feedback, .has-error .control-label { @@ -13292,17 +13435,21 @@ input { } .input-group-addon { - background-color: #fffcf5; - border: medium none; - border-radius: 2px; + background-color: #FFFFFF; + border: 1px solid #E3E3E3; + border-radius: 0.125rem; + color: #555555; + padding: 6px 0 6px 17px; + -webkit-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out, background-color 0.3s ease-in-out; + transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out, background-color 0.3s ease-in-out; } .has-success .input-group-addon, -.has-error .input-group-addon { +.has-danger .input-group-addon { background-color: #FFFFFF; } -.has-error .form-control:focus + .input-group-addon { +.has-danger .form-control:focus + .input-group-addon { color: #FF3636; } @@ -13310,72 +13457,51 @@ input { color: #18ce0f; } -.form-control:focus + .input-group-addon, -.form-control:focus ~ .input-group-addon { +.input-group-addon + .form-control, +.input-group-addon ~ .form-control { + padding: 6px 18px; + padding-left: 18px; +} + +.input-group-focus .input-group-addon { background-color: #FFFFFF; + border-color: #f96332; } -.border-input .input-group-addon { - border: solid 1px #CCC5B9; +.input-group-focus.form-group-no-border .input-group-addon { + background-color: rgba(222, 222, 222, 0.5); } -.input-group { - margin-bottom: 15px; +.input-group, +.form-group { + margin-bottom: 10px; } .input-group[disabled] .input-group-addon { background-color: #E3E3E3; } -.input-group .form-control:first-child, +/*.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) { - border-right: 0 none; + border-right: 0 none; } - .input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child) { - border-left: 0 none; -} - + border-left: 0 none; +}*/ .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { background-color: #E3E3E3; + color: #2c2c2c; cursor: not-allowed; - color: #9A9A9A; - opacity: 1; - filter: alpha(opacity=100); -} - -.form-control[disabled]::-moz-placeholder { - color: #9A9A9A; - opacity: 1; - filter: alpha(opacity=100); -} - -.form-control[disabled]:-moz-placeholder { - color: #DDDDDD; - opacity: 1; - filter: alpha(opacity=100); -} - -.form-control[disabled]::-webkit-input-placeholder { - color: #DDDDDD; - opacity: 1; - filter: alpha(opacity=100); -} - -.form-control[disabled]:-ms-input-placeholder { - color: #DDDDDD; - opacity: 1; - filter: alpha(opacity=100); } .input-group-btn .btn { border-width: 1px; - padding: 9px 18px; + padding: 11px 18px; } .input-group-btn .btn-default:not(.btn-fill) { @@ -13388,8 +13514,28 @@ input { textarea.form-control { max-width: 100%; - padding: 10px 18px; + padding: 10px 10px 0 0; resize: none; + background-color: transparent; + border: 1px solid #E3E3E3; + color: #333333; + line-height: 1em; + font-size: 0.8571em; + border-radius: 0; +} + +textarea.form-control:focus, textarea.form-control:active { + -webkit-box-shadow: none; + box-shadow: none; + border: 1px solid #067ec1; + background-color: transparent; +} + +.has-success.form-group .form-control, +.has-success.form-group.form-group-no-border .form-control, +.has-danger.form-group .form-control, +.has-danger.form-group.form-group-no-border .form-control { + padding-right: 40px; } .alert { @@ -13443,7 +13589,7 @@ textarea.form-control { .alert-info { background-color: #7CE4FE; - color: #3091B2; + color: #0688d0; } .alert-success { @@ -13453,7 +13599,7 @@ textarea.form-control { .alert-warning { background-color: #FFE28C; - color: #BB992F; + color: #ffa81d; } .alert-danger { @@ -13688,7 +13834,7 @@ textarea.form-control { .navbar { border: 0; border-radius: 0; - font-size: 16px; + font-size: 1em; z-index: 3; } @@ -13729,7 +13875,7 @@ textarea.form-control { } .navbar .btn-simple { - font-size: 16px; + font-size: 14px; } .navbar-nav > li > .dropdown-menu { @@ -13758,22 +13904,22 @@ textarea.form-control { .navbar-default .navbar-nav > li > a:not(.btn):focus { background-color: transparent; border-radius: 3px; - color: #2CA8FF; + color: #067ec1; opacity: 1; filter: alpha(opacity=100); } .navbar-default .navbar-nav > .dropdown > a:hover .caret, .navbar-default .navbar-nav > .dropdown > a:focus .caret { - border-bottom-color: #2CA8FF; - border-top-color: #2CA8FF; + border-bottom-color: #067ec1; + border-top-color: #067ec1; } .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { background-color: transparent; - color: #2CA8FF; + color: #067ec1; } .navbar-default .navbar-nav .navbar-toggle:hover, .navbar-default .navbar-nav .navbar-toggle:focus { @@ -13781,8 +13927,8 @@ textarea.form-control { } .navbar-default:not(.navbar-transparent) .btn-default:hover { - color: #2CA8FF; - border-color: #2CA8FF; + color: #067ec1; + border-color: #067ec1; } .navbar-default:not(.navbar-transparent) .btn-neutral, @@ -13802,7 +13948,7 @@ textarea.form-control { padding: 0; background-color: transparent; height: 22px; - font-size: 16px; + font-size: 1em; line-height: 1.4em; color: #E3E3E3; } @@ -14022,7 +14168,7 @@ textarea.form-control { .dropdown-menu .dropdown-header { color: #9A9A9A; - font-size: 12px; + font-size: 0.8571em; padding: 10px 15px; } @@ -14080,7 +14226,7 @@ textarea.form-control { .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { - background-color: #2f2d2a; + background-color: #2c2c2c; color: rgba(182, 182, 182, 0.7); opacity: 1; text-decoration: none; @@ -14093,7 +14239,7 @@ textarea.form-control { .dropdown-menu.dropdown-info > li > a:hover, .dropdown-menu.dropdown-info > li > a:focus { - background-color: #2CA8FF; + background-color: #067ec1; } .dropdown-menu.dropdown-success > li > a:hover, @@ -14103,7 +14249,7 @@ textarea.form-control { .dropdown-menu.dropdown-warning > li > a:hover, .dropdown-menu.dropdown-warning > li > a:focus { - background-color: #F3BB45; + background-color: #FFB236; } .dropdown-menu.dropdown-danger > li > a:hover, @@ -14170,7 +14316,7 @@ textarea.form-control { } .card .description { - font-size: 16px; + font-size: 1em; color: #4b4743; } @@ -14181,7 +14327,7 @@ textarea.form-control { } .card h6 { - font-size: 12px; + font-size: 0.8571em; margin: 0; } @@ -14195,7 +14341,7 @@ textarea.form-control { .card .category i, .card label i { - font-size: 16px; + font-size: 1em; } .card label { @@ -14250,7 +14396,7 @@ textarea.form-control { } .card .author { - font-size: 12px; + font-size: 0.8571em; font-weight: 600; text-transform: uppercase; } @@ -14416,7 +14562,7 @@ fieldset[disabled] .card .btn-success.active { } .card .btn-info { - background-color: #2CA8FF; + background-color: #067ec1; color: #FFFFFF; } @@ -14424,7 +14570,7 @@ fieldset[disabled] .card .btn-success.active { .open > .card .btn-info.dropdown-toggle, .open > .card .btn-info.dropdown-toggle:focus, .open > .card .btn-info.dropdown-toggle:hover { - background-color: #3091B2; + background-color: #0688d0; color: #FFFFFF; } @@ -14435,8 +14581,8 @@ fieldset[disabled] .card .btn-info:focus, fieldset[disabled] .card .btn-info.focus, fieldset[disabled] .card .btn-info:active, fieldset[disabled] .card .btn-info.active { - background-color: #2CA8FF; - border-color: #2CA8FF; + background-color: #067ec1; + border-color: #067ec1; } .card .btn-info.focus, .card .btn-info:focus { @@ -14445,28 +14591,28 @@ fieldset[disabled] .card .btn-info.active { } .card .btn-info.btn-simple { - color: #2CA8FF; - border-color: #2CA8FF; + color: #067ec1; + border-color: #067ec1; } .card .btn-info.btn-simple:hover, .card .btn-info.btn-simple:focus, .card .btn-info.btn-simple:active { background-color: transparent; - color: #3091B2; - border-color: #3091B2; + color: #0688d0; + border-color: #0688d0; } .card .btn-info.btn-link { - color: #2CA8FF; + color: #067ec1; } .card .btn-info.btn-link:hover, .card .btn-info.btn-link:focus, .card .btn-info.btn-link:active { background-color: transparent; - color: #3091B2; + color: #0688d0; text-decoration: none; } .card .btn-warning { - background-color: #F3BB45; + background-color: #FFB236; color: #FFFFFF; } @@ -14474,7 +14620,7 @@ fieldset[disabled] .card .btn-info.active { .open > .card .btn-warning.dropdown-toggle, .open > .card .btn-warning.dropdown-toggle:focus, .open > .card .btn-warning.dropdown-toggle:hover { - background-color: #BB992F; + background-color: #ffa81d; color: #FFFFFF; } @@ -14485,8 +14631,8 @@ fieldset[disabled] .card .btn-warning:focus, fieldset[disabled] .card .btn-warning.focus, fieldset[disabled] .card .btn-warning:active, fieldset[disabled] .card .btn-warning.active { - background-color: #F3BB45; - border-color: #F3BB45; + background-color: #FFB236; + border-color: #FFB236; } .card .btn-warning.focus, .card .btn-warning:focus { @@ -14495,23 +14641,23 @@ fieldset[disabled] .card .btn-warning.active { } .card .btn-warning.btn-simple { - color: #F3BB45; - border-color: #F3BB45; + color: #FFB236; + border-color: #FFB236; } .card .btn-warning.btn-simple:hover, .card .btn-warning.btn-simple:focus, .card .btn-warning.btn-simple:active { background-color: transparent; - color: #BB992F; - border-color: #BB992F; + color: #ffa81d; + border-color: #ffa81d; } .card .btn-warning.btn-link { - color: #F3BB45; + color: #FFB236; } .card .btn-warning.btn-link:hover, .card .btn-warning.btn-link:focus, .card .btn-warning.btn-link:active { background-color: transparent; - color: #BB992F; + color: #ffa81d; text-decoration: none; } @@ -14607,7 +14753,7 @@ fieldset[disabled] .card .btn-neutral.active { } .card .btn-neutral.btn-info:hover, .card .btn-neutral.btn-info:focus, .card .btn-neutral.btn-info:active { - color: #3091B2; + color: #0688d0; } .card .btn-neutral.btn-warning { @@ -14615,7 +14761,7 @@ fieldset[disabled] .card .btn-neutral.active { } .card .btn-neutral.btn-warning:hover, .card .btn-neutral.btn-warning:focus, .card .btn-neutral.btn-warning:active { - color: #BB992F; + color: #ffa81d; } .card .btn-neutral.btn-success { @@ -14918,19 +15064,19 @@ fieldset[disabled] .card .btn-neutral.active { } .ct-series-a .ct-point, .ct-series-a .ct-line, .ct-series-a .ct-bar, .ct-series-a .ct-slice-donut { - stroke: #2CA8FF; + stroke: #067ec1; } .ct-series-a .ct-slice-pie, .ct-series-a .ct-area { - fill: #2CA8FF; + fill: #067ec1; } .ct-series-b .ct-point, .ct-series-b .ct-line, .ct-series-b .ct-bar, .ct-series-b .ct-slice-donut { - stroke: #F3BB45; + stroke: #FFB236; } .ct-series-b .ct-slice-pie, .ct-series-b .ct-area { - fill: #F3BB45; + fill: #FFB236; } .ct-series-c .ct-point, .ct-series-c .ct-line, .ct-series-c .ct-bar, .ct-series-c .ct-slice-donut { @@ -14958,11 +15104,11 @@ fieldset[disabled] .card .btn-neutral.active { } .ct-series-f .ct-point, .ct-series-f .ct-line, .ct-series-f .ct-bar, .ct-series-f .ct-slice-donut { - stroke: rgba(44, 168, 255, 0.8); + stroke: rgba(6, 126, 193, 0.8); } .ct-series-f .ct-slice-pie, .ct-series-f .ct-area { - fill: rgba(44, 168, 255, 0.8); + fill: rgba(6, 126, 193, 0.8); } .ct-series-g .ct-point, .ct-series-g .ct-line, .ct-series-g .ct-bar, .ct-series-g .ct-slice-donut { @@ -14974,11 +15120,11 @@ fieldset[disabled] .card .btn-neutral.active { } .ct-series-h .ct-point, .ct-series-h .ct-line, .ct-series-h .ct-bar, .ct-series-h .ct-slice-donut { - stroke: rgba(243, 187, 69, 0.8); + stroke: rgba(255, 178, 54, 0.8); } .ct-series-h .ct-slice-pie, .ct-series-h .ct-area { - fill: rgba(243, 187, 69, 0.8); + fill: rgba(255, 178, 54, 0.8); } .ct-series-i .ct-point, .ct-series-i .ct-line, .ct-series-i .ct-bar, .ct-series-i .ct-slice-donut { @@ -14998,11 +15144,11 @@ fieldset[disabled] .card .btn-neutral.active { } .ct-series-k .ct-point, .ct-series-k .ct-line, .ct-series-k .ct-bar, .ct-series-k .ct-slice-donut { - stroke: rgba(44, 168, 255, 0.6); + stroke: rgba(6, 126, 193, 0.6); } .ct-series-k .ct-slice-pie, .ct-series-k .ct-area { - fill: rgba(44, 168, 255, 0.6); + fill: rgba(6, 126, 193, 0.6); } .ct-series-l .ct-point, .ct-series-l .ct-line, .ct-series-l .ct-bar, .ct-series-l .ct-slice-donut { @@ -15014,11 +15160,11 @@ fieldset[disabled] .card .btn-neutral.active { } .ct-series-m .ct-point, .ct-series-m .ct-line, .ct-series-m .ct-bar, .ct-series-m .ct-slice-donut { - stroke: rgba(243, 187, 69, 0.6); + stroke: rgba(255, 178, 54, 0.6); } .ct-series-m .ct-slice-pie, .ct-series-m .ct-area { - fill: rgba(243, 187, 69, 0.6); + fill: rgba(255, 178, 54, 0.6); } .ct-series-n .ct-point, .ct-series-n .ct-line, .ct-series-n .ct-bar, .ct-series-n .ct-slice-donut { @@ -15662,10 +15808,10 @@ fieldset[disabled] .card .btn-neutral.active { } .off-canvas-sidebar .nav > li > a { margin: 0px 0px; - color: #2f2d2a; + color: #2c2c2c; text-transform: uppercase; font-weight: 600; - font-size: 12px; + font-size: 0.8571em; line-height: 1.4em; padding: 10px 0; } diff --git a/public/assets/admin/css/vendor.min.css b/public/assets/admin/css/vendor.min.css index 315b6574..cd0308f7 100644 --- a/public/assets/admin/css/vendor.min.css +++ b/public/assets/admin/css/vendor.min.css @@ -14,6 +14,7 @@ * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. */ +/* brand Colors */ /* $default-color: #B8B8B8 !default; $default-states-color: darken($default-color, 5%) !default; @@ -45,12 +46,18 @@ $danger-color-opacity: rgba(255, 54, 54, .3) !default; $danger-color-alert: rgba(255, 54, 54, .8) !default; */ /* light colors - used for select dropdown */ +/*$font-size-base: 14px !default; +$font-size-xs: 12px !default; +$font-size-small: 12px !default; +$font-size-medium: 16px !default; +$font-size-large: 18px !default; +$font-size-large-navbar: 20px !default;*/ .ct-blue { stroke: #f96332 !important; } .ct-azure { - stroke: #2CA8FF !important; + stroke: #067ec1 !important; } .ct-green { @@ -58,7 +65,7 @@ $danger-color-alert: rgba(255, 54, 54, .8) !default; } .ct-orange { - stroke: #F3BB45 !important; + stroke: #FFB236 !important; } .ct-red { @@ -111,7 +118,7 @@ h6, .h6 { } p { - font-size: 16px; + font-size: 1em; line-height: 1.4em; } @@ -146,7 +153,7 @@ blockquote small { } .text-info, .text-info:hover { - color: #3091B2; + color: #0688d0; } .text-success, .text-success:hover { @@ -154,7 +161,7 @@ blockquote small { } .text-warning, .text-warning:hover { - color: #BB992F; + color: #ffa81d; } .text-danger, .text-danger:hover { @@ -174,7 +181,7 @@ strong { } .icon-info { - color: #2CA8FF; + color: #067ec1; } .icon-success { @@ -182,7 +189,7 @@ strong { } .icon-warning { - color: #F3BB45; + color: #FFB236; } .icon-danger { @@ -194,7 +201,7 @@ strong { } .chart-legend .text-info, .chart-legend .text-info:hover { - color: #2CA8FF; + color: #067ec1; } .chart-legend .text-success, .chart-legend .text-success:hover { @@ -202,7 +209,7 @@ strong { } .chart-legend .text-warning, .chart-legend .text-warning:hover { - color: #F3BB45; + color: #FFB236; } .chart-legend .text-danger, .chart-legend .text-danger:hover { @@ -229,11 +236,11 @@ body .wrapper { } a { - color: #2CA8FF; + color: #067ec1; } a:hover, a:focus { - color: #3091B2; + color: #0688d0; text-decoration: none; } @@ -306,6 +313,7 @@ hr { z-index: 1; background-size: cover; background-position: center center; + color: #2c2c2c; } .sidebar .sidebar-wrapper { @@ -357,7 +365,7 @@ hr { text-transform: uppercase; padding: 4px 0px; display: block; - font-size: 18px; + font-size: 1em; text-align: center; font-weight: 400; line-height: 30px; @@ -472,31 +480,31 @@ hr { .sidebar .logo, .sidebar[data-background-color="white"] .logo, .off-canvas-sidebar .logo, .off-canvas-sidebar[data-background-color="white"] .logo { - border-bottom: 1px solid rgba(47, 45, 42, 0.3); + border-bottom: 1px solid rgba(44, 44, 44, 0.3); } .sidebar .logo p, .sidebar[data-background-color="white"] .logo p, .off-canvas-sidebar .logo p, .off-canvas-sidebar[data-background-color="white"] .logo p { - color: #2f2d2a; + color: #2c2c2c; } .sidebar .logo .simple-text, .sidebar[data-background-color="white"] .logo .simple-text, .off-canvas-sidebar .logo .simple-text, .off-canvas-sidebar[data-background-color="white"] .logo .simple-text { - color: #2f2d2a; + color: #2c2c2c; } .sidebar .nav li:not(.active) > a, .sidebar[data-background-color="white"] .nav li:not(.active) > a, .off-canvas-sidebar .nav li:not(.active) > a, .off-canvas-sidebar[data-background-color="white"] .nav li:not(.active) > a { - color: #2f2d2a; + color: #2c2c2c; } .sidebar .nav .divider, .sidebar[data-background-color="white"] .nav .divider, .off-canvas-sidebar .nav .divider, .off-canvas-sidebar[data-background-color="white"] .nav .divider { - background-color: rgba(47, 45, 42, 0.2); + background-color: rgba(44, 44, 44, 0.2); } .sidebar[data-background-color="black"]:after, .sidebar[data-background-color="black"]:before, @@ -532,13 +540,13 @@ hr { .sidebar[data-active-color="primary"] .nav li.active > a, .off-canvas-sidebar[data-active-color="primary"] .nav li.active > a { - color: #f96332; + color: #2c2c2c; opacity: 1; } .sidebar[data-active-color="info"] .nav li.active > a, .off-canvas-sidebar[data-active-color="info"] .nav li.active > a { - color: #2CA8FF; + color: #067ec1; opacity: 1; } @@ -550,7 +558,7 @@ hr { .sidebar[data-active-color="warning"] .nav li.active > a, .off-canvas-sidebar[data-active-color="warning"] .nav li.active > a { - color: #F3BB45; + color: #FFB236; opacity: 1; } @@ -561,7 +569,7 @@ hr { } .main-panel { - background-color: #ebeff2; + background-color: rgba(255, 255, 255, 0.96); position: relative; z-index: 2; float: right; @@ -618,8 +626,8 @@ hr { } .badge-default { - border-color: #2f2d2a; - color: #2f2d2a; + border-color: #2c2c2c; + color: #2c2c2c; } .badge-primary { @@ -628,8 +636,8 @@ hr { } .badge-info { - border-color: #2CA8FF; - color: #2CA8FF; + border-color: #067ec1; + color: #067ec1; } .badge-success { @@ -638,8 +646,8 @@ hr { } .badge-warning { - border-color: #F3BB45; - color: #F3BB45; + border-color: #FFB236; + color: #FFB236; } .badge-danger { @@ -661,7 +669,7 @@ hr { font-weight: 500; margin-top: 5px; padding: 4px 18px; - background-color: #2f2d2a; + background-color: #2c2c2c; color: #FFFFFF; -webkit-transition: all 150ms linear; transition: all 150ms linear; @@ -726,8 +734,8 @@ fieldset[disabled] .navbar .navbar-nav > li > a.btn:active, fieldset[disabled] .navbar .navbar-nav > li > a.btn.active { - background-color: #2f2d2a; - border-color: #2f2d2a; + background-color: #2c2c2c; + border-color: #2c2c2c; } .btn.focus, .btn:focus, @@ -739,8 +747,8 @@ fieldset[disabled] .btn.btn-simple, .navbar .navbar-nav > li > a.btn.btn-simple { - color: #2f2d2a; - border-color: #2f2d2a; + color: #2c2c2c; + border-color: #2c2c2c; } .btn.btn-simple:hover, .btn.btn-simple:focus, .btn.btn-simple:active, @@ -754,7 +762,7 @@ fieldset[disabled] .btn.btn-link, .navbar .navbar-nav > li > a.btn.btn-link { - color: #2f2d2a; + color: #2c2c2c; } .btn.btn-link:hover, .btn.btn-link:focus, .btn.btn-link:active, @@ -914,7 +922,7 @@ fieldset[disabled] .btn-success.active { } .navbar .navbar-nav > li > a.btn-info, .btn-info { - background-color: #2CA8FF; + background-color: #067ec1; color: #FFFFFF; } @@ -925,7 +933,7 @@ fieldset[disabled] .btn-success.active { .open > .btn-info.dropdown-toggle, .open > .btn-info.dropdown-toggle:focus, .open > .btn-info.dropdown-toggle:hover { - background-color: #3091B2; + background-color: #0688d0; color: #FFFFFF; } @@ -942,8 +950,8 @@ fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info.focus, fieldset[disabled] .btn-info:active, fieldset[disabled] .btn-info.active { - background-color: #2CA8FF; - border-color: #2CA8FF; + background-color: #067ec1; + border-color: #067ec1; } .navbar .navbar-nav > li > a.btn-info.focus, .navbar .navbar-nav > li > a.btn-info:focus, .btn-info.focus, .btn-info:focus { @@ -952,28 +960,28 @@ fieldset[disabled] .btn-info.active { } .navbar .navbar-nav > li > a.btn-info.btn-simple, .btn-info.btn-simple { - color: #2CA8FF; - border-color: #2CA8FF; + color: #067ec1; + border-color: #067ec1; } .navbar .navbar-nav > li > a.btn-info.btn-simple:hover, .navbar .navbar-nav > li > a.btn-info.btn-simple:focus, .navbar .navbar-nav > li > a.btn-info.btn-simple:active, .btn-info.btn-simple:hover, .btn-info.btn-simple:focus, .btn-info.btn-simple:active { background-color: transparent; - color: #3091B2; - border-color: #3091B2; + color: #0688d0; + border-color: #0688d0; } .navbar .navbar-nav > li > a.btn-info.btn-link, .btn-info.btn-link { - color: #2CA8FF; + color: #067ec1; } .navbar .navbar-nav > li > a.btn-info.btn-link:hover, .navbar .navbar-nav > li > a.btn-info.btn-link:focus, .navbar .navbar-nav > li > a.btn-info.btn-link:active, .btn-info.btn-link:hover, .btn-info.btn-link:focus, .btn-info.btn-link:active { background-color: transparent; - color: #3091B2; + color: #0688d0; text-decoration: none; } .navbar .navbar-nav > li > a.btn-warning, .btn-warning { - background-color: #F3BB45; + background-color: #FFB236; color: #FFFFFF; } @@ -984,7 +992,7 @@ fieldset[disabled] .btn-info.active { .open > .btn-warning.dropdown-toggle, .open > .btn-warning.dropdown-toggle:focus, .open > .btn-warning.dropdown-toggle:hover { - background-color: #BB992F; + background-color: #ffa81d; color: #FFFFFF; } @@ -1001,8 +1009,8 @@ fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning.focus, fieldset[disabled] .btn-warning:active, fieldset[disabled] .btn-warning.active { - background-color: #F3BB45; - border-color: #F3BB45; + background-color: #FFB236; + border-color: #FFB236; } .navbar .navbar-nav > li > a.btn-warning.focus, .navbar .navbar-nav > li > a.btn-warning:focus, .btn-warning.focus, .btn-warning:focus { @@ -1011,23 +1019,23 @@ fieldset[disabled] .btn-warning.active { } .navbar .navbar-nav > li > a.btn-warning.btn-simple, .btn-warning.btn-simple { - color: #F3BB45; - border-color: #F3BB45; + color: #FFB236; + border-color: #FFB236; } .navbar .navbar-nav > li > a.btn-warning.btn-simple:hover, .navbar .navbar-nav > li > a.btn-warning.btn-simple:focus, .navbar .navbar-nav > li > a.btn-warning.btn-simple:active, .btn-warning.btn-simple:hover, .btn-warning.btn-simple:focus, .btn-warning.btn-simple:active { background-color: transparent; - color: #BB992F; - border-color: #BB992F; + color: #ffa81d; + border-color: #ffa81d; } .navbar .navbar-nav > li > a.btn-warning.btn-link, .btn-warning.btn-link { - color: #F3BB45; + color: #FFB236; } .navbar .navbar-nav > li > a.btn-warning.btn-link:hover, .navbar .navbar-nav > li > a.btn-warning.btn-link:focus, .navbar .navbar-nav > li > a.btn-warning.btn-link:active, .btn-warning.btn-link:hover, .btn-warning.btn-link:focus, .btn-warning.btn-link:active { background-color: transparent; - color: #BB992F; + color: #ffa81d; text-decoration: none; } @@ -1132,7 +1140,7 @@ fieldset[disabled] .btn-neutral.active { } .btn-neutral.btn-info:hover, .btn-neutral.btn-info:focus, .btn-neutral.btn-info:active { - color: #3091B2; + color: #0688d0; } .btn-neutral.btn-warning { @@ -1140,7 +1148,7 @@ fieldset[disabled] .btn-neutral.active { } .btn-neutral.btn-warning:hover, .btn-neutral.btn-warning:focus, .btn-neutral.btn-warning:active { - color: #BB992F; + color: #ffa81d; } .btn-neutral.btn-success { @@ -1193,17 +1201,17 @@ fieldset[disabled] .btn-neutral.active { } .btn-neutral:hover, .btn-neutral:focus { - color: #2f2d2a; + color: #2c2c2c; } .btn-neutral:active, .btn-neutral.active, .open > .btn-neutral.dropdown-toggle { background-color: #FFFFFF; - color: #2f2d2a; + color: #2c2c2c; } .btn-neutral.btn-fill { - color: #2f2d2a; + color: #2c2c2c; } .btn-neutral.btn-fill:hover, .btn-neutral.btn-fill:focus { @@ -1229,7 +1237,7 @@ fieldset[disabled] .btn-neutral.active { } .btn-lg { - font-size: 18px; + font-size: 1em; padding: 11px 30px; font-weight: 400; } @@ -1239,7 +1247,7 @@ fieldset[disabled] .btn-neutral.active { } .btn-sm { - font-size: 12px; + font-size: 0.8571em; padding: 4px 10px; } @@ -1248,7 +1256,7 @@ fieldset[disabled] .btn-neutral.active { } .btn-xs { - font-size: 12px; + font-size: 0.7142em; padding: 2px 5px; } @@ -1275,14 +1283,6 @@ fieldset[disabled] .btn-neutral.active { right: 8px; } -input { - margin-top: 5px; - border: none; - font-size: 1rem; - cursor: text; - font-family: "Avenir-light", "AvenirLTStd-Light", sans-serif !important; -} - .form-control::-moz-placeholder { color: #DDDDDD; opacity: 1; @@ -1309,39 +1309,34 @@ input { .form-control { font-family: "Avenir-light", "AvenirLTStd-Light", sans-serif !important; - display: block; - width: 100%; - /*font-size: $font-size-base;*/ - line-height: 1.846; - color: #666666; - border: medium none; - border-radius: 0.125rem; - border-bottom: 2px solid #0f5b8c; - vertical-align: middle; - /*-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);*/ - -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; - transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; - transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; - transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; - padding: 4px 10px; - height: 30px; - /*background-color: $gray-input-bg; - border: medium none; - border-radius: $border-radius-base; - color: $font-color; - font-size: $font-size-base; - transition: background-color 0.3s ease 0s; - @include input-size($padding-base-vertical, $padding-base-horizontal, $height-base); - @include box-shadow(none);*/ + border-radius: 0; + background-color: transparent; + border: 1px solid #E3E3E3; + color: #333333; + line-height: 1em; + font-size: 0.8571em; + -webkit-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out, background-color 0.3s ease-in-out; + transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out, background-color 0.3s ease-in-out; + -webkit-box-shadow: none; + box-shadow: none; +} + +.has-success .form-control { + border-color: #E3E3E3; } .form-control:focus { - background-color: #FFFFFF; + border: 1px solid #067ec1; + -webkit-box-shadow: none; + box-shadow: none; outline: 0 !important; - border-bottom: 2px solid #2196f3; - /*-webkit-box-shadow: inset 0 -2px 0 #2196f3; - box-shadow: inset 0 -2px 0 #2196f3;*/ + color: #333333; +} + +.form-control:focus + .input-group-addon, +.form-control:focus ~ .input-group-addon { + border: 1px solid #067ec1; + background-color: transparent; } .has-success .form-control, @@ -1352,34 +1347,24 @@ input { box-shadow: none; } -.has-success .form-control { - background-color: #fffcf5; - color: #18ce0f; +.has-danger .form-control.form-control-success, .has-danger .form-control.form-control-danger, +.has-success .form-control.form-control-success, +.has-success .form-control.form-control-danger { + background-image: none; } -.has-success .form-control.border-input { - border: 1px solid #18ce0f; -} - -.has-success .form-control:focus { - background-color: #FFFFFF; -} - -.has-error .form-control { - background-color: #fffcf5; +.has-danger .form-control { + background-color: #ffcfcf; + border-color: #ffcfcf; color: #FF3636; } -.has-error .form-control.border-input { - border: 1px solid #FF3636; -} - -.has-error .form-control:focus { - background-color: #FFFFFF; +.has-danger .form-control:focus { + background-color: rgba(222, 222, 222, 0.3); } .form-control + .form-control-feedback { - border-radius: 3px; + border-radius: 0.125rem; font-size: 14px; margin-top: -7px; position: absolute; @@ -1388,20 +1373,178 @@ input { vertical-align: middle; } -.form-control.border-input { - border: 1px solid #CCC5B9; -} - .open .form-control { + border-radius: 0.125rem 0.125rem 0 0; border-bottom-color: transparent; } -.input-lg { - height: 55px; - padding: 11px 30px; - font-size: 17px; - line-height: 1.3333333; - border-radius: 3px; +.form-control + .input-group-addon { + background-color: #FFFFFF; +} + +.has-success:after, +.has-danger:after { + font-family: 'Nucleo Outline'; + content: "\EA22"; + display: inline-block; + position: absolute; + right: 35px; + top: 12px; + color: #18ce0f; + font-size: 11px; +} + +.has-success.input-lg:after, +.has-danger.input-lg:after { + font-size: 13px; + top: 13px; +} + +.has-danger:after { + content: "\EA53"; + color: #FF3636; +} + +.form-group.form-group-no-border.input-sm .input-group-addon, +.input-group.form-group-no-border.input-sm .input-group-addon { + padding: 4px 0 4px 10px; +} + +.form-group.form-group-no-border.input-sm .form-control, +.input-group.form-group-no-border.input-sm .form-control { + padding: 4px 10px; +} + +.form-group.form-group-no-border.input-sm .form-control + .input-group-addon, +.input-group.form-group-no-border.input-sm .form-control + .input-group-addon { + padding: 4px 10px 4px 0; +} + +.form-group.input-sm .form-control, +.input-group.input-sm .form-control { + padding: 3px 9px; +} + +.form-group.input-sm .form-control + .input-group-addon, +.input-group.input-sm .form-control + .input-group-addon { + padding: 3px 9px 3px 0; +} + +.form-group.input-sm .input-group-addon, +.input-group.input-sm .input-group-addon { + padding: 3px 0 4px 9px; +} + +.form-group.input-sm .input-group-addon + .form-control, +.input-group.input-sm .input-group-addon + .form-control { + padding: 4px 9px 4px 7px; +} + +.form-group.form-group-no-border.input-lg .input-group-addon, +.input-group.form-group-no-border.input-lg .input-group-addon { + padding: 11px 0 11px 19px; +} + +.form-group.form-group-no-border.input-lg .form-control, +.input-group.form-group-no-border.input-lg .form-control { + padding: 11px 19px; +} + +.form-group.form-group-no-border.input-lg .form-control + .input-group-addon, +.input-group.form-group-no-border.input-lg .form-control + .input-group-addon { + padding: 11px 19px 11px 0; +} + +.form-group.input-lg .form-control, +.input-group.input-lg .form-control { + padding: 10px 18px; +} + +.form-group.input-lg .form-control + .input-group-addon, +.input-group.input-lg .form-control + .input-group-addon { + padding: 10px 18px 10px 0; +} + +.form-group.input-lg .input-group-addon, +.input-group.input-lg .input-group-addon { + padding: 10px 0 11px 18px; +} + +.form-group.input-lg .input-group-addon + .form-control, +.input-group.input-lg .input-group-addon + .form-control { + padding: 11px 18px 11px 16px; +} + +.form-group.form-group-no-border .form-control, +.input-group.form-group-no-border .form-control { + /*margin-top: 2px;*/ + padding: 4px 10px; +} + +.form-group.form-group-no-border .form-control + .input-group-addon, +.input-group.form-group-no-border .form-control + .input-group-addon { + padding: 4px 10px 4px 0; +} + +.form-group.form-group-no-border .input-group-addon, +.input-group.form-group-no-border .input-group-addon { + padding: 4px 0 4px 10px; +} + +.form-group .form-control, +.input-group .form-control { + margin-top: 2px; + padding: 3px 9px 3px 9px; +} + +.form-group .form-control + .input-group-addon, +.input-group .form-control + .input-group-addon { + padding: 3px 9px 3px 0; +} + +.form-group .input-group-addon, +.input-group .input-group-addon { + padding: 3px 0 3px 9px; +} + +.form-group .input-group-addon + .form-control, +.form-group .input-group-addon ~ .form-control, +.input-group .input-group-addon + .form-control, +.input-group .input-group-addon ~ .form-control { + padding: 3px 10px 4px 7px; +} + +.form-group.form-group-no-border .form-control, +.form-group.form-group-no-border .form-control + .input-group-addon, +.input-group.form-group-no-border .form-control, +.input-group.form-group-no-border .form-control + .input-group-addon { + background-color: rgba(222, 222, 222, 0.3); + border: medium none; +} + +.form-group.form-group-no-border .form-control:focus, .form-group.form-group-no-border .form-control:active, .form-group.form-group-no-border .form-control:active, +.form-group.form-group-no-border .form-control + .input-group-addon:focus, +.form-group.form-group-no-border .form-control + .input-group-addon:active, +.form-group.form-group-no-border .form-control + .input-group-addon:active, +.input-group.form-group-no-border .form-control:focus, +.input-group.form-group-no-border .form-control:active, +.input-group.form-group-no-border .form-control:active, +.input-group.form-group-no-border .form-control + .input-group-addon:focus, +.input-group.form-group-no-border .form-control + .input-group-addon:active, +.input-group.form-group-no-border .form-control + .input-group-addon:active { + border: medium none; + background-color: rgba(222, 222, 222, 0.5); +} + +.form-group.form-group-no-border .form-control:focus + .input-group-addon, +.input-group.form-group-no-border .form-control:focus + .input-group-addon { + background-color: rgba(222, 222, 222, 0.5); +} + +.form-group.form-group-no-border .input-group-addon, +.input-group.form-group-no-border .input-group-addon { + background-color: rgba(222, 222, 222, 0.3); + border: none; } .has-error .form-control-feedback, .has-error .control-label { @@ -1413,17 +1556,21 @@ input { } .input-group-addon { - background-color: #fffcf5; - border: medium none; - border-radius: 2px; + background-color: #FFFFFF; + border: 1px solid #E3E3E3; + border-radius: 0.125rem; + color: #555555; + padding: 6px 0 6px 17px; + -webkit-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out, background-color 0.3s ease-in-out; + transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out, background-color 0.3s ease-in-out; } .has-success .input-group-addon, -.has-error .input-group-addon { +.has-danger .input-group-addon { background-color: #FFFFFF; } -.has-error .form-control:focus + .input-group-addon { +.has-danger .form-control:focus + .input-group-addon { color: #FF3636; } @@ -1431,72 +1578,51 @@ input { color: #18ce0f; } -.form-control:focus + .input-group-addon, -.form-control:focus ~ .input-group-addon { +.input-group-addon + .form-control, +.input-group-addon ~ .form-control { + padding: 6px 18px; + padding-left: 18px; +} + +.input-group-focus .input-group-addon { background-color: #FFFFFF; + border-color: #f96332; } -.border-input .input-group-addon { - border: solid 1px #CCC5B9; +.input-group-focus.form-group-no-border .input-group-addon { + background-color: rgba(222, 222, 222, 0.5); } -.input-group { - margin-bottom: 15px; +.input-group, +.form-group { + margin-bottom: 10px; } .input-group[disabled] .input-group-addon { background-color: #E3E3E3; } -.input-group .form-control:first-child, +/*.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) { - border-right: 0 none; + border-right: 0 none; } - .input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child) { - border-left: 0 none; -} - + border-left: 0 none; +}*/ .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { background-color: #E3E3E3; + color: #2c2c2c; cursor: not-allowed; - color: #9A9A9A; - opacity: 1; - filter: alpha(opacity=100); -} - -.form-control[disabled]::-moz-placeholder { - color: #9A9A9A; - opacity: 1; - filter: alpha(opacity=100); -} - -.form-control[disabled]:-moz-placeholder { - color: #DDDDDD; - opacity: 1; - filter: alpha(opacity=100); -} - -.form-control[disabled]::-webkit-input-placeholder { - color: #DDDDDD; - opacity: 1; - filter: alpha(opacity=100); -} - -.form-control[disabled]:-ms-input-placeholder { - color: #DDDDDD; - opacity: 1; - filter: alpha(opacity=100); } .input-group-btn .btn { border-width: 1px; - padding: 9px 18px; + padding: 11px 18px; } .input-group-btn .btn-default:not(.btn-fill) { @@ -1509,8 +1635,28 @@ input { textarea.form-control { max-width: 100%; - padding: 10px 18px; + padding: 10px 10px 0 0; resize: none; + background-color: transparent; + border: 1px solid #E3E3E3; + color: #333333; + line-height: 1em; + font-size: 0.8571em; + border-radius: 0; +} + +textarea.form-control:focus, textarea.form-control:active { + -webkit-box-shadow: none; + box-shadow: none; + border: 1px solid #067ec1; + background-color: transparent; +} + +.has-success.form-group .form-control, +.has-success.form-group.form-group-no-border .form-control, +.has-danger.form-group .form-control, +.has-danger.form-group.form-group-no-border .form-control { + padding-right: 40px; } .alert { @@ -1564,7 +1710,7 @@ textarea.form-control { .alert-info { background-color: #7CE4FE; - color: #3091B2; + color: #0688d0; } .alert-success { @@ -1574,7 +1720,7 @@ textarea.form-control { .alert-warning { background-color: #FFE28C; - color: #BB992F; + color: #ffa81d; } .alert-danger { @@ -1809,7 +1955,7 @@ textarea.form-control { .navbar { border: 0; border-radius: 0; - font-size: 16px; + font-size: 1em; z-index: 3; } @@ -1850,7 +1996,7 @@ textarea.form-control { } .navbar .btn-simple { - font-size: 16px; + font-size: 14px; } .navbar-nav > li > .dropdown-menu { @@ -1879,22 +2025,22 @@ textarea.form-control { .navbar-default .navbar-nav > li > a:not(.btn):focus { background-color: transparent; border-radius: 3px; - color: #2CA8FF; + color: #067ec1; opacity: 1; filter: alpha(opacity=100); } .navbar-default .navbar-nav > .dropdown > a:hover .caret, .navbar-default .navbar-nav > .dropdown > a:focus .caret { - border-bottom-color: #2CA8FF; - border-top-color: #2CA8FF; + border-bottom-color: #067ec1; + border-top-color: #067ec1; } .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { background-color: transparent; - color: #2CA8FF; + color: #067ec1; } .navbar-default .navbar-nav .navbar-toggle:hover, .navbar-default .navbar-nav .navbar-toggle:focus { @@ -1902,8 +2048,8 @@ textarea.form-control { } .navbar-default:not(.navbar-transparent) .btn-default:hover { - color: #2CA8FF; - border-color: #2CA8FF; + color: #067ec1; + border-color: #067ec1; } .navbar-default:not(.navbar-transparent) .btn-neutral, @@ -1923,7 +2069,7 @@ textarea.form-control { padding: 0; background-color: transparent; height: 22px; - font-size: 16px; + font-size: 1em; line-height: 1.4em; color: #E3E3E3; } @@ -2143,7 +2289,7 @@ textarea.form-control { .dropdown-menu .dropdown-header { color: #9A9A9A; - font-size: 12px; + font-size: 0.8571em; padding: 10px 15px; } @@ -2201,7 +2347,7 @@ textarea.form-control { .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { - background-color: #2f2d2a; + background-color: #2c2c2c; color: rgba(182, 182, 182, 0.7); opacity: 1; text-decoration: none; @@ -2214,7 +2360,7 @@ textarea.form-control { .dropdown-menu.dropdown-info > li > a:hover, .dropdown-menu.dropdown-info > li > a:focus { - background-color: #2CA8FF; + background-color: #067ec1; } .dropdown-menu.dropdown-success > li > a:hover, @@ -2224,7 +2370,7 @@ textarea.form-control { .dropdown-menu.dropdown-warning > li > a:hover, .dropdown-menu.dropdown-warning > li > a:focus { - background-color: #F3BB45; + background-color: #FFB236; } .dropdown-menu.dropdown-danger > li > a:hover, @@ -2291,7 +2437,7 @@ textarea.form-control { } .card .description { - font-size: 16px; + font-size: 1em; color: #4b4743; } @@ -2302,7 +2448,7 @@ textarea.form-control { } .card h6 { - font-size: 12px; + font-size: 0.8571em; margin: 0; } @@ -2316,7 +2462,7 @@ textarea.form-control { .card .category i, .card label i { - font-size: 16px; + font-size: 1em; } .card label { @@ -2371,7 +2517,7 @@ textarea.form-control { } .card .author { - font-size: 12px; + font-size: 0.8571em; font-weight: 600; text-transform: uppercase; } @@ -2537,7 +2683,7 @@ fieldset[disabled] .card .btn-success.active { } .card .btn-info { - background-color: #2CA8FF; + background-color: #067ec1; color: #FFFFFF; } @@ -2545,7 +2691,7 @@ fieldset[disabled] .card .btn-success.active { .open > .card .btn-info.dropdown-toggle, .open > .card .btn-info.dropdown-toggle:focus, .open > .card .btn-info.dropdown-toggle:hover { - background-color: #3091B2; + background-color: #0688d0; color: #FFFFFF; } @@ -2556,8 +2702,8 @@ fieldset[disabled] .card .btn-info:focus, fieldset[disabled] .card .btn-info.focus, fieldset[disabled] .card .btn-info:active, fieldset[disabled] .card .btn-info.active { - background-color: #2CA8FF; - border-color: #2CA8FF; + background-color: #067ec1; + border-color: #067ec1; } .card .btn-info.focus, .card .btn-info:focus { @@ -2566,28 +2712,28 @@ fieldset[disabled] .card .btn-info.active { } .card .btn-info.btn-simple { - color: #2CA8FF; - border-color: #2CA8FF; + color: #067ec1; + border-color: #067ec1; } .card .btn-info.btn-simple:hover, .card .btn-info.btn-simple:focus, .card .btn-info.btn-simple:active { background-color: transparent; - color: #3091B2; - border-color: #3091B2; + color: #0688d0; + border-color: #0688d0; } .card .btn-info.btn-link { - color: #2CA8FF; + color: #067ec1; } .card .btn-info.btn-link:hover, .card .btn-info.btn-link:focus, .card .btn-info.btn-link:active { background-color: transparent; - color: #3091B2; + color: #0688d0; text-decoration: none; } .card .btn-warning { - background-color: #F3BB45; + background-color: #FFB236; color: #FFFFFF; } @@ -2595,7 +2741,7 @@ fieldset[disabled] .card .btn-info.active { .open > .card .btn-warning.dropdown-toggle, .open > .card .btn-warning.dropdown-toggle:focus, .open > .card .btn-warning.dropdown-toggle:hover { - background-color: #BB992F; + background-color: #ffa81d; color: #FFFFFF; } @@ -2606,8 +2752,8 @@ fieldset[disabled] .card .btn-warning:focus, fieldset[disabled] .card .btn-warning.focus, fieldset[disabled] .card .btn-warning:active, fieldset[disabled] .card .btn-warning.active { - background-color: #F3BB45; - border-color: #F3BB45; + background-color: #FFB236; + border-color: #FFB236; } .card .btn-warning.focus, .card .btn-warning:focus { @@ -2616,23 +2762,23 @@ fieldset[disabled] .card .btn-warning.active { } .card .btn-warning.btn-simple { - color: #F3BB45; - border-color: #F3BB45; + color: #FFB236; + border-color: #FFB236; } .card .btn-warning.btn-simple:hover, .card .btn-warning.btn-simple:focus, .card .btn-warning.btn-simple:active { background-color: transparent; - color: #BB992F; - border-color: #BB992F; + color: #ffa81d; + border-color: #ffa81d; } .card .btn-warning.btn-link { - color: #F3BB45; + color: #FFB236; } .card .btn-warning.btn-link:hover, .card .btn-warning.btn-link:focus, .card .btn-warning.btn-link:active { background-color: transparent; - color: #BB992F; + color: #ffa81d; text-decoration: none; } @@ -2728,7 +2874,7 @@ fieldset[disabled] .card .btn-neutral.active { } .card .btn-neutral.btn-info:hover, .card .btn-neutral.btn-info:focus, .card .btn-neutral.btn-info:active { - color: #3091B2; + color: #0688d0; } .card .btn-neutral.btn-warning { @@ -2736,7 +2882,7 @@ fieldset[disabled] .card .btn-neutral.active { } .card .btn-neutral.btn-warning:hover, .card .btn-neutral.btn-warning:focus, .card .btn-neutral.btn-warning:active { - color: #BB992F; + color: #ffa81d; } .card .btn-neutral.btn-success { @@ -3039,19 +3185,19 @@ fieldset[disabled] .card .btn-neutral.active { } .ct-series-a .ct-point, .ct-series-a .ct-line, .ct-series-a .ct-bar, .ct-series-a .ct-slice-donut { - stroke: #2CA8FF; + stroke: #067ec1; } .ct-series-a .ct-slice-pie, .ct-series-a .ct-area { - fill: #2CA8FF; + fill: #067ec1; } .ct-series-b .ct-point, .ct-series-b .ct-line, .ct-series-b .ct-bar, .ct-series-b .ct-slice-donut { - stroke: #F3BB45; + stroke: #FFB236; } .ct-series-b .ct-slice-pie, .ct-series-b .ct-area { - fill: #F3BB45; + fill: #FFB236; } .ct-series-c .ct-point, .ct-series-c .ct-line, .ct-series-c .ct-bar, .ct-series-c .ct-slice-donut { @@ -3079,11 +3225,11 @@ fieldset[disabled] .card .btn-neutral.active { } .ct-series-f .ct-point, .ct-series-f .ct-line, .ct-series-f .ct-bar, .ct-series-f .ct-slice-donut { - stroke: rgba(44, 168, 255, 0.8); + stroke: rgba(6, 126, 193, 0.8); } .ct-series-f .ct-slice-pie, .ct-series-f .ct-area { - fill: rgba(44, 168, 255, 0.8); + fill: rgba(6, 126, 193, 0.8); } .ct-series-g .ct-point, .ct-series-g .ct-line, .ct-series-g .ct-bar, .ct-series-g .ct-slice-donut { @@ -3095,11 +3241,11 @@ fieldset[disabled] .card .btn-neutral.active { } .ct-series-h .ct-point, .ct-series-h .ct-line, .ct-series-h .ct-bar, .ct-series-h .ct-slice-donut { - stroke: rgba(243, 187, 69, 0.8); + stroke: rgba(255, 178, 54, 0.8); } .ct-series-h .ct-slice-pie, .ct-series-h .ct-area { - fill: rgba(243, 187, 69, 0.8); + fill: rgba(255, 178, 54, 0.8); } .ct-series-i .ct-point, .ct-series-i .ct-line, .ct-series-i .ct-bar, .ct-series-i .ct-slice-donut { @@ -3119,11 +3265,11 @@ fieldset[disabled] .card .btn-neutral.active { } .ct-series-k .ct-point, .ct-series-k .ct-line, .ct-series-k .ct-bar, .ct-series-k .ct-slice-donut { - stroke: rgba(44, 168, 255, 0.6); + stroke: rgba(6, 126, 193, 0.6); } .ct-series-k .ct-slice-pie, .ct-series-k .ct-area { - fill: rgba(44, 168, 255, 0.6); + fill: rgba(6, 126, 193, 0.6); } .ct-series-l .ct-point, .ct-series-l .ct-line, .ct-series-l .ct-bar, .ct-series-l .ct-slice-donut { @@ -3135,11 +3281,11 @@ fieldset[disabled] .card .btn-neutral.active { } .ct-series-m .ct-point, .ct-series-m .ct-line, .ct-series-m .ct-bar, .ct-series-m .ct-slice-donut { - stroke: rgba(243, 187, 69, 0.6); + stroke: rgba(255, 178, 54, 0.6); } .ct-series-m .ct-slice-pie, .ct-series-m .ct-area { - fill: rgba(243, 187, 69, 0.6); + fill: rgba(255, 178, 54, 0.6); } .ct-series-n .ct-point, .ct-series-n .ct-line, .ct-series-n .ct-bar, .ct-series-n .ct-slice-donut { @@ -3783,10 +3929,10 @@ fieldset[disabled] .card .btn-neutral.active { } .off-canvas-sidebar .nav > li > a { margin: 0px 0px; - color: #2f2d2a; + color: #2c2c2c; text-transform: uppercase; font-weight: 600; - font-size: 12px; + font-size: 0.8571em; line-height: 1.4em; padding: 10px 0; } diff --git a/public/mix-manifest.json b/public/mix-manifest.json index eba2a06f..b95bc42c 100644 --- a/public/mix-manifest.json +++ b/public/mix-manifest.json @@ -1,7 +1,7 @@ { "/assets/frontend/js/app.js": "/assets/frontend/js/app.js?id=3d5b0dff38050f6b5e0b", "/assets/frontend/css/now-ui-kit.css": "/assets/frontend/css/now-ui-kit.css?id=a64d6e004c25bd2720b2", - "/assets/admin/css/vendor.min.css": "/assets/admin/css/vendor.min.css?id=61da6b300cd04cca6799", + "/assets/admin/css/vendor.min.css": "/assets/admin/css/vendor.min.css?id=7b067ced063f89165b11", "/assets/admin/js/app.js": "/assets/admin/js/app.js?id=926a7c24ec36533523e3", "/assets/installer/js/app.js": "/assets/installer/js/app.js?id=c65781eda730445d666e", "/assets/fonts/glyphicons-halflings-regular.woff2": "/assets/fonts/glyphicons-halflings-regular.woff2?id=b5b5055c6d812c0f9f0d", @@ -9,7 +9,7 @@ "/assets/admin/img/clear.png": "/assets/admin/img/clear.png?id=0e92f4c3efc6988a3c96", "/assets/admin/img/loading.gif": "/assets/admin/img/loading.gif?id=90a4b76b4f11558691f6", "/assets/global/js/jquery.js": "/assets/global/js/jquery.js?id=6a07da9fae934baf3f74", - "/assets/admin/css/vendor.css": "/assets/admin/css/vendor.css?id=7453fe9b5675cd1d759c", + "/assets/admin/css/vendor.css": "/assets/admin/css/vendor.css?id=724120aacdfd53f887d8", "/assets/admin/js/vendor.js": "/assets/admin/js/vendor.js?id=aa7db4bedfe23409f625", "/assets/admin/css/blue.png": "/assets/admin/css/blue.png?id=753a3c0dec86d3a38d9c", "/assets/admin/css/blue@2x.png": "/assets/admin/css/blue@2x.png?id=97da23d47b838cbd4bef", diff --git a/resources/sass/admin/paper/_inputs.scss b/resources/sass/admin/paper/_inputs.scss index e01056a8..b353cd33 100755 --- a/resources/sass/admin/paper/_inputs.scss +++ b/resources/sass/admin/paper/_inputs.scss @@ -1,91 +1,60 @@ -input { - margin-top: 5px; - border: none; - font-size: 1rem; - cursor: text; - //font-family: "Inconsolata", "Monaco", "Consolas", "Lucida Console", monospace !important; - font-family: "Avenir-light", "AvenirLTStd-Light", sans-serif !important; -} - -.form-control::-moz-placeholder{ - @include placeholder($medium-gray,1); -} -.form-control:-moz-placeholder{ - @include placeholder($medium-gray,1); -} -.form-control::-webkit-input-placeholder{ - @include placeholder($medium-gray,1); -} -.form-control:-ms-input-placeholder{ - @include placeholder($medium-gray,1); -} +@include form-control-placeholder($medium-gray, 1); .form-control { font-family: "Avenir-light", "AvenirLTStd-Light", sans-serif !important; - display: block; - width: 100%; - /*font-size: $font-size-base;*/ - line-height: 1.846; - color: #666666; - border: medium none; - border-radius: $border-radius-extra-small; - border-bottom: 2px solid #0f5b8c; - vertical-align: middle; - /*-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);*/ - -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; - -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; - transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; - @include input-size($padding-small-vertical, $padding-small-horizontal, 30px); + border-radius: 0; + background-color: $transparent-bg; + border: 1px solid $light-gray; + color: $black-color; + line-height: 1em; + font-size: $font-size-small; + @include transition-input-focus-color(); + @include box-shadow(none); - /*background-color: $gray-input-bg; - border: medium none; - border-radius: $border-radius-base; - color: $font-color; - font-size: $font-size-base; - transition: background-color 0.3s ease 0s; - @include input-size($padding-base-vertical, $padding-base-horizontal, $height-base); - @include box-shadow(none);*/ + .has-success & { + border-color: $light-gray; + } - &:focus{ - background-color: $white-bg; - //@include box-shadow(none); - outline: 0 !important; - border-bottom: 2px solid #2196f3; - /*-webkit-box-shadow: inset 0 -2px 0 #2196f3; - box-shadow: inset 0 -2px 0 #2196f3;*/ + &:focus { + border: 1px solid $brand-primary; + @include box-shadow(none); + outline: 0 !important; + color: $black-color; + + & + .input-group-addon, + & ~ .input-group-addon { + border: 1px solid $brand-primary; + background-color: $transparent-bg; + } } .has-success &, .has-error &, .has-success &:focus, - .has-error &:focus{ + .has-error &:focus { @include box-shadow(none); } - .has-success &{ - background-color: $success-input-bg; - color: $success-color; - &.border-input{ - border: 1px solid $success-color; + .has-danger &, + .has-success & { + &.form-control-success, + &.form-control-danger { + background-image: none; } } - .has-success &:focus{ - background-color: $white-bg; - } - .has-error &{ - background-color: $danger-input-bg; - color: $danger-color; - &.border-input{ - border: 1px solid $danger-color; - } - } - .has-error &:focus{ - background-color: $white-bg; - } - & + .form-control-feedback{ - border-radius: $border-radius-large; + .has-danger & { + background-color: lighten($danger-color, 30%); + border-color: lighten($danger-color, 30%); + color: $danger-color; + + &:focus { + background-color: $opacity-gray-3; + } + } + + & + .form-control-feedback { + border-radius: $border-radius-extra-small; font-size: $font-size-base; margin-top: -7px; position: absolute; @@ -93,68 +62,141 @@ input { top: 50%; vertical-align: middle; } - &.border-input{ - border: 1px solid $table-line-color; - } - .open &{ + + .open & { + border-radius: $border-radius-extra-small $border-radius-extra-small 0 0; border-bottom-color: transparent; } + + & + .input-group-addon { + background-color: $white-bg; + } } -.input-lg{ - height: 55px; - padding: $padding-large-vertical $padding-large-horizontal; - font-size: 17px; - line-height: 1.3333333; - border-radius: 3px; +.has-success, +.has-danger { + &:after { + font-family: 'Nucleo Outline'; + content: "\ea22"; + display: inline-block; + position: absolute; + right: 35px; + top: 12px; + color: $success-color; + font-size: 11px; + } + + &.input-lg { + &:after { + font-size: 13px; + top: 13px; + } + } } -.has-error{ - .form-control-feedback, .control-label{ +.has-danger { + &:after { + content: "\ea53"; color: $danger-color; } } -.has-success{ - .form-control-feedback, .control-label{ - color: $success-color; + +@include input-sm-padding($padding-small-vertical, $padding-small-horizontal); +@include input-lg-padding($padding-large-vertical, $padding-input-horizontal); +@include input-base-padding($padding-small-vertical, $padding-small-horizontal); + +.form-group.form-group-no-border, +.input-group.form-group-no-border { + .form-control, + .form-control + .input-group-addon { + background-color: $opacity-gray-3; + border: medium none; + &:focus, + &:active, + &:active { + border: medium none; + background-color: $opacity-gray-5; + } + } + + .form-control { + &:focus { + & + .input-group-addon { + background-color: $opacity-gray-5; + } + } + } + + .input-group-addon { + background-color: $opacity-gray-3; + border: none; } } +.has-error { + .form-control-feedback, .control-label { + color: $danger-color; + } +} + +.has-success { + .form-control-feedback, .control-label { + color: $success-color; + } +} .input-group-addon { - background-color: $gray-input-bg; - border: medium none; - border-radius: $border-radius-base; + background-color: $white-bg; + border: 1px solid $light-gray; + border-radius: $border-radius-extra-small; + color: $dark-background; + padding: $padding-base-vertical - 1 0 $padding-base-vertical - 1 $padding-base-horizontal - 1; + + @include transition-input-focus-color(); .has-success &, - .has-error &{ + .has-danger & { background-color: $white-color; } - .has-error .form-control:focus + &{ + .has-danger .form-control:focus + & { color: $danger-color; } - .has-success .form-control:focus + &{ + .has-success .form-control:focus + & { color: $success-color; } - .form-control:focus + &, - .form-control:focus ~ &{ - background-color: $white-color; + + & + .form-control, + & ~ .form-control { + @include input-size($padding-base-vertical - 1, $padding-base-horizontal); + padding-left: 18px; } } -.border-input{ - .input-group-addon{ - border: solid 1px $table-line-color; + +.input-group-focus { + .input-group-addon { + background-color: $white-bg; + border-color: $primary-color; + } + + &.form-group-no-border { + .input-group-addon { + background-color: $opacity-gray-5; + } } } -.input-group{ - margin-bottom: 15px; + +.input-group, +.form-group { + margin-bottom: 10px; } -.input-group[disabled]{ - .input-group-addon{ + +.input-group[disabled] { + .input-group-addon { background-color: $light-gray; } } -.input-group .form-control:first-child, + +/*.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) { @@ -165,38 +207,50 @@ input { .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child) { border-left: 0 none; -} +}*/ .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { background-color: $light-gray; + color: $default-color; cursor: not-allowed; - @include placeholder($dark-gray,1); } -.form-control[disabled]::-moz-placeholder{ - @include placeholder($dark-gray,1); -} -.form-control[disabled]:-moz-placeholder{ - @include placeholder($medium-gray,1); -} -.form-control[disabled]::-webkit-input-placeholder{ - @include placeholder($medium-gray,1); -} -.form-control[disabled]:-ms-input-placeholder{ - @include placeholder($medium-gray,1); -} -.input-group-btn .btn{ + +.input-group-btn .btn { border-width: $border-thin; - padding: $padding-round-vertical $padding-base-horizontal; + padding: $padding-btn-vertical $padding-base-horizontal; } -.input-group-btn .btn-default:not(.btn-fill){ + +.input-group-btn .btn-default:not(.btn-fill) { border-color: $medium-gray; } -.input-group-btn:last-child > .btn{ +.input-group-btn:last-child > .btn { margin-left: 0; } -textarea.form-control{ + +textarea.form-control { max-width: 100%; - padding: 10px 18px; + padding: 10px 10px 0 0; resize: none; + background-color: $transparent-bg; + border: 1px solid $light-gray; + color: $black-color; + line-height: 1em; + font-size: $font-size-small; + border-radius: 0; + + &:focus, + &:active { + @include box-shadow(none); + border: 1px solid $brand-primary; + background-color: $transparent-bg; + } } +.has-success, +.has-danger { + + &.form-group .form-control, + &.form-group.form-group-no-border .form-control { + padding-right: $padding-input-horizontal + 21; + } +} diff --git a/resources/sass/admin/paper/_sidebar-and-main-panel.scss b/resources/sass/admin/paper/_sidebar-and-main-panel.scss index 5a4abf58..3c3c92f7 100755 --- a/resources/sass/admin/paper/_sidebar-and-main-panel.scss +++ b/resources/sass/admin/paper/_sidebar-and-main-panel.scss @@ -6,6 +6,7 @@ z-index: 1; background-size: cover; background-position: center center; + color: $card-black-color; .sidebar-wrapper{ position: relative; max-height: none; @@ -155,7 +156,7 @@ } &[data-active-color="primary"]{ - @include sidebar-active-color($primary-color); + @include sidebar-active-color($default-color); } &[data-active-color="info"]{ @include sidebar-active-color($info-color); @@ -173,7 +174,8 @@ } .main-panel{ - background-color: $bg-nude; + //background-color: $bg-nude; + background-color: $white-navbar; position: relative; z-index: 2; float: right; diff --git a/resources/sass/admin/paper/_variables.scss b/resources/sass/admin/paper/_variables.scss index b0798f77..d2b58be4 100644 --- a/resources/sass/admin/paper/_variables.scss +++ b/resources/sass/admin/paper/_variables.scss @@ -18,6 +18,8 @@ $table-line-color: #CCC5B9 !default; $muted-color: #a49e93 !default; $black-bg: rgba(30,30,30,.97) !default; +$transparent-bg: transparent !default; +$dark-background: #555555 !default; $black-color: #333333 !default; $black-hr: #444444 !default; @@ -38,8 +40,11 @@ $success-input-bg: #fffcf5 !default; $other-medium-gray: #A49E93 !default; $transparent-bg: transparent !default; -$default-color: #2f2d2a !default; //#66615B !default; -$default-bg: #66615B !default; +$black-color: #2c2c2c !default; +//$default-color: #2f2d2a !default; //#66615B !default; +$default-color: #2c2c2c !default; //#66615B !default; +//$default-bg: #66615B !default; +$default-bg: #FFFFFF !default; $default-states-color: #403D39 !default; //$primary-color: #7A9E9F !default; @@ -52,18 +57,28 @@ $success-color: #18ce0f !default; $success-bg: darken($success-color, 5%) !default; $success-states-color: darken($success-color, 5%) !default; -$info-color: #2CA8FF !default; -$info-bg: #109CFF !default; -$info-states-color: #3091B2 !default; - -$warning-color: #F3BB45 !default; -$warning-bg: darken($warning-color, 5%) !default; -$warning-states-color: #BB992F !default; +$info-color: #067ec1 !default; //#2CA8FF !default; +$info-states-color: #0688d0 !default; // #109CFF !default; +$info-color-opacity: rgba(44, 168, 255, .3) !default; +$info-color-alert: rgba(44, 168, 255, .8) !default; +$warning-color: #FFB236 !default; +$warning-states-color: darken($warning-color, 5%) !default; +$warning-color-opacity: rgba(255, 178, 54, .3) !default; +$warning-color-alert: rgba(255, 178, 54, .8) !default; $danger-color: #FF3636 !default; -$danger-bg: darken($danger-color, 5%) !default; $danger-states-color: darken($danger-color, 5%) !default; +$danger-color-opacity: rgba(255, 54, 54, .3) !default; +$danger-color-alert: rgba(255, 54, 54, .8) !default; + +/* brand Colors */ +$brand-primary: #067ec1 !default; +$brand-info: $info-color !default; +$brand-success: $success-color !default; +$brand-warning: $warning-color !default; +$brand-danger: $danger-color !default; +$brand-inverse: $black-color !default; /* $default-color: #B8B8B8 !default; @@ -110,6 +125,12 @@ $light-red: rgba($danger-color, .2); //== Components // +$padding-input-vertical: 11px !default; +$padding-input-horizontal: 19px !default; + +$padding-btn-vertical: 11px !default; +$padding-btn-horizontal: 22px !default; + $padding-base-vertical: 7px !default; $padding-base-horizontal: 18px !default; @@ -166,12 +187,23 @@ $btn-icon-size: 56px !default; $btn-icon-size-mini: 36px !default; $btn-icon-font-size-mini: 14px !default; -$font-size-base: 14px !default; +/*$font-size-base: 14px !default; $font-size-xs: 12px !default; $font-size-small: 12px !default; $font-size-medium: 16px !default; $font-size-large: 18px !default; -$font-size-large-navbar: 20px !default; +$font-size-large-navbar: 20px !default;*/ + +$font-paragraph: 1em !default; +$font-size-navbar: 1em !default; +$font-size-mini: 0.7142em !default; +$font-size-xs: 0.7142em !default; +$font-size-small: 0.8571em !default; +$font-size-base: 14px !default; +$font-size-medium: 14px !default; +$font-size-large: 1em !default; +$font-size-large-navbar: 20px !default; +$font-size-blockquote: 1.1em !default; // ~ 15px $font-size-h1: 3.2em !default; $font-size-h2: 2.6em !default; @@ -275,11 +307,20 @@ $padding-zero: 0px !default; $sidebar-width: calc(100% - 260px) !default; $medium-dark-gray: #AAAAAA !default; +$light-gray: #E3E3E3 !default; +$medium-gray: #DDDDDD !default; +$dark-gray: #9A9A9A !default; + +$opacity-gray-3: rgba(222, 222, 222, .3) !default; +$opacity-gray-5: rgba(222, 222, 222, .5) !default; + +$opacity-5: rgba(255, 255, 255, .5) !default; +$opacity-8: rgba(255, 255, 255, .8) !default; + //variables used in cards $card-black-color: #2c2c2c !default; $card-muted-color: #ccc5b9 !default; - //variables used for sidebar $sidebar-background-dark-blue: #506367; diff --git a/resources/sass/admin/paper/mixins/_inputs.scss b/resources/sass/admin/paper/mixins/_inputs.scss index 870c918c..2dcc6a18 100644 --- a/resources/sass/admin/paper/mixins/_inputs.scss +++ b/resources/sass/admin/paper/mixins/_inputs.scss @@ -1,17 +1,237 @@ -@mixin input-size($padding-vertical, $padding-horizontal, $height){ - padding: $padding-vertical $padding-horizontal; - height: $height; +@mixin input-size($padding-vertical, $padding-horizontal) { + padding: $padding-vertical $padding-horizontal; } -@mixin placeholder($color, $opacity){ - color: $color; - @include opacity(1); +@mixin form-control-placeholder($color, $opacity) { + .form-control::-moz-placeholder { + color: $color; + @include opacity(1); + } + .form-control:-moz-placeholder { + color: $color; + @include opacity(1); + } + .form-control::-webkit-input-placeholder { + color: $color; + @include opacity(1); + } + .form-control:-ms-input-placeholder { + color: $color; + @include opacity(1); + } } -@mixin light-form(){ - border-radius: 0; - border:0; - padding: 0; - background-color: transparent; +@mixin light-form() { + border-radius: 0; + border: 0; + padding: 0; + background-color: transparent; +} -} \ No newline at end of file +@mixin input-sm-padding($padding-vertical, $padding-horizontal) { + .form-group.form-group-no-border.input-sm, + .input-group.form-group-no-border.input-sm { + .input-group-addon { + padding: $padding-vertical 0 $padding-vertical $padding-horizontal; + } + + .form-control { + padding: $padding-vertical $padding-horizontal; + + & + .input-group-addon { + padding: $padding-vertical $padding-horizontal $padding-vertical 0; + } + } + } + + .form-group.input-sm, + .input-group.input-sm { + .form-control { + padding: $padding-vertical - 1 $padding-horizontal - 1; + + & + .input-group-addon { + padding: $padding-vertical - 1 $padding-horizontal - 1 $padding-vertical - 1 0; + } + } + + .input-group-addon { + padding: $padding-vertical - 1 0 $padding-vertical $padding-horizontal - 1; + + & + .form-control { + padding: $padding-vertical $padding-horizontal - 1 $padding-vertical $padding-horizontal - 3; + } + } + } +} + +@mixin input-lg-padding($padding-vertical, $padding-horizontal) { + .form-group.form-group-no-border.input-lg, + .input-group.form-group-no-border.input-lg { + .input-group-addon { + padding: $padding-vertical 0 $padding-vertical $padding-horizontal; + } + + .form-control { + padding: $padding-vertical $padding-horizontal; + + & + .input-group-addon { + padding: $padding-vertical $padding-horizontal $padding-vertical 0; + } + } + } + + .form-group.input-lg, + .input-group.input-lg { + .form-control { + padding: $padding-vertical - 1 $padding-horizontal - 1; + + & + .input-group-addon { + padding: $padding-vertical - 1 $padding-horizontal - 1 $padding-vertical - 1 0; + } + } + + .input-group-addon { + padding: $padding-vertical - 1 0 $padding-vertical $padding-horizontal - 1; + + & + .form-control { + padding: $padding-vertical $padding-horizontal - 1 $padding-vertical $padding-horizontal - 3; + } + } + } +} + +@mixin input-base-padding($padding-vertical, $padding-horizontal) { + .form-group.form-group-no-border, + .input-group.form-group-no-border { + .form-control { + /*margin-top: 2px;*/ + padding: $padding-vertical $padding-horizontal; + + & + .input-group-addon { + padding: $padding-vertical $padding-horizontal $padding-vertical 0; + } + } + + .input-group-addon { + padding: $padding-vertical 0 $padding-vertical $padding-horizontal; + } + } + + .form-group, + .input-group { + .form-control { + margin-top: 2px; + padding: $padding-vertical - 1 $padding-horizontal - 1 $padding-vertical - 1 $padding-horizontal - 1; + + & + .input-group-addon { + padding: $padding-vertical - 1 $padding-horizontal - 1 $padding-vertical - 1 0; + } + } + + .input-group-addon { + padding: $padding-vertical - 1 0 $padding-vertical - 1 $padding-horizontal - 1; + + & + .form-control, + & ~ .form-control { + padding: $padding-vertical - 1 $padding-horizontal $padding-vertical $padding-horizontal - 3; + } + } + } +} + +//color1 = $opacity-5 +//color2 = $opacity-8 +//color3 = $white-color +//color4 = $transparent-bg +//color5 = $opacity-1 +//color6 = $opacity-2 + +@mixin input-coloured-bg($color1, $color2, $color3, $color4, $color5, $color6) { + @include form-control-placeholder(darken($color2, 8%), 1); + + .form-control { + border-color: $color1; + color: $color2; + + &:focus { + border-color: $color3; + background-color: $color4; + color: $color3; + } + } + + .has-success, + .has-danger { + &:after { + color: $color3; + } + } + + .has-danger { + .form-control { + background-color: $color4; + } + } + + .input-group-addon { + background-color: $color4; + border-color: $color1; + color: $color2; + } + + .input-group-focus { + .input-group-addon { + background-color: $color4; + border-color: $color3; + color: $color3; + } + } + + .form-group.form-group-no-border, + .input-group.form-group-no-border { + .form-control { + background-color: $color5; + color: $color2; + + &:focus, + &:active, + &:active { + background-color: $color6; + color: $color3; + } + } + + .form-control + .input-group-addon { + background-color: $color5; + + &:focus, + &:active, + &:active { + background-color: $color6; + color: $color3; + } + } + + .form-control { + &:focus { + & + .input-group-addon { + background-color: $color6; + color: $color3; + } + } + } + + .input-group-addon { + background-color: $color5; + border: none; + color: $color2; + } + + &.input-group-focus { + .input-group-addon { + background-color: $color6; + color: $color3; + } + } + } +} diff --git a/resources/sass/admin/paper/mixins/_vendor-prefixes.scss b/resources/sass/admin/paper/mixins/_vendor-prefixes.scss index 1c8e813c..898d63bb 100644 --- a/resources/sass/admin/paper/mixins/_vendor-prefixes.scss +++ b/resources/sass/admin/paper/mixins/_vendor-prefixes.scss @@ -1,6 +1,285 @@ // User select // For selecting text on the page +@mixin box-shadow($shadow...) { + -webkit-box-shadow: $shadow; // iOS <4.3 & Android <4.1 + box-shadow: $shadow; +} + +@mixin transition-input-focus-color() { + -webkit-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out, background-color 0.3s ease-in-out; + -moz-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out, background-color 0.3s ease-in-out; + -o-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out, background-color 0.3s ease-in-out; + -ms-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out, background-color 0.3s ease-in-out; + transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out, background-color 0.3s ease-in-out; +} + +@mixin transition($time, $type) { + -webkit-transition: all $time $type; + -moz-transition: all $time $type; + -o-transition: all $time $type; + -ms-transition: all $time $type; + transition: all $time $type; +} + +@mixin rotate-180() { + filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); + -webkit-transform: rotate(180deg); + -ms-transform: rotate(180deg); + transform: rotate(180deg); +} + +@mixin transform-translate-x($value) { + -webkit-transform: translate3d($value, 0, 0); + -moz-transform: translate3d($value, 0, 0); + -o-transform: translate3d($value, 0, 0); + -ms-transform: translate3d($value, 0, 0); + transform: translate3d($value, 0, 0); +} + +@mixin transform-translate-y($value) { + -webkit-transform: translate3d(0, $value, 0); + -moz-transform: translate3d(0, $value, 0); + -o-transform: translate3d(0, $value, 0); + -ms-transform: translate3d(0, $value, 0); + transform: translate3d(0, $value, 0); +} + +@mixin bar-animation($type) { + -webkit-animation: $type 500ms linear 0s; + -moz-animation: $type 500ms linear 0s; + animation: $type 500ms 0s; + -webkit-animation-fill-mode: forwards; + -moz-animation-fill-mode: forwards; + animation-fill-mode: forwards; +} + +@mixin topbar-x-rotation() { + @keyframes topbar-x { + 0% { + top: 0px; + transform: rotate(0deg); + } + 45% { + top: 6px; + transform: rotate(145deg); + } + 75% { + transform: rotate(130deg); + } + 100% { + transform: rotate(135deg); + } + } + @-webkit-keyframes topbar-x { + 0% { + top: 0px; + -webkit-transform: rotate(0deg); + } + 45% { + top: 6px; + -webkit-transform: rotate(145deg); + } + 75% { + -webkit-transform: rotate(130deg); + } + 100% { + -webkit-transform: rotate(135deg); + } + } + @-moz-keyframes topbar-x { + 0% { + top: 0px; + -moz-transform: rotate(0deg); + } + 45% { + top: 6px; + -moz-transform: rotate(145deg); + } + 75% { + -moz-transform: rotate(130deg); + } + 100% { + -moz-transform: rotate(135deg); + } + } +} + +@mixin topbar-back-rotation() { + @keyframes topbar-back { + 0% { + top: 6px; + transform: rotate(135deg); + } + 45% { + transform: rotate(-10deg); + } + 75% { + transform: rotate(5deg); + } + 100% { + top: 0px; + transform: rotate(0); + } + } + + @-webkit-keyframes topbar-back { + 0% { + top: 6px; + -webkit-transform: rotate(135deg); + } + 45% { + -webkit-transform: rotate(-10deg); + } + 75% { + -webkit-transform: rotate(5deg); + } + 100% { + top: 0px; + -webkit-transform: rotate(0); + } + } + + @-moz-keyframes topbar-back { + 0% { + top: 6px; + -moz-transform: rotate(135deg); + } + 45% { + -moz-transform: rotate(-10deg); + } + 75% { + -moz-transform: rotate(5deg); + } + 100% { + top: 0px; + -moz-transform: rotate(0); + } + } +} + +@mixin bottombar-x-rotation() { + @keyframes bottombar-x { + 0% { + bottom: 0px; + transform: rotate(0deg); + } + 45% { + bottom: 6px; + transform: rotate(-145deg); + } + 75% { + transform: rotate(-130deg); + } + 100% { + transform: rotate(-135deg); + } + } + @-webkit-keyframes bottombar-x { + 0% { + bottom: 0px; + -webkit-transform: rotate(0deg); + } + 45% { + bottom: 6px; + -webkit-transform: rotate(-145deg); + } + 75% { + -webkit-transform: rotate(-130deg); + } + 100% { + -webkit-transform: rotate(-135deg); + } + } + @-moz-keyframes bottombar-x { + 0% { + bottom: 0px; + -moz-transform: rotate(0deg); + } + 45% { + bottom: 6px; + -moz-transform: rotate(-145deg); + } + 75% { + -moz-transform: rotate(-130deg); + } + 100% { + -moz-transform: rotate(-135deg); + } + } +} + +@mixin bottombar-back-rotation { + @keyframes bottombar-back { + 0% { + bottom: 6px; + transform: rotate(-135deg); + } + 45% { + transform: rotate(10deg); + } + 75% { + transform: rotate(-5deg); + } + 100% { + bottom: 0px; + transform: rotate(0); + } + } + @-webkit-keyframes bottombar-back { + 0% { + bottom: 6px; + -webkit-transform: rotate(-135deg); + } + 45% { + -webkit-transform: rotate(10deg); + } + 75% { + -webkit-transform: rotate(-5deg); + } + 100% { + bottom: 0px; + -webkit-transform: rotate(0); + } + } + @-moz-keyframes bottombar-back { + 0% { + bottom: 6px; + -moz-transform: rotate(-135deg); + } + 45% { + -moz-transform: rotate(10deg); + } + 75% { + -moz-transform: rotate(-5deg); + } + 100% { + bottom: 0px; + -moz-transform: rotate(0); + } + } + +} + +@mixin nc-rotate($degrees, $rotation) { + filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation}); + -webkit-transform: rotate($degrees); + -moz-transform: rotate($degrees); + -ms-transform: rotate($degrees); + -o-transform: rotate($degrees); + transform: rotate($degrees); +} + +@mixin nc-flip($horiz, $vert, $rotation) { + filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation}); + -webkit-transform: scale($horiz, $vert); + -moz-transform: scale($horiz, $vert); + -ms-transform: scale($horiz, $vert); + -o-transform: scale($horiz, $vert); + transform: scale($horiz, $vert); +} + + @mixin user-select($select) { -webkit-user-select: $select; -moz-user-select: $select; @@ -135,14 +414,14 @@ 75% { transform: rotate(5deg); } 100% { top: 0px; transform: rotate(0); } } - + @-webkit-keyframes topbar-back { 0% { top: 6px; -webkit-transform: rotate(135deg); } 45% { -webkit-transform: rotate(-10deg); } 75% { -webkit-transform: rotate(5deg); } 100% { top: 0px; -webkit-transform: rotate(0); } } - + @-moz-keyframes topbar-back { 0% { top: 6px; -moz-transform: rotate(135deg); } 45% { -moz-transform: rotate(-10deg); } diff --git a/resources/views/admin/flights/fields.blade.php b/resources/views/admin/flights/fields.blade.php index e7db2885..9c32c4c3 100644 --- a/resources/views/admin/flights/fields.blade.php +++ b/resources/views/admin/flights/fields.blade.php @@ -5,36 +5,34 @@
 Flight Information
-
-
-
- {{ Form::label('airline_id', 'Airline:') }} * - {{ Form::select('airline_id', $airlines, null , ['class' => 'form-control select2']) }} -

{{ $errors->first('airline_id') }}

-
+
+
+ {{ Form::label('airline_id', 'Airline:') }} * + {{ Form::select('airline_id', $airlines, null , ['class' => 'form-control select2']) }} +

{{ $errors->first('airline_id') }}

+
- -
- {{ Form::label('flight_number', 'Flight Number:') }} * - {{ Form::text('flight_number', null, ['class' => 'form-control']) }} -

{{ $errors->first('flight_number') }}

-
+ +
+ {{ Form::label('flight_number', 'Flight Number:') }} * + {{ Form::text('flight_number', null, ['class' => 'form-control']) }} +

{{ $errors->first('flight_number') }}

+
- -
- {{ Form::label('route_code', 'Route Code:') }} - {{ Form::text('route_code', null, ['class'=>'form-control', 'placeholder'=>'optional']) }} -

{{ $errors->first('route_code') }}

-
+ +
+ {{ Form::label('route_code', 'Route Code:') }} + {{ Form::text('route_code', null, ['class'=>'form-control', 'placeholder'=>'optional']) }} +

{{ $errors->first('route_code') }}

+
- -
- {{ Form::label('route_leg', 'Route Leg:') }} - {{ Form::text('route_leg', null, ['class'=>'form-control', 'placeholder'=>'optional']) }} -

{{ $errors->first('route_leg') }}

-
+ +
+ {{ Form::label('route_leg', 'Route Leg:') }} + {{ Form::text('route_leg', null, ['class'=>'form-control', 'placeholder'=>'optional']) }} +

{{ $errors->first('route_leg') }}