350 lines
12 KiB
SCSS
350 lines
12 KiB
SCSS
$phpvms-blue: #067ec1 !default;
|
|
|
|
$font-color: #4b4743 !default;
|
|
$fill-font-color: rgba(182, 182, 182, 0.7);
|
|
|
|
$none: 0 !default;
|
|
$border-thin: 1px !default;
|
|
$border-thick: 2px !default;
|
|
|
|
$white-color: #FFFFFF !default;
|
|
$white-bg: #FFFFFF !default;
|
|
|
|
$smoke-bg: #F5F5F5 !default;
|
|
$pale-bg: #FFFCF5 !default;
|
|
$medium-pale-bg: #F1EAE0 !default;
|
|
|
|
$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;
|
|
|
|
$white-background-color: #FFFFFF !default;
|
|
//$black-background-color: #212120 !default;
|
|
//$black-background-color: #1a2932 !default;
|
|
$black-background-color: #0c1419 !default;
|
|
|
|
|
|
$light-gray: #E3E3E3 !default;
|
|
$medium-gray: #DDDDDD !default;
|
|
$dark-gray: #9A9A9A !default;
|
|
|
|
$gray-input-bg: #fffcf5 !default;
|
|
$danger-input-bg: #fffcf5 !default;
|
|
$success-input-bg: #fffcf5 !default;
|
|
$other-medium-gray: #A49E93 !default;
|
|
$transparent-bg: transparent !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;
|
|
$primary-color: #f96332 !default;
|
|
$primary-bg: darken($primary-color, 5%) !default;
|
|
$primary-states-color: #427C89 !default;
|
|
|
|
//$success-color: #7AC29A !default;
|
|
$success-color: #18ce0f !default;
|
|
$success-bg: darken($success-color, 5%) !default;
|
|
$success-states-color: darken($success-color, 5%) !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-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;
|
|
$default-states-color: darken($default-color, 5%) !default;
|
|
$default-color-opacity: rgba(182, 182, 182, .6) !default;
|
|
|
|
$primary-color: #f96332 !default;
|
|
$primary-states-color: darken($primary-color, 5%) !default;
|
|
$primary-color-opacity: rgba(249, 99, 50, .3) !default;
|
|
$primary-color-alert: rgba(249, 99, 50, .8) !default;
|
|
|
|
$success-color: #18ce0f !default;
|
|
$success-states-color: darken($success-color, 5%) !default;
|
|
$success-color-opacity: rgba(24, 206, 15, .3) !default;
|
|
$success-color-alert: rgba(24, 206, 15, .8) !default;
|
|
|
|
$info-color: #2CA8FF !default;
|
|
$info-states-color: #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-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;
|
|
*/
|
|
|
|
$link-disabled-color: #666666 !default;
|
|
|
|
|
|
/* light colors - used for select dropdown */
|
|
|
|
$light-blue: rgba($primary-color, .2);
|
|
$light-azure: rgba($info-color, .2);
|
|
$light-green: rgba($success-color, .2);
|
|
$light-orange: rgba($warning-color, .2);
|
|
$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;
|
|
|
|
$padding-round-vertical: 9px !default;
|
|
$padding-round-horizontal: 18px !default;
|
|
|
|
$padding-simple-vertical: 10px !default;
|
|
$padding-simple-horizontal: 18px !default;
|
|
|
|
$padding-large-vertical: 11px !default;
|
|
$padding-large-horizontal: 30px !default;
|
|
|
|
$padding-small-vertical: 4px !default;
|
|
$padding-small-horizontal: 10px !default;
|
|
|
|
$padding-xs-vertical: 2px !default;
|
|
$padding-xs-horizontal: 5px !default;
|
|
|
|
$padding-label-vertical: 2px !default;
|
|
$padding-label-horizontal: 12px !default;
|
|
|
|
// padding for links inside dropdown menu
|
|
$padding-dropdown-vertical: 10px !default;
|
|
$padding-dropdown-horizontal: 15px !default;
|
|
|
|
$margin-large-vertical: 30px !default;
|
|
$margin-base-vertical: 15px !default;
|
|
|
|
// border radius for buttons
|
|
$border-radius-btn-small: 26px !default;
|
|
$border-radius-btn-base: 20px !default;
|
|
$border-radius-btn-large: 50px !default;
|
|
|
|
|
|
// Cristina: am schimbat aici si s-au modificat inputurile
|
|
$margin-bottom: 0 0 10px 0 !default;
|
|
$border: 1px solid !default;
|
|
$border-radius-extra-small: 0.125rem !default;
|
|
$border-radius-tiny: 0.1875rem !default;
|
|
$border-radius-small: 0.1875px !default;
|
|
$border-radius-base: 2px !default;
|
|
$border-radius-large: 3px !default;
|
|
$border-radius-extreme: 6px !default;
|
|
|
|
$border-radius-large-top: $border-radius-large $border-radius-large 0 0 !default;
|
|
$border-radius-large-bottom: 0 0 $border-radius-large $border-radius-large !default;
|
|
|
|
$btn-round-radius: 30px !default;
|
|
|
|
$height-base: 40px !default;
|
|
|
|
$btn-icon-font-size: 24px !default;
|
|
$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-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-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;
|
|
$font-size-h3: 1.825em !default;
|
|
$font-size-h4: 1.5em !default;
|
|
$font-size-h5: 1.25em !default;
|
|
$font-size-h6: 0.9em !default;
|
|
$font-paragraph: 16px !default;
|
|
$font-size-navbar: 16px !default;
|
|
$font-size-small: 12px !default;
|
|
$font-size-mini: 0.7142em !default;
|
|
|
|
$font-weight-light: 300 !default;
|
|
$font-weight-normal: 400 !default;
|
|
$font-weight-semi: 500 !default;
|
|
$font-weight-bold: 600 !default;
|
|
|
|
$line-height-small: 20px !default;
|
|
$line-height-general: 1.4em !default;
|
|
$line-height: 36px !default;
|
|
$line-height-lg: 54px !default;
|
|
|
|
|
|
$border-radius-top: 10px 10px 0 0 !default;
|
|
$border-radius-bottom: 0 0 10px 10px !default;
|
|
|
|
$dropdown-shadow: 0 2px rgba(17, 16, 15, 0.1), 0 2px 10px rgba(17, 16, 15, 0.1);
|
|
|
|
$general-transition-time: 300ms !default;
|
|
|
|
$slow-transition-time: 300ms !default;
|
|
$dropdown-coordinates: 29px -50px !default;
|
|
|
|
$fast-transition-time: 150ms !default;
|
|
$select-coordinates: 50% -40px !default;
|
|
|
|
$transition-linear: linear !default;
|
|
$transition-bezier: cubic-bezier(0.34, 1.61, 0.7, 1) !default;
|
|
$transition-ease: ease 0s;
|
|
|
|
$navbar-padding-a: 10px 15px;
|
|
$navbar-margin-a: 15px 0px;
|
|
|
|
$padding-social-a: 10px 5px;
|
|
|
|
$navbar-margin-a-btn: 15px 3px;
|
|
$navbar-margin-a-btn-round: 16px 3px;
|
|
|
|
|
|
$navbar-padding-brand: 20px 15px;
|
|
$navbar-margin-brand: 5px 0px;
|
|
|
|
$navbar-margin-brand-icons: 12px auto;
|
|
|
|
$navbar-margin-btn: 15px 3px;
|
|
|
|
$height-icon: 64px !default;
|
|
$width-icon: 64px !default;
|
|
$padding-icon: 12px !default;
|
|
$border-radius-icon: 15px !default;
|
|
|
|
|
|
$white-navbar: rgba(#FFFFFF, .96);
|
|
$blue-navbar: rgba(#34ACDC, .98);
|
|
$azure-navbar: rgba(#5BCAFF, .98);
|
|
$green-navbar: rgba(#4CD964, .98);
|
|
$orange-navbar: rgba(#FF9500, .98);
|
|
$red-navbar: rgba(#FF4C40, .98);
|
|
|
|
$bg-nude: #ebeff2 !default;
|
|
$bg-primary: #8ECFD5 !default;
|
|
$bg-info: #7CE4FE !default;
|
|
$bg-success: #8EF3C5 !default;
|
|
$bg-warning: #FFE28C !default;
|
|
$bg-danger: #FF4C40 !default;
|
|
|
|
$topbar-x: topbar-x !default;
|
|
$topbar-back: topbar-back !default;
|
|
$bottombar-x: bottombar-x !default;
|
|
$bottombar-back: bottombar-back !default;
|
|
|
|
$transition-linear: linear !default;
|
|
$transition-bezier: cubic-bezier(0.34, 1.61, 0.7, 1) !default;
|
|
$transition-ease: ease 0s;
|
|
$transition-ease-in: ease-in !default;
|
|
$transition-ease-out: ease-out !default;
|
|
|
|
$general-transition-time: 300ms !default;
|
|
|
|
$slow-transition-time: 370ms !default;
|
|
$dropdown-coordinates: 29px -50px !default;
|
|
|
|
$fast-transition-time: 150ms !default;
|
|
|
|
$ultra-fast-transition-time: 100ms !default;
|
|
|
|
$select-coordinates: 50% -40px !default;
|
|
|
|
$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;
|
|
|
|
$sidebar-background-blue: #b8d8d8 !default;
|
|
$sidebar-font-blue: #506568 !default;
|
|
$sidebar-subtitle-blue: #7a9e9f !default;
|
|
|
|
$sidebar-background-green: #d5e5a3 !default;
|
|
$sidebar-font-green: #60773d !default;
|
|
$sidebar-subtitle-green: #92ac56 !default;
|
|
|
|
$sidebar-background-yellow: #ffe28c !default;
|
|
$sidebar-font-yellow: #b25825 !default;
|
|
$sidebar-subtitle-yellow: #d88715 !default;
|
|
|
|
$sidebar-background-brown: #d6c1ab !default;
|
|
$sidebar-font-brown: #75442e !default;
|
|
$sidebar-subtitle-brown: #a47e65 !default;
|
|
|
|
$sidebar-background-purple: #baa9ba !default;
|
|
$sidebar-font-purple: #3a283d !default;
|
|
$sidebar-subtitle-purple: #5a283d !default;
|
|
|
|
$sidebar-background-orange: #ff8f5e !default;
|
|
$sidebar-font-orange: #772510 !default;
|
|
$sidebar-subtitle-orange: #e95e37 !default;
|