// ============================================================================= // Variables // ============================================================================= // Bootstrap variables // ============================================================================= // Shades of gray $black: #000; $gray-darkest: #232528; $gray-darker: lighten($gray-darkest, 15); $gray-dark: lighten($gray-darkest, 30); $gray: lighten($gray-darkest, 45); $gray-light: lighten($gray-darkest, 65); $gray-lighter: lighten($gray-darkest, 75); $gray-lightest: lighten($gray-darkest, 83); $white: #fff; // Colors $brand-primary: #1c77c3; $brand-primary-alt: lighten($brand-primary, 20); $brand-success: #00aa8f; $brand-warning: #f0ad4e; $brand-danger: #d9684c; // Fonts $font-family-sans-serif: "Noto Sans", sans-serif; $font-family-sans-serif-brand: "Muli", sans-serif; $font-size-base: 14px; // Common $border-radius-base: 3px; $border-color-base: $gray-lighter; $padding-base-vertical: 12px; $padding-base-horizontal: 15px; $base-transition-speed: .3s; // Headings $headings-font-family: $font-family-sans-serif-brand; $headings-color: $gray-dark; // Typography $font-size-large: 18px !default; $font-size-small: 12px !default; $line-height-base: 1.428571429 !default; $line-height-computed: 20px !default; // Headings $headings-font-weight: 200 !default; $headings-color: #fff !default; // Components $padding-base-vertical: 10px !default; $border-radius-base: 0 !default; // Buttons $btn-default-bg: #eee !default; $btn-primary-bg: $brand-primary !default; $btn-primary-border: darken($btn-primary-bg, 10%) !default; $btn-success-bg: $brand-success !default; $btn-success-border: darken($btn-success-bg, 10%) !default; // Inputs $input-border: #fff !default; $input-height-base: ($line-height-computed + ($padding-base-vertical * 2) + 4) !default; $input-color: $gray-dark; // Media queries breakpoints $screen-xs: 480px !default; $screen-xs-min: $screen-xs !default; $screen-phone: $screen-xs-min !default; $screen-sm: 768px !default; $screen-sm-min: $screen-sm !default; $screen-tablet: $screen-sm-min !default; $screen-md: 992px !default; $screen-md-min: $screen-md !default; $screen-desktop: $screen-md-min !default; $screen-lg: 1200px !default; $screen-lg-min: $screen-lg !default; $screen-lg-desktop: $screen-lg-min !default; $screen-xs-max: ($screen-sm-min - 1) !default; $screen-sm-max: ($screen-md-min - 1) !default; $screen-md-max: ($screen-lg-min - 1) !default; // Navbar $navbar-margin-bottom: 0 !default; $navbar-border-radius: 0 !default; $navbar-padding-vertical: 20px !default; $navbar-default-color: #fff !default; $navbar-default-bg: $brand-primary !default; $navbar-default-border: transparent; $navbar-default-link-color: #fff !default; $navbar-default-link-hover-color: #eee !default; // Nav tabs $nav-tabs-border-color: #ccc !default; $nav-tabs-active-link-hover-bg: transparent !default; $nav-tabs-active-link-hover-color: #595959 !default; $nav-tabs-active-link-hover-border-color: $brand-primary !default; // #5199e0 !default; // States $state-warning-text: #8a6d3b !default; $state-warning-bg: #fcf8e3 !default; // Alerts $alert-warning-bg: $state-warning-bg !default; $alert-warning-text: $state-warning-text !default; // Badges $badge-color: $gray-light; $badge-bg: lighten($gray-darkest, 5); $badge-font-weight: 500; $badge-border-radius: $border-radius-base; // Custom variables // ============================================================================= $alt-font-family-sans-serif: "Muli", sans-serif; $background_gradient_start: #54b9cd; $background_gradient_end: #5488cc; $overlay_background: #333; $main_title_color: #666; $main_background_color: #fff; $paragraph_color: #595959; $header_default_color: #fff; $background_content_list: #f1f4f5; $sidebar_width: 21em; $sidebar_darker_background_color: #2f2f2f; $sidebar_background_color: #383838; $sidebar_text_color: #fff; $sidebar_section_border_color: #474747; $sidebar_section_title_color: #949999; $sidebar_link_color: rgba(#fff, .8); $sidebar_hovered_link_color: #fff; $sidebar_font_size: $font-size-base - 1; $sidebar_title_font_size: $font-size-base - 2; $sidebar_link_height: 45px; $sidebar_link_arrow_color: #616161; $sidebar_link_icon_color: #949999; $sidebar_link_background_hover_color: #474747; $drawer_width: 560px; $drawer_background_color: white; $drawer_title_color: #666; $control_window_button_size: 30px; $control_window_button_color: #fff; $control_window_background_color: #383838; $live_editing_content_width: 40em; $live_editing_content_border_color: $navbar-default-bg; $live_editing_content_background_color: #fff; $live_editing_content_alt_background_color: #383838; $live_editing_expand_bar_width: 2em; $form_input_background_color: #f7f7f7; $form_input_hovered_background_color: #f7f8d1; $form_input_padding: 15px; $form_input_radius: 4px; $form_input_label_color: #555; $form_input_label_untranslated_color: #f89406; $form_input_label_size: 11px; $form_input_control_border_size: 4px; $form_input_control_border_color: #d7d7d7; $form_input_hovered_control_border_color: #d9d9ba; $form_input_help_color: #828787; $form_input_help_size: 12px; $form_input_wrapper_background_color: #fff; $form_input_array_item_height: 30px; $form_input_array_draggable_color: #ccc; $form_input_array_placeholder: #bdbdbd; $form_input_array_placeholder_background: #d7d7d7; $form_input_array_placeholder_height: 30px; $form_input_array_placeholder_margin: 6px; $form_input_array_border_size: 2px; $form_input_array_border_color: $form_input_control_border_color; $form_input_array_media_border_color: $form_input_control_border_color; $form_input_toggle_width: 50px; $form_input_rte_command_font_size: 12px; $form_input_rte_command_color: #999; $form_input_rte_command_active_color: #333; $content_list_item_background_color: #fff; $content_list_item_border_color: #dadada; $content_list_item_border_size: 1px; $content_list_item_border_hover_color: #1c77c3; $content_list_item_border_hover_size: 4px; $content_list_item_link_color: #595959; $content_list_item_stamp_color: #949999; $content_list_item_stamp_size: 12px; $content_list_item_min_height: 70px; $content_list_item_placeholder: #bdbdbd; $content_list_item_placeholder_background: #d7d7d7; $assets_dropzone_background_color: #f1f4f5; $assets_dropzone_background_hover_color: #f7f7d2; $assets_dropzone_instructions_color: #8c8c8c; $assets_dropzone_progress_background: #d7d7d7; $assets_dropzone_progress_bar_color: #fd4c4c; $assets_dropzone_progress_size: 6px; $asset_background: #f7f7f7; $asset_border_radius: 4px; $asset_width: 240px; $asset_height: 240px; $asset_title_color: #333; $asset_size_color: #aaa; $asset_thumbnail_background: #d7d7d7; $asset_thumbnail_border_radius: 4px; $asset_thumbnail_img_border: 2px solid #acacac; $asset_not_image_border_color: #acacac; $asset_not_image_text_color: #fff; $asset_pdf_background: #e82f2d; $asset_media_background: #6e489c; $asset_other_background: #4a4a50; $asset_remove_icon_color: #7b7b7b; $cropping_asset_background: #f7f7f7; $cropping_asset_label_background: #000; $cropping_asset_label_color: #fff; $site_wrapper_max_width: 600px; //$screen-sm-min; $site_title_color: #fff; $site_background: #37a9bf; $site_hover_background: #2f95a8; $site_domain_color: #abdde6; $site_arrow_color: #2a8091; $site_new_color: #fff; $nprogress-color: #fec145; $nprogress-height: 10px; $nprogress-zindex: 10100; $base-transition-speed: .3s; @import "bootstrap/variables";