// // Variables // -------------------------------------------------- //== Colors // //## Gray and brand colors for use across Bootstrap. @gray-darker: lighten(#000, 13.5%); // #222 @gray-dark: lighten(#000, 20%); // #333 @gray: lighten(#000, 33.5%); // #555 @gray-light: lighten(#000, 60%); // #999 @gray-lighter: lighten(#000, 93.5%); // #eee @brand-primary: #428bca; @brand-success: #5cb85c; @brand-info: #5bc0de; @brand-warning: #f0ad4e; @brand-danger: #d9534f; //== Scaffolding // //## Settings for some of the most global styles. //** Background color for ``. @body-bg: #fff; //** Global text color on ``. @text-color: @gray-dark; //** Global textual link color. @link-color: @brand-primary; //** Link hover color set via `darken()` function. @link-hover-color: darken(@link-color, 15%); //== Typography // //## Font, line-height, and color for body text, headings, and more. @font-family-sans-serif: "Helvetica Neue", Helvetica, Arial, sans-serif; @font-family-serif: Georgia, "Times New Roman", Times, serif; //** Default monospace fonts for ``, ``, and `
`.
@font-family-monospace:   Menlo, Monaco, Consolas, "Courier New", monospace;
@font-family-base:        @font-family-sans-serif;

@font-size-base:          14px;
@font-size-large:         ceil((@font-size-base * 1.25)); // ~18px
@font-size-small:         ceil((@font-size-base * 0.85)); // ~12px

@font-size-h1:            floor((@font-size-base * 2.6)); // ~36px
@font-size-h2:            floor((@font-size-base * 2.15)); // ~30px
@font-size-h3:            ceil((@font-size-base * 1.7)); // ~24px
@font-size-h4:            ceil((@font-size-base * 1.25)); // ~18px
@font-size-h5:            @font-size-base;
@font-size-h6:            ceil((@font-size-base * 0.85)); // ~12px

//** Unit-less `line-height` for use in components like buttons.
@line-height-base:        1.428571429; // 20/14
//** Computed "line-height" (`font-size` * `line-height`) for use with `margin`, `padding`, etc.
@line-height-computed:    floor((@font-size-base * @line-height-base)); // ~20px

//** By default, this inherits from the ``.
@headings-font-family:    inherit;
@headings-font-weight:    500;
@headings-line-height:    1.1;
@headings-color:          inherit;


//== Iconography
//
//## Specify custom location and filename of the included Glyphicons icon font. Useful for those including Bootstrap via Bower.

//** Load fonts from this directory.
@icon-font-path:          "../fonts/";
//** File name for all font files.
@icon-font-name:          "glyphicons-halflings-regular";
//** Element ID within SVG icon file.
@icon-font-svg-id:        "glyphicons_halflingsregular";


//== Components
//
//## Define common padding and border radius sizes and more. Values based on 14px text and 1.428 line-height (~20px to start).

@padding-base-vertical:     6px;
@padding-base-horizontal:   12px;

@padding-large-vertical:    10px;
@padding-large-horizontal:  16px;

@padding-small-vertical:    5px;
@padding-small-horizontal:  10px;

@padding-xs-vertical:       1px;
@padding-xs-horizontal:     5px;

@line-height-large:         1.33;
@line-height-small:         1.5;

@border-radius-base:        4px;
@border-radius-large:       6px;
@border-radius-small:       3px;

//** 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:       @brand-primary;

//** Width of the `border` for generating carets that indicator dropdowns.
@caret-width-base:          4px;
//** Carets increase slightly in size for larger components.
@caret-width-large:         5px;


//== Tables
//
//## Customizes the `.table` component with basic values, each used across all table variations.

//** Padding for ``s and ``s.
@table-cell-padding:            8px;
//** Padding for cells in `.table-condensed`.
@table-condensed-cell-padding:  5px;

//** Default background color used for all tables.
@table-bg:                      transparent;
//** Background color used for `.table-striped`.
@table-bg-accent:               #f9f9f9;
//** Background color used for `.table-hover`.
@table-bg-hover:                #f5f5f5;
@table-bg-active:               @table-bg-hover;

//** Border color for table and cell borders.
@table-border-color:            #ddd;


//== Buttons
//
//## For each of Bootstrap's buttons, define text, background and border color.

@btn-font-weight:                normal;

@btn-default-color:              #333;
@btn-default-bg:                 #fff;
@btn-default-border:             #ccc;

@btn-primary-color:              #fff;
@btn-primary-bg:                 @brand-primary;
@btn-primary-border:             darken(@btn-primary-bg, 5%);

@btn-success-color:              #fff;
@btn-success-bg:                 @brand-success;
@btn-success-border:             darken(@btn-success-bg, 5%);

@btn-info-color:                 #fff;
@btn-info-bg:                    @brand-info;
@btn-info-border:                darken(@btn-info-bg, 5%);

@btn-warning-color:              #fff;
@btn-warning-bg:                 @brand-warning;
@btn-warning-border:             darken(@btn-warning-bg, 5%);

@btn-danger-color:               #fff;
@btn-danger-bg:                  @brand-danger;
@btn-danger-border:              darken(@btn-danger-bg, 5%);

@btn-link-disabled-color:        @gray-light;


//== Forms
//
//##

//** `` background color
@input-bg:                       #fff;
//** `` background color
@input-bg-disabled:              @gray-lighter;

//** Text color for ``s
@input-color:                    @gray;
//** `` border color
@input-border:                   #ccc;
//** `` border radius
@input-border-radius:            @border-radius-base;
//** Border color for inputs on focus
@input-border-focus:             #66afe9;

//** Placeholder text color
@input-color-placeholder:        @gray-light;

//** Default `.form-control` height
@input-height-base:              (@line-height-computed + (@padding-base-vertical * 2) + 2);
//** Large `.form-control` height
@input-height-large:             (ceil(@font-size-large * @line-height-large) + (@padding-large-vertical * 2) + 2);
//** Small `.form-control` height
@input-height-small:             (floor(@font-size-small * @line-height-small) + (@padding-small-vertical * 2) + 2);

@legend-color:                   @gray-dark;
@legend-border-color:            #e5e5e5;

//** Background color for textual input addons
@input-group-addon-bg:           @gray-lighter;
//** Border color for textual input addons
@input-group-addon-border-color: @input-border;


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

//** Background for the dropdown menu.
@dropdown-bg:                    #fff;
//** Dropdown menu `border-color`.
@dropdown-border:                rgba(0,0,0,.15);
//** Dropdown menu `border-color` **for IE8**.
@dropdown-fallback-border:       #ccc;
//** 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:      darken(@gray-dark, 5%);
//** Hover background for dropdown links.
@dropdown-link-hover-bg:         #f5f5f5;

//** 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;

//** Disabled dropdown menu item background color.
@dropdown-link-disabled-color:   @gray-light;

//** Text color for headers within dropdown menus.
@dropdown-header-color:          @gray-light;

//** Deprecated `@dropdown-caret-color` as of v3.1.0
@dropdown-caret-color:           #000;


//-- Z-index master list
//
// Warning: Avoid customizing these values. They're used for a bird's eye view
// of components dependent on the z-axis and are designed to all work together.
//
// Note: These variables are not generated into the Customizer.

@zindex-navbar:            1000;
@zindex-dropdown:          1000;
@zindex-popover:           1060;
@zindex-tooltip:           1070;
@zindex-navbar-fixed:      1030;
@zindex-modal-background:  1040;
@zindex-modal:             1050;


//== Media queries breakpoints
//
//## Define the breakpoints at which your layout will change, adapting to different screen sizes.

// Extra small screen / phone
//** Deprecated `@screen-xs` as of v3.0.1
@screen-xs:                  480px;
//** Deprecated `@screen-xs-min` as of v3.2.0
@screen-xs-min:              @screen-xs;
//** Deprecated `@screen-phone` as of v3.0.1
@screen-phone:               @screen-xs-min;

// Small screen / tablet
//** Deprecated `@screen-sm` as of v3.0.1
@screen-sm:                  768px;
@screen-sm-min:              @screen-sm;
//** Deprecated `@screen-tablet` as of v3.0.1
@screen-tablet:              @screen-sm-min;

// Medium screen / desktop
//** Deprecated `@screen-md` as of v3.0.1
@screen-md:                  992px;
@screen-md-min:              @screen-md;
//** Deprecated `@screen-desktop` as of v3.0.1
@screen-desktop:             @screen-md-min;

// Large screen / wide desktop
//** Deprecated `@screen-lg` as of v3.0.1
@screen-lg:                  1200px;
@screen-lg-min:              @screen-lg;
//** Deprecated `@screen-lg-desktop` as of v3.0.1
@screen-lg-desktop:          @screen-lg-min;

// So media queries don't overlap when required, provide a maximum
@screen-xs-max:              (@screen-sm-min - 1);
@screen-sm-max:              (@screen-md-min - 1);
@screen-md-max:              (@screen-lg-min - 1);


//== Grid system
//
//## Define your custom responsive grid.

//** Number of columns in the grid.
@grid-columns:              12;
//** Padding between columns. Gets divided in half for the left and right.
@grid-gutter-width:         30px;
// Navbar collapse
//** Point at which the navbar becomes uncollapsed.
@grid-float-breakpoint:     @screen-sm-min;
//** Point at which the navbar begins collapsing.
@grid-float-breakpoint-max: (@grid-float-breakpoint - 1);


//== Container sizes
//
//## Define the maximum width of `.container` for different screen sizes.

// Small screen / tablet
@container-tablet:             ((720px + @grid-gutter-width));
//** For `@screen-sm-min` and up.
@container-sm:                 @container-tablet;

// Medium screen / desktop
@container-desktop:            ((940px + @grid-gutter-width));
//** For `@screen-md-min` and up.
@container-md:                 @container-desktop;

// Large screen / wide desktop
@container-large-desktop:      ((1140px + @grid-gutter-width));
//** For `@screen-lg-min` and up.
@container-lg:                 @container-large-desktop;


//== Navbar
//
//##

// Basics of a navbar
@navbar-height:                    50px;
@navbar-margin-bottom:             @line-height-computed;
@navbar-border-radius:             @border-radius-base;
@navbar-padding-horizontal:        floor((@grid-gutter-width / 2));
@navbar-padding-vertical:          ((@navbar-height - @line-height-computed) / 2);
@navbar-collapse-max-height:       340px;

@navbar-default-color:             #777;
@navbar-default-bg:                #f8f8f8;
@navbar-default-border:            darken(@navbar-default-bg, 6.5%);

// Navbar links
@navbar-default-link-color:                #777;
@navbar-default-link-hover-color:          #333;
@navbar-default-link-hover-bg:             transparent;
@navbar-default-link-active-color:         #555;
@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:               @navbar-default-link-color;
@navbar-default-brand-hover-color:         darken(@navbar-default-brand-color, 10%);
@navbar-default-brand-hover-bg:            transparent;

// Navbar toggle
@navbar-default-toggle-hover-bg:           #ddd;
@navbar-default-toggle-icon-bar-bg:        #888;
@navbar-default-toggle-border-color:       #ddd;


// Inverted navbar
// Reset inverted navbar basics
@navbar-inverse-color:                      @gray-light;
@navbar-inverse-bg:                         #222;
@navbar-inverse-border:                     darken(@navbar-inverse-bg, 10%);

// Inverted navbar links
@navbar-inverse-link-color:                 @gray-light;
@navbar-inverse-link-hover-color:           #fff;
@navbar-inverse-link-hover-bg:              transparent;
@navbar-inverse-link-active-color:          @navbar-inverse-link-hover-color;
@navbar-inverse-link-active-bg:             darken(@navbar-inverse-bg, 10%);
@navbar-inverse-link-disabled-color:        #444;
@navbar-inverse-link-disabled-bg:           transparent;

// Inverted navbar brand label
@navbar-inverse-brand-color:                @navbar-inverse-link-color;
@navbar-inverse-brand-hover-color:          #fff;
@navbar-inverse-brand-hover-bg:             transparent;

// Inverted navbar toggle
@navbar-inverse-toggle-hover-bg:            #333;
@navbar-inverse-toggle-icon-bar-bg:         #fff;
@navbar-inverse-toggle-border-color:        #333;


//== Navs
//
//##

//=== Shared nav styles
@nav-link-padding:                          10px 15px;
@nav-link-hover-bg:                         @gray-lighter;

@nav-disabled-link-color:                   @gray-light;
@nav-disabled-link-hover-color:             @gray-light;

@nav-open-link-hover-color:                 #fff;

//== Tabs
@nav-tabs-border-color:                     #ddd;

@nav-tabs-link-hover-border-color:          @gray-lighter;

@nav-tabs-active-link-hover-bg:             @body-bg;
@nav-tabs-active-link-hover-color:          @gray;
@nav-tabs-active-link-hover-border-color:   #ddd;

@nav-tabs-justified-link-border-color:            #ddd;
@nav-tabs-justified-active-link-border-color:     @body-bg;

//== Pills
@nav-pills-border-radius:                   @border-radius-base;
@nav-pills-active-link-hover-bg:            @component-active-bg;
@nav-pills-active-link-hover-color:         @component-active-color;


//== Pagination
//
//##

@pagination-color:                     @link-color;
@pagination-bg:                        #fff;
@pagination-border:                    #ddd;

@pagination-hover-color:               @link-hover-color;
@pagination-hover-bg:                  @gray-lighter;
@pagination-hover-border:              #ddd;

@pagination-active-color:              #fff;
@pagination-active-bg:                 @brand-primary;
@pagination-active-border:             @brand-primary;

@pagination-disabled-color:            @gray-light;
@pagination-disabled-bg:               #fff;
@pagination-disabled-border:           #ddd;


//== Pager
//
//##

@pager-bg:                             @pagination-bg;
@pager-border:                         @pagination-border;
@pager-border-radius:                  15px;

@pager-hover-bg:                       @pagination-hover-bg;

@pager-active-bg:                      @pagination-active-bg;
@pager-active-color:                   @pagination-active-color;

@pager-disabled-color:                 @pagination-disabled-color;


//== Jumbotron
//
//##

@jumbotron-padding:              30px;
@jumbotron-color:                inherit;
@jumbotron-bg:                   @gray-lighter;
@jumbotron-heading-color:        inherit;
@jumbotron-font-size:            ceil((@font-size-base * 1.5));


//== Form states and alerts
//
//## Define colors for form feedback states and, by default, alerts.

@state-success-text:             #3c763d;
@state-success-bg:               #dff0d8;
@state-success-border:           darken(spin(@state-success-bg, -10), 5%);

@state-info-text:                #31708f;
@state-info-bg:                  #d9edf7;
@state-info-border:              darken(spin(@state-info-bg, -10), 7%);

@state-warning-text:             #8a6d3b;
@state-warning-bg:               #fcf8e3;
@state-warning-border:           darken(spin(@state-warning-bg, -10), 5%);

@state-danger-text:              #a94442;
@state-danger-bg:                #f2dede;
@state-danger-border:            darken(spin(@state-danger-bg, -10), 5%);


//== Tooltips
//
//##

//** Tooltip max width
@tooltip-max-width:           200px;
//** Tooltip text color
@tooltip-color:               #fff;
//** Tooltip background color
@tooltip-bg:                  #000;
@tooltip-opacity:             .9;

//** Tooltip arrow width
@tooltip-arrow-width:         5px;
//** Tooltip arrow color
@tooltip-arrow-color:         @tooltip-bg;


//== Popovers
//
//##

//** Popover body background color
@popover-bg:                          #fff;
//** Popover maximum width
@popover-max-width:                   276px;
//** Popover border color
@popover-border-color:                rgba(0,0,0,.2);
//** Popover fallback border color
@popover-fallback-border-color:       #ccc;

//** Popover title background color
@popover-title-bg:                    darken(@popover-bg, 3%);

//** Popover arrow width
@popover-arrow-width:                 10px;
//** Popover arrow color
@popover-arrow-color:                 #fff;

//** Popover outer arrow width
@popover-arrow-outer-width:           (@popover-arrow-width + 1);
//** Popover outer arrow color
@popover-arrow-outer-color:           fadein(@popover-border-color, 5%);
//** Popover outer arrow fallback color
@popover-arrow-outer-fallback-color:  darken(@popover-fallback-border-color, 20%);


//== Labels
//
//##

//** Default label background color
@label-default-bg:            @gray-light;
//** Primary label background color
@label-primary-bg:            @brand-primary;
//** Success label background color
@label-success-bg:            @brand-success;
//** Info label background color
@label-info-bg:               @brand-info;
//** Warning label background color
@label-warning-bg:            @brand-warning;
//** Danger label background color
@label-danger-bg:             @brand-danger;

//** Default label text color
@label-color:                 #fff;
//** Default text color of a linked label
@label-link-hover-color:      #fff;


//== Modals
//
//##

//** Padding applied to the modal body
@modal-inner-padding:         15px;

//** Padding applied to the modal title
@modal-title-padding:         15px;
//** Modal title line-height
@modal-title-line-height:     @line-height-base;

//** Background color of modal content area
@modal-content-bg:                             #fff;
//** Modal content border color
@modal-content-border-color:                   rgba(0,0,0,.2);
//** Modal content border color **for IE8**
@modal-content-fallback-border-color:          #999;

//** Modal backdrop background color
@modal-backdrop-bg:           #000;
//** Modal backdrop opacity
@modal-backdrop-opacity:      .5;
//** Modal header border color
@modal-header-border-color:   #e5e5e5;
//** Modal footer border color
@modal-footer-border-color:   @modal-header-border-color;

@modal-lg:                    900px;
@modal-md:                    600px;
@modal-sm:                    300px;


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

@alert-padding:               15px;
@alert-border-radius:         @border-radius-base;
@alert-link-font-weight:      bold;

@alert-success-bg:            @state-success-bg;
@alert-success-text:          @state-success-text;
@alert-success-border:        @state-success-border;

@alert-info-bg:               @state-info-bg;
@alert-info-text:             @state-info-text;
@alert-info-border:           @state-info-border;

@alert-warning-bg:            @state-warning-bg;
@alert-warning-text:          @state-warning-text;
@alert-warning-border:        @state-warning-border;

@alert-danger-bg:             @state-danger-bg;
@alert-danger-text:           @state-danger-text;
@alert-danger-border:         @state-danger-border;


//== Progress bars
//
//##

//** Background color of the whole progress component
@progress-bg:                 #f5f5f5;
//** Progress bar text color
@progress-bar-color:          #fff;

//** Default progress bar color
@progress-bar-bg:             @brand-primary;
//** Success progress bar color
@progress-bar-success-bg:     @brand-success;
//** Warning progress bar color
@progress-bar-warning-bg:     @brand-warning;
//** Danger progress bar color
@progress-bar-danger-bg:      @brand-danger;
//** Info progress bar color
@progress-bar-info-bg:        @brand-info;


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

//** Background color on `.list-group-item`
@list-group-bg:                 #fff;
//** `.list-group-item` border color
@list-group-border:             #ddd;
//** List group border radius
@list-group-border-radius:      @border-radius-base;

//** Background color of single list items on hover
@list-group-hover-bg:           #f5f5f5;
//** Text color of active list items
@list-group-active-color:       @component-active-color;
//** Background color of active list items
@list-group-active-bg:          @component-active-bg;
//** Border color of active list elements
@list-group-active-border:      @list-group-active-bg;
//** Text color for content within active list items
@list-group-active-text-color:  lighten(@list-group-active-bg, 40%);

//** Text color of disabled list items
@list-group-disabled-color:      @gray-light;
//** Background color of disabled list items
@list-group-disabled-bg:         @gray-lighter;
//** Text color for content within disabled list items
@list-group-disabled-text-color: @list-group-disabled-color;

@list-group-link-color:         #555;
@list-group-link-hover-color:   @list-group-link-color;
@list-group-link-heading-color: #333;


//== Panels
//
//##

@panel-bg:                    #fff;
@panel-body-padding:          15px;
@panel-heading-padding:       10px 15px;
@panel-footer-padding:        @panel-heading-padding;
@panel-border-radius:         @border-radius-base;

//** Border color for elements within panels
@panel-inner-border:          #ddd;
@panel-footer-bg:             #f5f5f5;

@panel-default-text:          @gray-dark;
@panel-default-border:        #ddd;
@panel-default-heading-bg:    #f5f5f5;

@panel-primary-text:          #fff;
@panel-primary-border:        @brand-primary;
@panel-primary-heading-bg:    @brand-primary;

@panel-success-text:          @state-success-text;
@panel-success-border:        @state-success-border;
@panel-success-heading-bg:    @state-success-bg;

@panel-info-text:             @state-info-text;
@panel-info-border:           @state-info-border;
@panel-info-heading-bg:       @state-info-bg;

@panel-warning-text:          @state-warning-text;
@panel-warning-border:        @state-warning-border;
@panel-warning-heading-bg:    @state-warning-bg;

@panel-danger-text:           @state-danger-text;
@panel-danger-border:         @state-danger-border;
@panel-danger-heading-bg:     @state-danger-bg;


//== Thumbnails
//
//##

//** Padding around the thumbnail image
@thumbnail-padding:           4px;
//** Thumbnail background color
@thumbnail-bg:                @body-bg;
//** Thumbnail border color
@thumbnail-border:            #ddd;
//** Thumbnail border radius
@thumbnail-border-radius:     @border-radius-base;

//** Custom text color for thumbnail captions
@thumbnail-caption-color:     @text-color;
//** Padding around the thumbnail caption
@thumbnail-caption-padding:   9px;


//== Wells
//
//##

@well-bg:                     #f5f5f5;
@well-border:                 darken(@well-bg, 7%);


//== Badges
//
//##

@badge-color:                 #fff;
//** Linked badge text color on hover
@badge-link-hover-color:      #fff;
@badge-bg:                    @gray-light;

//** Badge text color in active nav link
@badge-active-color:          @link-color;
//** Badge background color in active nav link
@badge-active-bg:             #fff;

@badge-font-weight:           bold;
@badge-line-height:           1;
@badge-border-radius:         10px;


//== Breadcrumbs
//
//##

@breadcrumb-padding-vertical:   8px;
@breadcrumb-padding-horizontal: 15px;
//** Breadcrumb background color
@breadcrumb-bg:                 #f5f5f5;
//** Breadcrumb text color
@breadcrumb-color:              #ccc;
//** Text color of current page in the breadcrumb
@breadcrumb-active-color:       @gray-light;
//** Textual separator for between breadcrumb elements
@breadcrumb-separator:          "/";


//== Carousel
//
//##

@carousel-text-shadow:                        0 1px 2px rgba(0,0,0,.6);

@carousel-control-color:                      #fff;
@carousel-control-width:                      15%;
@carousel-control-opacity:                    .5;
@carousel-control-font-size:                  20px;

@carousel-indicator-active-bg:                #fff;
@carousel-indicator-border-color:             #fff;

@carousel-caption-color:                      #fff;


//== Close
//
//##

@close-font-weight:           bold;
@close-color:                 #000;
@close-text-shadow:           0 1px 0 #fff;


//== Code
//
//##

@code-color:                  #c7254e;
@code-bg:                     #f9f2f4;

@kbd-color:                   #fff;
@kbd-bg:                      #333;

@pre-bg:                      #f5f5f5;
@pre-color:                   @gray-dark;
@pre-border-color:            #ccc;
@pre-scrollable-max-height:   340px;


//== Type
//
//##

//** Text muted color
@text-muted:                  @gray-light;
//** Abbreviations and acronyms border color
@abbr-border-color:           @gray-light;
//** Headings small color
@headings-small-color:        @gray-light;
//** Blockquote small color
@blockquote-small-color:      @gray-light;
//** Blockquote font size
@blockquote-font-size:        (@font-size-base * 1.25);
//** Blockquote border color
@blockquote-border-color:     @gray-lighter;
//** Page header border color
@page-header-border-color:    @gray-lighter;


//== Miscellaneous
//
//##

//** Horizontal line color.
@hr-border:                   @gray-lighter;

//** Horizontal offset for forms and lists.
@component-offset-horizontal: 180px;
  `id` bigint(20) unsigned NOT NULL AUTO_INCREMENT,
  `url` varchar(1000) NOT NULL DEFAULT '',
  `res` varchar(255) NOT NULL DEFAULT '' COMMENT '-=not crawl, H=hit, M=miss, B=blacklist',
  `reason` text NOT NULL COMMENT 'response code, comma separated',
  `mtime` timestamp NOT NULL DEFAULT current_timestamp() ON UPDATE current_timestamp(),
  PRIMARY KEY (`id`),
  KEY `url` (`url`(191)),
  KEY `res` (`res`)




	
	Estetik_dünya_pinup_gözəlliyi_ilə_zənginləşir_klassik_tərzin_müasir_ifa | JNP Sri Lanka | National Freedom Front
		




	
	
			
	
	

	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	





































    
    











	

		

			
			
            

                

                    






                

                

                                                        

                

                    
 



  
  

    
    
  


  

    
    
  


  

    
    
  

	
 

    
    
  


  

    
    
  


	


  
  
  
		
	

 
  
  
  







                


            


            
		

	

	

		
		 

	

		

			

									

						

							

								
Estetik_dünya_pinup_gözəlliyi_ilə_zənginləşir_klassik_tərzin_müasir_ifa

																	
by JNP Media   16/07/2026 | 2:03
                                    0
                                    Posted in කාලීන පුවත් 

															

							

																			Estetik_dünya_pinup_gözəlliyi_ilə_zənginləşir_klassik_tərzin_müasir_ifa
																		

							

																


Estetik dünya pinup gözəlliyi ilə zənginləşir, klassik tərzin müasir ifadəsi


XX əsrin ortalarında doğan pinup üslubu, bu günə qədər öz xüsusiyyətini qoruyub saxlamışdır. Bu üslub, həm incəsənət, həm də populyar mədəniyyət tarixində özünə layiqli yer tutmuşdur. O dövrün qadınlarının cəlbedici və əyləncəli təsvirini özündə əks etdirən bu stil, müasir dövrdə də öz pərəstişkarlarını tapmaqdadır. Onun təsirini moda, dizayn və sənət sahələrində görmək mümkündür.


Pinup tərzinin yaranmasında bir çox amillərin rolu olmuşdur. İkinci Dünya Müharibəsi dövründə əsgərlərin moralini yüksəltmək üçün istifadə olunan təsvirlər, bu üslubun populyarlığına səbəb olmuşdur. Bu təsvirlərdə qadınlar, geyim tərzi, makiyajı və duruşları ilə diqqət çəkirdi. Həmçinin, bu dövrün sosial və siyasi dəyişiklikləri də pinup tərzinin formalaşmasında təsirli olmuşdur. Bu üslub, qadınların azadlığını və müstəqilliyini simvolizə edirdi.


Pinup Üslubunun Tarixi Kökləri


Pinup üslubunun tarixi, 1920-ci illərə gedib çıxır. Bu dövrdə qadınlar daha azad və müstəqil olmağa başlayır, bu da onların tərzlərində özünü göstərirdi. Flapper qızları, qısa saçları, qısa geyimləri və azad davranışları ilə dövrün simvoluna çevrilmişdilər. Bu üslub, qadınların cəmiyyətdəki rolunun dəyişməsinin nəticəsi idi. 1930-cu illərdə isə pinup tərzinin daha inkişaf etdiyi dövr yaşanır. Bu dövrdə qadınlar daha feminin və seksual olmağa başlayır, onların tərzlərində bu əksini tapır. Həmin dövrün film ulduzları, məsələn Merilin Monro, pinup üslubunun ən parlaq nümayəndələrindən biri olmuşdur.


Pinup İkonları və Təsirləri


Pinup tərzinin formalaşmasında bir çox ikonik şəxslərin rolu olmuşdur. Merilin Monro, Betty Grable, Lana Turner kimi aktrisalar, bu üslubun ən tanınmış simvollarına çevrilmişdilər. Onların geyim tərzi, makiyajı, saç düzümü və duruşları, milyonlarla qadının ilham aldığı bir nümunə olmuşdur. Bu aktrisalar, öz gözəllikləri, seksual cazibələri və azad ruhları ilə pinup tərzinin populyarlığına böyük töhfə vermişdilər. Onların təsvirləri, jurnalların, plakatların və filmlərin üz qabığında görünürdü və bu sayədə milyonlarla insana yayılmışdır. Həmçinin, pinup tərzinin formalaşmasında rəssamlar və fotoqrafların da rolu olmuşdur. Alberto Vargas, Gil Elvgren kimi rəssamlar, öz əsərləri ilə pinup tərzini daha da inkişaf etdirmişdir.






İkonik Şəxs
Təsiri






Merilin Monro
Feminenlik, seksual cazibə, pinup ikonası




Betty Grable
Sağ ayağının təsviri ilə tanınır, populyar pinup modeli




Alberto Vargas
Pinup tərzində rəssamlıq janrını inkişaf etdirmişdir






Pinup tərzinin təsiri, sənət, moda, dizayn və reklam sahələrində özünü göstərmişdir. Bu üslub, həmçinin qadınların özünüifadə etməsinə və öz inamlarını göstərməsinə imkan vermişdir. Onun təsiri bu günə qədər davam edir və müasir dövrdə də öz pərəstişkarlarını tapmaqdadır.


Pinup Üslubunun Xüsusiyyətləri


Pinup üslubunun bir çox xüsusiyyətləri vardır. Bunlardan ən əhəmiyyətliləri geyim tərzi, makiyaj, saç düzümü, aksesuarlar və duruşlardır. Pinup qadınları, adətən, qısa paltarlar, yüksək dabanlı ayaqqabılar, korsetlər və rəngli şalvarlar geyinir. Makiyajları da çox xüsusidir, qırmızı dodaq boyası, eyeliner və göz farı istifadə olunur. Saçları isə dalğalı və həcmli olur. Aksesuarlar arasında qızıl zinət əşyaları, papyonlar, qərənfillər və şlyapalar yer alır. Duruşları isə çox cəlbedici və seksual olur. Bu xüsusiyyətlərin hamısı bir araya gələrək pinup tərzinin unikal üslubunu yaradır. Onun təsiri, moda sahəsində hər zaman özünü göstərir. Həmçinin, bu üslub, qadınların öz güclülüyünü və cazibəsini nümayiş etməsinə imkan verir.


Geyim Tərzi və Aksesuarlar


Pinup üslubunda geyim tərzi, çox müxtəlifdir. Adətən, qadınlar qısa paltarlar, korsetlər, şalvarlar və bluzlar geyinir. Bu geyimlər, bədənin formalarını vurğulayan və seksual cazibə yaradan xüsusiyyətlərə malikdir. Palto və jaketlərdə isə klassik kəsimlər və rənglərin istifadəsi üstünlük təşkil edir. Aksesuarlar isə pinup üslubunun mühüm hissəsidir. Qızıl zinət əşyaları, papyonlar, qərənfillər, şlyapalar və çantalar, bu üslubun tamamlayıcı elementləridir. Bu aksesuarlar, geyim tərzi ilə harmoniya yaradır və üslubun xüsusiyyətlərini daha da vurğulayır. Onların istifadəsi, qadınların öz fərdiyyətini göstərməsinə imkan verir. Həmçinin, aksesuarlar, geyim tərzi ilə kontrast yarada bilər və bu da üsluba dinamika qatır. 


    

  • Qısa paltarlar: Bədən formalarını vurğulayan
    • 

  • Korsetlər: Bəl ölçüsünü kiçik göstərən
    • 

  • Yüksək dabanlı ayaqqabılar: Hündürlük yaradan
    • 

  • Rəngli şalvarlar: Cazibəli görünüş yaradan
    • 



Pinup üslubunun geyim tərzi və aksesuarları, həmçinin qadınların öz inamını artırmaqda mühüm rol oynayır. Bu üslub, qadınlara özlərinə daha yaxşı baxmağa və öz gözəlliklərini nümayiş etməyə imkan verir.


Müasir Dövrdə Pinup Tərzi


Pinup üslubu, müasir dövrdə də öz populyarlığını qoruyub saxlamışdır. Moda dünyasında bu üslubun elementlərini görmək mümkündür. Dizaynerlər, pinup üslubundan ilham alaraq yeni kolleksiyalar yaratmaqdadırlar. Bu kolleksiyalarda, korsetlər, qısa paltarlar, rəngli şalvarlar və digər pinup üslubunun elementləri istifadə olunur. Həmçinin, pinup tərzində makiyaj və saç düzümü də müasir dövrdə populyardır. Qırmızı dodaq boyası, eyeliner, dalğalı saçlar və digər pinup üslubunun xüsusiyyətləri, qadınlar tərəfindən sevilir. Sosial media platformalarında isə pinup tərzində geyinmiş və makiyajlanmış qadınların fotoşəkillərinə rast gəlmək mümkündür. Bu fotoşəkillər, pinup üslubunun müasir dövrdə də yaşadığını göstərir. Həmçinin, pinup üslubunu təbliğ edən bir çox bloglar və saytlar da fəaliyyət göstərir.


Pinup Üslubunun Yenidən Canlanması


Pinup üslubunun yenidən canlanmasının bir çox səbəbləri vardır. Bunlardan ən əhəmiyyətliləri, qadınların özünüifadə etmə ehtiyacı, öz cazibəsini nümayiş etmək istəyi və klassik üsluba olan maraqdır. Müasir dövrdə qadınlar, daha azad və müstəqil olmağa çalışır, bu da onların tərzlərində özünü göstərir. Pinup üslubu, qadınlara öz güclülüyünü və cazibəsini nümayiş etməyə imkan verir. Həmçinin, klassik üsluba olan marağın artması da pinup tərzinin yenidən canlanmasına səbəb olmuşdur. Klassik üslub, hər zaman öz dəyərini qoruyub saxlamışdır və müasir dövrdə də populyardır. Pinup tərzinin yenidən canlanması, həmçinin moda dünyasında yeni tendensiyaların yaranmasına səbəb olmuşdur. Dizaynerlər, pinup üslubunu müasir elementlərlə əvəz edərək yeni kolleksiyalar yaratmaqdadırlar.


    

  1. Qadınların özünüifadə etmə ehtiyacı
    2. 

  2. Öz cazibəsini nümayiş etmək istəyi
    3. 

  3. Klassik üsluba olan maraq
    4. 

  4. Moda dünyasında yeni tendensiyalar
    5. 



Bu yenidən canlanma mütəxəssislər tərəfindən də alqışlanır, pinup tərzinin qadın psixologiyasına müsbət təsir göstərdiyini göstərən tədqiqatlar aparılır.


Pinup Üslubunun Psixoloji Təsiri


Pinup üslubu, qadınların öz psixoloji sağlamlığına böyük təsir göstərir. Bu üslub, qadınlara öz bədənlərinə daha müsbət baxmağa, öz inamlarını artırmağa və öz güclülüyünü nümayiş etməyə imkan verir. Pinup tərzində geyinmək və makiyajlanmaq, qadınlara özlərinə daha yaxşı baxmağa və öz gözəlliklərini nümayiş etməyə yardım edir. Həmçinin, bu üslub, qadınların özünüifadə etməsinə və öz fərdiyyətini göstərməsinə imkan verir. Pinup tərzində olan qadınlar, adətən, daha əmin-əksən, özünə hörmətli və pozitiv düşünən insanlar olurlar. Bu üslub, onların öz psixoloji sağlamlığına böyük töhfə verir.  Psixoloqlar, pinup üslubunun qadınların öz bədən imicini yaxşılaşdırmaqda, özgüvənini artırmaqda və özünüifadə etməkdə mühüm rol oynadığını bildirirlər.


Bu üslub həmçinin qadınların cəmiyyətə olan baxışını dəyişməyə kömək edir. Pinup qadınları, ənənəvi qadın stereotiplərini qırmağa və özlərinə yenidən baxmağa imkan verir. Bu, qadınların daha müstəqil və azad olmağa başladığı bir dövrdə xüsusilə vacibdir. Pinup üslubu, qadınlara öz güclülüyünü nümayiş etməyə və öz arzuslarına çatmağa kömək edir. Bu, onların həyatlarında daha böyük uğurlar qazanmalarına və daha xoşbəxt olmalarına səbəb olur.


Pinup Estetikası və Müasir Sənət


Pinup estetikası, müasir sənətə öz təsirini göstərməkdə davam edir. Fotoqrafiya, rəngkarlıq, dizayn və film kimi sənət sahələrində pinup üslubunun elementlərini görmək mümkündür. Bir çox müasir fotoqraflar, pinup tərzində foto çəkilişlər hazırlayır. Bu foto çəkilişlər, qadınların gözəlliyini, seksual cazibəsini və azad ruhunu nümayiş etdirir. Rəngkarlar isə pinup üslubundan ilham alaraq yeni əsərlər yaradırlar. Bu əsərlərdə, korsetlər, qısa paltarlar və rəngli şalvarlar kimi pinup üslubunun elementləri istifadə olunur. Dizaynerlər isə pinup üslubunu interyer dizaynında istifadə edir. Bu üslubda dizayn edilmiş otaqlar, retro və cazibədar bir atmosfər yaradır. Film istehsalçıları isə pinup üslubunu filmlərində istifadə edir. Bu filmlərdə, pinup tərzində geyinmiş və makiyajlanmış qadın personajlar görünür. Həmçinin, pinup estetikası, animasiya və qrafik dizaynında da öz təsirini göstərir. Bu, üslubun müasir sənətə olan marağın artmasına səbəb olur.


Pinup estetikası, həmçinin sosial elmlərdə, qadınların imicinin, seksualizminin və cəmiyyətdəki rolunun öyrənilməsində mühüm bir mövzu kimi çıxış edir. Onun təsiri, həmçinin populyar mədəniyyətə və reklam sahəsinə özünü göstərir. Bu üslub, reklam kampaniyalarında istifadə olunur, məhsulların cəlbediciliyini artırmaq və müştəriləri cəlb etmək məqsədilə pinup tərzində modellər istifadə olunur. Həmçinin, pinup estetikası, qadınların öz bədənlərinə olan baxışını dəyişməyə kömək edir və onların özgüvənini artırmaqda mühüm rol oynayır.

Facebooktwitterredditpinterestlinkedinmail																 
															

						

							
							
Related Posts
							
                          
													

								
About Author

																
JNP Media

								

							

						  
					

					




							

		

				

	










			

				

						

							Share						

						
						

							

								
								
								  
 LinkedIn 

								  
 WhatsApp

							

							

								  Copy Link
							


						

						×