221V
/
Misago


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284
							//
// Flavor Theme Variables
// --------------------------------------------------


//== Colors
//
//## Gray and brand colors for use across Bootstrap.

@gray-base:              #000;
@gray-darker:            lighten(@gray-base, 13.5%); // #222
@gray-dark:              lighten(@gray-base, 20%);   // #333
@gray:                   lighten(@gray-base, 33.5%); // #555
@gray-light:             lighten(@gray-base, 46.7%); // #777
@gray-lighter:           lighten(@gray-base, 93.5%); // #eee

@brand-primary:         #651fff;
@brand-success:         #43a047;
@brand-info:            #3d5afe;
@brand-warning:         #ef6c00;
@brand-danger:          #f44336;


//== Scaffolding
//
//## Settings for some of the most global styles.

//** Background color for `<body>`.
@body-bg:               #f5f5f5;
//** Global text color on `<body>`.
@text-color:            #212121;

//** Global textual link color.
@link-color:            @brand-primary;
//** Link hover color set via `darken()` function.
@link-hover-color:      darken(@link-color, 15%);
//** Link hover decoration.
@link-hover-decoration: underline;

//** Shadows
@shadow-key-umbra-opacity: 0.06;
@shadow-key-penumbra-opacity: 0.04;
@shadow-ambient-shadow-opacity: 0.12;

//** Global color for active items (e.g., navs or dropdowns).
@component-active-color:    #fff;
//** Global background color for active items (e.g., navs or dropdowns).
@component-active-bg:       @link-color;


//== Navbar
//
//##

// Basics of a navbar
@navbar-default-color:             #757575;
@navbar-default-bg:                #fff;

// Navbar links
@navbar-default-link-color:                #757575;
@navbar-default-link-hover-color:          #424242;
@navbar-default-link-hover-bg:             transparent;
@navbar-default-link-active-color:         @text-color;
@navbar-default-link-active-bg:            darken(@navbar-default-bg, 6.5%);
@navbar-default-link-disabled-color:       #ccc;
@navbar-default-link-disabled-bg:          transparent;

// Navbar brand label
@navbar-default-brand-color:               #aa00ff;
@navbar-default-brand-hover-color:         #aa00ff;
@navbar-default-brand-hover-bg:            transparent;

// Navbar default button (sign in)
@navbar-btn-default-color:             #757575;
@navbar-btn-default-border:            #e0e0e0;
@navbar-btn-default-bg:                transparent;

@navbar-btn-default-hover-color:       #651fff;
@navbar-btn-default-hover-border:      #651fff;
@navbar-btn-default-hover-bg:          transparent;

@navbar-btn-default-active-color:      #fff;
@navbar-btn-default-active-border:     #651fff;
@navbar-btn-default-active-bg:         #651fff;

// Navbar primary button (register)
@navbar-btn-primary-color:             #7c4dff;
@navbar-btn-primary-border:            #7c4dff;
@navbar-btn-primary-bg:                transparent;

@navbar-btn-primary-hover-color:       #fff;
@navbar-btn-primary-hover-border:      #7c4dff;
@navbar-btn-primary-hover-bg:          #7c4dff;

@navbar-btn-primary-active-color:      #fff;
@navbar-btn-primary-active-border:     #512da8;
@navbar-btn-primary-active-bg:         #512da8;


//== Page header
//
//##

// Basics
//** Background
@page-header-bg:              #f4f5f6;

//** Heading color
@page-header-color:               @gray-dark;

//** Other text color
@page-header-text-color:          @gray-light;
//** Link color
@page-header-link-color:          @gray-dark;
//** Text color
@page-header-link-hover-color:    @text-color;

//** Default btn
@page-header-btn-default-color:            @gray-light;
@page-header-btn-default-border:           lighten(@gray-light, 20%);
@page-header-btn-default-bg:               fadeOut(@page-header-bg, 50%);

@page-header-btn-default-hover-color:      #651fff;
@page-header-btn-default-hover-border:     #651fff;
@page-header-btn-default-hover-bg:         #f5f5f5;

@page-header-btn-default-active-color:     #fff;
@page-header-btn-default-active-border:    #651fff;
@page-header-btn-default-active-bg:        #651fff;

//** Success btn
@page-header-btn-success-color:            #aa00ff;
@page-header-btn-success-border:           #aa00ff;
@page-header-btn-success-bg:               fadeOut(@page-header-bg, 50%);

@page-header-btn-success-hover-color:      #d500f9;
@page-header-btn-success-hover-border:     #d500f9;
@page-header-btn-success-hover-bg:         #f5f5f5;

@page-header-btn-success-active-color:     #fff;
@page-header-btn-success-active-border:    #d500f9;
@page-header-btn-success-active-bg:        #d500f9;

//** Tabs bar background
@page-tabs-bg:              fadeOut(#fff, 40%);

@page-tabs-link-color:      @gray-light;
@page-tabs-link-bg:         transparent;

@page-tabs-link-hover-color:      @text-color;
@page-tabs-link-hover-bg:         transparent;

@page-tabs-link-focus-color:      @text-color;
@page-tabs-link-focus-bg:         transparent;

@page-tabs-link-active-color:     @link-color;
@page-tabs-link-active-bg:        transparent;


//== Footer
//
//##
@page-footer-bg:               @body-bg;
@page-footer-text-color:       #bdbdbd;

@page-footer-link-color:             #757575;
@page-footer-link-hover-color:       #212121;

@page-footer-brand-color:            #b388ff;
@page-footer-brand-hover-color:      #7c4dff;


//== Auth Message
//
//##
@auth-message-bg:               #651fff;
@auth-message-text-color:       #fff;

@auth-message-btn-default-color:            #fff;
@auth-message-btn-default-border:           #4527a0;
@auth-message-btn-default-bg:               #4527a0;

@auth-message-btn-default-hover-color:      #fff;
@auth-message-btn-default-hover-border:     #b388ff;
@auth-message-btn-default-hover-bg:         #b388ff;

@auth-message-btn-default-active-color:     #651fff;
@auth-message-btn-default-active-border:    #fff;
@auth-message-btn-default-active-bg:        #fff;


//== Alerts
//
//## Define alert colors, border radius, and padding.


@alert-success-bg:            @brand-success;
@alert-success-text:          #fff;
@alert-success-border:        @brand-success;

@alert-info-bg:               #448aff;
@alert-info-text:             #fff;
@alert-info-border:           #448aff;

@alert-warning-bg:            @brand-warning;
@alert-warning-text:          #fff;
@alert-warning-border:        @brand-warning;

@alert-danger-bg:             @brand-danger;
@alert-danger-text:           #fff;
@alert-danger-border:         @brand-danger;


//== Dropdowns
//
//## Dropdown menu container and contents.

//** Background for the dropdown menu.
@dropdown-bg:                    #fff;
//** Divider color for between dropdown items.
@dropdown-divider-bg:            #e5e5e5;

//** Dropdown link text color.
@dropdown-link-color:            @gray-dark;
//** Hover color for dropdown links.
@dropdown-link-hover-color:      @component-active-color;
//** Hover background for dropdown links.
@dropdown-link-hover-bg:         @component-active-bg;

//** Active dropdown menu item text color.
@dropdown-link-active-color:     @component-active-color;
//** Active dropdown menu item background color.
@dropdown-link-active-bg:        @component-active-bg;


//** Background for the dropdown menu.
@dropdown-inverse-bg:                    fadeOut(@gray, 3%);
//** Divider color for between dropdown items.
@dropdown-inverse-divider-bg:            @gray-light;

//** Dropdown link text color.
@dropdown-inverse-link-color:            @gray-lighter;
//** Hover color for dropdown links.
@dropdown-inverse-link-hover-color:      @component-active-color;
//** Hover background for dropdown links.
@dropdown-inverse-link-hover-bg:         @component-active-bg;

//** Text color for headers within dropdown menus.
@dropdown-inverse-header-color:          #fff;
@dropdown-inverse-subheader-color:       darken(#fff, 15%);

//** Default button in inversed dropdown
@dropdown-btn-default-color:             darken(#fff, 30%);
@dropdown-btn-default-border:            darken(#fff, 30%);
@dropdown-btn-default-bg:                transparent;

@dropdown-btn-default-hover-color:       #fff;
@dropdown-btn-default-hover-border:      darken(#fff, 10%);
@dropdown-btn-default-hover-bg:          @gray;

@dropdown-btn-default-active-color:      @gray-darker;
@dropdown-btn-default-active-border:     darken(#fff, 2%);
@dropdown-btn-default-active-bg:         darken(#fff, 2%);

//** Default button in inversed dropdown
@dropdown-btn-primary-color:             darken(#fff, 10%);
@dropdown-btn-primary-border:            #b388ff;
@dropdown-btn-primary-bg:                transparent;

@dropdown-btn-primary-hover-color:       #fff;
@dropdown-btn-primary-hover-border:      #b388ff;
@dropdown-btn-primary-hover-bg:          #b388ff;

@dropdown-btn-primary-active-color:      #651fff;
@dropdown-btn-primary-active-border:     darken(#fff, 2%);
@dropdown-btn-primary-active-bg:         darken(#fff, 2%);


//== List group
//
//##

//** `.list-group-item` border color
@list-group-border:             #eee;