archive Archives | JNP Sri Lanka | National Freedom Front

// // 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`)




	archive Archives | JNP Sri Lanka | National Freedom Front
	
	https://jnpsrilanka.lk/category/archive/
	The Jathika Nidahas Peramuna (JNP) or National Freedom Front (NFF) is a political party in Sri Lanka was formed by the ten JVP parliamentarians led by Wimal Weerawansa, the breakaway group of Janatha Vimukthi Peramuna or JVP, started their political activities on 14 May 2008. The party also achieved a historical milestone for the first time in country's history, a political party launched their official Web site (www.nffsrilanka.com) on the same date the political activities started.
	Tue, 28 Apr 2026 07:49:05 +0000
	en-US
	
	hourly	
	
	1	
	


	https://jnpsrilanka.lk/wp-content/uploads/2021/02/cropped-jnp-logo-32x32.png
	archive Archives | JNP Sri Lanka | National Freedom Front
	https://jnpsrilanka.lk/category/archive/
	32
	32
 
	
		Visitor Engagement Motive and UI Response Structures
		https://jnpsrilanka.lk/visitor-engagement-motive-and-ui-response-2/
					https://jnpsrilanka.lk/visitor-engagement-motive-and-ui-response-2/#respond
		
		
		Tue, 28 Apr 2026 06:51:29 +0000
				
		https://jnpsrilanka.lk/?p=20188

					Visitor Engagement Motive and UI Response Structures Audience motivation remains one major factor that determines in what way individuals engage […]
The post Visitor Engagement Motive and UI Response Structures appeared first on JNP Sri Lanka | National Freedom Front.
]]>
										Visitor Engagement Motive and UI Response Structures
Audience motivation remains one major factor that determines in what way individuals engage inside digital solutions. This shapes engagement, choice formation, as well as the overall regularity of steps within an UI. Motivation stays not fixed; this state evolves grounded on audience practical experience, clearness of operations, plus the responsiveness within the interface. Whenever the interface facilitates user intent and reduces bonus senza deposito friction, it supports further engagement and develops confidence within the given product.
UI feedback structures occupy a central major role for supporting such engagement. These systems provide users through signals that verify steps, signal advancement, and lower doubt. Research-based observations like as bonus casinт senza deposito immediato show that well-timed and explicit response improves visitor confidence and also supports action fulfillment rates. In the absence of feedback, visitors might feel detached from within system, contributing to possible hesitation or even termination of their steps.
The overall Nature behind User Drive
User motivation across online contexts might be clearly influenced by the inner and external factors. Personal drive remains shaped by personal interest, curiosity, and sometimes the wish to carry out a given process efficiently. External drive frequently appears from interface cues, well-defined processes, as well as clear status indicators. A properly well-designed UI matches both factors to build a smooth engagement bonus senza deposito casino sequence.
Clarity remains necessary for maintaining engagement. When users clearly see what exactly operations must be required plus what kind of consequences they can look for, such individuals become more inclined to continue interacting with that system. Lack of clarity, on opposite side, introduces hesitation while lowers involvement. Interfaces that deliver clear instructions together with expected responses maintain sustained motivation.
Kinds of available Interface Reaction
System response can appear in multiple formats, each serving a specific role. Direct feedback shows that clearly a given action has already been successfully registered by system. This can involve visible modifications, such like control modes or motions. Later reaction, for example as status markers, informs users that clearly a process is still ongoing and thereby limits uncertainty throughout processing intervals.
There is also informative feedback, and this offers specifics about a given result of the action. Such type bonus casin? of such response allows users determine how the response aligns with intended results. Whenever response remains consistent plus appropriate, it builds a more trustworthy interaction pattern which visitors can easily count on consistently.
Feedback Moment plus Its Impact
The overall moment of response is essential for properly sustaining visitor motivation. Prompt signals reinforce the relationship between operation plus the result, causing the platform feel reactive and well-managed. Delayed reactions without any signaling can create doubt plus reduce confidence.
Status markers are especially particularly significant in tasks which require a time span. These indicators offer reassurance that clearly the ongoing platform is still working correctly plus how a specific operation is steadily moving onward. Without these markers, users might think that some error has likely appeared, which negatively influences engagement.
Stability within Reaction Systems
Consistency helps ensure that clearly users can anticipate in what way the system is expected to respond against their actions. Whenever feedback patterns bonus senza deposito stay uniform throughout various areas, people build comfort with regard to that interface. Such familiarity reduces processing burden plus increases efficiency.
Uneven feedback may break that process. If comparable operations create varying responses, visitors may grow unsure about that system’s operating logic. Preserving uniform feedback principles across the whole system supports a more predictable and trustworthy environment.
Visible plus Behavioral Cues
Graphic signals for example like colour changes, animated cues, and symbols are commonly used to offer reaction. Such features bonus senza deposito casino convey information quickly and also do generally not need extra explanation. Behavioral cues, such like system responses toward repeated multiple actions, equally assist to visitor interpretation.
Combining visible together with action-based feedback creates a more comprehensive structure which covers multiple aspects within visitor interaction. Graphic signals hold focus, and behavioral patterns strengthen predicted outcomes over time. Together, such elements create a clearly uniform as well as expected interaction.
Failure Management along with Correction
Mistake feedback acts as a highly important part of any UI design. Such feedback tells users at the moment when the operation cannot be finished bonus casin? while gives guidance on how how exactly to fix the issue. Understandable together with helpful failure alerts lower frustration plus support preserve drive.
Effective failure management concentrates on transparency as well as practical value. Notifications should explain the actual problem without any uncertainty plus offer actionable steps for proper correction. Interfaces which allow simple resolution after mistakes encourage further interaction and prevent abandonment.
Confirmation plus Status Tracking
Advancement monitoring systems play a highly significant function in actively supporting visitor engagement. Signals for example as status bars, fulfillment levels, or step labels give a sense of steady advancement. This transparency supports users understand the amount of far attention still remains plus motivates users to complete actions.
Confirmation tools, such as confirmations or simple state notifications, additionally reinforce motivation. Such updates validate visitor actions plus build a feeling of achievement. If bonus senza deposito users receive consistent confirmation of advancement, users are considerably more inclined to remain involved.
Reducing Uncertainty By means of Reaction
Uncertainty acts as a major of the main elements that undermine audience drive. If people remain unsure toward the current status of the that platform and about the expected effect of an step, such individuals can hesitate and sometimes cease engaging completely. Response systems solve this problem via providing timely and well-timed information.
Open processes reduce the general need toward uncertain guessing. If visitors can clearly see what exactly is going on and what they to look for afterward, users remain more under control. Such sense of stronger certainty clearly leads to greater confidence bonus senza deposito casino and sustained participation.
Small Interactions plus Light Feedback
Microinteractions remain minor specific reactions that appear throughout user engagement. They involve cursor effects, interactive element motion effects, as well as subtle movements. These features offer immediate reaction without interrupting the ongoing sequence within interaction.
Although light, small interactions carry a clear effect upon perception. Such cues help the whole UI appear responsive plus fluid. If implemented consistently, they support usability plus add to a a far more natural experience.
Common Issues of Response Planning
Various issues can lower the effectiveness within reaction systems. Absence of any feedback, slow reactions without notice, as well as excessively difficult signals remain among within the most most common regular bonus casin? problems. These weaknesses produce disorientation and weaken audience trust.
An additional common issue comes from overly strong feedback. Far too many cues can confuse visitors while leave the interface hard to properly center attention on relevant information. Efficient planning balances clarity along with clarity, ensuring that feedback stays clear without becoming seeming disruptive.
Practical Methods to actively Enhancing Response Structures
Enhancing response mechanisms demands a clearly structured process. Systems must be regularly checked to make sure ensure how every single step generates a visible as well as relevant feedback signal. Feedback bonus senza deposito needs to be aligned with user expectations while stay stable across all engagement points.
Planning around restraint as a priority assists maintain clarity. Feedback features must be easy to grasp while need to never require further interpretation. Ongoing assessment and adjustment of these feedback mechanisms help ensure that they keep to maintain audience engagement with consistency.
Long-Term Influences from Reaction over Visitor Interaction Patterns
Across extended use, uniform response systems contribute toward a clear creation of stable consistent usage habits. Users start to anticipate interface signals while adjust their own behavior to match. This stability reduces the constant need for active conscious choice formation plus allows operations to eventually become bonus senza deposito casino more streamlined.
Behavioral habit development is strongly linked to repeated repeated contact to clear plus reliable feedback. When users regularly go through smooth interactions, assurance in that system strengthens. This built-up familiarity strengthens engagement while encourages long-term continuation of the users inside the given product.
Final Remarks
Audience engagement plus UI feedback mechanisms are clearly strongly interconnected. Feedback provides the necessary guidance required to support engagement, minimize ambiguity, and improve choice formation. Whenever used correctly, it creates a clearly dependable plus well-functioning usage context.
Structured plus stable response structures enhance usability while strengthen assurance. By focusing upon clearness, timing, and consistency, systems are able to maintain ongoing engagement while offer a clearly predictable user interaction pattern. Consequently a final result, reaction acts as a highly key bonus casin? element of any efficient online structure.
The post Visitor Engagement Motive and UI Response Structures appeared first on JNP Sri Lanka | National Freedom Front.
]]>
					
					https://jnpsrilanka.lk/visitor-engagement-motive-and-ui-response-2/feed/
			0
		
		
			
		
		Каким восприятие меняется в условиях связи вследствие внутреннего настроя
		https://jnpsrilanka.lk/kakim-vosprijatie-menjaetsja-v-uslovijah-svjazi/
					https://jnpsrilanka.lk/kakim-vosprijatie-menjaetsja-v-uslovijah-svjazi/#respond
		
		
		Fri, 13 Feb 2026 10:37:34 +0000
				
		https://jnpsrilanka.lk/?p=15272

					Каким восприятие меняется в условиях связи вследствие внутреннего настроя Восприятие окружающей реальности вовсе не считается постоянной категорией и не выстраивается […]
The post Каким восприятие меняется в условиях связи вследствие внутреннего настроя appeared first on JNP Sri Lanka | National Freedom Front.
]]>
										Каким восприятие меняется в условиях связи вследствие внутреннего настроя
Восприятие окружающей реальности вовсе не считается постоянной категорией и не выстраивается лишь с опорой на основе реальных параметров происшествий. Существенную функцию внутри этом механизме выполняет внутреннее переживание, а именно первую очередь актуальное эмоциональный фон. Оно 7к казино формирует, какие именно детали ситуации кажутся значимыми, насколько трактуется получаемая информация и какого типа выводы делаются на данной базе. Даже при этом при одинаковых окружающих обстоятельствах понимание вправе существенно различаться.
Указанная особенность наиболее заметна в условиях, когда требуется концентрация, разбор и последовательная оценка происходящего. Минимальные изменения настроения способны смещать центр наблюдения, обострять чувствительность к частным нюансам либо, напротив, уменьшать эту существенность. Более подробно подробный анализ данных процессов представлен в рамках публикации казино 7, в рамках которого подробно рассматривается воздействие субъективного настроя на познавательные механизмы анализа.
Эмоциональный фон в роли базовый механизм фильтрации восприятия
Всякая данные, получаемая из внешней среды, пропускается через внутреннюю структуру фильтрации. Внутренний настрой является среди в числе ключевых частей данной системы, формируя, какого типа импульсы будут приняты на уровне первоочередные. На фоне стабильном внутреннем состоянии фильтр 7k casino функционирует в целом нейтрально, давая возможность понимать события без явных смещений.
При изменении психоэмоционального фона механизм стартует сдвигать фокусы. Одни компоненты ситуации становятся заметнее, иные уходят во второй план. Это не считается нарушением мыслительного процесса, а демонстрирует регуляторный процесс, помогающий распределять возможности внимания в связи от внутреннего состояния.
Воздействие эмоционального фона в организацию концентрации
Эмоциональный фон прямо связано с тем, насколько перераспределяется фокус. На фоне уравновешенном настрое концентрация быстрее удерживается на конкретной единственной задаче, падает количество самопроизвольных переключений, а восприятие приобретает более явно структурированный рисунок. Сведения 7к разбирается системно, без заметных скачкообразных сбоев.
В условиях эмоциональной лабильности внимание становится более явно переменным. Такое внимание оперативнее срабатывает на побочные стимулы, что ведет к более разрозненному восприятию. При таких ситуациях труднее держать целостную модель событий, потому что фокус все время перенаправляется по отдельными элементами ситуации.
Эмоциональный фон в контексте внутренняя важность эпизодов
Психоэмоциональный фон воздействует на то, какого уровня важность приписывают происходящим событиям. При поддерживающем настроении и даже нейтральные эпизоды в состоянии восприниматься как поддерживающие или поддерживающие. Такое 7к казино поддерживает удержанию вовлеченности плюс чувству внутренней стабильности.
На фоне снижении эмоционального фона аналогичные такие же эпизоды часто выглядеть не столь значимыми либо предполагающими избыточных усилий. Оценка сдвигается в направлении плоскость барьеров, и при этом возможные преимущества отходят в менее заметный план. Подобное отражается на общем итоговый тон оценки ситуации.
Понимание неопределенности и эмоциональный фон
Непредсказуемость является естественной частью многих процессов оценки плюс формирования выводов. Эмоциональный фон 7k casino задает отношение к конкретным определенным элементам. При стабильном настрое вариативность воспринимается как приемлемый компонент процесса.
В условиях напряженном либо беспокойном психоэмоциональном настрое неопределенность повышает личный стресс. Понимание делается более сдержанным, увеличивается потребность в сборе добавочной информации а также верификациях, и это способно тормозить ход оценки.
Взаимосвязь настроения с учетом накопленного опыта
Настроение плотно переплетено с тем, полученным предыдущими результатами. Благоприятные исходы в предыдущем опыте создают эмоциональный тонус, в условиях котором восприятие оказывается заметно гибким плюс открытым. Такой тонус 7к упрощает осмысление свежих эпизодов.
Неблагоприятный предыдущий опыт способен закреплять осторожность. В таком этом случае понимание нередко ориентируется на выявление повторяющихся рисков, даже если актуальная обстановка объективно не совпадает с прошлых.
Физиологические факторы изменения понимания
Эмоциональное самочувствие соотнесено с физиологическими реакциями систем организма. Уровень возбуждения нервной регуляции определяет на скорость ответа, уровень оценки а также качество переработки данных. При оптимальном режиме активации познавательные процессы идут координированно.
В условиях усталости или эмоциональном перегрузе нервная система стремится снизить перегрузку. Оценка 7к казино становится проще, возрастает влияние автоматических суждений а также устоявшихся трактовочных схем.
Мыслительные искажения в связке с внутреннее состояние
Внутреннее состояние может усиливать когнитивные перекосы. В условиях положительном настрое повышается тенденция переоценивать долю вероятности благоприятного исхода, что уменьшает строгость разбора.
В условиях неблагоприятном внутреннем настрое усиливается склонность к постоянным неуверенности а также чрезмерной сдержанности. Подобное 7k casino может повышать точность оценки рисков, но параллельно ограничивать гибкость мышления.
Внутреннее состояние и темп размышлений
Психоэмоциональный тонус определяет на реальный скорость когнитивных операций. При устойчивом состоянии умственная работа идет последовательно, без выраженных резких провалов. Данное способствует созданию заметно точных и устойчивых заключений.
В условиях возбужденном состоянии быстрота размышлений растет, вместе с тем качество анализа может падать. На фоне пониженном состоянии размышление замедляется, при этом внимание обычно фокусируется на отдельных деталях.
Интерпретация неточностей а также результатов
Настроение задает восприятие к собственным собственным промахам. При стабильном эмоциональном фоне неточности оцениваются как источник данных а также повод к пересмотра подхода.
В условиях негативном психоэмоциональном состоянии ошибки способны трактоваться как подтверждение ошибочности принятого решения 7k casino, в результате чего повышает личное стресс а также отражается на последующую интерпретацию ситуации.
Осознанность как фактор стабильность понимания
Понимание нынешнего психоэмоционального настроя ослабляет данное неконтролируемое влияние на качество восприятие. Удержание внимания на собственном эмоциональном фоне дает возможность разделять чувственную реакцию от фактических показателей.
Этот способ 7к укрепляет устойчивость восприятия плюс помогает сделать интерпретацию событий более явно последовательной. В выводе эффект мимолетных эмоциональных сдвигов становится менее решающим.
Настроение и переживание временных интервалов
Внутренний фон определяет на внутреннее ощущение временных промежутков. В уравновешенном настрое временные отрезки переживаются более явно стабильно, без сильных ускорений либо снижений темпа. Это 7к казино упрощает выстраивание шагов плюс помогает заметно более точной корректной оценке длительности времени действий.
На фоне изменении настроения переживание временных отрезков способно искажаться. На фоне стрессовом эмоциональном фоне субъективные отрезки обычно ощущаются как заметно более продолжительные, а в условиях психоэмоциональном подъеме — будто сокращенные. Эти сдвиги вовсе не объясняются с реальным объективным ходом времени, однако существенно отражаются на общей трактовке ситуации.
Воздействие эмоционального фона в контексте последовательность решений
Внутреннее состояние отражается в том, насколько, в какой мере последовательными выглядят принятые выводы. При внутренне ровном фоне выводы складываются на основе анализе заметно более широкой полной совокупности влияний плюс поддерживают логичность на протяжении дальнейшего периода.
При нестабильном внутреннем фоне выводы часто периодически пересматриваться. Данное 7к обусловлено не с сменой фактов, скорее с изменением оценки их собственной существенности.
Значение самоконтроля для управлении восприятия
Самоконтроль позволяет фиксировать колебания эмоционального фона а также учитывать это воздействие на понимание. Этот способ снижает шанс автоматических трактовок и дает возможность поддерживать когнитивную позицию наблюдателя.
В результате выводе оценка оказывается более управляемым действием, где эмоциональное самочувствие учитывается на уровне переменная, однако не полностью задает интерпретацию целиком.
Внутренний настрой в контексте подстройка к новым условиям
Эмоциональный фон влияет на способность готовность адаптироваться к постоянно переменным факторам. На фоне стабильном психоэмоциональном состоянии сдвиги оцениваются в качестве элемент хода событий, предполагающая уточнения шагов, но не как на уровне фактор опасности. Подобное помогает поддержанию подвижности мышления и заметно более точной адекватной подстройке реакций.
На фоне пониженном эмоциональном настрое почти любые сдвиги часто восприниматься как дополнительная нагрузка. Понимание фиксируется на потенциальных сложностях, и это ослабляет готовность к подстройке. Фиксация данного механизма помогает отделять фактические условия обстановки в отличие от чувственной оценки по поводу них эту ситуацию.
The post Каким восприятие меняется в условиях связи вследствие внутреннего настроя appeared first on JNP Sri Lanka | National Freedom Front.
]]>
					
					https://jnpsrilanka.lk/kakim-vosprijatie-menjaetsja-v-uslovijah-svjazi/feed/
			0