`.@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 * .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 * .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.3333333;// extra decimals for Win 8.1 Chrome@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 indicate 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;// Allows for customizing button radius independently from global border radius@btn-border-radius-base:@border-radius-base;@btn-border-radius-large:@border-radius-large;@btn-border-radius-small:@border-radius-small;//== 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;// TODO:Rename `@input-border-radius` to `@input-border-radius-base` in v4 //** Default `.form-control` border radius // This has no effect on ``s in CSS.@input-border-radius:@border-radius-base;//** Large `.form-control` border radius@input-border-radius-large:@border-radius-large;//** Small `.form-control` border radius@input-border-radius-small:@border-radius-small;//** Border color for inputs on focus@input-border-focus:#66afe9;//** Placeholder text color@input-color-placeholder:#999;//** 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);//** `.form-group` margin@form-group-margin-bottom:15px;@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;//** Disabled cursor for form controls and buttons.@cursor-disabled:not-allowed;//== 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:lighten(@gray-light,15%);@navbar-inverse-bg:#222;@navbar-inverse-border:darken(@navbar-inverse-bg,10%);// Inverted navbar links@navbar-inverse-link-color:lighten(@gray-light,15%);@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;//== 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));@jumbotron-heading-font-size:ceil((@font-size-base * 4.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:@popover-bg;//** 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;//** Variable for setting rounded corners on progress bar.@progress-border-radius:@border-radius-base;//** 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 // //## //** Horizontal offset for forms and lists.@component-offset-horizontal:180px;//** 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;//** Width of horizontal description list titles@dl-horizontal-offset:@component-offset-horizontal;//** Point at which .dl-horizontal becomes horizontal@dl-horizontal-breakpoint:@grid-float-breakpoint;//** Horizontal line color.@hr-border:@gray-lighter; // // Variables // -------------------------------------------------- // Global values // -------------------------------------------------- // Grays // -------------------------@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 // Colors // -------------------------@blue-gray:#008bf8;@blue-light:#0080e5;@blue:#0075d1;@blue-dark:#005faa;@blue-darker:#004983;@orange-gray:#f86d00;@orange-light:#e56500;@orange:#d15c00;@orange-dark:#bd5300;@orange-darker:#964200;@purple-gray:#f86d00;@purple-light:#e56500;@purple:#8a77a5;@purple-dark:#bd5300;@purple-darker:#964200;// Brand colors // -------------------------@brand-primary:@base-color;// legacy@brand-success:#5cb85c;// undefined@brand-warning:#f0ad4e;// undefined@brand-danger:#d9534f;// undefined@brand-info:#5bc0de;// undefined // Scaffolding // -------------------------@base-color-light:@blue-light;@base-color:@blue;@base-color-dark:@blue-dark;@base-color-darker:@blue-darker;@top-bg-color:@base-color-darker;@header-bg-color:@base-color;@body-bg-color:#EBEBEB;@body-bg:@body-bg-color;// legacy@footer-bg-color:@base-color-darker;@footer-border-color:@base-color;@well-bg-color:#FFF;@text-color:@gray-dark;// Links // -------------------------@link-color:@brand-primary;@link-hover-color:darken(@link-color,15%);@language-link-color:@blue-gray;@language-link-hover-color:#FFF;@footer-text-color:#FFF;@footer-link-color:#FFF;// Typography // -------------------------@font-family-sans-serif:"Helvetica Neue","Nimbus Sans L",Helvetica,Arial,sans-serif;@font-family-serif:Georgia,"Times New Roman",Times,serif;@font-family-monospace:Monaco,Menlo,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.15);// ~30px@font-size-h2:floor(@font-size-base * 1.70);// ~24px@font-size-h3:ceil(@font-size-base * 1.25);// ~18px@font-size-h4:@font-size-base;@font-size-h5:ceil(@font-size-base * 0.85);// ~12px@font-size-h6:ceil(@font-size-base * 0.8);// ~11px@line-height-base:1.428571429;// 20/14@line-height-computed:floor(@font-size-base *@line-height-base);// ~20px@headings-font-family:@font-family-base;@headings-font-weight:500;@headings-line-height:1.1;// Iconography // -------------------------@icon-font-path:"../bootstrap/fonts/";@icon-font-name:"glyphicons-halflings-regular";// Components // ------------------------- // Based on 14px font-size 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;@line-height-large:1.33;@line-height-small:1.5;@border-radius-base:4px;@border-radius-large:6px;@border-radius-small:3px;@component-active-bg:@brand-primary;@caret-width-base:4px;@caret-width-large:5px;// Tables // -------------------------@table-cell-padding:8px;@table-condensed-cell-padding:5px;@table-bg:transparent;// overall background-color@table-bg-accent:#f9f9f9;// for striping@table-bg-hover:#f5f5f5;@table-bg-active:@table-bg-hover;@table-border-color:#ddd;// table and cell border // Buttons // -------------------------@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-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-info-color:#fff;@btn-info-bg:@brand-info;@btn-info-border:darken(@btn-info-bg,5%);@btn-link-disabled-color:@gray-light;// Forms // -------------------------@input-bg:#fff;@input-bg-disabled:@gray-lighter;@input-color:@gray;@input-border:#ccc;@input-border-radius:@border-radius-base;@input-border-focus:#66afe9;@input-color-placeholder:@gray-light;@input-height-base:(@line-height-computed + (@padding-base-vertical * 2) + 2);@input-height-large:(floor(@font-size-large *@line-height-large) + (@padding-large-vertical * 2) + 2);@input-height-small:(floor(@font-size-small *@line-height-small) + (@padding-small-vertical * 2) + 2);@legend-color:@gray-dark;@legend-border-color:#e5e5e5;@input-group-addon-bg:@gray-lighter;@input-group-addon-border-color:@input-border;// Dropdowns // -------------------------@dropdown-bg:#E7E7E7;@dropdown-border:rgba(0,0,0,.15);@dropdown-fallback-border:#ccc;@dropdown-divider-bg:#e5e5e5;@dropdown-link-active-color:#fff;@dropdown-link-active-bg:@component-active-bg;@dropdown-link-color:#000;@dropdown-link-hover-color:#fff;@dropdown-link-hover-bg:@dropdown-link-active-bg;@dropdown-link-disabled-color:@gray-light;@dropdown-header-color:@gray-light;@dropdown-caret-color:#000;// COMPONENT VARIABLES // -------------------------------------------------- // Z-index master list // ------------------------- // Used for a bird's eye view of components dependent on the z-axis // Try to avoid customizing these :)@zindex-navbar:1000;@zindex-dropdown:1000;@zindex-popover:1010;@zindex-tooltip:1030;@zindex-navbar-fixed:1030;@zindex-modal-background:1040;@zindex-modal:1050;// Media queries breakpoints // -------------------------------------------------- // Extra small screen / phone // Note:Deprecated@screen-xs and@screen-phone as of v3.0.1@screen-xs:480px;@screen-xs-min:@screen-xs;@screen-phone:@screen-xs-min;// Small screen / tablet // Note:Deprecated@screen-sm and@screen-tablet as of v3.0.1@screen-sm:768px;@screen-sm-min:@screen-sm;@screen-tablet:@screen-sm-min;// Medium screen / desktop // Note:Deprecated@screen-md and@screen-desktop as of v3.0.1@screen-md:992px;@screen-md-min:@screen-md;@screen-desktop:@screen-md-min;// Large screen / wide desktop // Note:Deprecated@screen-lg and@screen-lg-desktop as of v3.0.1@screen-lg:1200px;@screen-lg-min:@screen-lg;@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 // -------------------------------------------------- // Number of columns in the grid system@grid-columns:12;// Padding,to be divided by two and applied to the left and right of all columns@grid-gutter-width:16px;// Point at which the navbar stops collapsing@grid-float-breakpoint:@screen-tablet;// Navbar // ------------------------- // Basics of a navbar@navbar-height:42px;@navbar-margin-bottom:0;//@line-height-computed;@navbar-default-color:#777;@navbar-default-bg:@header-bg-color;@navbar-default-border:darken(@navbar-default-bg,6.5%);@navbar-border-radius:@border-radius-base;@navbar-padding-horizontal:floor(@grid-gutter-width / 2);@navbar-padding-vertical:((@navbar-height -@line-height-computed) / 2);// Navbar links@navbar-default-link-color:#FFF;@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-link-color,10%);@navbar-default-brand-hover-bg:transparent;// Navbar toggle@navbar-default-toggle-hover-bg:#ddd;@navbar-default-toggle-icon-bar-bg:#ccc;@navbar-default-toggle-border-color:#ddd;// Inverted navbar // // Reset inverted navbar basics@navbar-inverse-color:@gray-light;@navbar-inverse-bg:white;@navbar-inverse-border:darken(@navbar-inverse-bg,10%);// Inverted navbar links@navbar-inverse-link-color:@brand-primary;@navbar-inverse-link-hover-color:@brand-primary;@navbar-inverse-link-hover-bg:transparent;@navbar-inverse-link-active-color:#BDBDBD;@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 search // Normal navbar needs no special styles or vars@navbar-inverse-search-bg:lighten(@navbar-inverse-bg,25%);@navbar-inverse-search-bg-focus:#fff;@navbar-inverse-search-border:@navbar-inverse-bg;@navbar-inverse-search-placeholder-color:#ccc;// Inverted navbar toggle@navbar-inverse-toggle-hover-bg:#333;@navbar-inverse-toggle-icon-bar-bg:#fff;@navbar-inverse-toggle-border-color:#333;// Navs // -------------------------@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;@nav-open-caret-border-color:#fff;// Tabs@nav-tabs-border-color:#ddd;@nav-tabs-link-hover-border-color:@gray-lighter;@nav-tabs-active-link-hover-bg:@body-bg-color;@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-color;// Pills@nav-pills-border-radius:@border-radius-base;@nav-pills-active-link-hover-bg:@component-active-bg;@nav-pills-active-link-hover-color:#fff;// Pagination // -------------------------@pagination-bg:#fff;@pagination-border:#ddd;@pagination-hover-bg:@gray-lighter;@pagination-active-bg:@brand-primary;@pagination-active-color:#fff;@pagination-disabled-color:@gray-light;// Pager // -------------------------@pager-border-radius:15px;@pager-disabled-color:@gray-light;// Jumbotron // -------------------------@jumbotron-padding:30px;@jumbotron-color:inherit;@jumbotron-bg:@gray-lighter;@jumbotron-heading-color:inherit;// Form states and alerts // -------------------------@state-warning-text:#c09853;@state-warning-bg:#fcf8e3;@state-warning-border:darken(spin(@state-warning-bg,-10),3%);@state-danger-text:#b94a48;@state-danger-bg:#f2dede;@state-danger-border:darken(spin(@state-danger-bg,-10),3%);@state-success-text:#468847;@state-success-bg:#dff0d8;@state-success-border:darken(spin(@state-success-bg,-10),5%);@state-info-text:#3a87ad;@state-info-bg:#d9edf7;@state-info-border:darken(spin(@state-info-bg,-10),7%);// Tooltips // -------------------------@tooltip-max-width:200px;@tooltip-color:#fff;@tooltip-bg:#000;@tooltip-arrow-width:5px;@tooltip-arrow-color:@tooltip-bg;// Popovers // -------------------------@popover-bg:#fff;@popover-max-width:276px;@popover-border-color:rgba(0,0,0,.2);@popover-fallback-border-color:#ccc;@popover-title-bg:darken(@popover-bg,3%);@popover-arrow-width:10px;@popover-arrow-color:#fff;@popover-arrow-outer-width:(@popover-arrow-width + 1);@popover-arrow-outer-color:rgba(0,0,0,.25);@popover-arrow-outer-fallback-color:#999;// Labels // -------------------------@label-default-bg:@gray-light;@label-primary-bg:@brand-primary;@label-success-bg:@brand-success;@label-info-bg:@brand-info;@label-warning-bg:@brand-warning;@label-danger-bg:@brand-danger;@label-color:#fff;@label-link-hover-color:#fff;// Modals // -------------------------@modal-inner-padding:20px;@modal-title-padding:15px;@modal-title-line-height:@line-height-base;@modal-content-bg:#fff;@modal-content-border-color:rgba(0,0,0,.2);@modal-content-fallback-border-color:#999;@modal-backdrop-bg:#000;@modal-header-border-color:#e5e5e5;@modal-footer-border-color:@modal-header-border-color;// Alerts // -------------------------@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 // -------------------------@progress-bg:#f5f5f5;@progress-bar-color:#fff;@progress-bar-bg:@brand-primary;@progress-bar-success-bg:@brand-success;@progress-bar-warning-bg:@brand-warning;@progress-bar-danger-bg:@brand-danger;@progress-bar-info-bg:@brand-info;// List group // -------------------------@list-group-bg:#fff;@list-group-border:#ddd;@list-group-border-radius:@border-radius-base;@list-group-hover-bg:#f5f5f5;@list-group-active-color:#fff;@list-group-active-bg:@component-active-bg;@list-group-active-border:@list-group-active-bg;@list-group-link-color:#555;@list-group-link-heading-color:#333;// Panels // -------------------------@panel-bg:#fff;@panel-inner-border:#ddd;@panel-border-radius:@border-radius-base;@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-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;@panel-info-text:@state-info-text;@panel-info-border:@state-info-border;@panel-info-heading-bg:@state-info-bg;// Thumbnails // -------------------------@thumbnail-padding:4px;@thumbnail-bg:@body-bg-color;@thumbnail-border:#ddd;@thumbnail-border-radius:@border-radius-base;@thumbnail-caption-color:@text-color;@thumbnail-caption-padding:9px;// Wells // -------------------------@well-bg:#f5f5f5;// Badges // -------------------------@badge-color:#fff;@badge-link-hover-color:#fff;@badge-bg:@gray-light;@badge-active-color:@link-color;@badge-active-bg:#fff;@badge-font-weight:bold;@badge-line-height:1;@badge-border-radius:10px;// Breadcrumbs // -------------------------@breadcrumb-bg:transparent;@breadcrumb-color:#BDBDBD;@breadcrumb-active-color:#BDBDBD;@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-color:#000;@close-font-weight:bold;@close-text-shadow:0 1px 0 #fff;// Code // ------------------------@code-color:#c7254e;@code-bg:#f9f2f4;@pre-bg:#f5f5f5;@pre-color:@gray-dark;@pre-border-color:#ccc;@pre-scrollable-max-height:340px;// Type // ------------------------@text-muted:@gray-light;@abbr-border-color:@gray-light;@headings-small-color:@gray-light;@headings-color:@base-color;@blockquote-small-color:@gray-light;@blockquote-border-color:@gray-lighter;@page-header-border-color:@gray-lighter;// Miscellaneous // ------------------------- // Hr border color@hr-border:@gray-lighter;// Horizontal forms & lists@component-offset-horizontal:180px;// Container sizes // -------------------------------------------------- // Small screen / tablet@container-tablet:((720px +@grid-gutter-width));@container-sm:@container-tablet;// Medium screen / desktop@container-desktop:((940px +@grid-gutter-width));@container-md:@container-desktop;// Large screen / wide desktop@container-lg-desktop:((958px +@grid-gutter-width));@container-large-desktop:@container-lg-desktop;@container-lg:@container-large-desktop; // This is here but it should not! need to be fixed!body.page-countries{.title-content{border-bottom:1px solid@brand-primary;color:@brand-primary;font:bold 13px Arial,Helvetica,"Nimbus Sans L",sans-serif;padding-bottom:10px;text-transform:uppercase;}.title-content-main{padding:20px;text-align:left;border-bottom:0;display:block;background:#FFF;border-radius:5px;.box-shadow(0 2px 2px 0 #bbb);margin:0 0 10px 0;font-size:29px;}&.page-countries-index{#page-title{display:none;}}.col-sm-9{.white-well{background:none;border:0;padding:0;.box-shadow(none);>a#main-content{display:none;}.select-country-region-block,#block-boxes-info-country-index,.associate-member-list,#block-system-main{.white-well();.view-region-index{margin-top:10px;}h2{margin:0;.title-content();}.attachment-before{.view-content{padding:8px 0px;margin-top:9px;margin-bottom:5px;border:0;border-bottom:1px solid #dddddd;.views-summary{margin-right:1px;a{padding:6px 7px;text-decoration:none;display:inline-block;&:hover,&.active{color:#FFF;background:#0077d4;border-radius:3px;}}}}}.view-content{table{width:100%;margin-top:10px;margin-bottom:10px;tr{&.row-last{td{border-bottom:0;}}td{vertical-align:top;h1{display:none;}h2{border:0;margin-top:0;padding-bottom:12px;line-height:16px;a{font-size:14px;color:#004d79;font-weight:bold;text-transform:uppercase;}}.left{float:left;width:147px;margin-top:10px;margin-right:10px;padding-bottom:10px;}.right{margin-top:10px;float:left;max-width:186px;p{margin-bottom:0;}}.footer{clear:both;margin:0;padding:0;border:none;p{font-size:10px;padding:0;margin:0;border:0;padding-bottom:5px;}}margin-right:10px;border-bottom:1px solid #dddddd;padding-bottom:5px;margin-bottom:8px;}}}}}}}}#block-menu-menu-country-resources{h2{display:none;}li{a{color:#000;font-weight:bold;font-size:12px;}}}.field-office-list{.title-content{border-bottom:1px solid@brand-primary;color:@brand-primary;font:bold 13px Arial,Helvetica,"Nimbus Sans L",sans-serif;padding-bottom:10px;text-transform:uppercase;}.title-content-main{padding:20px;text-align:left;border-bottom:0;display:block;background:#FFF;border-radius:5px;.box-shadow(0 2px 2px 0 #bbb);margin:0 0 10px 0;font-size:29px;}h3{margin-top:0;margin-bottom:0;a{display:block;.title-content();padding-top:0;}}p{margin:0;padding:0;img{width:100%;display:block;}}}body.page-countries-index{.col-sm-9{.white-well{h1#page-title{display:none;}}}}body.section-countries,body.section-region{.title-content-main{padding:20px;text-align:left;border-bottom:0;display:block;background:#FFF;border-radius:5px;.box-shadow(0 2px 2px 0 #bbb);margin:0 0 10px 0;font-size:29px;}.col-sm-9{.white-well{.box-shadow(none);>a#main-content{display:none;}#page-title{.title-content-main();text-transform:inherit;}.region{#block-views-country-profile-index-block-2,#block-views-region-index-block-2{.white-well();.view-region-index{margin-top:10px;}}}}}}body.section-region.page-taxonomy{.region{#block-system-main{display:none;}}}.associate-member-list,#block-views-country-profile-index-block-2{.title-content{border-bottom:1px solid@brand-primary;color:@brand-primary;font:bold 13px Arial,Helvetica,"Nimbus Sans L",sans-serif;padding-bottom:10px;text-transform:uppercase;}.title-content-main{padding:20px;text-align:left;border-bottom:0;display:block;background:#FFF;border-radius:5px;.box-shadow(0 2px 2px 0 #bbb);margin:0 0 10px 0;font-size:29px;}padding:10px;.block-title{.title-content();margin-bottom:10px;}.view-country-profile-index{.view-content{table{width:100%;margin-top:10px;margin-bottom:0;tr{&.row-last{td{border-bottom:0;}}td{vertical-align:top;h1{display:none;}h2{margin-top:0;margin-bottom:12px;line-height:16px;a{font-size:14px;color:#004d79;font-weight:bold;text-transform:uppercase;}}.left{float:left;width:147px;margin-top:10px;margin-right:10px;padding-bottom:15px;}.right{margin-top:10px;float:left;max-width:186px;p{margin-bottom:0;}}.footer{clear:both;margin:0;padding:0;border:none;p{font-size:10px;padding:0;margin:0;border:0;padding-bottom:5px;}}padding-left:0;padding-right:0px;margin-right:10px;border-bottom:1px solid #dddddd;padding-bottom:5px;margin-bottom:8px;}}}}}}body.page-countries-field-offices{.title-content{border-bottom:1px solid@brand-primary;color:@brand-primary;font:bold 13px Arial,Helvetica,"Nimbus Sans L",sans-serif;padding-bottom:10px;text-transform:uppercase;}.title-content-main{padding:20px;text-align:left;border-bottom:0;display:block;background:#FFF;border-radius:5px;.box-shadow(0 2px 2px 0 #bbb);margin:0 0 10px 0;font-size:29px;}.col-sm-9{.white-well{#page-title{.title-content-main();margin-bottom:10px;}.region{.group-wrapper,#block-views-field-offices-index-block-1{.white-well();h3{margin:0;.title-content();}table{width:100%;margin:0px;tr{border-top:1px solid #cdcdcd;&.row-first{border-top:0;}td{vertical-align:top;.left{float:left;width:147px;margin-right:10px;margin-bottom:10px;}.right{float:left;}.views-field{padding-right:15px;}.views-field-title{a{display:block;padding-top:10px;color:#004D79;font-size:14px;text-decoration:none;font-weight:bold;&:hover{text-decoration:underline;}}}.views-field-field-region{margin-bottom:10px;overflow:hidden;.views-label{display:inline-block;width:auto;margin-right:5px;font-weight:bold;}.field-content{display:inline-block;width:auto;a{text-decoration:none;&:hover{text-decoration:underline;}}}}}}}}}}}}body.node-type-country-profile{.white-well{.node-country-profile{.white-well();padding:10px;#page-title{margin-top:0;padding-top:0;.box-shadow(none);text-align:center;color:#0077d4;width:100%;}}}}.view-content{.leaflet-tile-pane{top:25px;}@media screen and (-webkit-min-device-pixel-ratio:0){// .leaflet-tile-pane{top:0;}}}.interactive-map-block{.title-content{border-bottom:1px solid@brand-primary;color:@brand-primary;font:bold 13px Arial,Helvetica,"Nimbus Sans L",sans-serif;padding-bottom:10px;text-transform:uppercase;}position:relative;.white-well();margin-top:10px;.block-title{.title-content();margin-bottom:10px;padding-left:20px;background:url(/sites/all/themes/unesco/bunesco_common/bunesco_common/img/pin-interactive-map.png) no-repeat 2px 0 #FFF;}.view-country-profile-interactive-map{.more-link{position:absolute;top:8px;right:12px;text-decoration:none;&:hover{text-decoration:underline;}}.view-filters{.views-exposed-widget{width:100%;padding:10px 0 0;.form-control{border:none;border-radius:0;margin:0;padding:0;.box-shadow(none);.form-type-bef-checkbox{display:inline-block;width:auto;margin-right:10px;}input{display:block;float:left;margin-right:5px;width:12px;height:18px;margin-top:8px;}label{margin-top:7px;display:block;float:left;font-weight:normal;}}}.views-submit-button{display:none;}}}}.country-information-block{.white-well();.block-title{text-align:center;border-bottom:none;height:18px;}.view-id-country_blocks{margin-top:10px;.views-row{text-align:center;padding-bottom:0;strong{padding-top:5px;display:block;}}}}.region-sidebar-second{.country-offices-block,.country-permanent-delegation-block,.country-national-commission-block{.white-well();h2{text-align:left !important;}position:relative;.view-header{top:6px;position:absolute;right:11px;text-align:right;font-size:12px;z-index:999;}.view-content{a{font-size:12px;}}}}.country-national-commission-block{margin-bottom:10px;}.country-permanent-delegation-block,.country-national-commission-block{.view-content{font-size:12px;.views-label{margin-right:3px;display:block;float:left;clear:both;}.field-content{float:left;}}}.country-menu-transparency,.country-menu-info{.white-well();padding:20px;ul{padding:0;margin:0;li{list-style-position:inside;position:relative;a{color:#000;img{position:relative;display:inline-block;margin-right:5px;}}}}}#block-views-country-profile-videos-block,#block-views-d4c2f612b2eae8af19781da1468b3ab3{.white-well();position:relative;h2{text-align:left;margin-bottom:0;}.view{.view-header{top:6px;position:absolute;right:11px;text-align:right;font-size:12px;z-index:999;}.view-content{position:relative;.views-field-name{position:absolute;span{.opacity(0.8);padding:7px 5px;display:block;width:207px;color:#FFF;background:#000;}}}}}#block-views-8160be603093c1ad89afabd282efad67,#block-views-2dff5c546ca6d35dd079a9031a0fed3b{.white-well();width:49%;float:left;table{border:1px solid #ddd;border-radius:5px 5px 5px 5px;width:100%;margin-bottom:0;tbody{tr{background:#FFF;border:0;td{border:1px solid #ddd;padding:4px;a{text-decoration:none;&:hover{text-decoration:underline;}}}}}}}#block-views-f106bfe73afaaefb3b6e639961f254e1{.views-row{padding:1%;.white-well();width:49%;float:right;p{display:none;}&.views-row-even{float:left;clear:both;}.field-name-field-country-indicators-title{margin-bottom:10px;border-bottom:1px solid@brand-primary;color:@brand-primary;font:bold 13px Arial,Helvetica,"Nimbus Sans L",sans-serif;padding-bottom:10px;text-transform:uppercase;.field-item{font-weight:bold;}}}}.statistical-block-4,.statistical-block-3,.statistical-block-2,.statistical-block-1{.white-well();width:49.4%;min-height:321px;@media screen and (max-width:735px){width:100%;}}.statistical-block-1,.statistical-block-3{float:left;clear:both;}.statistical-block-2,.statistical-block-4{float:right;}.bar-visit-profile{padding:0;padding-top:15px;clear:both;.boxes-box-content{text-align:right;background:#0076d2;border-radius:5px;padding:6px 15px;.box-shadow(0 2px 2px 0 #bbb);p{margin-bottom:0;a{color:#FFF;text-decoration:none;font-size:18px;font-weight:bold;&:hover{text-decoration:underline;}}}}}body.country-official-info{.title-content{border-bottom:1px solid@brand-primary;color:@brand-primary;font:bold 13px Arial,Helvetica,"Nimbus Sans L",sans-serif;padding-bottom:10px;text-transform:uppercase;}.title-content-main{padding:20px;text-align:left;border-bottom:0;display:block;background:#FFF;border-radius:5px;.box-shadow(0 2px 2px 0 #bbb);margin:0 0 10px 0;font-size:29px;}.col-sm-9{.white-well{#page-title{.title-content-main();margin-bottom:10px;padding-left:0;padding-right:0;height:125px;@media screen and (max-width:480px){height:auto;}}.tabs--secondary{position:absolute;top:80px;padding:0;margin:0;border:0;@media screen and (max-width:480px){position:inherit;top:0;}li{margin:0;padding:0;a{border-radius:4px;.box-shadow(none);border:0;background:#FFF;color:#0077d4;display:block;padding:10px 12px;margin-left:10px;font-size:12px;@media screen and (max-width:480px){margin-right:5px;margin-left:0;margin-bottom:5px;&:last{margin-right:0;}}&:hover{background:#7fbae9;text-decoration:none;color:#FFF;}&.active{text-decoration:none;background:#0077d4;color:#FFF;}}}}.region{#block-system-main{.view-display-id-page_3{.view-content{background:none;border:0;padding:0;.box-shadow(none);}}}}.view-id-country_official_information{&.view-display-id-page_3{.view-content{background:none;border:0;padding:0;.box-shadow(none);}}>.view-content{.white-well();margin-bottom:10px;overflow:hidden;.views-field{&.views-field-field-flag{float:left;width:auto;img{display:block;margin-right:18px;}}&.views-field-field-country-head-of-state{float:left;max-width:460px;}&.views-field-field-country-head-of-state{.field-name-field-country-head-state-member{margin-right:5px;.field-item:after{content:":";}}}}}.attachment-after{.view-country-official-information{float:left;.view-content{margin-right:2%;}}.view-display-id-attachment_1{.view-header{display:none;}.views-field-field-country-field-offices{width:100%;padding-bottom:10px;.views-label-field-country-field-offices{display:block;margin-bottom:10px;padding-top:3px;padding-left:20px;background:url(/sites/all/themes/unesco/bunesco_common/bunesco_common/img/field-offices-home.png) no-repeat 0 0 #FFF;border-bottom:1px solid@brand-primary;color:@brand-primary;font:bold 13px Arial,Helvetica,"Nimbus Sans L",sans-serif;padding-bottom:10px;text-transform:uppercase;}.field-collection-view{margin-bottom:10px;.field-name-field-relation-with-the-country{.field-item{font-weight:bold;}}}}}.view-display-id-attachment_2{min-height:325px;.view-header{display:none;}float:right;.view-content{margin-left:1%;margin-right:0;.views-row{overflow:hidden;.views-field{clear:both;width:100%;}.views-field-nothing{span{border-bottom:1px solid@brand-primary;color:@brand-primary;font:bold 13px Arial,Helvetica,"Nimbus Sans L",sans-serif;padding-bottom:10px;text-transform:uppercase;display:block;margin-bottom:10px;padding-top:3px;padding-left:20px;background:url(/sites/all/themes/unesco/bunesco_common/bunesco_common/img/permanent-delegation-icon.png) no-repeat 0 0 #FFF;}}.views-field-field-country-delegate-photo{width:auto;padding-bottom:10px;float:left;img{margin-right:14px;}}.views-field-field-country-delegate-date,.views-field-field-country-delegate-title,.views-field-field-country-delegate-name{clear:none;width:auto;}.views-field-field-country-delegate-short-bio{display:none;}.views-field-field-country-delegate-cv{clear:both;.field-content{float:right;.file{img{display:none;}a{border-right:1px solid #0076d2;padding-right:6px;margin-right:3px;}a:hover{text-decoration:underline;}.file-size{text-indent:-9999px;display:inline-block;width:17px;height:17px;cursor:pointer;background:url(/sites/all/themes/unesco/bunesco_common/bunesco_common/img/delegation-cv-on.png) no-repeat 0 0 #FFF;&.open-cv{background:url(/sites/all/themes/unesco/bunesco_common/bunesco_common/img/delegation-cv-off.png) no-repeat 0 0 #FFF;}}}}}.views-field-nothing-1{border-top:1px solid #7a7a7a;margin-top:10px;padding:5px;.field-content{color:#0076D2;font-size:14px;font-weight:bold;}}.views-field-field-country-delegation-adress,.views-field-field-country-delegation-name{padding:1px 5px;}.views-field-field-country-delegation-adress{margin-bottom:5px;}.views-field-field-country-delegation-phone,.views-field-field-country-delegation-fax,.views-field-field-country-delegation-email{.views-label{display:block;float:left;clear:both;margin-right:3px;}padding:1px 5px;span{display:block;margin-right:3px;float:left;}.field-content{float:left;}}.views-field-field-country-delegation-email{margin-top:5px;.field-content{text-decoration:none;color:#0076D2;}}}}}.view-display-id-attachment_3{.view-header{display:none;}.view-content{.views-row{overflow:hidden;.views-field{clear:both;width:100%;}.views-field-nothing{span{border-bottom:1px solid@brand-primary;color:@brand-primary;font:bold 13px Arial,Helvetica,"Nimbus Sans L",sans-serif;padding-bottom:10px;text-transform:uppercase;display:block;margin-bottom:10px;padding-top:3px;padding-left:20px;background:url(/sites/all/themes/unesco/bunesco_common/bunesco_common/img/national-comission-icon.png) no-repeat 0 0 #FFF;}}.field-collection-view{border-bottom:1px solid #7a7a7a;margin-bottom:6px;}.field-name-field-national-delegate-photo{float:left;margin-bottom:5px;margin-right:5px;}.entity-field-collection-item{.group_left{width:auto;float:left;img{margin-right:10px;padding-bottom:10px;}}.group_right{padding-bottom:10px;padding-left:5px;float:left;max-width:235px;width:auto;padding-right:10px;.field-name-field-national-delegate-title{.field-item{font-weight:bold;}}}}.views-field-nothing-1{padding:0 5px;margin-bottom:5px;.field-content{color:#0076D2;font-size:14px;font-weight:bold;}}.views-field-field-national-comission-adress,.views-field-field-national-comission-name{padding:1px 5px;}.views-field-field-national-comission-adress{margin-bottom:5px;}.views-field-field-national-comission-phone,.views-field-field-national-comission-fax,.views-field-field-national-comission-website,.views-field-field-national-comission-email{.views-label{margin-right:3px;display:block;float:left;clear:both;}padding:1px 5px;span{display:block;margin-right:3px;float:left;}.field-content{float:left;}}.views-field-field-national-comission-email{margin-top:5px;.field-content{text-decoration:none;color:#0076D2;}}}}}}}.view-display-id-page_2{.white-well();margin-bottom:0;overflow:hidden;h3{.title-content();margin-top:0;}.view-content{border:0;background:none;margin:0;padding:0;.box-shadow(none);border-radius:0px;table{width:100%;margin-top:0;thead,tbody{tr{th,td{border:1px solid #CCCCCC;float:inherit !important;border-radius:0px;&.views-field-field-executive-board-session,&.views-field-field-executive-board-years,&.views-field-title{width:18% !important;}}}}}}}.view-display-id-page_3{.view-content{.views-row{.white-well();margin-bottom:10px;overflow:hidden;.views-field{width:100%;}h3{.title-content();margin:0;display:block;padding-bottom:0px;border-bottom:none;&.open-box{padding-bottom:10px;border-bottom:2px solid #0076D2;}span{display:block;float:right;width:17px;height:17px;cursor:pointer;background:url(/sites/all/themes/unesco/bunesco_common/bunesco_common/img/delegation-cv-off.png) no-repeat 0 0 #FFF;&.open-cv{background:url(/sites/all/themes/unesco/bunesco_common/bunesco_common/img/delegation-cv-on.png) no-repeat 0 0 #FFF;}}}.views-field-field-dataset-body{display:none;margin-top:10px;}}}}.view-display-id-page_4{.view-content{.views-row{border-bottom:1px solid #0075d1;padding-bottom:10px;margin-bottom:10px;overflow:hidden;&.views-row-last{border-bottom:none;margin-bottom:0;}.views-field{float:left;}.field-content{display:block;overflow:hidden;}.wrapper-left{float:left;.views-field-field-dataset-image{margin-right:10px;}}.wrapper-right{.views-field-field-dataset-title{margin:0;color:#004d79;font-weight:bold;font-size:14px;padding-bottom:5px;a{color:#004d79;text-decoration:none;&:hover{text-decoration:underline;}}}}.views-field-field-dataset-body{padding-bottom:10px;}}}}}}}#block-quicktabs-participation-in-subsidary-organ{.white-well();.block-title{margin-bottom:10px;border:0;font-size:18px;font-weight:normal;text-transform:none;margin-bottom:0;padding-bottom:0;}.quicktabs-tabs{display:block;width:100%;margin:0;padding:0;margin:10px 0 0;padding-top:5px;overflow:hidden;li{border-bottom:1px solid #DDDDDD;display:inline-block;padding:0;div{display:none;}&.active{a{color:#000;margin-top:0;}border:1px solid #DDDDDD;border-bottom:none;border-radius:4px 4px 0 0;}a{display:table-cell;color:#0076D2;padding:7px 5px 5px 10px;font-size:11px;&:hover{color:#CCC;text-decoration:none;color:#000;}}}}#quicktabs-container-participation_in_subsidary_organ{clear:both;margin-top:10px;overflow:hidden;border:0;background:none;margin:0;padding:10px;box-shadow:none;border-radius:0px;.view-content{border:0;background:none;margin:0;padding:0;.box-shadow(none);border-radius:0px;.views-field{float:inherit;p{margin:0;}}}}}body.country-profile-section{.title-content{border-bottom:1px solid@brand-primary;color:@brand-primary;font:bold 13px Arial,Helvetica,"Nimbus Sans L",sans-serif;padding-bottom:10px;text-transform:uppercase;}.title-content-main{padding:20px;text-align:left;border-bottom:0;display:block;background:#FFF;border-radius:5px;.box-shadow(0 2px 2px 0 #bbb);margin:0 0 10px 0;font-size:29px;}.col-sm-9{.white-well{#page-title{.white-well();.title-content-main();width:100%;margin-top:0;}#block-system-main{.view{.captcha-admin-links{display:none;}&.view-country-profiles-sections.view-display-id-page_1{.quicktabs-tabs{display:block;width:100%;margin:0;padding:0;margin:10px 0;padding-top:5px;overflow:hidden;background:url(/sites/all/themes/unesco/bunesco_common/bunesco_common/img/border-tabs.png) repeat-x 0 28px;height:40px;li{background:#FFF;display:inline-block;padding:0;div{display:none;}&.active{a{color:#000;text-decoration:none;font-weight:bold;}height:38px;border:1px solid #DDD;border-bottom:1px solid #FFF;border-radius:4px 4px 0 0;}a{font-size:14px;text-transform:uppercase;display:block;color:#0076D2;padding:10px 20px 7px 10px;margin-top:0;height:32px;&:hover{color:#CCC;text-decoration:none;color:#000;}}}}.quicktabs_main{padding:0 10px 10px 10px;.quicktabs-views-group{margin-top:0;padding-top:0;border-top:none;clear:both;overflow:hidden;&+.quicktabs-views-group{border-top:1px solid #DDDDDD;margin-top:10px;padding-top:10px;}.views-field{margin-bottom:2px;&.views-field-field-national-law-languages{.field-content{color:#333;}}.views-label{display:inline-block;margin-right:4px;clear:both;}.field-content{display:inline-block;color:#0076D2;a{text-decoration:none;&:hover{text-decoration:underline;}}}}.views-field-title{margin-bottom:5px;a{font-weight:bold;color:#004D79;text-decoration:none;&:hover{text-decoration:underline;}}}}}}&.view-id-country_profiles_sections{.view-header{p{color:#004D79;font-weight:bold;margin:0;font-size:14px;}}.views-exposed-form{overflow:hidden;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #dddddd;label{display:inline-block;padding-top:4px;}.views-widget{display:inline-block;input{width:76px;height:28px;margin-left:10px;&#edit-title{width:185px;}}select{width:110px;height:28px;padding:3px 5px;}.container-inline-date{background:url(/sites/all/themes/unesco/bunesco_common/bunesco_common/img/calendar-popup.png) no-repeat right 3px #FFF;width:110px;}}.views-widget-filter-title{width:30%;float:left;}.views-exposed-widget{width:auto;float:left;}}.view-content{table{margin-bottom:5px;th,td{vertical-align:top;border:1px solid #DDD;padding:10px;p{margin:0;font-style:italic;font-size:10px;}}.views-field-title{width:60%;}.views-field-field-dataset-date,.views-field-field-dataset-type-deposit{width:18% !important;}}}}&.view-country-profiles-sections.view-display-id-page_3,&.view-country-profiles-sections.view-display-id-page_2{.views-row{border-bottom:1px solid #7a7a7a;margin-bottom:10px;padding-bottom:10px;&.views-row-last{border-bottom:0;}.field-name-post-date{color:#0077e1;}.field-name-title{h2{border-bottom:0;a{color:#004d79;}}}}}&.view-country-profiles-sections.view-display-id-page_4{.views-exposed-widgets{#edit-field-dataset-sector-project-tid{width:175px;}.views-widget-filter-field_dataset_date_value{clear:both;}}.view-content{.views-row{border-bottom:1px solid #7a7a7a;margin-bottom:10px;padding-bottom:10px;overflow:hidden;&.views-row-last{border-bottom:0;}.views-label{display:inline-block;margin-right:4px;clear:both;}.field-content{float:left;}.views-field-title{color:#004d79;margin-bottom:5px;overflow:hidden;}.views-field-field-dataset-status-project,.views-field-field-dataset-sector-project{.field-content{color:#0077d4;}}.views-field-field-dataset-body{padding-top:5px;clear:both;}}}}&.view-country-profiles-sections.view-display-id-page_5{.views-exposed-widgets{#edit-field-dataset-document-author-tid{width:175px;}}.view-content{.views-row{border-bottom:1px solid #7a7a7a;margin-bottom:10px;padding-bottom:10px;overflow:hidden;&.views-row-last{border-bottom:0;}.views-label{display:inline-block;margin-right:4px;clear:both;}.field-content{float:left;}.views-field-field-dataset-image{float:left;width:100px;margin-right:10px;margin-bottom:10px;}.views-field{float:left;}.views-field-title{margin-bottom:5px;overflow:hidden;width:580px;a{color:#004d79;}}.views-field-field-dataset-date,.views-field-field-dataset-body{width:580px;}}}}&.view-country-profile-videos,&.view-country-profile-photogalleries{table{tr{&.row-last{td{border-bottom:0;}}td{width:49.5%;margin-right:1%;overflow:hidden;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #7a7a7a;display:block;float:left;&.col-2{margin-right:0;}.views-field-name{font-weight:bold;color:#004d79;padding-bottom:5px;}}}}}}}}}}.view-country-profile-interactive-map{.view-filters{.views-exposed-widget{width:100%;padding:10px 0 0;.form-control{border:none;border-radius:0;margin:0;padding:0;.box-shadow(none);.form-type-bef-checkbox{display:inline-block;width:auto;margin-right:10px;}input{display:block;float:left;margin-right:5px;width:12px;height:18px;margin-top:8px;}label{margin-top:7px;display:block;float:left;font-weight:normal;}}}}.view-footer{ul{padding:0;margin-top:5px;li{margin:0;padding:0;display:inline-block;margin-right:10px;span{width:14px;height:14px;border:1px solid #000;display:block;float:left;margin-right:5px;&.color-biosphere-reserve{background:#ab3838;}&.color-geoparks{background:#4c236e;}&.color-memory-world{background:#38a93d;}&.color-world-heritage{background:#2880ca;}&.color-capital{background:#b7a32a;}}small{display:inline-block;}}}}}body.country-profile-section-statistics{.title-content{border-bottom:1px solid@brand-primary;color:@brand-primary;font:bold 13px Arial,Helvetica,"Nimbus Sans L",sans-serif;padding-bottom:10px;text-transform:uppercase;}.title-content-main{padding:20px;text-align:left;border-bottom:0;display:block;background:#FFF;border-radius:5px;.box-shadow(0 2px 2px 0 #bbb);margin:0 0 10px 0;font-size:29px;}.col-sm-9{.white-well{.region{#block-system-main{.field-collection-view{padding:1%;.white-well();width:49%;float:right;p{display:none;}&:nth-child(even){float:left;clear:both;}.field-name-field-country-indicators-title{margin-bottom:10px;.title-content();.field-item{font-weight:bold;}}}}}}}}#block-views-field-offices-regions-block,.unesco-list-regions{.view-content{a{font-size:12px;}}}body.node-type-field-office{.field-offices-news{.white-well();h2{margin-top:10px;}.views-row{border-bottom:1px solid #ddd;&.views-row-last{border-bottom:none;}}.field-name-field-image{float:left;width:220px;margin-right:10px;}}.block-banners-fo{padding:0;border:0;box-shadow:none;background:none;.views-row{.white-well();margin-bottom:10px;}}.block-essential-reading{.views-row{border-bottom:1px solid #DDD;clear:both;overflow:hidden;margin-bottom:10px;&.views-row-last{border-bottom:none;margin-bottom:0;}.views-field-field-office-reading-image{float:left;width:100px;margin-right:5px;margin-bottom:10px;}}}}.node-type-country-profile,.page-countries{.title-content{border-bottom:1px solid@brand-primary;color:@brand-primary;font:bold 13px Arial,Helvetica,"Nimbus Sans L",sans-serif;padding-bottom:10px;text-transform:uppercase;}.title-content-main{padding:20px;text-align:left;border-bottom:0;display:block;background:#FFF;border-radius:5px;.box-shadow(0 2px 2px 0 #bbb);margin:0 0 10px 0;font-size:29px;}.view-field-offices-index{background:none repeat scroll 0 0 white;border-radius:5px;box-shadow:0 2px 2px 0 #bbb;margin-bottom:16px;padding:10px;position:relative;}.views-label-field-permanent-delegation,.views-label-field-national-commission{color:#0076d2;font-weight:bold;text-transform:uppercase;}.views-label-field-country-field-offices,.views-label-field-country-permanent-delegation,.views-label-field-country-national-commission{border-bottom:1px solid #0075d1;color:#0075d1;display:block;margin-bottom:10px;padding-bottom:10px;padding-left:20px;padding-top:3px;text-transform:uppercase;}.views-label-field-country-field-offices{background:url("/sites/all/themes/bunesco_common/bunesco_common/img/field-offices-home.png") no-repeat scroll 0 0 #fff;}.views-label-field-country-permanent-delegation{background:url("/sites/all/themes/bunesco_common/bunesco_common/img/permanent-delegation-icon.png") no-repeat scroll 0 0 #fff;}.views-label-field-country-national-commission{background:url("/sites/all/themes/bunesco_common/bunesco_common/img/national-comission-icon.png") no-repeat scroll 0 0 #fff;}.views-widget-filter-field_date_d_m_y_value{background:url("/sites/all/themes/bunesco_common/bunesco_common/img/calendar-popup.png") no-repeat right 3px #FFF}.view-country-official-information{margin-top:20px;}} // Bootstrap library.// Core variables and mixins// stylelint-disable value-keyword-case // // 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:darken(#428bca,6.5%);// #337ab7@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%);//** Link hover decoration.@link-hover-decoration:underline;//== 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 * .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 * .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.3333333;// extra decimals for Win 8.1 Chrome@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 indicate 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;// Allows for customizing button radius independently from global border radius@btn-border-radius-base:@border-radius-base;@btn-border-radius-large:@border-radius-large;@btn-border-radius-small:@border-radius-small;//== 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;// TODO:Rename `@input-border-radius` to `@input-border-radius-base` in v4 //** Default `.form-control` border radius // This has no effect on ``s in CSS.@input-border-radius:@border-radius-base;//** Large `.form-control` border radius@input-border-radius-large:@border-radius-large;//** Small `.form-control` border radius@input-border-radius-small:@border-radius-small;//** Border color for inputs on focus@input-border-focus:#66afe9;//** Placeholder text color@input-color-placeholder:#999;//** 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);//** `.form-group` margin@form-group-margin-bottom:15px;@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;//** Disabled cursor for form controls and buttons.@cursor-disabled:not-allowed;//== 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:lighten(@gray-light,15%);@navbar-inverse-bg:#222;@navbar-inverse-border:darken(@navbar-inverse-bg,10%);// Inverted navbar links@navbar-inverse-link-color:lighten(@gray-light,15%);@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;//== 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));@jumbotron-heading-font-size:ceil((@font-size-base * 4.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:@popover-bg;//** 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;//** Variable for setting rounded corners on progress bar.@progress-border-radius:@border-radius-base;//** 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 // //## //** Horizontal offset for forms and lists.@component-offset-horizontal:180px;//** 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;//** Width of horizontal description list titles@dl-horizontal-offset:@component-offset-horizontal;//** Point at which .dl-horizontal becomes horizontal@dl-horizontal-breakpoint:@grid-float-breakpoint;//** Horizontal line color.@hr-border:@gray-lighter; // Mixins // -------------------------------------------------- // Utilities// stylelint-disable font-family-name-quotes,font-family-no-missing-generic-family-keyword // CSS image replacement // // Heads up! v3 launched with only `.hide-text()`,but per our pattern for // mixins being reused as classes with the same name,this doesn't hold up. As // of v3.0.1 we have added `.text-hide()` and deprecated `.hide-text()`. // // Source:https://github.com/h5bp/html5-boilerplate/commit/aa0396eae757 // Deprecated as of v3.0.1 (has been removed in v4) .hide-text(){font:~"0/0" a;color:transparent;text-shadow:none;background-color:transparent;border:0;}// New mixin to use as of v3.0.1 .text-hide(){.hide-text();} // Opacity .opacity(@opacity){@opacity-ie:(@opacity * 100);// IE8 filter filter:~"alpha(opacity=@{opacity-ie})";opacity:@opacity;} // stylelint-disable media-feature-name-no-vendor-prefix,media-feature-parentheses-space-inside,media-feature-name-no-unknown,indentation,at-rule-name-space-after // Responsive image // // Keep images from scaling beyond the width of their parents. .img-responsive(@display:block){display:@display;max-width:100%;// Part 1:Set a maximum relative to the parent height:auto;// Part 2:Scale the height according to the width,otherwise you get stretching}// Retina image // // Short retina mixin for setting background-image and -size. Note that the // spelling of `min--moz-device-pixel-ratio` is intentional. .img-retina(@file-1x;@file-2x;@width-1x;@height-1x){background-image:url(/sites/all/themes/unesco/bunesco_common/bunesco_common/bootstrap/less/mixins/@{file-1x});@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2/1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx){background-image:url(/sites/all/themes/unesco/bunesco_common/bunesco_common/bootstrap/less/mixins/@{file-2x});background-size:@width-1x@height-1x;}} // Labels .label-variant(@color){background-color:@color;&[href]{&:hover,&:focus{background-color:darken(@color,10%);}}} // Reset filters for IE // // When you need to remove a gradient background,do not forget to use this to reset // the IE filter for IE9 and below. .reset-filter(){filter:e(%("progid:DXImageTransform.Microsoft.gradient(enabled = false)"));} // Resize anything .resizable(@direction){overflow:auto;// Per CSS3 UI,`resize` only applies when `overflow` isn't `visible` resize:@direction;// Options:horizontal,vertical,both} // stylelint-disable declaration-no-important .responsive-visibility(){display:block !important;table&{display:table !important;}tr&{display:table-row !important;}th&,td&{display:table-cell !important;}}.responsive-invisibility(){display:none !important;} // Sizing shortcuts .size(@width;@height){width:@width;height:@height;}.square(@size){.size(@size;@size);} // WebKit-style focus .tab-focus(){// WebKit-specific. Other browsers will keep their default outline style. // (Initially tried to also force default via `outline:initial`,// but that seems to erroneously remove the outline in Firefox altogether.) outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;} .reset-text(){font-family:@font-family-base;// We deliberately do NOT reset font-size. font-style:normal;font-weight:400;line-height:@line-height-base;line-break:auto;text-align:left;// Fallback for where `start` is not supported text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;word-wrap:normal;white-space:normal;} // Typography .text-emphasis-variant(@color){color:@color;a&:hover,a&:focus{color:darken(@color,10%);}} // Text overflow // Requires inline-block or block for proper styling .text-overflow(){overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} // stylelint-disable indentation,property-no-vendor-prefix,selector-no-vendor-prefix // Vendor Prefixes // // All vendor mixins are deprecated as of v3.2.0 due to the introduction of // Autoprefixer in our Gruntfile. They have been removed in v4. // - Animations // - Backface visibility // - Box shadow // - Box sizing // - Content columns // - Hyphens // - Placeholder text // - Transformations // - Transitions // - User Select // Animations .animation(@animation){-webkit-animation:@animation;-o-animation:@animation;animation:@animation;}.animation-name(@name){-webkit-animation-name:@name;animation-name:@name;}.animation-duration(@duration){-webkit-animation-duration:@duration;animation-duration:@duration;}.animation-timing-function(@timing-function){-webkit-animation-timing-function:@timing-function;animation-timing-function:@timing-function;}.animation-delay(@delay){-webkit-animation-delay:@delay;animation-delay:@delay;}.animation-iteration-count(@iteration-count){-webkit-animation-iteration-count:@iteration-count;animation-iteration-count:@iteration-count;}.animation-direction(@direction){-webkit-animation-direction:@direction;animation-direction:@direction;}.animation-fill-mode(@fill-mode){-webkit-animation-fill-mode:@fill-mode;animation-fill-mode:@fill-mode;}// Backface visibility // Prevent browsers from flickering when using CSS 3D transforms. // Default value is `visible`,but can be changed to `hidden` .backface-visibility(@visibility){-webkit-backface-visibility:@visibility;-moz-backface-visibility:@visibility;backface-visibility:@visibility;}// Drop shadows // // Note:Deprecated `.box-shadow()` as of v3.1.0 since all of Bootstrap's // supported browsers that have box shadow capabilities now support it. .box-shadow(@shadow){-webkit-box-shadow:@shadow;// iOS <4.3 & Android <4.1 box-shadow:@shadow;}// Box sizing .box-sizing(@boxmodel){-webkit-box-sizing:@boxmodel;-moz-box-sizing:@boxmodel;box-sizing:@boxmodel;}// CSS3 Content Columns .content-columns(@column-count;@column-gap:@grid-gutter-width){-webkit-column-count:@column-count;-moz-column-count:@column-count;column-count:@column-count;-webkit-column-gap:@column-gap;-moz-column-gap:@column-gap;column-gap:@column-gap;}// Optional hyphenation .hyphens(@mode:auto){-webkit-hyphens:@mode;-moz-hyphens:@mode;-ms-hyphens:@mode;// IE10+ -o-hyphens:@mode;hyphens:@mode;word-wrap:break-word;}// Placeholder text .placeholder(@color:@input-color-placeholder){// Firefox &::-moz-placeholder{color:@color;opacity:1;// Override Firefox's unusual default opacity;see https://github.com/twbs/bootstrap/pull/11526}&:-ms-input-placeholder{color:@color;}// Internet Explorer 10+ &::-webkit-input-placeholder{color:@color;}// Safari and Chrome}// Transformations .scale(@ratio){-webkit-transform:scale(@ratio);-ms-transform:scale(@ratio);// IE9 only -o-transform:scale(@ratio);transform:scale(@ratio);}.scale(@ratioX;@ratioY){-webkit-transform:scale(@ratioX,@ratioY);-ms-transform:scale(@ratioX,@ratioY);// IE9 only -o-transform:scale(@ratioX,@ratioY);transform:scale(@ratioX,@ratioY);}.scaleX(@ratio){-webkit-transform:scaleX(@ratio);-ms-transform:scaleX(@ratio);// IE9 only -o-transform:scaleX(@ratio);transform:scaleX(@ratio);}.scaleY(@ratio){-webkit-transform:scaleY(@ratio);-ms-transform:scaleY(@ratio);// IE9 only -o-transform:scaleY(@ratio);transform:scaleY(@ratio);}.skew(@x;@y){-webkit-transform:skewX(@x) skewY(@y);-ms-transform:skewX(@x) skewY(@y);// See https://github.com/twbs/bootstrap/issues/4885;IE9+ -o-transform:skewX(@x) skewY(@y);transform:skewX(@x) skewY(@y);}.translate(@x;@y){-webkit-transform:translate(@x,@y);-ms-transform:translate(@x,@y);// IE9 only -o-transform:translate(@x,@y);transform:translate(@x,@y);}.translate3d(@x;@y;@z){-webkit-transform:translate3d(@x,@y,@z);transform:translate3d(@x,@y,@z);}.rotate(@degrees){-webkit-transform:rotate(@degrees);-ms-transform:rotate(@degrees);// IE9 only -o-transform:rotate(@degrees);transform:rotate(@degrees);}.rotateX(@degrees){-webkit-transform:rotateX(@degrees);-ms-transform:rotateX(@degrees);// IE9 only -o-transform:rotateX(@degrees);transform:rotateX(@degrees);}.rotateY(@degrees){-webkit-transform:rotateY(@degrees);-ms-transform:rotateY(@degrees);// IE9 only -o-transform:rotateY(@degrees);transform:rotateY(@degrees);}.perspective(@perspective){-webkit-perspective:@perspective;-moz-perspective:@perspective;perspective:@perspective;}.perspective-origin(@perspective){-webkit-perspective-origin:@perspective;-moz-perspective-origin:@perspective;perspective-origin:@perspective;}.transform-origin(@origin){-webkit-transform-origin:@origin;-moz-transform-origin:@origin;-ms-transform-origin:@origin;// IE9 only transform-origin:@origin;}// Transitions .transition(@transition){-webkit-transition:@transition;-o-transition:@transition;transition:@transition;}.transition-property(@transition-property){-webkit-transition-property:@transition-property;transition-property:@transition-property;}.transition-delay(@transition-delay){-webkit-transition-delay:@transition-delay;transition-delay:@transition-delay;}.transition-duration(@transition-duration){-webkit-transition-duration:@transition-duration;transition-duration:@transition-duration;}.transition-timing-function(@timing-function){-webkit-transition-timing-function:@timing-function;transition-timing-function:@timing-function;}.transition-transform(@transition){-webkit-transition:-webkit-transform@transition;-moz-transition:-moz-transform@transition;-o-transition:-o-transform@transition;transition:transform@transition;}// User select // For selecting text on the page .user-select(@select){-webkit-user-select:@select;-moz-user-select:@select;-ms-user-select:@select;// IE10+ user-select:@select;} // Components// Alerts .alert-variant(@background;@border;@text-color){color:@text-color;background-color:@background;border-color:@border;hr{border-top-color:darken(@border,5%);}.alert-link{color:darken(@text-color,10%);}} // Button variants // // Easily pump out default styles,as well as :hover,:focus,:active,// and disabled options for all buttons .button-variant(@color;@background;@border){color:@color;background-color:@background;border-color:@border;&:focus,&.focus{color:@color;background-color:darken(@background,10%);border-color:darken(@border,25%);}&:hover{color:@color;background-color:darken(@background,10%);border-color:darken(@border,12%);}&:active,&.active,.open > .dropdown-toggle&{color:@color;background-color:darken(@background,10%);background-image:none;border-color:darken(@border,12%);&:hover,&:focus,&.focus{color:@color;background-color:darken(@background,17%);border-color:darken(@border,25%);}}&.disabled,&[disabled],fieldset[disabled] &{&:hover,&:focus,&.focus{background-color:@background;border-color:@border;}}.badge{color:@background;background-color:@color;}}// Button sizes .button-size(@padding-vertical;@padding-horizontal;@font-size;@line-height;@border-radius){padding:@padding-vertical@padding-horizontal;font-size:@font-size;line-height:@line-height;border-radius:@border-radius;} // Panels .panel-variant(@border;@heading-text-color;@heading-bg-color;@heading-border){border-color:@border;& > .panel-heading{color:@heading-text-color;background-color:@heading-bg-color;border-color:@heading-border;+ .panel-collapse > .panel-body{border-top-color:@border;}.badge{color:@heading-bg-color;background-color:@heading-text-color;}}& > .panel-footer{+ .panel-collapse > .panel-body{border-bottom-color:@border;}}} // Pagination .pagination-size(@padding-vertical;@padding-horizontal;@font-size;@line-height;@border-radius){> li{> a,> span{padding:@padding-vertical@padding-horizontal;font-size:@font-size;line-height:@line-height;}&:first-child{> a,> span{.border-left-radius(@border-radius);}}&:last-child{> a,> span{.border-right-radius(@border-radius);}}}} // List Groups .list-group-item-variant(@state;@background;@color){.list-group-item-@{state}{color:@color;background-color:@background;a&,button&{color:@color;.list-group-item-heading{color:inherit;}&:hover,&:focus{color:@color;background-color:darken(@background,5%);}&.active,&.active:hover,&.active:focus{color:#fff;background-color:@color;border-color:@color;}}}} // Horizontal dividers // // Dividers (basically an hr) within dropdowns and nav lists .nav-divider(@color:#e5e5e5){height:1px;margin:((@line-height-computed / 2) - 1) 0;overflow:hidden;background-color:@color;} // Form validation states // // Used in forms.less to generate the form validation CSS for warnings,errors,// and successes. .form-control-validation(@text-color:#555;@border-color:#ccc;@background-color:#f5f5f5){// Color the label and help text .help-block,.control-label,.radio,.checkbox,.radio-inline,.checkbox-inline,&.radio label,&.checkbox label,&.radio-inline label,&.checkbox-inline label{color:@text-color;}// Set the border and box shadow on specific inputs to match .form-control{border-color:@border-color;.box-shadow(inset 0 1px 1px rgba(0,0,0,.075));// Redeclare so transitions work &:focus{border-color:darken(@border-color,10%);@shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px lighten(@border-color,20%);.box-shadow(@shadow);}}// Set validation states also for addons .input-group-addon{color:@text-color;background-color:@background-color;border-color:@border-color;}// Optional feedback icon .form-control-feedback{color:@text-color;}}// Form control focus state // // Generate a customized focus state and for any input with the specified color,// which defaults to the `@input-border-focus` variable. // // We highly encourage you to not customize the default value,but instead use // this to tweak colors on an as-needed basis. This aesthetic change is based on // WebKit's default styles,but applicable to a wider range of browsers. Its // usability and accessibility should be taken into account with any change. // // Example usage:change the default blue border and shadow to white for better // contrast against a dark gray background. .form-control-focus(@color:@input-border-focus){@color-rgba:rgba(red(@color),green(@color),blue(@color),.6);&:focus{border-color:@color;outline:0;.box-shadow(~"inset 0 1px 1px rgba(0,0,0,.075),0 0 8px@{color-rgba}");}}// Form control sizing // // Relative text size,padding,and border-radii changes for form controls. For // horizontal sizing,wrap controls in the predefined grid classes. `s in some browsers,due to the limited stylability of `s in IE10+. &::-ms-expand{background-color:transparent;border:0;}// Disabled and read-only inputs // // HTML5 says that controls under a fieldset > legend:first-child won't be // disabled if the fieldset is disabled. Due to implementation difficulty,we // don't honor that edge case;we style them as disabled anyway. &[disabled],&[readonly],fieldset[disabled] &{background-color:@input-bg-disabled;opacity:1;// iOS fix for unreadable disabled content;see https://github.com/twbs/bootstrap/issues/11655}&[disabled],fieldset[disabled] &{cursor:@cursor-disabled;}// Reset height for `textarea`s textarea&{height:auto;}}// Special styles for iOS temporal inputs // // In Mobile Safari,setting `display:block` on temporal inputs causes the // text within the input to become vertically misaligned. As a workaround,we // set a pixel line-height that matches the given height of the input,but only // for Safari. See https://bugs.webkit.org/show_bug.cgi?id=139848 // // Note that as of 9.3,iOS doesn't support `week`.@media screen and (-webkit-min-device-pixel-ratio:0){input[type="date"],input[type="time"],input[type="datetime-local"],input[type="month"]{&.form-control{line-height:@input-height-base;}&.input-sm,.input-group-sm &{line-height:@input-height-small;}&.input-lg,.input-group-lg &{line-height:@input-height-large;}}}// Form groups // // Designed to help with the organization and spacing of vertical forms. For // horizontal forms,use the predefined grid classes. .form-group{margin-bottom:@form-group-margin-bottom;}// Checkboxes and radios // // Indent the labels to position radios/checkboxes as hanging controls. .radio,.checkbox{position:relative;display:block;margin-top:10px;margin-bottom:10px;// These are used on elements with descendants &.disabled,fieldset[disabled] &{label{cursor:@cursor-disabled;}}label{min-height:@line-height-computed;// Ensure the input doesn't jump when there is no text padding-left:20px;margin-bottom:0;font-weight:400;cursor:pointer;}}.radio input[type="radio"],.radio-inline input[type="radio"],.checkbox input[type="checkbox"],.checkbox-inline input[type="checkbox"]{position:absolute;margin-top:4px \9;margin-left:-20px;}.radio + .radio,.checkbox + .checkbox{margin-top:-5px;// Move up sibling radios or checkboxes for tighter spacing}// Radios and checkboxes on same line .radio-inline,.checkbox-inline{position:relative;display:inline-block;padding-left:20px;margin-bottom:0;font-weight:400;vertical-align:middle;cursor:pointer;// These are used directly on s &.disabled,fieldset[disabled] &{cursor:@cursor-disabled;}}.radio-inline + .radio-inline,.checkbox-inline + .checkbox-inline{margin-top:0;margin-left:10px;// space out consecutive inline controls}// Static form control text // // Apply class to a `p` element to make any string of text align with labels in // a horizontal form layout. .form-control-static{min-height:(@line-height-computed +@font-size-base);// Size it appropriately next to real form controls padding-top:(@padding-base-vertical + 1);padding-bottom:(@padding-base-vertical + 1);// Remove default margin from `p` margin-bottom:0;&.input-lg,&.input-sm{padding-right:0;padding-left:0;}}// Form control sizing // // Build on `.form-control` with modifier classes to decrease or increase the // height and font-size of form controls. // // The `.form-group-* form-control` variations are sadly duplicated to avoid the // issue documented in https://github.com/twbs/bootstrap/issues/15074. .input-sm{.input-size(@input-height-small;@padding-small-vertical;@padding-small-horizontal;@font-size-small;@line-height-small;@input-border-radius-small);}.form-group-sm{.form-control{height:@input-height-small;padding:@padding-small-vertical@padding-small-horizontal;font-size:@font-size-small;line-height:@line-height-small;border-radius:@input-border-radius-small;}select.form-control{height:@input-height-small;line-height:@input-height-small;}textarea.form-control,select[multiple].form-control{height:auto;}.form-control-static{height:@input-height-small;min-height:(@line-height-computed +@font-size-small);padding:(@padding-small-vertical + 1)@padding-small-horizontal;font-size:@font-size-small;line-height:@line-height-small;}}.input-lg{.input-size(@input-height-large;@padding-large-vertical;@padding-large-horizontal;@font-size-large;@line-height-large;@input-border-radius-large);}.form-group-lg{.form-control{height:@input-height-large;padding:@padding-large-vertical@padding-large-horizontal;font-size:@font-size-large;line-height:@line-height-large;border-radius:@input-border-radius-large;}select.form-control{height:@input-height-large;line-height:@input-height-large;}textarea.form-control,select[multiple].form-control{height:auto;}.form-control-static{height:@input-height-large;min-height:(@line-height-computed +@font-size-large);padding:(@padding-large-vertical + 1)@padding-large-horizontal;font-size:@font-size-large;line-height:@line-height-large;}}// Form control feedback states // // Apply contextual and semantic states to individual form controls. .has-feedback{// Enable absolute positioning position:relative;// Ensure icons don't overlap text .form-control{padding-right:(@input-height-base * 1.25);}}// Feedback icon (requires .glyphicon classes) .form-control-feedback{position:absolute;top:0;right:0;z-index:2;// Ensure icon is above input groups display:block;width:@input-height-base;height:@input-height-base;line-height:@input-height-base;text-align:center;pointer-events:none;}.input-lg + .form-control-feedback,.input-group-lg + .form-control-feedback,.form-group-lg .form-control + .form-control-feedback{width:@input-height-large;height:@input-height-large;line-height:@input-height-large;}.input-sm + .form-control-feedback,.input-group-sm + .form-control-feedback,.form-group-sm .form-control + .form-control-feedback{width:@input-height-small;height:@input-height-small;line-height:@input-height-small;}// Feedback states .has-success{.form-control-validation(@state-success-text;@state-success-text;@state-success-bg);}.has-warning{.form-control-validation(@state-warning-text;@state-warning-text;@state-warning-bg);}.has-error{.form-control-validation(@state-danger-text;@state-danger-text;@state-danger-bg);}// Reposition feedback icon if input has visible label above .has-feedback label{& ~ .form-control-feedback{top:(@line-height-computed + 5);// Height of the `label` and its margin}&.sr-only ~ .form-control-feedback{top:0;}}// Help text // // Apply to any element you wish to create light text for placement immediately // below a form control. Use for general help,formatting,or instructional text. .help-block{display:block;// account for any element using help-block margin-top:5px;margin-bottom:10px;color:lighten(@text-color,25%);// lighten the text some for contrast}// Inline forms // // Make forms appear inline(-block) by adding the `.form-inline` class. Inline // forms begin stacked on extra small (mobile) devices and then go inline when // viewports reach <768px. // // Requires wrapping inputs and labels with `.form-group` for proper display of // default HTML form controls and our custom form controls (e.g.,input groups). // // Heads up! This is mixin-ed into `.navbar-form` in navbars.less. .form-inline{// Kick in the inline@media (min-width:@screen-sm-min){// Inline-block all the things for "inline" .form-group{display:inline-block;margin-bottom:0;vertical-align:middle;}// In navbar-form,allow folks to *not* use `.form-group` .form-control{display:inline-block;width:auto;// Prevent labels from stacking above inputs in `.form-group` vertical-align:middle;}// Make static controls behave like regular ones .form-control-static{display:inline-block;}.input-group{display:inline-table;vertical-align:middle;.input-group-addon,.input-group-btn,.form-control{width:auto;}}// Input groups need that 100% width though .input-group > .form-control{width:100%;}.control-label{margin-bottom:0;vertical-align:middle;}// Remove default margin on radios/checkboxes that were used for stacking,and // then undo the floating of radios and checkboxes to match. .radio,.checkbox{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle;label{padding-left:0;}}.radio input[type="radio"],.checkbox input[type="checkbox"]{position:relative;margin-left:0;}// Re-override the feedback icon. .has-feedback .form-control-feedback{top:0;}}}// Horizontal forms // // Horizontal forms are built on grid classes and allow you to create forms with // labels on the left and inputs on the right. .form-horizontal{// Consistent vertical alignment of radios and checkboxes // // Labels also get some reset styles,but that is scoped to a media query below. .radio,.checkbox,.radio-inline,.checkbox-inline{padding-top:(@padding-base-vertical + 1);// Default padding plus a border margin-top:0;margin-bottom:0;}// Account for padding we're adding to ensure the alignment and of help text // and other content below items .radio,.checkbox{min-height:(@line-height-computed + (@padding-base-vertical + 1));}// Make form groups behave like rows .form-group{.make-row();}// Reset spacing and right align labels,but scope to media queries so that // labels on narrow viewports stack the same as a default form example.@media (min-width:@screen-sm-min){.control-label{padding-top:(@padding-base-vertical + 1);// Default padding plus a border margin-bottom:0;text-align:right;}}// Validation states // // Reposition the icon because it's now within a grid column and columns have // `position:relative;` on them. Also accounts for the grid gutter padding. .has-feedback .form-control-feedback{right:floor((@grid-gutter-width / 2));}// Form group sizes // // Quick utility class for applying `.input-lg` and `.input-sm` styles to the // inputs and labels within a `.form-group`. .form-group-lg{@media (min-width:@screen-sm-min){.control-label{padding-top:(@padding-large-vertical + 1);font-size:@font-size-large;}}}.form-group-sm{@media (min-width:@screen-sm-min){.control-label{padding-top:(@padding-small-vertical + 1);font-size:@font-size-small;}}}} // stylelint-disable selector-no-qualifying-type // // Buttons // -------------------------------------------------- // Base styles // -------------------------------------------------- .btn{display:inline-block;margin-bottom:0;// For input.btn font-weight:@btn-font-weight;text-align:center;white-space:nowrap;vertical-align:middle;touch-action:manipulation;cursor:pointer;background-image:none;// Reset unusual Firefox-on-Android default style;see https://github.com/necolas/normalize.css/issues/214 border:1px solid transparent;.button-size(@padding-base-vertical;@padding-base-horizontal;@font-size-base;@line-height-base;@btn-border-radius-base);.user-select(none);&,&:active,&.active{&:focus,&.focus{.tab-focus();}}&:hover,&:focus,&.focus{color:@btn-default-color;text-decoration:none;}&:active,&.active{background-image:none;outline:0;.box-shadow(inset 0 3px 5px rgba(0,0,0,.125));}&.disabled,&[disabled],fieldset[disabled] &{cursor:@cursor-disabled;.opacity(.65);.box-shadow(none);}a&{&.disabled,fieldset[disabled] &{pointer-events:none;// Future-proof disabling of clicks on `` elements}}}// Alternate buttons // -------------------------------------------------- .btn-default{.button-variant(@btn-default-color;@btn-default-bg;@btn-default-border);}.btn-primary{.button-variant(@btn-primary-color;@btn-primary-bg;@btn-primary-border);}// Success appears as green .btn-success{.button-variant(@btn-success-color;@btn-success-bg;@btn-success-border);}// Info appears as blue-green .btn-info{.button-variant(@btn-info-color;@btn-info-bg;@btn-info-border);}// Warning appears as orange .btn-warning{.button-variant(@btn-warning-color;@btn-warning-bg;@btn-warning-border);}// Danger and error appear as red .btn-danger{.button-variant(@btn-danger-color;@btn-danger-bg;@btn-danger-border);}// Link buttons // ------------------------- // Make a button look and behave like a link .btn-link{font-weight:400;color:@link-color;border-radius:0;&,&:active,&.active,&[disabled],fieldset[disabled] &{background-color:transparent;.box-shadow(none);}&,&:hover,&:focus,&:active{border-color:transparent;}&:hover,&:focus{color:@link-hover-color;text-decoration:@link-hover-decoration;background-color:transparent;}&[disabled],fieldset[disabled] &{&:hover,&:focus{color:@btn-link-disabled-color;text-decoration:none;}}}// Button Sizes // -------------------------------------------------- .btn-lg{// line-height:ensure even-numbered height of button next to large input .button-size(@padding-large-vertical;@padding-large-horizontal;@font-size-large;@line-height-large;@btn-border-radius-large);}.btn-sm{// line-height:ensure proper height of button next to small input .button-size(@padding-small-vertical;@padding-small-horizontal;@font-size-small;@line-height-small;@btn-border-radius-small);}.btn-xs{.button-size(@padding-xs-vertical;@padding-xs-horizontal;@font-size-small;@line-height-small;@btn-border-radius-small);}// Block button // -------------------------------------------------- .btn-block{display:block;width:100%;}// Vertically space out multiple block buttons .btn-block + .btn-block{margin-top:5px;}// Specificity overrides input[type="submit"],input[type="reset"],input[type="button"]{&.btn-block{width:100%;}} // Components// stylelint-disable selector-no-qualifying-type // // Component animations // -------------------------------------------------- // Heads up! // // We don't use the `.opacity()` mixin here since it causes a bug with text // fields in IE7-8. Source:https://github.com/twbs/bootstrap/pull/3552. .fade{opacity:0;.transition(opacity .15s linear);&.in{opacity:1;}}.collapse{display:none;&.in{display:block;}tr&.in{display:table-row;}tbody&.in{display:table-row-group;}}.collapsing{position:relative;height:0;overflow:hidden;.transition-property(~"height,visibility");.transition-duration(.35s);.transition-timing-function(ease);} // // Dropdown menus // -------------------------------------------------- // Dropdown arrow/caret .caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:@caret-width-base dashed;border-top:@caret-width-base solid ~"\9";// IE8 border-right:@caret-width-base solid transparent;border-left:@caret-width-base solid transparent;}// The dropdown wrapper (div) .dropup,.dropdown{position:relative;}// Prevent the focus on the dropdown toggle when closing dropdowns .dropdown-toggle:focus{outline:0;}// The dropdown menu (ul) .dropdown-menu{position:absolute;top:100%;left:0;z-index:@zindex-dropdown;display:none;// none by default,but block on "open" of the menu float:left;min-width:160px;padding:5px 0;margin:2px 0 0;// override default ul font-size:@font-size-base;text-align:left;// Ensures proper alignment if parent has it changed (e.g.,modal footer) list-style:none;background-color:@dropdown-bg;background-clip:padding-box;border:1px solid@dropdown-fallback-border;// IE8 fallback border:1px solid@dropdown-border;border-radius:@border-radius-base;.box-shadow(0 6px 12px rgba(0,0,0,.175));// Aligns the dropdown menu to right // // Deprecated as of 3.1.0 in favor of `.dropdown-menu-[dir]` &.pull-right{right:0;left:auto;}// Dividers (basically an hr) within the dropdown .divider{.nav-divider(@dropdown-divider-bg);}// Links within the dropdown menu > li > a{display:block;padding:3px 20px;clear:both;font-weight:400;line-height:@line-height-base;color:@dropdown-link-color;white-space:nowrap;// prevent links from randomly breaking onto new lines &:hover,&:focus{color:@dropdown-link-hover-color;text-decoration:none;background-color:@dropdown-link-hover-bg;}}}// Active state .dropdown-menu > .active > a{&,&:hover,&:focus{color:@dropdown-link-active-color;text-decoration:none;background-color:@dropdown-link-active-bg;outline:0;}}// Disabled state // // Gray out text and ensure the hover/focus state remains gray .dropdown-menu > .disabled > a{&,&:hover,&:focus{color:@dropdown-link-disabled-color;}// Nuke hover/focus effects &:hover,&:focus{text-decoration:none;cursor:@cursor-disabled;background-color:transparent;background-image:none;// Remove CSS gradient .reset-filter();}}// Open state for the dropdown .open{// Show the menu > .dropdown-menu{display:block;}// Remove the outline when :focus is triggered > a{outline:0;}}// Menu positioning // // Add extra class to `.dropdown-menu` to flip the alignment of the dropdown // menu with the parent. .dropdown-menu-right{right:0;left:auto;// Reset the default from `.dropdown-menu`}// With v3,we enabled auto-flipping if you have a dropdown within a right // aligned nav component. To enable the undoing of that,we provide an override // to restore the default dropdown menu alignment. // // This is only for left-aligning a dropdown menu within a `.navbar-right` or // `.pull-right` nav component. .dropdown-menu-left{right:auto;left:0;}// Dropdown section headers .dropdown-header{display:block;padding:3px 20px;font-size:@font-size-small;line-height:@line-height-base;color:@dropdown-header-color;white-space:nowrap;// as with > li > a}// Backdrop to catch body clicks on mobile,etc. .dropdown-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:(@zindex-dropdown - 10);}// Right aligned dropdowns .pull-right > .dropdown-menu{right:0;left:auto;}// Allow for dropdowns to go bottom up (aka,dropup-menu) // // Just add .dropup after the standard .dropdown class and you're set,bro. // TODO:abstract this so that the navbar fixed styles are not placed here? .dropup,.navbar-fixed-bottom .dropdown{// Reverse the caret .caret{content:"";border-top:0;border-bottom:@caret-width-base dashed;border-bottom:@caret-width-base solid ~"\9";// IE8}// Different positioning for bottom up menu .dropdown-menu{top:auto;bottom:100%;margin-bottom:2px;}}// Component alignment // // Reiterate per navbar.less and the modified component alignment there.@media (min-width:@grid-float-breakpoint){.navbar-right{.dropdown-menu{.dropdown-menu-right();}// Necessary for overrides of the default right aligned menu. // Will remove come v4 in all likelihood. .dropdown-menu-left{.dropdown-menu-left();}}} // stylelint-disable selector-no-qualifying-type */ // // Button groups // -------------------------------------------------- // Make the div behave like a button .btn-group,.btn-group-vertical{position:relative;display:inline-block;vertical-align:middle;// match .btn alignment given font-size hack above > .btn{position:relative;float:left;// Bring the "active" button to the front &:hover,&:focus,&:active,&.active{z-index:2;}}}// Prevent double borders when buttons are next to each other .btn-group{.btn + .btn,.btn + .btn-group,.btn-group + .btn,.btn-group + .btn-group{margin-left:-1px;}}// Optional:Group multiple button groups together for a toolbar .btn-toolbar{margin-left:-5px;// Offset the first child's margin &:extend(.clearfix all);.btn,.btn-group,.input-group{float:left;}> .btn,> .btn-group,> .input-group{margin-left:5px;}}.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle){border-radius:0;}// Set corners individual because sometimes a single button can be in a .btn-group and we need :first-child and :last-child to both match .btn-group > .btn:first-child{margin-left:0;&:not(:last-child):not(.dropdown-toggle){.border-right-radius(0);}}// Need .dropdown-toggle since :last-child doesn't apply,given that a .dropdown-menu is used immediately after it .btn-group > .btn:last-child:not(:first-child),.btn-group > .dropdown-toggle:not(:first-child){.border-left-radius(0);}// Custom edits for including btn-groups within btn-groups (useful for including dropdown buttons within a btn-group) .btn-group > .btn-group{float:left;}.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn{border-radius:0;}.btn-group > .btn-group:first-child:not(:last-child){> .btn:last-child,> .dropdown-toggle{.border-right-radius(0);}}.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child{.border-left-radius(0);}// On active and open,don't show outline .btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle{outline:0;}// Sizing // // Remix the default button sizing classes into new ones for easier manipulation. .btn-group-xs > .btn{&:extend(.btn-xs);}.btn-group-sm > .btn{&:extend(.btn-sm);}.btn-group-lg > .btn{&:extend(.btn-lg);}// Split button dropdowns // ---------------------- // Give the line between buttons some depth .btn-group > .btn + .dropdown-toggle{padding-right:8px;padding-left:8px;}.btn-group > .btn-lg + .dropdown-toggle{padding-right:12px;padding-left:12px;}// The clickable button for toggling the menu // Remove the gradient and set the same inset shadow as the :active state .btn-group.open .dropdown-toggle{.box-shadow(inset 0 3px 5px rgba(0,0,0,.125));// Show no shadow for `.btn-link` since it has no other button styles. &.btn-link{.box-shadow(none);}}// Reposition the caret .btn .caret{margin-left:0;}// Carets in other button sizes .btn-lg .caret{border-width:@caret-width-large@caret-width-large 0;border-bottom-width:0;}// Upside down carets for .dropup .dropup .btn-lg .caret{border-width:0@caret-width-large@caret-width-large;}// Vertical button groups // ---------------------- .btn-group-vertical{> .btn,> .btn-group,> .btn-group > .btn{display:block;float:none;width:100%;max-width:100%;}// Clear floats so dropdown menus can be properly placed > .btn-group{&:extend(.clearfix all);> .btn{float:none;}}> .btn + .btn,> .btn + .btn-group,> .btn-group + .btn,> .btn-group + .btn-group{margin-top:-1px;margin-left:0;}}.btn-group-vertical > .btn{&:not(:first-child):not(:last-child){border-radius:0;}&:first-child:not(:last-child){.border-top-radius(@btn-border-radius-base);.border-bottom-radius(0);}&:last-child:not(:first-child){.border-top-radius(0);.border-bottom-radius(@btn-border-radius-base);}}.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn{border-radius:0;}.btn-group-vertical > .btn-group:first-child:not(:last-child){> .btn:last-child,> .dropdown-toggle{.border-bottom-radius(0);}}.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child{.border-top-radius(0);}// Justified button groups // ---------------------- .btn-group-justified{display:table;width:100%;table-layout:fixed;border-collapse:separate;> .btn,> .btn-group{display:table-cell;float:none;width:1%;}> .btn-group .btn{width:100%;}> .btn-group .dropdown-menu{left:auto;}}// Checkbox and radio options // // In order to support the browser's form validation feedback,powered by the // `required` attribute,we have to "hide" the inputs via `clip`. We cannot use // `display:none;` or `visibility:hidden;` as that also hides the popover. // Simply visually hiding the inputs via `opacity` would leave them clickable in // certain cases which is prevented by using `clip` and `pointer-events`. // This way,we ensure a DOM element is visible to position the popover from. // // See https://github.com/twbs/bootstrap/pull/12794 and // https://github.com/twbs/bootstrap/pull/14559 for more information. [data-toggle="buttons"]{> .btn,> .btn-group > .btn{input[type="radio"],input[type="checkbox"]{position:absolute;clip:rect(0,0,0,0);pointer-events:none;}}} // stylelint-disable selector-no-qualifying-type // // Input groups // -------------------------------------------------- // Base styles // ------------------------- .input-group{position:relative;// For dropdowns display:table;border-collapse:separate;// prevent input groups from inheriting border styles from table cells when placed within a table // Undo padding and float of grid classes &[class*="col-"]{float:none;padding-right:0;padding-left:0;}.form-control{// Ensure that the input is always above the *appended* addon button for // proper border colors. position:relative;z-index:2;// IE9 fubars the placeholder attribute in text inputs and the arrows on // select elements in input groups. To fix it,we float the input. Details:// https://github.com/twbs/bootstrap/issues/11561#issuecomment-28936855 float:left;width:100%;margin-bottom:0;&:focus{z-index:3;}}}// Sizing options // // Remix the default form control sizing classes into new ones for easier // manipulation. .input-group-lg > .form-control,.input-group-lg > .input-group-addon,.input-group-lg > .input-group-btn > .btn{.input-lg();}.input-group-sm > .form-control,.input-group-sm > .input-group-addon,.input-group-sm > .input-group-btn > .btn{.input-sm();}// Display as table-cell // ------------------------- .input-group-addon,.input-group-btn,.input-group .form-control{display:table-cell;&:not(:first-child):not(:last-child){border-radius:0;}}// Addon and addon wrapper for buttons .input-group-addon,.input-group-btn{width:1%;white-space:nowrap;vertical-align:middle;// Match the inputs}// Text input groups // ------------------------- .input-group-addon{padding:@padding-base-vertical@padding-base-horizontal;font-size:@font-size-base;font-weight:400;line-height:1;color:@input-color;text-align:center;background-color:@input-group-addon-bg;border:1px solid@input-group-addon-border-color;border-radius:@input-border-radius;// Sizing &.input-sm{padding:@padding-small-vertical@padding-small-horizontal;font-size:@font-size-small;border-radius:@input-border-radius-small;}&.input-lg{padding:@padding-large-vertical@padding-large-horizontal;font-size:@font-size-large;border-radius:@input-border-radius-large;}// Nuke default margins from checkboxes and radios to vertically center within. input[type="radio"],input[type="checkbox"]{margin-top:0;}}// Reset rounded corners .input-group .form-control:first-child,.input-group-addon:first-child,.input-group-btn:first-child > .btn,.input-group-btn:first-child > .btn-group > .btn,.input-group-btn:first-child > .dropdown-toggle,.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),.input-group-btn:last-child > .btn-group:not(:last-child) > .btn{.border-right-radius(0);}.input-group-addon:first-child{border-right:0;}.input-group .form-control:last-child,.input-group-addon:last-child,.input-group-btn:last-child > .btn,.input-group-btn:last-child > .btn-group > .btn,.input-group-btn:last-child > .dropdown-toggle,.input-group-btn:first-child > .btn:not(:first-child),.input-group-btn:first-child > .btn-group:not(:first-child) > .btn{.border-left-radius(0);}.input-group-addon:last-child{border-left:0;}// Button input groups // ------------------------- .input-group-btn{position:relative;// Jankily prevent input button groups from wrapping with `white-space` and // `font-size` in combination with `inline-block` on buttons. font-size:0;white-space:nowrap;// Negative margin for spacing,position for bringing hovered/focused/actived // element above the siblings. > .btn{position:relative;+ .btn{margin-left:-1px;}// Bring the "active" button to the front &:hover,&:focus,&:active{z-index:2;}}// Negative margin to only have a 1px border between the two &:first-child{> .btn,> .btn-group{margin-right:-1px;}}&:last-child{> .btn,> .btn-group{z-index:2;margin-left:-1px;}}} // stylelint-disable selector-no-qualifying-type,selector-max-type // // Navs // -------------------------------------------------- // Base class // -------------------------------------------------- .nav{padding-left:0;// Override default ul/ol margin-bottom:0;list-style:none;&:extend(.clearfix all);> li{position:relative;display:block;> a{position:relative;display:block;padding:@nav-link-padding;&:hover,&:focus{text-decoration:none;background-color:@nav-link-hover-bg;}}// Disabled state sets text to gray and nukes hover/tab effects &.disabled > a{color:@nav-disabled-link-color;&:hover,&:focus{color:@nav-disabled-link-hover-color;text-decoration:none;cursor:@cursor-disabled;background-color:transparent;}}}// Open dropdowns .open > a{&,&:hover,&:focus{background-color:@nav-link-hover-bg;border-color:@link-color;}}// Nav dividers (deprecated with v3.0.1) // // This should have been removed in v3 with the dropping of `.nav-list`,but // we missed it. We don't currently support this anywhere,but in the interest // of maintaining backward compatibility in case you use it,it's deprecated. .nav-divider{.nav-divider();}// Prevent IE8 from misplacing imgs // // See https://github.com/h5bp/html5-boilerplate/issues/984#issuecomment-3985989 > li > a > img{max-width:none;}}// Tabs // ------------------------- // Give the tabs something to sit on .nav-tabs{border-bottom:1px solid@nav-tabs-border-color;> li{float:left;// Make the list-items overlay the bottom border margin-bottom:-1px;// Actual tabs (as links) > a{margin-right:2px;line-height:@line-height-base;border:1px solid transparent;border-radius:@border-radius-base@border-radius-base 0 0;&:hover{border-color:@nav-tabs-link-hover-border-color@nav-tabs-link-hover-border-color@nav-tabs-border-color;}}// Active state,and its :hover to override normal :hover &.active > a{&,&:hover,&:focus{color:@nav-tabs-active-link-hover-color;cursor:default;background-color:@nav-tabs-active-link-hover-bg;border:1px solid@nav-tabs-active-link-hover-border-color;border-bottom-color:transparent;}}}// pulling this in mainly for less shorthand &.nav-justified{.nav-justified();.nav-tabs-justified();}}// Pills // ------------------------- .nav-pills{> li{float:left;// Links rendered as pills > a{border-radius:@nav-pills-border-radius;}+ li{margin-left:2px;}// Active state &.active > a{&,&:hover,&:focus{color:@nav-pills-active-link-hover-color;background-color:@nav-pills-active-link-hover-bg;}}}}// Stacked pills .nav-stacked{> li{float:none;+ li{margin-top:2px;margin-left:0;// no need for this gap between nav items}}}// Nav variations // -------------------------------------------------- // Justified nav links // ------------------------- .nav-justified{width:100%;> li{float:none;> a{margin-bottom:5px;text-align:center;}}> .dropdown .dropdown-menu{top:auto;left:auto;}@media (min-width:@screen-sm-min){> li{display:table-cell;width:1%;> a{margin-bottom:0;}}}}// Move borders to anchors instead of bottom of list // // Mixin for adding on top the shared `.nav-justified` styles for our tabs .nav-tabs-justified{border-bottom:0;> li > a{// Override margin from .nav-tabs margin-right:0;border-radius:@border-radius-base;}> .active > a,> .active > a:hover,> .active > a:focus{border:1px solid@nav-tabs-justified-link-border-color;}@media (min-width:@screen-sm-min){> li > a{border-bottom:1px solid@nav-tabs-justified-link-border-color;border-radius:@border-radius-base@border-radius-base 0 0;}> .active > a,> .active > a:hover,> .active > a:focus{border-bottom-color:@nav-tabs-justified-active-link-border-color;}}}// Tabbable tabs // ------------------------- // Hide tabbable panes to start,show them when `.active` .tab-content{> .tab-pane{display:none;}> .active{display:block;}}// Dropdowns // ------------------------- // Specific dropdowns .nav-tabs .dropdown-menu{// make dropdown border overlap tab border margin-top:-1px;// Remove the top rounded corners here since there is a hard edge above the menu .border-top-radius(0);} // stylelint-disable selector-max-type,selector-max-compound-selectors,selector-max-combinators,selector-max-class,declaration-no-important,selector-no-qualifying-type // // Navbars // -------------------------------------------------- // Wrapper and base class // // Provide a static navbar from which we expand to create full-width,fixed,and // other navbar variations. .navbar{position:relative;min-height:@navbar-height;// Ensure a navbar always shows (e.g.,without a .navbar-brand in collapsed mode) margin-bottom:@navbar-margin-bottom;border:1px solid transparent;// Prevent floats from breaking the navbar &:extend(.clearfix all);@media (min-width:@grid-float-breakpoint){border-radius:@navbar-border-radius;}}// Navbar heading // // Groups `.navbar-brand` and `.navbar-toggle` into a single component for easy // styling of responsive aspects. .navbar-header{&:extend(.clearfix all);@media (min-width:@grid-float-breakpoint){float:left;}}// Navbar collapse (body) // // Group your navbar content into this for easy collapsing and expanding across // various device sizes. By default,this content is collapsed when <768px,but // will expand past that for a horizontal display. // // To start (on mobile devices) the navbar links,forms,and buttons are stacked // vertically and include a `max-height` to overflow in case you have too much // content for the user's viewport. .navbar-collapse{padding-right:@navbar-padding-horizontal;padding-left:@navbar-padding-horizontal;overflow-x:visible;border-top:1px solid transparent;box-shadow:inset 0 1px 0 rgba(255,255,255,.1);&:extend(.clearfix all);-webkit-overflow-scrolling:touch;&.in{overflow-y:auto;}@media (min-width:@grid-float-breakpoint){width:auto;border-top:0;box-shadow:none;&.collapse{display:block !important;height:auto !important;padding-bottom:0;// Override default setting overflow:visible !important;}&.in{overflow-y:visible;}// Undo the collapse side padding for navbars with containers to ensure // alignment of right-aligned contents. .navbar-fixed-top &,.navbar-static-top &,.navbar-fixed-bottom &{padding-right:0;padding-left:0;}}}.navbar-fixed-top,.navbar-fixed-bottom{.navbar-collapse{max-height:@navbar-collapse-max-height;@media (max-device-width:@screen-xs-min) and (orientation:landscape){max-height:200px;}}// Fix the top/bottom navbars when screen real estate supports it position:fixed;right:0;left:0;z-index:@zindex-navbar-fixed;// Undo the rounded corners@media (min-width:@grid-float-breakpoint){border-radius:0;}}.navbar-fixed-top{top:0;border-width:0 0 1px;}.navbar-fixed-bottom{bottom:0;margin-bottom:0;// override .navbar defaults border-width:1px 0 0;}// Both navbar header and collapse // // When a container is present,change the behavior of the header and collapse. .container,.container-fluid{> .navbar-header,> .navbar-collapse{margin-right:-@navbar-padding-horizontal;margin-left:-@navbar-padding-horizontal;@media (min-width:@grid-float-breakpoint){margin-right:0;margin-left:0;}}}// // Navbar alignment options // // Display the navbar across the entirety of the page or fixed it to the top or // bottom of the page. // Static top (unfixed,but 100% wide) navbar .navbar-static-top{z-index:@zindex-navbar;border-width:0 0 1px;@media (min-width:@grid-float-breakpoint){border-radius:0;}}// Brand/project name .navbar-brand{float:left;height:@navbar-height;padding:@navbar-padding-vertical@navbar-padding-horizontal;font-size:@font-size-large;line-height:@line-height-computed;&:hover,&:focus{text-decoration:none;}> img{display:block;}@media (min-width:@grid-float-breakpoint){.navbar > .container &,.navbar > .container-fluid &{margin-left:-@navbar-padding-horizontal;}}}// Navbar toggle // // Custom button for toggling the `.navbar-collapse`,powered by the collapse // JavaScript plugin. .navbar-toggle{position:relative;float:right;padding:9px 10px;margin-right:@navbar-padding-horizontal;.navbar-vertical-align(34px);background-color:transparent;background-image:none;// Reset unusual Firefox-on-Android default style;see https://github.com/necolas/normalize.css/issues/214 border:1px solid transparent;border-radius:@border-radius-base;// We remove the `outline` here,but later compensate by attaching `:hover` // styles to `:focus`. &:focus{outline:0;}// Bars .icon-bar{display:block;width:22px;height:2px;border-radius:1px;}.icon-bar + .icon-bar{margin-top:4px;}@media (min-width:@grid-float-breakpoint){display:none;}}// Navbar nav links // // Builds on top of the `.nav` components with its own modifier class to make // the nav the full height of the horizontal nav (above 768px). .navbar-nav{margin:(@navbar-padding-vertical / 2) -@navbar-padding-horizontal;> li > a{padding-top:10px;padding-bottom:10px;line-height:@line-height-computed;}@media (max-width:@grid-float-breakpoint-max){// Dropdowns get custom display when collapsed .open .dropdown-menu{position:static;float:none;width:auto;margin-top:0;background-color:transparent;border:0;box-shadow:none;> li > a,.dropdown-header{padding:5px 15px 5px 25px;}> li > a{line-height:@line-height-computed;&:hover,&:focus{background-image:none;}}}}// Uncollapse the nav@media (min-width:@grid-float-breakpoint){float:left;margin:0;> li{float:left;> a{padding-top:@navbar-padding-vertical;padding-bottom:@navbar-padding-vertical;}}}}// Navbar form // // Extension of the `.form-inline` with some extra flavor for optimum display in // our navbars. .navbar-form{padding:10px@navbar-padding-horizontal;margin-right:-@navbar-padding-horizontal;margin-left:-@navbar-padding-horizontal;border-top:1px solid transparent;border-bottom:1px solid transparent;@shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);.box-shadow(@shadow);// Mixin behavior for optimum display .form-inline();.form-group{@media (max-width:@grid-float-breakpoint-max){margin-bottom:5px;&:last-child{margin-bottom:0;}}}// Vertically center in expanded,horizontal navbar .navbar-vertical-align(@input-height-base);// Undo 100% width for pull classes@media (min-width:@grid-float-breakpoint){width:auto;padding-top:0;padding-bottom:0;margin-right:0;margin-left:0;border:0;.box-shadow(none);}}// Dropdown menus // Menu position and menu carets .navbar-nav > li > .dropdown-menu{margin-top:0;.border-top-radius(0);}// Menu position and menu caret support for dropups via extra dropup class .navbar-fixed-bottom .navbar-nav > li > .dropdown-menu{margin-bottom:0;.border-top-radius(@navbar-border-radius);.border-bottom-radius(0);}// Buttons in navbars // // Vertically center a button within a navbar (when *not* in a form). .navbar-btn{.navbar-vertical-align(@input-height-base);&.btn-sm{.navbar-vertical-align(@input-height-small);}&.btn-xs{.navbar-vertical-align(22);}}// Text in navbars // // Add a class to make any element properly align itself vertically within the navbars. .navbar-text{.navbar-vertical-align(@line-height-computed);@media (min-width:@grid-float-breakpoint){float:left;margin-right:@navbar-padding-horizontal;margin-left:@navbar-padding-horizontal;}}// Component alignment // // Repurpose the pull utilities as their own navbar utilities to avoid specificity // issues with parents and chaining. Only do this when the navbar is uncollapsed // though so that navbar contents properly stack and align in mobile. // // Declared after the navbar components to ensure more specificity on the margins.@media (min-width:@grid-float-breakpoint){.navbar-left{.pull-left();}.navbar-right{.pull-right();margin-right:-@navbar-padding-horizontal;~ .navbar-right{margin-right:0;}}}// Alternate navbars // -------------------------------------------------- // Default navbar .navbar-default{background-color:@navbar-default-bg;border-color:@navbar-default-border;.navbar-brand{color:@navbar-default-brand-color;&:hover,&:focus{color:@navbar-default-brand-hover-color;background-color:@navbar-default-brand-hover-bg;}}.navbar-text{color:@navbar-default-color;}.navbar-nav{> li > a{color:@navbar-default-link-color;&:hover,&:focus{color:@navbar-default-link-hover-color;background-color:@navbar-default-link-hover-bg;}}> .active > a{&,&:hover,&:focus{color:@navbar-default-link-active-color;background-color:@navbar-default-link-active-bg;}}> .disabled > a{&,&:hover,&:focus{color:@navbar-default-link-disabled-color;background-color:@navbar-default-link-disabled-bg;}}// Dropdown menu items // Remove background color from open dropdown > .open > a{&,&:hover,&:focus{color:@navbar-default-link-active-color;background-color:@navbar-default-link-active-bg;}}@media (max-width:@grid-float-breakpoint-max){// Dropdowns get custom display when collapsed .open .dropdown-menu{> li > a{color:@navbar-default-link-color;&:hover,&:focus{color:@navbar-default-link-hover-color;background-color:@navbar-default-link-hover-bg;}}> .active > a{&,&:hover,&:focus{color:@navbar-default-link-active-color;background-color:@navbar-default-link-active-bg;}}> .disabled > a{&,&:hover,&:focus{color:@navbar-default-link-disabled-color;background-color:@navbar-default-link-disabled-bg;}}}}}.navbar-toggle{border-color:@navbar-default-toggle-border-color;&:hover,&:focus{background-color:@navbar-default-toggle-hover-bg;}.icon-bar{background-color:@navbar-default-toggle-icon-bar-bg;}}.navbar-collapse,.navbar-form{border-color:@navbar-default-border;}// Links in navbars // // Add a class to ensure links outside the navbar nav are colored correctly. .navbar-link{color:@navbar-default-link-color;&:hover{color:@navbar-default-link-hover-color;}}.btn-link{color:@navbar-default-link-color;&:hover,&:focus{color:@navbar-default-link-hover-color;}&[disabled],fieldset[disabled] &{&:hover,&:focus{color:@navbar-default-link-disabled-color;}}}}// Inverse navbar .navbar-inverse{background-color:@navbar-inverse-bg;border-color:@navbar-inverse-border;.navbar-brand{color:@navbar-inverse-brand-color;&:hover,&:focus{color:@navbar-inverse-brand-hover-color;background-color:@navbar-inverse-brand-hover-bg;}}.navbar-text{color:@navbar-inverse-color;}.navbar-nav{> li > a{color:@navbar-inverse-link-color;&:hover,&:focus{color:@navbar-inverse-link-hover-color;background-color:@navbar-inverse-link-hover-bg;}}> .active > a{&,&:hover,&:focus{color:@navbar-inverse-link-active-color;background-color:@navbar-inverse-link-active-bg;}}> .disabled > a{&,&:hover,&:focus{color:@navbar-inverse-link-disabled-color;background-color:@navbar-inverse-link-disabled-bg;}}// Dropdowns > .open > a{&,&:hover,&:focus{color:@navbar-inverse-link-active-color;background-color:@navbar-inverse-link-active-bg;}}@media (max-width:@grid-float-breakpoint-max){// Dropdowns get custom display .open .dropdown-menu{> .dropdown-header{border-color:@navbar-inverse-border;}.divider{background-color:@navbar-inverse-border;}> li > a{color:@navbar-inverse-link-color;&:hover,&:focus{color:@navbar-inverse-link-hover-color;background-color:@navbar-inverse-link-hover-bg;}}> .active > a{&,&:hover,&:focus{color:@navbar-inverse-link-active-color;background-color:@navbar-inverse-link-active-bg;}}> .disabled > a{&,&:hover,&:focus{color:@navbar-inverse-link-disabled-color;background-color:@navbar-inverse-link-disabled-bg;}}}}}// Darken the responsive nav toggle .navbar-toggle{border-color:@navbar-inverse-toggle-border-color;&:hover,&:focus{background-color:@navbar-inverse-toggle-hover-bg;}.icon-bar{background-color:@navbar-inverse-toggle-icon-bar-bg;}}.navbar-collapse,.navbar-form{border-color:darken(@navbar-inverse-bg,7%);}.navbar-link{color:@navbar-inverse-link-color;&:hover{color:@navbar-inverse-link-hover-color;}}.btn-link{color:@navbar-inverse-link-color;&:hover,&:focus{color:@navbar-inverse-link-hover-color;}&[disabled],fieldset[disabled] &{&:hover,&:focus{color:@navbar-inverse-link-disabled-color;}}}} // // Breadcrumbs // -------------------------------------------------- .breadcrumb{padding:@breadcrumb-padding-vertical@breadcrumb-padding-horizontal;margin-bottom:@line-height-computed;list-style:none;background-color:@breadcrumb-bg;border-radius:@border-radius-base;> li{display:inline-block;+ li:before{padding:0 5px;color:@breadcrumb-color;content:"@{breadcrumb-separator}\00a0";// Unicode space added since inline-block means non-collapsing white-space}}> .active{color:@breadcrumb-active-color;}} // // Pagination (multiple pages) // -------------------------------------------------- .pagination{display:inline-block;padding-left:0;margin:@line-height-computed 0;border-radius:@border-radius-base;> li{display:inline;// Remove list-style and block-level defaults > a,> span{position:relative;float:left;// Collapse white-space padding:@padding-base-vertical@padding-base-horizontal;margin-left:-1px;line-height:@line-height-base;color:@pagination-color;text-decoration:none;background-color:@pagination-bg;border:1px solid@pagination-border;&:hover,&:focus{z-index:2;color:@pagination-hover-color;background-color:@pagination-hover-bg;border-color:@pagination-hover-border;}}&:first-child{> a,> span{margin-left:0;.border-left-radius(@border-radius-base);}}&:last-child{> a,> span{.border-right-radius(@border-radius-base);}}}> .active > a,> .active > span{&,&:hover,&:focus{z-index:3;color:@pagination-active-color;cursor:default;background-color:@pagination-active-bg;border-color:@pagination-active-border;}}> .disabled{> span,> span:hover,> span:focus,> a,> a:hover,> a:focus{color:@pagination-disabled-color;cursor:@cursor-disabled;background-color:@pagination-disabled-bg;border-color:@pagination-disabled-border;}}}// Sizing // -------------------------------------------------- // Large .pagination-lg{.pagination-size(@padding-large-vertical;@padding-large-horizontal;@font-size-large;@line-height-large;@border-radius-large);}// Small .pagination-sm{.pagination-size(@padding-small-vertical;@padding-small-horizontal;@font-size-small;@line-height-small;@border-radius-small);} // // Pager pagination // -------------------------------------------------- .pager{padding-left:0;margin:@line-height-computed 0;text-align:center;list-style:none;&:extend(.clearfix all);li{display:inline;> a,> span{display:inline-block;padding:5px 14px;background-color:@pager-bg;border:1px solid@pager-border;border-radius:@pager-border-radius;}> a:hover,> a:focus{text-decoration:none;background-color:@pager-hover-bg;}}.next{> a,> span{float:right;}}.previous{> a,> span{float:left;}}.disabled{> a,> a:hover,> a:focus,> span{color:@pager-disabled-color;cursor:@cursor-disabled;background-color:@pager-bg;}}} // // Labels // -------------------------------------------------- .label{display:inline;padding:.2em .6em .3em;font-size:75%;font-weight:700;line-height:1;color:@label-color;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em;// Add hover effects,but only for links a&{&:hover,&:focus{color:@label-link-hover-color;text-decoration:none;cursor:pointer;}}// Empty labels collapse automatically (not available in IE8) &:empty{display:none;}// Quick fix for labels in buttons .btn &{position:relative;top:-1px;}}// Colors // Contextual variations (linked labels get darker on :hover) .label-default{.label-variant(@label-default-bg);}.label-primary{.label-variant(@label-primary-bg);}.label-success{.label-variant(@label-success-bg);}.label-info{.label-variant(@label-info-bg);}.label-warning{.label-variant(@label-warning-bg);}.label-danger{.label-variant(@label-danger-bg);} // // Badges // -------------------------------------------------- // Base class .badge{display:inline-block;min-width:10px;padding:3px 7px;font-size:@font-size-small;font-weight:@badge-font-weight;line-height:@badge-line-height;color:@badge-color;text-align:center;white-space:nowrap;vertical-align:middle;background-color:@badge-bg;border-radius:@badge-border-radius;// Empty badges collapse automatically (not available in IE8) &:empty{display:none;}// Quick fix for badges in buttons .btn &{position:relative;top:-1px;}.btn-xs &,.btn-group-xs > .btn &{top:0;padding:1px 5px;}// Hover state,but only for links a&{&:hover,&:focus{color:@badge-link-hover-color;text-decoration:none;cursor:pointer;}}// Account for badges in navs .list-group-item.active > &,.nav-pills > .active > a > &{color:@badge-active-color;background-color:@badge-active-bg;}.list-group-item > &{float:right;}.list-group-item > & + &{margin-right:5px;}.nav-pills > li > a > &{margin-left:3px;}} // // Jumbotron // -------------------------------------------------- .jumbotron{padding-top:@jumbotron-padding;padding-bottom:@jumbotron-padding;margin-bottom:@jumbotron-padding;color:@jumbotron-color;background-color:@jumbotron-bg;h1,.h1{color:@jumbotron-heading-color;}p{margin-bottom:(@jumbotron-padding / 2);font-size:@jumbotron-font-size;font-weight:200;}> hr{border-top-color:darken(@jumbotron-bg,10%);}.container &,.container-fluid &{padding-right:(@grid-gutter-width / 2);padding-left:(@grid-gutter-width / 2);border-radius:@border-radius-large;// Only round corners at higher resolutions if contained in a container}.container{max-width:100%;}@media screen and (min-width:@screen-sm-min){padding-top:(@jumbotron-padding * 1.6);padding-bottom:(@jumbotron-padding * 1.6);.container &,.container-fluid &{padding-right:(@jumbotron-padding * 2);padding-left:(@jumbotron-padding * 2);}h1,.h1{font-size:@jumbotron-heading-font-size;}}} // stylelint-disable selector-no-qualifying-type // // Thumbnails // -------------------------------------------------- // Mixin and adjust the regular image class .thumbnail{display:block;padding:@thumbnail-padding;margin-bottom:@line-height-computed;line-height:@line-height-base;background-color:@thumbnail-bg;border:1px solid@thumbnail-border;border-radius:@thumbnail-border-radius;.transition(border .2s ease-in-out);> img,a > img{&:extend(.img-responsive);margin-right:auto;margin-left:auto;}// Add a hover state for linked versions only a&:hover,a&:focus,a&.active{border-color:@link-color;}// Image captions .caption{padding:@thumbnail-caption-padding;color:@thumbnail-caption-color;}} // // Alerts // -------------------------------------------------- // Base styles // ------------------------- .alert{padding:@alert-padding;margin-bottom:@line-height-computed;border:1px solid transparent;border-radius:@alert-border-radius;// Headings for larger alerts h4{margin-top:0;color:inherit;// Specified for the h4 to prevent conflicts of changing@headings-color}// Provide class for links that match alerts .alert-link{font-weight:@alert-link-font-weight;}// Improve alignment and spacing of inner content > p,> ul{margin-bottom:0;}> p + p{margin-top:5px;}}// Dismissible alerts // // Expand the right padding and account for the close button's positioning. // The misspelled .alert-dismissable was deprecated in 3.2.0. .alert-dismissable,.alert-dismissible{padding-right:(@alert-padding + 20);// Adjust close link position .close{position:relative;top:-2px;right:-21px;color:inherit;}}// Alternate styles // // Generate contextual modifier classes for colorizing the alert. .alert-success{.alert-variant(@alert-success-bg;@alert-success-border;@alert-success-text);}.alert-info{.alert-variant(@alert-info-bg;@alert-info-border;@alert-info-text);}.alert-warning{.alert-variant(@alert-warning-bg;@alert-warning-border;@alert-warning-text);}.alert-danger{.alert-variant(@alert-danger-bg;@alert-danger-border;@alert-danger-text);} // stylelint-disable at-rule-no-vendor-prefix // // Progress bars // -------------------------------------------------- // Bar animations // ------------------------- // WebKit@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0;}to{background-position:0 0;}}// Spec and IE10+@keyframes progress-bar-stripes{from{background-position:40px 0;}to{background-position:0 0;}}// Bar itself // ------------------------- // Outer container .progress{height:@line-height-computed;margin-bottom:@line-height-computed;overflow:hidden;background-color:@progress-bg;border-radius:@progress-border-radius;.box-shadow(inset 0 1px 2px rgba(0,0,0,.1));}// Bar of progress .progress-bar{float:left;width:0%;height:100%;font-size:@font-size-small;line-height:@line-height-computed;color:@progress-bar-color;text-align:center;background-color:@progress-bar-bg;.box-shadow(inset 0 -1px 0 rgba(0,0,0,.15));.transition(width .6s ease);}// Striped bars // // `.progress-striped .progress-bar` is deprecated as of v3.2.0 in favor of the // `.progress-bar-striped` class,which you just add to an existing // `.progress-bar`. .progress-striped .progress-bar,.progress-bar-striped{#gradient > .striped();background-size:40px 40px;}// Call animation for the active one // // `.progress.active .progress-bar` is deprecated as of v3.2.0 in favor of the // `.progress-bar.active` approach. .progress.active .progress-bar,.progress-bar.active{.animation(progress-bar-stripes 2s linear infinite);}// Variations // ------------------------- .progress-bar-success{.progress-bar-variant(@progress-bar-success-bg);}.progress-bar-info{.progress-bar-variant(@progress-bar-info-bg);}.progress-bar-warning{.progress-bar-variant(@progress-bar-warning-bg);}.progress-bar-danger{.progress-bar-variant(@progress-bar-danger-bg);} .media{// Proper spacing between instances of .media margin-top:15px;&:first-child{margin-top:0;}}.media,.media-body{overflow:hidden;zoom:1;}.media-body{width:10000px;}.media-object{display:block;// Fix collapse in webkit from max-width:100% and display:table-cell. &.img-thumbnail{max-width:none;}}.media-right,.media > .pull-right{padding-left:10px;}.media-left,.media > .pull-left{padding-right:10px;}.media-left,.media-right,.media-body{display:table-cell;vertical-align:top;}.media-middle{vertical-align:middle;}.media-bottom{vertical-align:bottom;}// Reset margins on headings for tighter default spacing .media-heading{margin-top:0;margin-bottom:5px;}// Media list variation // // Undo default ul/ol styles .media-list{padding-left:0;list-style:none;} // stylelint-disable selector-no-qualifying-type // // List groups // -------------------------------------------------- // Base class // // Easily usable on ,,or . .list-group{// No need to set list-style:none;since .list-group-item is block level padding-left:0;// reset padding because ul and ol margin-bottom:20px;}// Individual list items // // Use on `li`s or `div`s within the `.list-group` parent. .list-group-item{position:relative;display:block;padding:10px 15px;// Place the border on the list items and negative margin up for better styling margin-bottom:-1px;background-color:@list-group-bg;border:1px solid@list-group-border;// Round the first and last items &:first-child{.border-top-radius(@list-group-border-radius);}&:last-child{margin-bottom:0;.border-bottom-radius(@list-group-border-radius);}// Disabled state &.disabled,&.disabled:hover,&.disabled:focus{color:@list-group-disabled-color;cursor:@cursor-disabled;background-color:@list-group-disabled-bg;// Force color to inherit for custom content .list-group-item-heading{color:inherit;}.list-group-item-text{color:@list-group-disabled-text-color;}}// Active class on item itself,not parent &.active,&.active:hover,&.active:focus{z-index:2;// Place active items above their siblings for proper border styling color:@list-group-active-color;background-color:@list-group-active-bg;border-color:@list-group-active-border;// Force color to inherit for custom content .list-group-item-heading,.list-group-item-heading > small,.list-group-item-heading > .small{color:inherit;}.list-group-item-text{color:@list-group-active-text-color;}}}// Interactive list items // // Use anchor or button elements instead of `li`s or `div`s to create interactive items. // Includes an extra `.active` modifier class for showing selected items. a.list-group-item,button.list-group-item{color:@list-group-link-color;.list-group-item-heading{color:@list-group-link-heading-color;}// Hover state &:hover,&:focus{color:@list-group-link-hover-color;text-decoration:none;background-color:@list-group-hover-bg;}}button.list-group-item{width:100%;text-align:left;}// Contextual variants // // Add modifier classes to change text and background color on individual items. // Organizationally,this must come after the `:hover` states. .list-group-item-variant(success;@state-success-bg;@state-success-text);.list-group-item-variant(info;@state-info-bg;@state-info-text);.list-group-item-variant(warning;@state-warning-bg;@state-warning-text);.list-group-item-variant(danger;@state-danger-bg;@state-danger-text);// Custom content options // // Extra classes for creating well-formatted content within `.list-group-item`s. .list-group-item-heading{margin-top:0;margin-bottom:5px;}.list-group-item-text{margin-bottom:0;line-height:1.3;} // stylelint-disable selector-max-type,selector-max-compound-selectors,selector-max-combinators,no-duplicate-selectors // // Panels // -------------------------------------------------- // Base class .panel{margin-bottom:@line-height-computed;background-color:@panel-bg;border:1px solid transparent;border-radius:@panel-border-radius;.box-shadow(0 1px 1px rgba(0,0,0,.05));}// Panel contents .panel-body{padding:@panel-body-padding;&:extend(.clearfix all);}// Optional heading .panel-heading{padding:@panel-heading-padding;border-bottom:1px solid transparent;.border-top-radius((@panel-border-radius - 1));> .dropdown .dropdown-toggle{color:inherit;}}// Within heading,strip any `h*` tag of its default margins for spacing. .panel-title{margin-top:0;margin-bottom:0;font-size:ceil((@font-size-base * 1.125));color:inherit;> a,> small,> .small,> small > a,> .small > a{color:inherit;}}// Optional footer (stays gray in every modifier class) .panel-footer{padding:@panel-footer-padding;background-color:@panel-footer-bg;border-top:1px solid@panel-inner-border;.border-bottom-radius((@panel-border-radius - 1));}// List groups in panels // // By default,space out list group content from panel headings to account for // any kind of custom content between the two. .panel{> .list-group,> .panel-collapse > .list-group{margin-bottom:0;.list-group-item{border-width:1px 0;border-radius:0;}// Add border top radius for first one &:first-child{.list-group-item:first-child{border-top:0;.border-top-radius((@panel-border-radius - 1));}}// Add border bottom radius for last one &:last-child{.list-group-item:last-child{border-bottom:0;.border-bottom-radius((@panel-border-radius - 1));}}}> .panel-heading + .panel-collapse > .list-group{.list-group-item:first-child{.border-top-radius(0);}}}// Collapse space between when there's no additional content. .panel-heading + .list-group{.list-group-item:first-child{border-top-width:0;}}.list-group + .panel-footer{border-top-width:0;}// Tables in panels // // Place a non-bordered `.table` within a panel (not within a `.panel-body`) and // watch it go full width. .panel{> .table,> .table-responsive > .table,> .panel-collapse > .table{margin-bottom:0;caption{padding-right:@panel-body-padding;padding-left:@panel-body-padding;}}// Add border top radius for first one > .table:first-child,> .table-responsive:first-child > .table:first-child{.border-top-radius((@panel-border-radius - 1));> thead:first-child,> tbody:first-child{> tr:first-child{border-top-left-radius:(@panel-border-radius - 1);border-top-right-radius:(@panel-border-radius - 1);td:first-child,th:first-child{border-top-left-radius:(@panel-border-radius - 1);}td:last-child,th:last-child{border-top-right-radius:(@panel-border-radius - 1);}}}}// Add border bottom radius for last one > .table:last-child,> .table-responsive:last-child > .table:last-child{.border-bottom-radius((@panel-border-radius - 1));> tbody:last-child,> tfoot:last-child{> tr:last-child{border-bottom-right-radius:(@panel-border-radius - 1);border-bottom-left-radius:(@panel-border-radius - 1);td:first-child,th:first-child{border-bottom-left-radius:(@panel-border-radius - 1);}td:last-child,th:last-child{border-bottom-right-radius:(@panel-border-radius - 1);}}}}> .panel-body + .table,> .panel-body + .table-responsive,> .table + .panel-body,> .table-responsive + .panel-body{border-top:1px solid@table-border-color;}> .table > tbody:first-child > tr:first-child th,> .table > tbody:first-child > tr:first-child td{border-top:0;}> .table-bordered,> .table-responsive > .table-bordered{border:0;> thead,> tbody,> tfoot{> tr{> th:first-child,> td:first-child{border-left:0;}> th:last-child,> td:last-child{border-right:0;}}}> thead,> tbody{> tr:first-child{> td,> th{border-bottom:0;}}}> tbody,> tfoot{> tr:last-child{> td,> th{border-bottom:0;}}}}> .table-responsive{margin-bottom:0;border:0;}}// Collapsible panels (aka,accordion) // // Wrap a series of panels in `.panel-group` to turn them into an accordion with // the help of our collapse JavaScript plugin. .panel-group{margin-bottom:@line-height-computed;// Tighten up margin so it's only between panels .panel{margin-bottom:0;border-radius:@panel-border-radius;+ .panel{margin-top:5px;}}.panel-heading{border-bottom:0;+ .panel-collapse > .panel-body,+ .panel-collapse > .list-group{border-top:1px solid@panel-inner-border;}}.panel-footer{border-top:0;+ .panel-collapse .panel-body{border-bottom:1px solid@panel-inner-border;}}}// Contextual variations .panel-default{.panel-variant(@panel-default-border;@panel-default-text;@panel-default-heading-bg;@panel-default-border);}.panel-primary{.panel-variant(@panel-primary-border;@panel-primary-text;@panel-primary-heading-bg;@panel-primary-border);}.panel-success{.panel-variant(@panel-success-border;@panel-success-text;@panel-success-heading-bg;@panel-success-border);}.panel-info{.panel-variant(@panel-info-border;@panel-info-text;@panel-info-heading-bg;@panel-info-border);}.panel-warning{.panel-variant(@panel-warning-border;@panel-warning-text;@panel-warning-heading-bg;@panel-warning-border);}.panel-danger{.panel-variant(@panel-danger-border;@panel-danger-text;@panel-danger-heading-bg;@panel-danger-border);} // Embeds responsive // // Credit:Nicolas Gallagher and SUIT CSS. .embed-responsive{position:relative;display:block;height:0;padding:0;overflow:hidden;.embed-responsive-item,iframe,embed,object,video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0;}}// Modifier class for 16:9 aspect ratio .embed-responsive-16by9{padding-bottom:56.25%;}// Modifier class for 4:3 aspect ratio .embed-responsive-4by3{padding-bottom:75%;} // // Wells // -------------------------------------------------- // Base class .well{min-height:20px;padding:19px;margin-bottom:20px;background-color:@well-bg;border:1px solid@well-border;border-radius:@border-radius-base;.box-shadow(inset 0 1px 1px rgba(0,0,0,.05));blockquote{border-color:#ddd;border-color:rgba(0,0,0,.15);}}// Sizes .well-lg{padding:24px;border-radius:@border-radius-large;}.well-sm{padding:9px;border-radius:@border-radius-small;} // stylelint-disable property-no-vendor-prefix // // Close icons // -------------------------------------------------- .close{float:right;font-size:(@font-size-base * 1.5);font-weight:@close-font-weight;line-height:1;color:@close-color;text-shadow:@close-text-shadow;.opacity(.2);&:hover,&:focus{color:@close-color;text-decoration:none;cursor:pointer;.opacity(.5);}// Additional properties for button version // iOS requires the button element instead of an anchor tag. // If you want the anchor version,it requires `href="#"`. // See https://developer.mozilla.org/en-US/docs/Web/Events/click#Safari_Mobile button&{padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;appearance:none;}} // Components w/ JavaScript// // Modals // -------------------------------------------------- // .modal-open - body class for killing the scroll // .modal - container to scroll within // .modal-dialog - positioning shell for the actual modal // .modal-content - actual modal w/ bg and corners and shit // Kill the scroll on the body .modal-open{overflow:hidden;}// Container that the modal scrolls within .modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:@zindex-modal;display:none;overflow:hidden;-webkit-overflow-scrolling:touch;// Prevent Chrome on Windows from adding a focus outline. For details,see // https://github.com/twbs/bootstrap/pull/10951. outline:0;// When fading in the modal,animate it to slide down &.fade .modal-dialog{.translate(0,-25%);.transition-transform(~"0.3s ease-out");}&.in .modal-dialog{.translate(0,0);}}.modal-open .modal{overflow-x:hidden;overflow-y:auto;}// Shell div to position the modal with bottom padding .modal-dialog{position:relative;width:auto;margin:10px;}// Actual modal .modal-content{position:relative;background-color:@modal-content-bg;background-clip:padding-box;border:1px solid@modal-content-fallback-border-color;//old browsers fallback (ie8 etc) border:1px solid@modal-content-border-color;border-radius:@border-radius-large;.box-shadow(0 3px 9px rgba(0,0,0,.5));// Remove focus outline from opened modal outline:0;}// Modal background .modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:@zindex-modal-background;background-color:@modal-backdrop-bg;// Fade for backdrop &.fade{.opacity(0);}&.in{.opacity(@modal-backdrop-opacity);}}// Modal header // Top section of the modal w/ title and dismiss .modal-header{padding:@modal-title-padding;border-bottom:1px solid@modal-header-border-color;&:extend(.clearfix all);}// Close icon .modal-header .close{margin-top:-2px;}// Title text within header .modal-title{margin:0;line-height:@modal-title-line-height;}// Modal body // Where all modal content resides (sibling of .modal-header and .modal-footer) .modal-body{position:relative;padding:@modal-inner-padding;}// Footer (for actions) .modal-footer{padding:@modal-inner-padding;text-align:right;// right align buttons border-top:1px solid@modal-footer-border-color;&:extend(.clearfix all);// clear it in case folks use .pull-* classes on buttons // Properly space out buttons .btn + .btn{margin-bottom:0;// account for input[type="submit"] which gets the bottom margin like all other inputs margin-left:5px;}// but override that for button groups .btn-group .btn + .btn{margin-left:-1px;}// and override it for block buttons as well .btn-block + .btn-block{margin-left:0;}}// Measure scrollbar width for padding body during modal show/hide .modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll;}// Scale up the modal@media (min-width:@screen-sm-min){// Automatically set modal's width for larger viewports .modal-dialog{width:@modal-md;margin:30px auto;}.modal-content{.box-shadow(0 5px 15px rgba(0,0,0,.5));}// Modal sizes .modal-sm{width:@modal-sm;}}@media (min-width:@screen-md-min){.modal-lg{width:@modal-lg;}} // // Tooltips // -------------------------------------------------- // Base class .tooltip{position:absolute;z-index:@zindex-tooltip;display:block;// Our parent element can be arbitrary since tooltips are by default inserted as a sibling of their target element. // So reset our font and text properties to avoid inheriting weird values. .reset-text();font-size:@font-size-small;.opacity(0);&.in{.opacity(@tooltip-opacity);}&.top{padding:@tooltip-arrow-width 0;margin-top:-3px;}&.right{padding:0@tooltip-arrow-width;margin-left:3px;}&.bottom{padding:@tooltip-arrow-width 0;margin-top:3px;}&.left{padding:0@tooltip-arrow-width;margin-left:-3px;}// Note:Deprecated .top-left,.top-right,.bottom-left,and .bottom-right as of v3.3.1 &.top .tooltip-arrow{bottom:0;left:50%;margin-left:-@tooltip-arrow-width;border-width:@tooltip-arrow-width@tooltip-arrow-width 0;border-top-color:@tooltip-arrow-color;}&.top-left .tooltip-arrow{right:@tooltip-arrow-width;bottom:0;margin-bottom:-@tooltip-arrow-width;border-width:@tooltip-arrow-width@tooltip-arrow-width 0;border-top-color:@tooltip-arrow-color;}&.top-right .tooltip-arrow{bottom:0;left:@tooltip-arrow-width;margin-bottom:-@tooltip-arrow-width;border-width:@tooltip-arrow-width@tooltip-arrow-width 0;border-top-color:@tooltip-arrow-color;}&.right .tooltip-arrow{top:50%;left:0;margin-top:-@tooltip-arrow-width;border-width:@tooltip-arrow-width@tooltip-arrow-width@tooltip-arrow-width 0;border-right-color:@tooltip-arrow-color;}&.left .tooltip-arrow{top:50%;right:0;margin-top:-@tooltip-arrow-width;border-width:@tooltip-arrow-width 0@tooltip-arrow-width@tooltip-arrow-width;border-left-color:@tooltip-arrow-color;}&.bottom .tooltip-arrow{top:0;left:50%;margin-left:-@tooltip-arrow-width;border-width:0@tooltip-arrow-width@tooltip-arrow-width;border-bottom-color:@tooltip-arrow-color;}&.bottom-left .tooltip-arrow{top:0;right:@tooltip-arrow-width;margin-top:-@tooltip-arrow-width;border-width:0@tooltip-arrow-width@tooltip-arrow-width;border-bottom-color:@tooltip-arrow-color;}&.bottom-right .tooltip-arrow{top:0;left:@tooltip-arrow-width;margin-top:-@tooltip-arrow-width;border-width:0@tooltip-arrow-width@tooltip-arrow-width;border-bottom-color:@tooltip-arrow-color;}}// Wrapper for the tooltip content .tooltip-inner{max-width:@tooltip-max-width;padding:3px 8px;color:@tooltip-color;text-align:center;background-color:@tooltip-bg;border-radius:@border-radius-base;}// Arrows .tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid;} // // Popovers // -------------------------------------------------- .popover{position:absolute;top:0;left:0;z-index:@zindex-popover;display:none;max-width:@popover-max-width;padding:1px;// Our parent element can be arbitrary since popovers are by default inserted as a sibling of their target element. // So reset our font and text properties to avoid inheriting weird values. .reset-text();font-size:@font-size-base;background-color:@popover-bg;background-clip:padding-box;border:1px solid@popover-fallback-border-color;border:1px solid@popover-border-color;border-radius:@border-radius-large;.box-shadow(0 5px 10px rgba(0,0,0,.2));// Offset the popover to account for the popover arrow &.top{margin-top:-@popover-arrow-width;}&.right{margin-left:@popover-arrow-width;}&.bottom{margin-top:@popover-arrow-width;}&.left{margin-left:-@popover-arrow-width;}// Arrows // .arrow is outer,.arrow:after is inner > .arrow{border-width:@popover-arrow-outer-width;&,&:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid;}&:after{content:"";border-width:@popover-arrow-width;}}&.top > .arrow{bottom:-@popover-arrow-outer-width;left:50%;margin-left:-@popover-arrow-outer-width;border-top-color:@popover-arrow-outer-fallback-color;// IE8 fallback border-top-color:@popover-arrow-outer-color;border-bottom-width:0;&:after{bottom:1px;margin-left:-@popover-arrow-width;content:" ";border-top-color:@popover-arrow-color;border-bottom-width:0;}}&.right > .arrow{top:50%;left:-@popover-arrow-outer-width;margin-top:-@popover-arrow-outer-width;border-right-color:@popover-arrow-outer-fallback-color;// IE8 fallback border-right-color:@popover-arrow-outer-color;border-left-width:0;&:after{bottom:-@popover-arrow-width;left:1px;content:" ";border-right-color:@popover-arrow-color;border-left-width:0;}}&.bottom > .arrow{top:-@popover-arrow-outer-width;left:50%;margin-left:-@popover-arrow-outer-width;border-top-width:0;border-bottom-color:@popover-arrow-outer-fallback-color;// IE8 fallback border-bottom-color:@popover-arrow-outer-color;&:after{top:1px;margin-left:-@popover-arrow-width;content:" ";border-top-width:0;border-bottom-color:@popover-arrow-color;}}&.left > .arrow{top:50%;right:-@popover-arrow-outer-width;margin-top:-@popover-arrow-outer-width;border-right-width:0;border-left-color:@popover-arrow-outer-fallback-color;// IE8 fallback border-left-color:@popover-arrow-outer-color;&:after{right:1px;bottom:-@popover-arrow-width;content:" ";border-right-width:0;border-left-color:@popover-arrow-color;}}}.popover-title{padding:8px 14px;margin:0;// reset heading margin font-size:@font-size-base;background-color:@popover-title-bg;border-bottom:1px solid darken(@popover-title-bg,5%);border-radius:(@border-radius-large - 1) (@border-radius-large - 1) 0 0;}.popover-content{padding:9px 14px;} // stylelint-disable media-feature-name-no-unknown // // Carousel // -------------------------------------------------- // Wrapper for the slide container and indicators .carousel{position:relative;}.carousel-inner{position:relative;width:100%;overflow:hidden;> .item{position:relative;display:none;.transition(.6s ease-in-out left);// Account for jankitude on images > img,> a > img{&:extend(.img-responsive);line-height:1;}// WebKit CSS3 transforms for supported devices@media all and (transform-3d),(-webkit-transform-3d){.transition-transform(~"0.6s ease-in-out");.backface-visibility(~"hidden");.perspective(1000px);&.next,&.active.right{.translate3d(100%,0,0);left:0;}&.prev,&.active.left{.translate3d(-100%,0,0);left:0;}&.next.left,&.prev.right,&.active{.translate3d(0,0,0);left:0;}}}> .active,> .next,> .prev{display:block;}> .active{left:0;}> .next,> .prev{position:absolute;top:0;width:100%;}> .next{left:100%;}> .prev{left:-100%;}> .next.left,> .prev.right{left:0;}> .active.left{left:-100%;}> .active.right{left:100%;}}// Left/right controls for nav // --------------------------- .carousel-control{position:absolute;top:0;bottom:0;left:0;width:@carousel-control-width;font-size:@carousel-control-font-size;color:@carousel-control-color;text-align:center;text-shadow:@carousel-text-shadow;background-color:rgba(0,0,0,0);// Fix IE9 click-thru bug .opacity(@carousel-control-opacity);// We can't have this transition here because WebKit cancels the carousel // animation if you trip this while in the middle of another animation. // Set gradients for backgrounds &.left{#gradient > .horizontal(@start-color:rgba(0,0,0,.5);@end-color:rgba(0,0,0,.0001));}&.right{right:0;left:auto;#gradient > .horizontal(@start-color:rgba(0,0,0,.0001);@end-color:rgba(0,0,0,.5));}// Hover/focus state &:hover,&:focus{color:@carousel-control-color;text-decoration:none;outline:0;.opacity(.9);}// Toggles .icon-prev,.icon-next,.glyphicon-chevron-left,.glyphicon-chevron-right{position:absolute;top:50%;z-index:5;display:inline-block;margin-top:-10px;}.icon-prev,.glyphicon-chevron-left{left:50%;margin-left:-10px;}.icon-next,.glyphicon-chevron-right{right:50%;margin-right:-10px;}.icon-prev,.icon-next{width:20px;height:20px;font-family:serif;line-height:1;}.icon-prev{&:before{content:"\2039";// SINGLE LEFT-POINTING ANGLE QUOTATION MARK (U+2039)}}.icon-next{&:before{content:"\203a";// SINGLE RIGHT-POINTING ANGLE QUOTATION MARK (U+203A)}}}// Optional indicator pips // // Add an unordered list with the following class and add a list item for each // slide your carousel holds. .carousel-indicators{position:absolute;bottom:10px;left:50%;z-index:15;width:60%;padding-left:0;margin-left:-30%;text-align:center;list-style:none;li{display:inline-block;width:10px;height:10px;margin:1px;text-indent:-999px;cursor:pointer;// IE8-9 hack for event handling // // Internet Explorer 8-9 does not support clicks on elements without a set // `background-color`. We cannot use `filter` since that's not viewed as a // background color by the browser. Thus,a hack is needed. // See https://developer.mozilla.org/en-US/docs/Web/Events/click#Internet_Explorer // // For IE8,we set solid black as it doesn't support `rgba()`. For IE9,we // set alpha transparency for the best results possible. background-color:#000 \9;// IE8 background-color:rgba(0,0,0,0);// IE9 border:1px solid@carousel-indicator-border-color;border-radius:10px;}.active{width:12px;height:12px;margin:0;background-color:@carousel-indicator-active-bg;}}// Optional captions // ----------------------------- // Hidden by default for smaller viewports .carousel-caption{position:absolute;right:15%;bottom:20px;left:15%;z-index:10;padding-top:20px;padding-bottom:20px;color:@carousel-caption-color;text-align:center;text-shadow:@carousel-text-shadow;& .btn{text-shadow:none;// No shadow for button elements in carousel-caption}}// Scale up controls for tablets and up@media screen and (min-width:@screen-sm-min){// Scale up the controls a smidge .carousel-control{.glyphicon-chevron-left,.glyphicon-chevron-right,.icon-prev,.icon-next{width:(@carousel-control-font-size * 1.5);height:(@carousel-control-font-size * 1.5);margin-top:(@carousel-control-font-size / -2);font-size:(@carousel-control-font-size * 1.5);}.glyphicon-chevron-left,.icon-prev{margin-left:(@carousel-control-font-size / -2);}.glyphicon-chevron-right,.icon-next{margin-right:(@carousel-control-font-size / -2);}}// Show and left align the captions .carousel-caption{right:20%;left:20%;padding-bottom:30px;}// Move up the indicators .carousel-indicators{bottom:20px;}} // Utility classes// stylelint-disable declaration-no-important // // Utility classes // -------------------------------------------------- // Floats // ------------------------- .clearfix{.clearfix();}.center-block{.center-block();}.pull-right{float:right !important;}.pull-left{float:left !important;}// Toggling content // ------------------------- // Note:Deprecated .hide in favor of .hidden or .sr-only (as appropriate) in v3.0.1 .hide{display:none !important;}.show{display:block !important;}.invisible{visibility:hidden;}.text-hide{.text-hide();}// Hide from screenreaders and browsers // // Credit:HTML5 Boilerplate .hidden{display:none !important;}// For Affix plugin // ------------------------- .affix{position:fixed;} // stylelint-disable declaration-no-important,at-rule-no-vendor-prefix // // Responsive:Utility classes // -------------------------------------------------- // IE10 in Windows (Phone) 8 // // Support for responsive views via media queries is kind of borked in IE10,for // Surface/desktop in split view and for Windows Phone 8. This particular fix // must be accompanied by a snippet of JavaScript to sniff the user agent and // apply some conditional CSS to *only* the Surface/desktop Windows 8. Look at // our Getting Started page for more information on this bug. // // For more information,see the following:// // Issue:https://github.com/twbs/bootstrap/issues/10497 // Docs:https://getbootstrap.com/docs/3.4/getting-started/#support-ie10-width // Source:https://timkadlec.com/2013/01/windows-phone-8-and-device-width/ // Source:https://timkadlec.com/2012/10/ie10-snap-mode-and-responsive-design/@-ms-viewport{width:device-width;}// Visibility utilities // Note:Deprecated .visible-xs,.visible-sm,.visible-md,and .visible-lg as of v3.2.0 .visible-xs,.visible-sm,.visible-md,.visible-lg{.responsive-invisibility();}.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block{display:none !important;}.visible-xs{@media (max-width:@screen-xs-max){.responsive-visibility();}}.visible-xs-block{@media (max-width:@screen-xs-max){display:block !important;}}.visible-xs-inline{@media (max-width:@screen-xs-max){display:inline !important;}}.visible-xs-inline-block{@media (max-width:@screen-xs-max){display:inline-block !important;}}.visible-sm{@media (min-width:@screen-sm-min) and (max-width:@screen-sm-max){.responsive-visibility();}}.visible-sm-block{@media (min-width:@screen-sm-min) and (max-width:@screen-sm-max){display:block !important;}}.visible-sm-inline{@media (min-width:@screen-sm-min) and (max-width:@screen-sm-max){display:inline !important;}}.visible-sm-inline-block{@media (min-width:@screen-sm-min) and (max-width:@screen-sm-max){display:inline-block !important;}}.visible-md{@media (min-width:@screen-md-min) and (max-width:@screen-md-max){.responsive-visibility();}}.visible-md-block{@media (min-width:@screen-md-min) and (max-width:@screen-md-max){display:block !important;}}.visible-md-inline{@media (min-width:@screen-md-min) and (max-width:@screen-md-max){display:inline !important;}}.visible-md-inline-block{@media (min-width:@screen-md-min) and (max-width:@screen-md-max){display:inline-block !important;}}.visible-lg{@media (min-width:@screen-lg-min){.responsive-visibility();}}.visible-lg-block{@media (min-width:@screen-lg-min){display:block !important;}}.visible-lg-inline{@media (min-width:@screen-lg-min){display:inline !important;}}.visible-lg-inline-block{@media (min-width:@screen-lg-min){display:inline-block !important;}}.hidden-xs{@media (max-width:@screen-xs-max){.responsive-invisibility();}}.hidden-sm{@media (min-width:@screen-sm-min) and (max-width:@screen-sm-max){.responsive-invisibility();}}.hidden-md{@media (min-width:@screen-md-min) and (max-width:@screen-md-max){.responsive-invisibility();}}.hidden-lg{@media (min-width:@screen-lg-min){.responsive-invisibility();}}// Print utilities // // Media queries are placed on the inside to be mixin-friendly. // Note:Deprecated .visible-print as of v3.2.0 .visible-print{.responsive-invisibility();@media print{.responsive-visibility();}}.visible-print-block{display:none !important;@media print{display:block !important;}}.visible-print-inline{display:none !important;@media print{display:inline !important;}}.visible-print-inline-block{display:none !important;@media print{display:inline-block !important;}}.hidden-print{@media print{.responsive-invisibility();}} // Theme specific// Base-theme overrides.// Bootstrap variables.// // Variables // -------------------------------------------------- // Global values // -------------------------------------------------- // Grays // -------------------------@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 // Colors // -------------------------@blue-gray:#008bf8;@blue-light:#0080e5;@blue:#0075d1;@blue-dark:#005faa;@blue-darker:#004983;@orange-gray:#f86d00;@orange-light:#e56500;@orange:#d15c00;@orange-dark:#bd5300;@orange-darker:#964200;@purple-gray:#f86d00;@purple-light:#e56500;@purple:#8a77a5;@purple-dark:#bd5300;@purple-darker:#964200;// Brand colors // -------------------------@brand-primary:@base-color;// legacy@brand-success:#5cb85c;// undefined@brand-warning:#f0ad4e;// undefined@brand-danger:#d9534f;// undefined@brand-info:#5bc0de;// undefined // Scaffolding // -------------------------@base-color-light:@blue-light;@base-color:@blue;@base-color-dark:@blue-dark;@base-color-darker:@blue-darker;@top-bg-color:@base-color-darker;@header-bg-color:@base-color;@body-bg-color:#EBEBEB;@body-bg:@body-bg-color;// legacy@footer-bg-color:@base-color-darker;@footer-border-color:@base-color;@well-bg-color:#FFF;@text-color:@gray-dark;// Links // -------------------------@link-color:@brand-primary;@link-hover-color:darken(@link-color,15%);@language-link-color:@blue-gray;@language-link-hover-color:#FFF;@footer-text-color:#FFF;@footer-link-color:#FFF;// Typography // -------------------------@font-family-sans-serif:"Helvetica Neue","Nimbus Sans L",Helvetica,Arial,sans-serif;@font-family-serif:Georgia,"Times New Roman",Times,serif;@font-family-monospace:Monaco,Menlo,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.15);// ~30px@font-size-h2:floor(@font-size-base * 1.70);// ~24px@font-size-h3:ceil(@font-size-base * 1.25);// ~18px@font-size-h4:@font-size-base;@font-size-h5:ceil(@font-size-base * 0.85);// ~12px@font-size-h6:ceil(@font-size-base * 0.8);// ~11px@line-height-base:1.428571429;// 20/14@line-height-computed:floor(@font-size-base *@line-height-base);// ~20px@headings-font-family:@font-family-base;@headings-font-weight:500;@headings-line-height:1.1;// Iconography // -------------------------@icon-font-path:"../bootstrap/fonts/";@icon-font-name:"glyphicons-halflings-regular";// Components // ------------------------- // Based on 14px font-size 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;@line-height-large:1.33;@line-height-small:1.5;@border-radius-base:4px;@border-radius-large:6px;@border-radius-small:3px;@component-active-bg:@brand-primary;@caret-width-base:4px;@caret-width-large:5px;// Tables // -------------------------@table-cell-padding:8px;@table-condensed-cell-padding:5px;@table-bg:transparent;// overall background-color@table-bg-accent:#f9f9f9;// for striping@table-bg-hover:#f5f5f5;@table-bg-active:@table-bg-hover;@table-border-color:#ddd;// table and cell border // Buttons // -------------------------@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-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-info-color:#fff;@btn-info-bg:@brand-info;@btn-info-border:darken(@btn-info-bg,5%);@btn-link-disabled-color:@gray-light;// Forms // -------------------------@input-bg:#fff;@input-bg-disabled:@gray-lighter;@input-color:@gray;@input-border:#ccc;@input-border-radius:@border-radius-base;@input-border-focus:#66afe9;@input-color-placeholder:@gray-light;@input-height-base:(@line-height-computed + (@padding-base-vertical * 2) + 2);@input-height-large:(floor(@font-size-large *@line-height-large) + (@padding-large-vertical * 2) + 2);@input-height-small:(floor(@font-size-small *@line-height-small) + (@padding-small-vertical * 2) + 2);@legend-color:@gray-dark;@legend-border-color:#e5e5e5;@input-group-addon-bg:@gray-lighter;@input-group-addon-border-color:@input-border;// Dropdowns // -------------------------@dropdown-bg:#E7E7E7;@dropdown-border:rgba(0,0,0,.15);@dropdown-fallback-border:#ccc;@dropdown-divider-bg:#e5e5e5;@dropdown-link-active-color:#fff;@dropdown-link-active-bg:@component-active-bg;@dropdown-link-color:#000;@dropdown-link-hover-color:#fff;@dropdown-link-hover-bg:@dropdown-link-active-bg;@dropdown-link-disabled-color:@gray-light;@dropdown-header-color:@gray-light;@dropdown-caret-color:#000;// COMPONENT VARIABLES // -------------------------------------------------- // Z-index master list // ------------------------- // Used for a bird's eye view of components dependent on the z-axis // Try to avoid customizing these :)@zindex-navbar:1000;@zindex-dropdown:1000;@zindex-popover:1010;@zindex-tooltip:1030;@zindex-navbar-fixed:1030;@zindex-modal-background:1040;@zindex-modal:1050;// Media queries breakpoints // -------------------------------------------------- // Extra small screen / phone // Note:Deprecated@screen-xs and@screen-phone as of v3.0.1@screen-xs:480px;@screen-xs-min:@screen-xs;@screen-phone:@screen-xs-min;// Small screen / tablet // Note:Deprecated@screen-sm and@screen-tablet as of v3.0.1@screen-sm:768px;@screen-sm-min:@screen-sm;@screen-tablet:@screen-sm-min;// Medium screen / desktop // Note:Deprecated@screen-md and@screen-desktop as of v3.0.1@screen-md:992px;@screen-md-min:@screen-md;@screen-desktop:@screen-md-min;// Large screen / wide desktop // Note:Deprecated@screen-lg and@screen-lg-desktop as of v3.0.1@screen-lg:1200px;@screen-lg-min:@screen-lg;@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 // -------------------------------------------------- // Number of columns in the grid system@grid-columns:12;// Padding,to be divided by two and applied to the left and right of all columns@grid-gutter-width:16px;// Point at which the navbar stops collapsing@grid-float-breakpoint:@screen-tablet;// Navbar // ------------------------- // Basics of a navbar@navbar-height:42px;@navbar-margin-bottom:0;//@line-height-computed;@navbar-default-color:#777;@navbar-default-bg:@header-bg-color;@navbar-default-border:darken(@navbar-default-bg,6.5%);@navbar-border-radius:@border-radius-base;@navbar-padding-horizontal:floor(@grid-gutter-width / 2);@navbar-padding-vertical:((@navbar-height -@line-height-computed) / 2);// Navbar links@navbar-default-link-color:#FFF;@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-link-color,10%);@navbar-default-brand-hover-bg:transparent;// Navbar toggle@navbar-default-toggle-hover-bg:#ddd;@navbar-default-toggle-icon-bar-bg:#ccc;@navbar-default-toggle-border-color:#ddd;// Inverted navbar // // Reset inverted navbar basics@navbar-inverse-color:@gray-light;@navbar-inverse-bg:white;@navbar-inverse-border:darken(@navbar-inverse-bg,10%);// Inverted navbar links@navbar-inverse-link-color:@brand-primary;@navbar-inverse-link-hover-color:@brand-primary;@navbar-inverse-link-hover-bg:transparent;@navbar-inverse-link-active-color:#BDBDBD;@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 search // Normal navbar needs no special styles or vars@navbar-inverse-search-bg:lighten(@navbar-inverse-bg,25%);@navbar-inverse-search-bg-focus:#fff;@navbar-inverse-search-border:@navbar-inverse-bg;@navbar-inverse-search-placeholder-color:#ccc;// Inverted navbar toggle@navbar-inverse-toggle-hover-bg:#333;@navbar-inverse-toggle-icon-bar-bg:#fff;@navbar-inverse-toggle-border-color:#333;// Navs // -------------------------@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;@nav-open-caret-border-color:#fff;// Tabs@nav-tabs-border-color:#ddd;@nav-tabs-link-hover-border-color:@gray-lighter;@nav-tabs-active-link-hover-bg:@body-bg-color;@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-color;// Pills@nav-pills-border-radius:@border-radius-base;@nav-pills-active-link-hover-bg:@component-active-bg;@nav-pills-active-link-hover-color:#fff;// Pagination // -------------------------@pagination-bg:#fff;@pagination-border:#ddd;@pagination-hover-bg:@gray-lighter;@pagination-active-bg:@brand-primary;@pagination-active-color:#fff;@pagination-disabled-color:@gray-light;// Pager // -------------------------@pager-border-radius:15px;@pager-disabled-color:@gray-light;// Jumbotron // -------------------------@jumbotron-padding:30px;@jumbotron-color:inherit;@jumbotron-bg:@gray-lighter;@jumbotron-heading-color:inherit;// Form states and alerts // -------------------------@state-warning-text:#c09853;@state-warning-bg:#fcf8e3;@state-warning-border:darken(spin(@state-warning-bg,-10),3%);@state-danger-text:#b94a48;@state-danger-bg:#f2dede;@state-danger-border:darken(spin(@state-danger-bg,-10),3%);@state-success-text:#468847;@state-success-bg:#dff0d8;@state-success-border:darken(spin(@state-success-bg,-10),5%);@state-info-text:#3a87ad;@state-info-bg:#d9edf7;@state-info-border:darken(spin(@state-info-bg,-10),7%);// Tooltips // -------------------------@tooltip-max-width:200px;@tooltip-color:#fff;@tooltip-bg:#000;@tooltip-arrow-width:5px;@tooltip-arrow-color:@tooltip-bg;// Popovers // -------------------------@popover-bg:#fff;@popover-max-width:276px;@popover-border-color:rgba(0,0,0,.2);@popover-fallback-border-color:#ccc;@popover-title-bg:darken(@popover-bg,3%);@popover-arrow-width:10px;@popover-arrow-color:#fff;@popover-arrow-outer-width:(@popover-arrow-width + 1);@popover-arrow-outer-color:rgba(0,0,0,.25);@popover-arrow-outer-fallback-color:#999;// Labels // -------------------------@label-default-bg:@gray-light;@label-primary-bg:@brand-primary;@label-success-bg:@brand-success;@label-info-bg:@brand-info;@label-warning-bg:@brand-warning;@label-danger-bg:@brand-danger;@label-color:#fff;@label-link-hover-color:#fff;// Modals // -------------------------@modal-inner-padding:20px;@modal-title-padding:15px;@modal-title-line-height:@line-height-base;@modal-content-bg:#fff;@modal-content-border-color:rgba(0,0,0,.2);@modal-content-fallback-border-color:#999;@modal-backdrop-bg:#000;@modal-header-border-color:#e5e5e5;@modal-footer-border-color:@modal-header-border-color;// Alerts // -------------------------@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 // -------------------------@progress-bg:#f5f5f5;@progress-bar-color:#fff;@progress-bar-bg:@brand-primary;@progress-bar-success-bg:@brand-success;@progress-bar-warning-bg:@brand-warning;@progress-bar-danger-bg:@brand-danger;@progress-bar-info-bg:@brand-info;// List group // -------------------------@list-group-bg:#fff;@list-group-border:#ddd;@list-group-border-radius:@border-radius-base;@list-group-hover-bg:#f5f5f5;@list-group-active-color:#fff;@list-group-active-bg:@component-active-bg;@list-group-active-border:@list-group-active-bg;@list-group-link-color:#555;@list-group-link-heading-color:#333;// Panels // -------------------------@panel-bg:#fff;@panel-inner-border:#ddd;@panel-border-radius:@border-radius-base;@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-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;@panel-info-text:@state-info-text;@panel-info-border:@state-info-border;@panel-info-heading-bg:@state-info-bg;// Thumbnails // -------------------------@thumbnail-padding:4px;@thumbnail-bg:@body-bg-color;@thumbnail-border:#ddd;@thumbnail-border-radius:@border-radius-base;@thumbnail-caption-color:@text-color;@thumbnail-caption-padding:9px;// Wells // -------------------------@well-bg:#f5f5f5;// Badges // -------------------------@badge-color:#fff;@badge-link-hover-color:#fff;@badge-bg:@gray-light;@badge-active-color:@link-color;@badge-active-bg:#fff;@badge-font-weight:bold;@badge-line-height:1;@badge-border-radius:10px;// Breadcrumbs // -------------------------@breadcrumb-bg:transparent;@breadcrumb-color:#BDBDBD;@breadcrumb-active-color:#BDBDBD;@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-color:#000;@close-font-weight:bold;@close-text-shadow:0 1px 0 #fff;// Code // ------------------------@code-color:#c7254e;@code-bg:#f9f2f4;@pre-bg:#f5f5f5;@pre-color:@gray-dark;@pre-border-color:#ccc;@pre-scrollable-max-height:340px;// Type // ------------------------@text-muted:@gray-light;@abbr-border-color:@gray-light;@headings-small-color:@gray-light;@headings-color:@base-color;@blockquote-small-color:@gray-light;@blockquote-border-color:@gray-lighter;@page-header-border-color:@gray-lighter;// Miscellaneous // ------------------------- // Hr border color@hr-border:@gray-lighter;// Horizontal forms & lists@component-offset-horizontal:180px;// Container sizes // -------------------------------------------------- // Small screen / tablet@container-tablet:((720px +@grid-gutter-width));@container-sm:@container-tablet;// Medium screen / desktop@container-desktop:((940px +@grid-gutter-width));@container-md:@container-desktop;// Large screen / wide desktop@container-lg-desktop:((958px +@grid-gutter-width));@container-large-desktop:@container-lg-desktop;@container-lg:@container-large-desktop; // Media query variables.@tablet:~"screen and (min-width:@{screen-sm-min})";@normal:~"screen and (min-width:@{screen-md-min})";@wide:~"screen and (min-width:@{screen-lg-min})";// Drop shadows. .box-shadow(@shadow){-webkit-box-shadow:@shadow;-moz-box-shadow:@shadow;box-shadow:@shadow;}// Fixes anchors when using fixed position elements. //@see:http://stackoverflow.com/a/13881860 .anchor-fix(@top){h1,h2,h3,h4,h5,h6,a{&[name],&[id]{// Required by webkit. display:inline-block;margin-top:-((@top - 5px));padding-top:((@top - 5px));}}// Headers must sit below the rest of the content,negative margins makes the // preceeding elsements (above) it un-clickable. h1,h2,h3,h4,h5,h6{&[name],&[id]{position:relative;z-index:-1;}}}html{&.overlay-open .navbar-fixed-top{z-index:400;}&.js{// Collapsible fieldsets. fieldset.collapsed{height:auto;}// Throbbers. input.form-autocomplete{background-image:none;}}}body{// Fix horizontal scrolling on iOS devices. // http://drupal.org/node/1870076 position:relative;&.admin-expanded.admin-vertical.admin-nw .navbar,&.admin-expanded.admin-vertical.admin-sw .navbar{margin-left:260px;}// Add padding to body if various toolbar or navbars are fixed on top. &.navbar-is-fixed-top{padding-top:64px !important;.main-container{.anchor-fix(64px);}}&.navbar-is-fixed-bottom{padding-bottom:64px !important;}&.toolbar{padding-top:30px !important;.navbar-fixed-top{top:30px;}.main-container{.anchor-fix(30px);}&.navbar-is-fixed-top{padding-top:94px !important;.main-container{.anchor-fix(94px);}}&.navbar-is-fixed-bottom{padding-top:50px !important;.main-container{.anchor-fix(50px);}}}&.toolbar-drawer{padding-top:64px !important;.navbar-fixed-top{top:64px;}.main-container{.anchor-fix(64px);}&.navbar-is-fixed-top{padding-top:128px !important;.main-container{.anchor-fix(128px);}}&.navbar-is-fixed-bottom{padding-top:84px !important;.main-container{.anchor-fix(84px);}}}// Admin_menu toolbar. &.admin-menu{padding-top:65px !important;@media(min-width:@screen-sm-min){padding-top:22px !important;}@media(min-width:@screen-md-min){padding-top:0 !important;}.main-container{.anchor-fix(93px);}.navbar-fixed-top{top:29px;}&.navbar-is-fixed-top{.main-container{.anchor-fix(29px);}}}div#admin-toolbar{z-index:500;}// Override box-shadow styles on all "admin" menus. #toolbar,#admin-menu,#admin-toolbar{.box-shadow(none);}// Override #admin-menu style. #admin-menu{margin:0;padding:0;position:fixed;z-index:1100;.dropdown li{line-height:normal;}}}img{max-width:100%;height:auto;}// Default navbar. .navbar.container{@media@tablet{max-width:((@container-sm - 30px));}@media@normal{max-width:((@container-md - 30px));}@media@wide{max-width:((@container-lg - 30px));}margin-top:20px;> .container{margin:0;padding:0;width:auto;}}// Adjust z-index of core components. #overlay-container,.overlay-modal-background,.overlay-element,#toolbar{z-index:1500;}.footer{margin-top:45px;padding-top:35px;padding-bottom:36px;border-top:1px solid #E5E5E5;}// Element invisible fix .element-invisible{margin:0;padding:0;width:1px;}// Branding. .navbar .logo{margin-right:-15px;padding-left:15px;padding-right:15px;@media@tablet{margin-right:0;padding-left:0;}}// Navigation. ul.secondary{float:left;@media@tablet{float:right;}}// Page header. .page-header{margin-top:0;}// Blocks .block{h2.block-title{margin-top:0;}}// Paragraphs. p:last-child{margin-bottom:0;}// Help region. .region-help{> .glyphicon{font-size:@font-size-large;float:left;margin:-0.05em 0.5em 0 0;}.block{overflow:hidden;}}// Search form. form#search-block-form{margin:0;}.navbar #block-search-form{float:none;margin:5px 0 5px 5px;@media@normal{float:right;}}fieldset.search-advanced{padding-bottom:1.5em;margin-top:1em;}.navbar-search .control-group{margin-bottom:0px;}// Action Links ul.action-links{margin:@padding-base-horizontal 0;padding:0;li{display:inline;margin:0;padding:0@padding-base-vertical 0 0;}.glyphicon{padding-right:0.5em;}}// Form elements. input,textarea,select,.uneditable-input{max-width:100%;width:auto;}input.error{color:@state-danger-text;border-color:@state-danger-border;}fieldset legend.panel-heading{float:left;margin:0;}fieldset .panel-body{clear:both;}.form-actions{clear:both;}.resizable-textarea textarea{border-radius:@border-radius-base@border-radius-base 0 0;}.radio,.checkbox{&:first-child{margin-top:0;}&:last-child{margin-bottom:0;}}.help-block,.control-group .help-inline{color:@gray-light;font-size:12px;margin:5px 0 10px;padding:0;}.panel-heading{display:block;}a.tabledrag-handle .handle{height:auto;width:auto;}// Error containers. .error{color:@state-danger-text;}div.error,table tr.error{background-color:@state-danger-bg;color:@state-danger-text;}.control-group.error{background:none;label,.control-label{color:@state-danger-text;font-weight:600;}input,textarea,select,.uneditable-input{color:@input-color;border:1px solid@input-border;}.help-block,.help-inline{color:@text-color;}}// Lists .nav-tabs{margin-bottom:10px;}ul li.collapsed,ul li.expanded,ul li.leaf{list-style:none;list-style-image:none;}.tabs--secondary{margin:0 0 10px;}// Submitted .submitted{margin-bottom:1em;font-style:italic;font-weight:normal;color:#777;}// Password strength indicator. .password-strength{width:17em;float:right;margin-top:1.4em;}.password-strength-title{display:inline;}.password-strength-text{float:right;font-weight:bold;}.password-indicator{background-color:darken(@input-color-placeholder,2%);height:0.3em;width:100%;div{height:100%;width:0%;background-color:@input-color-placeholder;}}input.password-confirm,input.password-field{width:16em;margin-bottom:0.4em;}div.password-confirm{float:right;margin-top:1.5em;visibility:hidden;width:17em;}div.form-item div.password-suggestions{padding:0.2em 0.5em;margin:0.7em 0;width:38.5em;border:1px solid #B4B4B4;}div.password-suggestions ul{margin-bottom:0;}.confirm-parent,.password-parent{clear:left;margin:0;width:36.3em;}// Progress bar. .progress-wrapper .progress{margin-bottom:10px;}// Views AJAX pager. .pagination ul > li > a{&.progress-disabled{float:left;}}// Autocomplete and throbber .form-autocomplete{.glyphicon{color:@gray-light;font-size:120%;&.glyphicon-spin{color:@brand-primary;}}.input-group-addon{background-color:rgb(255,255,255);}}// AJAX "Throbber". .ajax-progress{.glyphicon{font-size:90%;margin:0 -.25em 0 0.5em;}}.glyphicon-spin{display:inline-block;-moz-animation:spin 1s infinite linear;-o-animation:spin 1s infinite linear;-webkit-animation:spin 1s infinite linear;animation:spin 1s infinite linear;}a .glyphicon-spin{display:inline-block;text-decoration:none;}@-moz-keyframes spin{0%{-moz-transform:rotate(0deg);}100%{-moz-transform:rotate(359deg);}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);}100%{-webkit-transform:rotate(359deg);}}@-o-keyframes spin{0%{-o-transform:rotate(0deg);}100%{-o-transform:rotate(359deg);}}@-ms-keyframes spin{0%{-ms-transform:rotate(0deg);}100%{-ms-transform:rotate(359deg);}}@keyframes spin{0%{transform:rotate(0deg);}100%{transform:rotate(359deg);}}.glyphicon-refresh{-webkit-transform-origin:50% 57%;-moz-transform-origin:50% 57%;-ms-transform-origin:50% 57%;-o-transform-origin:50% 57%;transform-origin:50% 57%;}.tabbable{margin-bottom:20px;}.tabs-below,.tabs-left,.tabs-right{> .nav-tabs{border-bottom:0;.summary{color:@nav-disabled-link-color;font-size:@font-size-small;}}}.tab-pane > .panel-heading{display:none;}.tab-content > .active{display:block;}// Below. .tabs-below{> .nav-tabs{border-top:1px solid@nav-tabs-border-color;> li{margin-top:-1px;margin-bottom:0;> a{border-radius:0 0@border-radius-base@border-radius-base;&:hover,&:focus{border-top-color:@nav-tabs-border-color;border-bottom-color:transparent;}}}> .active{> a,> a:hover,> a:focus{border-color:transparent@nav-tabs-border-color@nav-tabs-border-color@nav-tabs-border-color;}}}}// Left and right tabs. .tabs-left,.tabs-right{> .nav-tabs{padding-bottom:20px;width:220px;> li{float:none;&:focus{outline:0;}> a{margin-right:0;margin-bottom:3px;&:focus{outline:0;}}}}> .tab-content{border-radius:0@border-radius-base@border-radius-base@border-radius-base;.box-shadow(0 1px 1px rgba(0,0,0,.05));border:1px solid@nav-tabs-border-color;overflow:hidden;padding:10px 15px;}}// Left tabs. .tabs-left{> .nav-tabs{float:left;margin-right:-1px;> li > a{border-radius:@border-radius-base 0 0@border-radius-base;&:hover,&:focus{border-color:@nav-tabs-link-hover-border-color@nav-tabs-border-color@nav-tabs-link-hover-border-color@nav-tabs-link-hover-border-color;}}> .active > a,> .active > a:hover,> .active > a:focus{border-color:@nav-tabs-border-color transparent@nav-tabs-border-color@nav-tabs-border-color;.box-shadow(-1px 1px 1px rgba(0,0,0,.05));}}}// Right tabs. .tabs-right{> .nav-tabs{float:right;margin-left:-1px;> li > a{border-radius:0@border-radius-base@border-radius-base 0;&:hover,&:focus{border-color:@nav-tabs-link-hover-border-color@nav-tabs-link-hover-border-color@nav-tabs-link-hover-border-color@nav-tabs-border-color;.box-shadow(1px 1px 1px rgba(0,0,0,.05));}}> .active > a,> .active > a:hover,> .active > a:focus{border-color:@nav-tabs-border-color@nav-tabs-border-color@nav-tabs-border-color transparent;}}}// Checkbox cell fix. th.checkbox,td.checkbox,th.radio,td.radio{display:table-cell;}// Views UI fixes. .views-display-settings{.label{font-size:100%;color:#666666;}.footer{padding:0;margin:4px 0 0 0;}} // Renders a highlighted block. // Example usages in the collection fullpage or committee fullpage gallery. .highlighted-sidebar{background-color:#004983;border-radius:10px;color:white;float:right;margin-left:2.5rem;margin-right:2.5rem;max-width:250px;min-width:200px;padding:1.5rem 1.5rem;> h2{color:white;margin-top:0;font-size:1.7rem;font-weight:bold;}a{color:#ff8c00;&:hover{color:#e87e04;}}}// Renders a matrix of images. // Example usages in the collection fullpage or committee fullpage gallery. .media-gallery{.field-items{display:flex;flex-wrap:wrap;justify-content:space-between;.field-item{img{margin:auto;}}}.field-name-field-title{font-size:1.1rem;text-align:center;}} // Theme specific.// This file holds styles for header and its content .header-wrapper{#gradient .vertical(@top-bg-color,#ebebeb,83%,83%);}// Above Header #above-header{line-height:33px;}#above-header .region{text-align:center;&.region-header-left{@media(min-width:@screen-sm-min){text-align:left;}}&.region-header-right{@media(min-width:@screen-sm-min){text-align:right;}}}#above-header .block h2{display:none;}// Locale block #block-locale-language{background-color:none;font-size:10px;height:35px;line-height:35px;margin-bottom:0;ul{.list-inline;li{@media(min-width:@screen-sm-min) and (max-width:@screen-sm-max){padding-right:0;}a{color:@language-link-color;font-weight:700;text-decoration:none;&.active{color:@language-link-hover-color;}&:hover{color:@language-link-hover-color;}}}}}#block-locale-language-content{background-color:none;font-size:9px;height:35px;line-height:35px;margin-bottom:0;ul{.list-inline;li{@media(min-width:@screen-sm-min) and (max-width:@screen-sm-max){padding-right:0;}a{color:@language-link-color;font-weight:500;text-decoration:none;&.active{color:@language-link-hover-color;}&:hover{color:@language-link-hover-color;}}}}}#block-locale-language ul > li.pt{display:none;}// Google search block #block-google-cse-google-cse{#google-cse-results-searchbox-form{display:none;}.gsc-search-box{line-height:20px;}.gsc-search-button{color:white;}}#block-google-cse-google-cse .form-item label{display:none;}.gsc-control-cse{display:none;}#edit-query{font-size:@font-size-small;height:auto;line-height:14px;padding:2px 1px 1px;width:145px;}#google-cse-results-searchbox-form #google-cse-results-gadget{display:none;}#google-cse-results-searchbox-form .btn{font-size:@font-size-small;padding:0 6px;}// Top right menu .region-header-right .block{@media(min-width:@screen-sm-min){float:right;}.menu li a:over{text-decoration:none;}#menu_login_member_states{background-color:@purple;}#menu_login_unescommunity{background-color:@orange;}#menu_login_staff{background-color:@brand-primary;}}.region-header-right .block .menu{.list-inline;li{padding:5px 0;width:78px;@media(min-width:@screen-md-min){width:89px;}a{background:none repeat scroll 0 0@brand-primary;color:#FFFFFF;display:block;font-size:10px;font-weight:bold;height:25px;line-height:25px;padding:0;text-align:center;}}}// Brand Header #brand-header{background:@header-bg-color url(/sites/all/themes/unesco/bunesco_common/bunesco_common/img/onu_logo_bg.png) no-repeat 98% 0;border-radius:5px;position:relative;padding-top:8px;}#header-logo{&.col{@media(max-width:@screen-sm-min){.make-xs-column(4);}@media(min-width:@screen-sm-min){float:left;padding-right:0;padding-left:8px;width:18%;}@media(min-width:@screen-md-min){width:14%;}.logo{display:block;margin-left:5px;}}}#header-content{&.col{//.make-sm-column(10);@media(max-width:@screen-sm-min){.make-xs-column(8);}@media(min-width:@screen-sm-min){float:left;padding-left:0;width:82%;}@media(min-width:@screen-md-min){width:86%;// try to use calculations}}}// Header content columns #site-name{&.col{// .make-sm-column(4);// .make-md-column(5);min-width:35%;float:left;}}#site-slogan{&.col{// .make-sm-column(7);// .make-sm-column-offset(1);// .make-md-column-offset(0);float:left;@media(min-width:@screen-sm-min){margin-left:8%;}}}#header-navigation{&.col{// .make-sm-column(10);.make-xs-column(12);@media(min-width:@screen-sm-min){padding-left:0;padding-right:0;width:82%;}@media(min-width:@screen-md-min){width:86%;}}}// Localization Variations .i18n-zh #site-name{&.col{// .make-sm-column(6);// .make-md-column(6);}}.i18n-zh #site-slogan{&.col{// .make-sm-column(5);// .make-md-column-offset(1);}}// --- #brand-header .navbar-brand{color:#fff;display:block;float:none;font-size:20px;padding:20px 0;@media(min-width:@screen-sm-min){font-size:35px;line-height:35px;padding:20px 0 10px 20px}@media(min-width:@screen-md-min){font-size:40px;line-height:40px;}}#brand-header .lead{font-family:@font-family-base;font-size:13px;font-style:italic;font-weight:400;@media(min-width:@screen-sm-min){font-size:@font-size-base;margin:29px 0 0;}@media(min-width:@screen-md-min){font-size:16px;}color:#FFF;text-shadow:1px 1px 0 #333;margin:0;&::after{content:'"';}&::before{content:'"';}} // This file holds styles for the site navigation // Main Menu #header-navigation ul.nav li{border-right:1px solid@top-bg-color;}#header-navigation ul.nav li.last{border-right:0;}#header-navigation ul.nav a{background:url(/sites/all/themes/unesco/bunesco_common/bunesco_common/img/menu-icons.png) no-repeat left;color:@navbar-default-link-color;font-size:@font-size-small;padding:11px 10px 11px 30px;@media(min-width:@screen-sm-min){padding:11px 10px 11px 21px;}@media(min-width:@screen-md-min){font-size:@font-size-base;padding:11px 25px 11px 25px;}text-shadow:#333 1px 1px 0px;text-transform:uppercase;}.i18n-ru #header-navigation ul.nav a{@media(min-width:@screen-md-min){padding:11px 10px 11px 20px;font-size:13px;// must be variable}}.i18n-fr #header-navigation ul.nav a{@media(min-width:@screen-md-min){font-size:14px;padding:11px 16px 11px 20px;}}#header-navigation ul.nav a .caret{display:none;}#header-navigation ul.nav li:hover,#header-navigation ul.nav li:focus{background:url(/sites/all/themes/unesco/bunesco_common/bunesco_common/img/menu-hover.png) no-repeat scroll 50% bottom rgba(0,0,0,0.2);}// Menu icons #header-navigation ul.nav a{&#info{background-position:0 0;}&#hand{background-position:0 -43px;}&#handshake{background-position:0 -83px;}&#news{background-position:0 -128px;}&#globe{background-position:0 -169px;}&#books{background-position:0 -210px;}&#folder{background-position:0 -255px;}}// Override navbar-default styles .navbar-clean{background-color:@navbar-default-bg;border-color:@navbar-default-border;&.navbar-inverse{background-color:@navbar-inverse-bg;}@media(min-width:@screen-sm-min){background:none;border-color:none;border-width:0;}}#main-navbar{@media(min-width:@screen-sm-min){padding-left:0;}}// Override default navbar dropdown menu #header-navigation .navbar-nav{ul.dropdown-menu li.dropdown-header{color:#0075d1;font-size:14px;}> li{&.first{> .dropdown-menu{min-width:260px;}}&.last{> .dropdown-menu{right:0;left:auto;}}> .dropdown-menu{background:@dropdown-bg;border-radius:0;.box-shadow(none);min-width:253px;@media (min-width:@screen-sm-min) and (max-width:@screen-md-min){min-width:185px;}li{border-right:none;height:auto;padding:0 0 0 10px;width:auto;&:hover{background:none;}span{color:@brand-primary;}a{background:url(/sites/all/themes/unesco/bunesco_common/bunesco_common/img/menu-arrow.png) no-repeat 0 center;border:1px solid@dropdown-bg;color:@dropdown-link-color;display:block;font-size:13px;height:auto;line-height:20px;padding:0 10px 0 25px;// text-align:left;text-transform:none;text-shadow:none;&:hover{background:url(/sites/all/themes/unesco/bunesco_common/bunesco_common/img/menu-arrow.png) no-repeat 0 center;border:1px solid darken(@dropdown-bg,19%);}// Icons for resources menu &.resources{background:url(/sites/all/themes/unesco/bunesco_common/bunesco_common/img/menu-resources.gif) no-repeat 0 center;padding:0.7em 0.5em 0.7em 40px;}&#bookshop{background-position:0 -260px;}&#conventions{background-position:0 -130px;}&#media-services{background-position:0 -70px;}&#multimedia{background-position:0 0;}&#statistics{background-position:0 -200px;}}}}}} // // Breadcrumbs // -------------------------------------------------- #breadcrumb-wrapper{min-height:21px;}.breadcrumb{padding:8px 15px 8px 15px;margin-bottom:0;list-style:none;background-color:@breadcrumb-bg;border-radius:@border-radius-base;> li{display:inline-block;font-size:(@font-size-base * 0.85);// ~12px + li:before{content:"@{breadcrumb-separator}\00a0";// Unicode space added since inline-block means non-collapsing white-space padding:0 2px;color:@breadcrumb-color;}> a{color:@breadcrumb-color;}}> .active{color:@breadcrumb-active-color;}} #block-views-front-description-higlights h2.block-title{display:none;}.view-display-id-front_banner_top,.view-id-site_page_banners{.list-unstyled{margin-bottom:0;.views-row{margin-bottom:8px;&.views-row-last{margin-bottom:0;}}}}.carousel{padding:0 40px 20px 40px;.carousel-inner{.item{.title{a{color:@orange;display:block;font-size:@font-size-small;font-weight:bold;text-align:center;}}}}.carousel-control{background-image:url(/sites/all/themes/unesco/bunesco_common/bunesco_common/img/carousel-arrows.png);display:block;height:12px;opacity:1;overflow:hidden;text-shadow:none;text-indent:-9999px;top:52%;width:7px;&.left{background-position:0 -12px;left:10px;}&.right{right:10px;}}}@media only screen and (max-width:@screen-tablet){}// temporary added by denix. 10 sept 2015 to allow full size banner for 70 anniversary in event highlight // temporary added by denix. 30 oct 2017 to allow full size banner for General Conference //#block-views-events-block-1 .view-display-id-event_highlight .field-name-field-copy{// display:none;//}//#block-views-events-block-1 .view-display-id-event_highlight .views-row-1 .views-field-nothing{// display:none;//}//#block-views-events-block-1 .views-block-listing .with-media-horizontal .views-row-1 > div{// max-width:329px;//}#block-views-events-block-1 .block-title{border:none;} body{background:#ebebeb;// must be a variable font-family:Arial,Helvetica,'Nimbus Sans L',sans-serif;margin:0;&.admin-menu{// fix for ckeditor links when using admin menu (submit PATCH) .main-container{.cke_editor a{margin-top:0;padding-top:0;}}}}.white-well{background:white;border-radius:5px;.box-shadow(0 2px 2px 0 #bbb);margin-bottom:@grid-gutter-width;padding:10px;position:relative;&.well-xs{padding:15px;}}.subtheme.white-well{// TODO:font-size:13px,line-height:16px .clearfix;margin-bottom:8px;padding:5px;text-align:left;@media(min-width:@screen-sm-min) and (max-width:@screen-md-min){text-align:center;}.media{float:left;margin-right:15px;@media(min-width:@screen-sm-min) and (max-width:@screen-md-min){float:none;margin-right:0;}}.title{@media(min-width:@screen-md-min){float:left;width:45%;}a{color:@base-color-darker;font-size:@font-size-small;font-weight:bold;}}}h1#page-title{margin-bottom:20px;margin-top:10px;padding-top:0;text-align:center;z-index:0;}.page-node .field-name-field-subtitle{color:@blue;text-align:center;text-transform:uppercase;}h2.block-title{border-bottom:1px solid@brand-primary;color:@brand-primary;font:bold 13px Arial,Helvetica,"Nimbus Sans L",sans-serif;padding-bottom:10px;text-transform:uppercase;}.region-sidebar-second h2.block-title{text-align:center;}.view-id-events.view-display-id-block_1{// temporary .view-header{font-size:@font-size-small;position:absolute;right:12px;top:9px;a{color:@base-color-darker;}}}.view-id-news.view-display-id-front_news_block{// temporary .more-link{font-size:@font-size-small;position:absolute;right:12px;top:9px;a{color:@base-color-darker;}}}.view-display-id-front_news_attach_news_big .views-field-body{font-size:@font-size-small;}.small-list ul{padding-left:16px;li{font-size:13px;margin-bottom:10px;&.views-row-last,&.last{margin-bottom:0;}}}.views-generic-listing{.views-row{border-bottom:1px solid #7a7a7a;padding:10px 0;}.views-row.views-row-last{border-bottom:none;}.title a{color:@top-bg-color;// must be equivalent to header-wrapper color font-weight:bold;}.read-more{text-align:right;}.read-more a{font-weight:bold;}}.views-block-listing-highlight{}.views-block-listing{ul{padding:0;margin:0;}.views-row{min-height:70px;list-style:none inside;padding:10px 0;border-bottom:1px solid #7A7A7A;// must be variable? .when,.where{color:@base-color;font-size:10px;text-transform:uppercase;}.title{a{text-decoration:none;color:@base-color-darker;font-weight:bold;}}}.with-media-vertical{border-bottom:1px solid #7A7A7A;// must be variable? text-align:center;@media (min-width:@screen-sm-min){text-align:left;}.views-row-first{padding-top:0;}}.with-media-horizontal{border-bottom:1px solid #7A7A7A;// must be variable? .views-row{> div{display:inline-block;max-width:150px;@media(min-width:@screen-lg-min){max-width:160px;}vertical-align:top;&:first-child{margin-right:3px;@media(min-width:@screen-lg-min){display:inline-block;}}@media(max-width:@screen-lg-min){.when{display:inline-block;&::after{content:'-';margin-left:5px;}}.where{display:inline-block;}}}}}&.with-attachement{.attachment-before{@media(min-width:@screen-sm-min){float:left;vertical-align:top;width:48%;}}> .attachment-before + .view-content{@media(min-width:@screen-sm-min){float:right;width:50%;}}}&.hide-attachement{.attachment-before{display:none;}}.views-row.views-row-first{// border-top:1px solid #7A7A7A;need to think about that}.views-row.views-row-last{border-bottom:none;}}.views-block-publication-horizontal{.views-row{float:left;text-align:center;width:25%;padding-top:10px;.media{height:150px;position:relative;}.title{a{text-decoration:none;color:@base-color-darker;font-weight:bold;}}}}aside[role=complementary] iframe[src~=youtube]{width:100%;}.sharethis-buttons{text-align:right;margin-top:1.2em;}.views-block-publication-vertical{.views-row{border-bottom:1px solid #7A7A7A;// must be variable? padding:10px 0;@media(min-width:@screen-sm-min) and (max-width:@screen-lg-min){text-align:center;}> div{display:inline-block;max-width:60%;@media(min-width:@screen-sm-min){max-width:100px;}vertical-align:top;&:first-child{margin-right:3px;}}.media{position:relative;}.title{a{text-decoration:none;color:#212121;// must be variable? font-size:@font-size-small;font-weight:bold;}}&.views-row-last{border-bottom:none;}}@media(min-width:@screen-sm-min) and (max-width:@screen-lg-min){.views-row{padding-top:10px;.media{height:150px;position:relative;}.title{a{text-decoration:none;color:@base-color-darker;font-weight:bold;}}}}@media(max-width:@screen-sm-max){.img_100 > img{max-height:150px;max-width:100px;}}}.embedded-video .player{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;max-width:100%;}.embedded-video .player iframe,.embedded-video .player object,.embedded-video .player embed{position:absolute;top:0;left:0;width:100%;height:100%;}.views-block-gallery{.media{margin-bottom:10px;position:relative;a{color:#a8a8a8;// grey-light or similar font-weight:bold;font-size:@font-size-small;}.field-name-field-title{background:none repeat scroll 0 0 #000000;display:block;opacity:0.9;padding:10px 0 5px;position:absolute;text-indent:5px;width:100%;top:0;}.field-name-field-caption{background:none repeat scroll 0 0 #000000;bottom:0;display:block;opacity:0.9;padding:10px 0 5px;position:absolute;text-indent:5px;width:100%;z-index:1;}.field-name-field-copy{bottom:5px;color:#FFFFFF;display:block;font-size:9px;position:absolute;right:5px;z-index:0;}}}.attachment{.views-block-gallery{//text-align:center;.views-row{display:inline-block;width:32%;.media{a{display:block;position:relative;}.field-name-field-copy{bottom:0;color:#FFFFFF;font-size:9px;position:absolute;right:4px;}}}}}.views-block-slideshow .view-footer{font-size:@font-size-small;margin-top:8px;text-align:right;a{color:@base-color-darker;text-decoration:underline;}}.views-block-slideshow .jcarousel-container-horizontal{height:auto;max-height:332px;margin:auto;max-width:688px;padding:0px;width:auto;z-index:0;a.jcarousel-prev,a.jcarousel-next{display:none;}.jcarousel-clip-horizontal{overflow:hidden;width:100%;.jcarousel-list-horizontal{li{border:none;height:auto;max-height:330px;padding:0;margin:0;overflow:hidden;position:relative;.media{position:relative;}.title{background:black;color:white;position:absolute;width:100%;bottom:0px;left:0;z-index:2;opacity:0.9;padding:10px 0 10px 10px;text-align:left;font:15px Helvetica,Arial,"Nimbus Sans L",sans-serif;margin:0;a{color:white;font-size:16px;font-weight:bold;line-height:normal;opacity:1;}}}}}.jcarousel-navigation{top:5px;position:absolute;right:5px;z-index:3;li{padding:0;margin:0;list-style:none inside;a{display:block;float:left;width:12px;height:12px;border:1px solid black;color:white;background-color:#0077D4;span{padding-bottom:1px;display:none;}}&.active a{background-color:#E67108;}}}}// Slider Navigation .views-block-slideshow .views-slideshow-controls-top{position:absolute;right:5px;top:5px;z-index:10;}.views-block-slideshow .views-slideshow-controls-top .widget_pager{}.views-block-slideshow .views-slideshow-controls-top .widget_pager .views-slideshow-pager-field-item{float:left;}.views-block-slideshow .views-slideshow-controls-top .widget_pager .views-slideshow-pager-field-item > div{display:block;width:12px;height:12px;border:1px solid black;color:white;background-color:#0077D4;text-indent:-9999px;overflow:hidden;}.views-block-slideshow .views-slideshow-controls-top .widget_pager .views-slideshow-pager-field-item.active > div{background-color:#E67108;}.views-block-slideshow .skin-default{height:auto;margin:auto;max-width:688px;padding:0px;position:relative;width:auto;z-index:0;}.views-block-slideshow .skin-default .views_slideshow_main{overflow:hidden;width:100%;}.views-slideshow-cycle-main-frame,.views-slideshow-cycle-main-frame-row,.views-slideshow-cycle-main-frame-row img{width:100% !important;// BAD Wolf}// Items .views_slideshow_main .views_slideshow_slide{}.views_slideshow_main .views_slideshow_slide .media{}.views-block-slideshow .views_slideshow_main .views_slideshow_slide .title{background:rgba(0,0,0,0.9);bottom:0px;color:#FFF;font-family:@font-family-sans-serif;font-size:@font-size-small;@media(min-width:@screen-sm-min){font-size:16px;}left:0;margin:0;padding:10px;position:absolute;text-align:left;z-index:2;width:100%;}.views-block-slideshow .views_slideshow_main .views_slideshow_slide .title a{color:#FFF;font-weight:bold;line-height:normal;opacity:1;}.leaflet-tile.leaflet-tile-loaded{top:-25px;}.views-accordion-header{background:#D5D6D4;// set variable font-size:@font-size-small;}#block-views-front-description-block{.block-title{display:none;}.views-row{overflow:hidden;}}.ui-widget{font-family:Verdana,Arial,sans-serif;font-size:1.1em;}.ui-widget .ui-widget{font-size:1em;}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Verdana,Arial,sans-serif;font-size:1em;}.ui-widget-content{background:url(/sites/all/themes/unesco/bunesco_common/bunesco_common/less/images/ui-bg_flat_75_ffffff_40x100.png) repeat-x scroll 50% 50% #FFFFFF;border:1px solid #AAAAAA;color:#222222;}.ui-widget-content a{color:@link-color;}.ui-widget-header{background:url(/sites/all/themes/unesco/bunesco_common/bunesco_common/less/images/ui-bg_highlight-soft_75_cccccc_1x100.png) repeat-x scroll 50% 50% #CCCCCC;border:1px solid #AAAAAA;color:#222222;font-weight:bold;}.ui-widget-header a{color:#222222;}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{border:1px solid #D3D3D3;color:#555555;// set variable font-weight:normal;}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited{color:#555555;// set variable text-decoration:none;}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus{background:#D5D6D4;// set variable border:1px solid #999999;color:#212121;// set variable font-weight:normal;}.ui-state-hover a,.ui-state-hover a:hover{color:#212121;text-decoration:none;}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active{border:1px solid #AAAAAA;color:#212121;font-weight:normal;}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#212121;text-decoration:none;}.ui-widget *:active{outline:medium none;}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{background:url(/sites/all/themes/unesco/bunesco_common/bunesco_common/less/images/ui-bg_glass_55_fbf9ee_1x400.png) repeat-x scroll 50% 50% #FBF9EE;border:1px solid #FCEFA1;color:#363636;}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#363636;}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{background:url(/sites/all/themes/unesco/bunesco_common/bunesco_common/less/images/ui-bg_glass_95_fef1ec_1x400.png) repeat-x scroll 50% 50% #FEF1EC;border:1px solid #CD0A0A;color:#CD0A0A;}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#CD0A0A;}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#CD0A0A;}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold;}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{font-weight:normal;opacity:0.7;}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{background-image:none;opacity:0.35;}.ui-icon{}.ui-accordion .ui-accordion-content{.box-sizing(content-box);@media(min-width:@screen-sm-min){padding:0.4em 0.6em;}@media(min-width:@screen-md-min){padding:1em 2.2em}}.ui-accordion-content .body{display:block;font-size:@font-size-small;ul{margin:0;padding:0;}}.ui-accordion-content .media{position:relative;text-align:center;.field.field-name-field-caption{background:none repeat scroll 0 0 rgba(255,255,255,0.7);bottom:0;font-size:@font-size-small;left:0;padding:5px 10px;position:absolute;text-align:center;width:100%;z-index:3;a{color:@blue-dark;}}}.paragraphs-items .field-name-field-map-title{font-weight:bold;font-size:1.1rem;text-align:center;} // This file holds styles for the footer and its content #footer-wrapper{background:@footer-bg-color;border-top:10px solid@footer-border-color;padding:32px 0;width:100%;}#footer-wrapper #footer{text-align:center;}#footer-wrapper #footer h2.block-title{border-bottom:none;color:@footer-text-color;font:small-caps 17.5px@font-family-serif;margin-bottom:4px;}#footer-wrapper #footer ul.menu{display:block;margin:0 auto;padding:0;}#footer-wrapper #footer ul.menu li{border-right:1px solid #FFFFFF;display:inline-block;padding:0 10px;list-style:none inside none;margin:0;}#footer-wrapper #footer ul.menu li.last{border-right:0;}#footer-wrapper #footer ul.menu li a{color:@footer-link-color;display:block;font-size:11px;font-weight:normal;padding:0;}#footer-wrapper #footer ul.menu li a:hover{background:none;text-decoration:underline;} #block-menu-menu-social-media{padding:0;position:absolute;right:-51px;width:43px;top:0;.block-title{display:none;}.menu{background:none;float:left;padding:0;.menu{border:none;li{&.first{a{border-top-left-radius:0;border-top-right-radius:0;}}&.last{a{border-bottom-left-radius:5px;border-bottom-right-radius:5px;}}}}li{border-bottom:1px solid #d6d6d6;display:block;height:45px;margin:0;padding:0;width:44px;.menu{display:none;}&.first{a{border-top-left-radius:5px;border-top-right-radius:5px;}}&.last{border-bottom:none;height:44px;}&.expanded{&.nolink{background:none repeat scroll 0 0 #d1d1d0;color:#004d79;cursor:pointer;display:block;font-weight:bold;font-size:18px;text-align:center;height:24px;span{display:block;height:24px;&:hover{text-decoration:underline;}}}}span{line-height:15px;}a{background:url(/sites/all/themes/unesco/bunesco_common/bunesco_common/img/icons-social.png) no-repeat;display:block;height:44px;overflow:hidden;text-indent:-119988px;padding-left:0;width:44px;&#share-facebook{background-position:0 -352px;}&#share-twitter{background-position:0 -176px;}&#share-itunes{background-position:0 -88px;}&#share-youtube{background-position:0 -220px;}&#share-google{background-position:0 -132px;}&#share-vkontakte{background-position:0 -264px;}&#share-weibo{background-position:0 -44px;}&#share-linkedIn{background-position:0 -308px;}&#share-rss{background-position:0 0;}&#share-instagram{background-position:0 -396px;}&#share-respect{background:url(/sites/all/themes/unesco/bunesco_common/bunesco_common/img/respectzone.png) no-repeat;}}}}}.main-container{#block-menu-menu-social-media{a{margin-top:0;padding-top:0;}}}.col-sm-9{#block-menu-menu-social-media{padding:0;position:absolute;right:-300px;top:0;width:43px;}} .page-photo-galleries,.page-video-galleries{.view-photo-gallery,.view-video-gallery{.view-content{@media(min-width:@screen-sm-min){padding:0 28px;}@media (min-width:@screen-md-min){padding:0 41px;}}.views-row{float:left;padding:5px;@media(min-width:@screen-md-min) and (max-width:@screen-md-max){padding:3px;}@media (max-width:@screen-xs-max){width:50%;}.thumbnail{max-height:280px;min-height:280px;}}}.view-display-id-attachment_2{.field-name-field-caption,.field-name-field-copy{color:white;}}.view-footer{clear:both;}}.page-photo-galleries,.page-video-galleries{.view-photo-gallery,.view-video-gallery{.attachment-before{.view-content{padding:0;.views-row{float:none;margin-bottom:20px;width:100%;}}}}}.page-photo-galleries,.page-video-galleries{.view-photo-gallery .views-row ul,.view-video-gallery .views-row ul{.list-unstyled;margin-bottom:0;}}.page-photo-galleries,.page-video-galleries{.view-photo-gallery img,.view-video-gallery img{.img-rounded;@media (max-width:@screen-xs-max){height:auto;max-height:100%;}}}#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;}#cboxOverlay{position:fixed;width:100%;height:100%;}#cboxMiddleLeft,#cboxBottomLeft{clear:left;}#cboxContent{position:relative;}#cboxLoadedContent{overflow:auto;}#cboxTitle{margin:0;}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%;}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer;}.cboxPhoto{float:left;margin:auto;border:0;display:block;}.cboxIframe{width:100%;height:100%;display:block;border:0;}#colorbox,#cboxContent,#cboxLoadedContent{-moz-box-sizing:content-box;box-sizing:content-box;}#cboxOverlay{background:#000;}#colorBox{}#cboxWrapper{background:#fff;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}#cboxTopLeft{width:15px;height:15px;}#cboxTopCenter{height:15px;}#cboxTopRight{width:15px;height:15px;}#cboxBottomLeft{width:15px;height:10px;}#cboxBottomCenter{height:10px;}#cboxBottomRight{width:15px;height:10px;}#cboxMiddleLeft{width:15px;}#cboxMiddleRight{width:15px;}#cboxContent{background:#fff;overflow:hidden;font:12px "Lucida Grande",Verdana,Arial,sans-serif;}#cboxError{padding:50px;border:1px solid #ccc;}#cboxLoadedContent{margin-bottom:28px;}#cboxTitle{position:absolute;background:rgba(255,255,255,0.7);bottom:28px;left:0;color:#535353;width:100%;padding:4px;}#cboxCurrent{position:absolute;bottom:4px;left:60px;color:#949494;}.cboxSlideshow_on #cboxSlideshow{position:absolute;bottom:0px;right:30px;background:url(/sites/all/themes/unesco/bunesco_common/bunesco_common/img/controls.png) -75px -50px no-repeat;width:25px;height:25px;text-indent:-9999px;}.cboxSlideshow_on #cboxSlideshow:hover{background-position:-101px -50px;}.cboxSlideshow_off #cboxSlideshow{position:absolute;bottom:0px;right:30px;background:url(/sites/all/themes/unesco/bunesco_common/bunesco_common/img/controls.png) -49px -50px no-repeat;width:25px;height:25px;text-indent:-9999px;}.cboxSlideshow_off #cboxSlideshow:hover{background-position:-25px -50px;}#cboxPrevious{position:absolute;bottom:0;left:0;background:url(/sites/all/themes/unesco/bunesco_common/bunesco_common/img/controls.png) -75px 0px no-repeat;width:25px;height:25px;text-indent:-9999px;}#cboxPrevious:hover{background-position:-75px -25px;}#cboxNext{position:absolute;bottom:0;left:27px;background:url(/sites/all/themes/unesco/bunesco_common/bunesco_common/img/controls.png) -50px 0px no-repeat;width:25px;height:25px;text-indent:-9999px;}#cboxNext:hover{background-position:-50px -25px;}#cboxLoadingOverlay{background:#fff;}#cboxLoadingGraphic{background:url(/sites/all/themes/unesco/bunesco_common/bunesco_common/img/loading_animation.gif) center center no-repeat;}#cboxClose{position:absolute;bottom:0;right:0;background:url(/sites/all/themes/unesco/bunesco_common/bunesco_common/img/controls.png) -25px 0px no-repeat;width:25px;height:25px;text-indent:-9999px;}#cboxClose:hover{background-position:-25px -25px;}.cboxIE6 #cboxTitle{background:#fff;} .paragraphs-items-field-docs.paragraphs-items-field-docs-full.paragraphs-items-full .paragraphs-item-download > .container{width:100%;}.entity-paragraphs-item.paragraphs-item-download-block{margin-bottom:2rem;}.paragraphs-item-embeded{iframe{width:100%;}.wrapper-iframe{position:relative;width:100%;height:0;padding-bottom:51%;box-shadow:5px 5px 13px black;}.wrapper-iframe iframe{position:absolute;width:100%;height:100%;left:0;top:0;}} // Styles per content type.field-name-field-media-image{position:relative;margin-bottom:10px;.field-name-field-copy,.field-name-field-caption{// works for news page too bottom:0;padding:10px 0;line-height:11px;position:absolute;font-size:11px;text-indent:5px;}.field-name-field-caption{background:none repeat scroll 0 0 #FFF;display:block;float:left;opacity:0.9;width:100%;}.field-name-field-copy{padding-right:10px;right:0;}}.event-description{margin:15px 0;}.field-group-format .field{margin-bottom:7px;}.page-events{.views-table{&.table{table-layout:fixed;}}.media{border-bottom:1px solid #e5e5e5;padding-bottom:10px;}.date-display-range{float:left;}} .node-type-dataset{.field-item{display:inline;&:after{content:",";}}} .node-type-hub{p{margin:10px;font-size:16px;}.node-hub-layout>.row>.col-sm-12{padding-left:0;padding-right:0;}.titles-wrapper{text-align:left;position:relative;clear:both;margin:2em 0 1em 0;h3{color:@blue;display:block;padding-bottom:12px;border-bottom:1px solid@blue;padding-left:5px;text-transform:uppercase;font-size:13px;}span.h4{color:@blue-light;text-transform:uppercase;font-size:smaller;}h4{display:block;color:@blue-light;text-transform:uppercase;font-size:13px;}a.donate{position:absolute;top:-12px;right:0;}}#unesco-engage{padding-bottom:20px;background-color:#ebebeb;.titles-wrapper{padding-top:0;margin-top:0;}.content-wrapper{background-color:#ebebeb;padding:0 10px;h4{color:black;font-size:1.2em;}}}.entity-paragraphs-item{text-align:left;position:relative;margin:2em 0 1em 0;}.view-PressRoom>.paragraphs-items{clear:both;}#unesco-engage,.view-PressRoom{position:relative;float:left;margin-bottom:5em;width:100%;.row{background-color:transparent;}.thumbnail{border:none;background-color:transparent;min-height:320px;}}.entity-paragraphs-item{position:relative;.row{margin-left:0;margin-right:0;}.field-name-field-para-link{a{color:white;}position:absolute;top:-10px;right:0px;color:#fff;background-color:@blue;display:inline-block;margin-bottom:0;text-align:center;white-space:nowrap;vertical-align:middle;cursor:pointer;background-image:none;border:1px solid transparent;padding:6px 12px;border-radius:4px;width:auto;}}.field-name-field-hub-social{ul{list-style-type:none;padding:0px;li{float:left;margin-right:5px;}}}#main-image-wrapper .col-md-3{position:absolute;top:165px;left:20px;background-color:#ebebeb;opacity:0.7;padding:0px 10px 8px 10px;}.paragraphs-item-unesco-views-by-tags{margin-left:0;margin-right:0;}#hub-footer{background-color:#ebebeb;color:black;position:relative;float:left;padding-bottom:20px;h2{color:black;}}.view-PressRoom{position:relative;h2{font-size:@font-size-base;a{color:black;}}.more-link{position:absolute;top:-54px;right:0;color:#fff;background-color:@blue;display:inline-block;margin-bottom:0;text-align:center;white-space:nowrap;vertical-align:middle;cursor:pointer;background-image:none;border:1px solid transparent;padding:6px 12px;border-radius:4px;a{color:white;}}.view-display-id-block_pressroom_brolls{.thumbnail{min-height:320px;border:none;.caption .btn{float:left;}}}.broll-share{position:absolute;bottom:0;width:85%;a{display:block;float:left;}.sharethis-buttons{float:right;margin-top:0;}}}.view-display-id-block_pressroom_careers{.views-row{width:100%;padding:0;}.more-link{position:absolute;top:-33px;right:0;color:#fff;background-color:@blue;display:inline-block;margin-bottom:0;text-align:center;white-space:nowrap;vertical-align:middle;cursor:pointer;background-image:none;border:1px solid transparent;padding:2px 4px;border-radius:4px;}}}.view-display-id-pressroom_brolls{.media{margin-bottom:2em;.field-name-field-video-languages,.field-tags{.field-items .field-item,span{float:left;}}.field-name-field-video-languages{&:after{content:',';}}.broll-share{position:relative;a{display:block;float:left;}.sharethis-buttons{float:right;margin-top:0;}}}} .node-type-article{.field-name-field-date{font-weight:bold;font-size:small;float:left;}.field-name-field-postal-address{font-weight:bold;font-size:small;.addressfield-citystate{padding:1em;}}.field-name-field-id{font-size:small;float:right;}.field-name-field-contacts{margin-top:10px;.contact_field_name{font-weight:bold;}}h1#page-title{text-align:left;}.block-views h2.block-title,.block-menu h2.block-title{text-align:left;}.field-name-field-media-image,.media-img_copy_960x350,.media-file_styles_img_copy_cpt_688x358{position:relative;margin-bottom:10px;.field-name-field-copy,.field-name-field-caption{// works for news page too bottom:0;padding:10px 0;line-height:11px;position:absolute;font-size:11px;text-indent:5px;}.field-name-field-caption{background:none repeat scroll 0 0 #FFF;display:block;float:left;opacity:0.9;width:100%;}.field-name-field-copy{padding-right:10px;right:0;}}}.node-type-article.i18n-ar{h1#page-title,h2.block-title{text-align:right;}} //.node-project-layout{.views-row a{color:#004983;font-weight:bold;}.row{margin:0;}.field,.block{margin-bottom:20px;}.field-label{border-bottom:1px solid@brand-primary;color:@brand-primary;font:bold 13px Arial,Helvetica,"Nimbus Sans L",sans-serif;padding-bottom:10px;text-transform:uppercase;margin-bottom:10px;}.field-name-field-project-cover-media{margin:0 -8px;}.field-name-field-project-logo{.white-well;top:-10px;position:relative;text-align:center;img{max-width:95%;max-height:200px;}}.field-name-field-project-cover-media{.file-image{img{width:100%;height:auto;}}.field-type-text{display:none;}}.col-sm-3 #block-views-project-navigation-block{.white-well;padding:0;margin:20px 0 20px 0;.view-content{.item-list > ul{margin:0;padding:0;& > li{list-style:none;margin:0;padding:0;border-bottom:1px solid #ddd;&.views-row-last{border-bottom:none;}a{display:block;padding:10px;&.active{background:white;color:black;}}}}}}.col-sm-9 #block-views-project-navigation-block{width:200px;float:right;.white-well;background:@gray-lighter;padding:0;margin:20px 0 20px 20px;.view-content{.item-list > ul{margin:0;padding:0;& > li{list-style:none;margin:0;padding:0;border-bottom:1px solid #ddd;&.views-row-last{border-bottom:none;}a{display:block;padding:10px;&.active{background:white;color:black;}}}}}}.project-main{padding-top:16px;}#block-views-project-in-focus-block{.project-news-infocus-media{img{max-width:100%;height:auto;}}.project-news-infocus-content{padding-top:4px;h3{margin-top:4px;}}}#block-views-project-news-block{.views-field-field-media-image,.views-field-title{margin-bottom:10px;}.views-field-field-media-image{img{display:block;border-bottom:5px@brand-primary solid;}}}#block-views-project-events-block{.views-row{.clearfix;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #ccc;}.project-event-date{background:@gray-lighter;border-top:3px solid@gray-light;border-radius:5px;float:left;margin-right:10px;text-align:center;width:40px;padding:5px 0;line-height:1em;.event-day{font-size:18px;}}}#block-views-project-publications-block-1{.view-content{.make-row();.views-row{.make-sm-column(6);text-align:center;}}}#block-views-project-publications-block-1,#block-views-project-events-block,#block-views-project-news-block{position:relative;.pager{margin:0;position:absolute;top:0px;right:0px;.pager-current{display:none;}li>a,li>span{padding:0;background:none;border:none;}}}}html[dir='rtl']{#block-views-project-publications-block-1,#block-views-project-events-block,#block-views-project-news-block{.pager{right:auto;left:0px;}}} .node-type-conference,.node-type-conference-page,.node-type-conference-speaker,.node-type-conference-session{.region-content{font-size:16px;}div#cboxTitle{color:#0075d1;font-size:23px;}}.not-logged-in{&.node-type-conference,&.node-type-conference-page,&.node-type-conference-speaker,&.node-type-conference-session{.media{.contextual-links-wrapper{display:none;}}}}#block-unesco-conference-conference-header{margin-bottom:25px;}.conference-content{.field-name-field-conference-about{margin-bottom:20px;}}.conf-documents-menu{padding:8px;font-size:14px;}#block-unesco-conference-conference-footer{margin-top:25px;padding:12px 0;border-top:1px solid@btn-default-border;}.conference-bottom{margin-top:25px;}.speakers-views{position:relative;.view-conference-speakers-slideshow{position:relative;.speaker-info{margin:0 25px;}.views-slideshow-controls-text{.views-slideshow-controls-text-previous,.views-slideshow-controls-text-next{position:absolute;bottom:15px;z-index:10;font-size:40px;&:hover,&:active,a:hover,a:active,a:focus{text-decoration:none;}}.views-slideshow-controls-text-previous{left:0px;}.views-slideshow-controls-text-next{right:0px;}.views-slideshow-controls-text-pause{display:none;}}}}.schedule-views{position:relative;.tab-content{background:@blue-light;overflow-y:auto;}}.view-conference-sponsors-block{.view-content{text-align:center;.views-row{display:inline-block;padding:15px;img{margin-bottom:10px;}}}}.view-conference-sponsors-page{.views-row{margin-bottom:20px;.clearfix;img{@media (min-width:@screen-lg-desktop){float:left;}}h2{margin-top:0;}h2,p,.more-link{@media (min-width:@screen-lg-desktop){margin-left:265px;}}}}.view-conference-speakers{.row{h3{margin:5px 0 10px 0;}}}.view-conference-schedule,.view-conference-schedule-page{.views-field-field-conference-session-time-1{width:15ex;}.views-table caption{text-align:left;span{background-color:#0075d1;border:medium none;color:#d3d2cb;display:inline-block;font-size:11px;margin-bottom:0;padding:10px;text-transform:uppercase;}}}.conf-page-documents-list{margin-top:20px;.documents-group{ul{margin:0;padding:0;li{list-style:none;margin:0;padding:0;}}}}.node-type-conference-speaker{.field-name-field-conf-first-name{float:left;padding-right:10px;}.field-name-field-conf-video{padding:1.5em 0;}.field-name-field-conf-area-competence,.infos .field-name-field-conf-languages-spoken{div{display:inline;}.field-item:after{content:",";}}}.image_list{//@extend .clear;position:relative;margin:0;padding:60px 0 0 0;list-style:none;li{position :relative;width :16.66%;float:left;margin:0;padding:0;background:none;a,div{position:relative;overflow:hidden;display:block;text-decoration:none;img{display:block;width:100%;}&:hover .textMiddle{display:block;}&:active .textMiddle{//@extend .shadowActive;background:rgba(0,113,202,.9);}.textMiddle{position:absolute;display:none;top:0;left:0;width:100%;background:rgba(0,113,202,.8);.textMiddleWrap{display:block;padding:20px 10px 10px 10px;height:200px;font-size:2.2rem;text-align:center;color:#ffffff;}}}}}.conf_id-7250221112uap{//@font-dark://@font-medium:@dark:#312f2f;@medium:#c0bfb7;@light:#d3d2cb;@lighter:#faf8f1;.conf-title{padding:10px;//margin:0;display:inline-block;background-color:@dark;color:@light;text-transform:uppercase;font-size:11px;border:none;margin-bottom:0;}.main-title{.conf-title;font-size:14px;margin-bottom:15px;margin-left:-10px;}.region-content{font-size:16px;color:@dark;h2,h3,h4,h5{color:@dark;margin-top:0;}a{color:@dark;}h1{.main-title;}h2{&.block-title{.conf-title;margin-bottom:1em;}&.main-title{.main-title;}}.field-name-field-conference-cover{margin:-10px -10px 0 -10px;img{width:100%;height:auto;}}.field-name-field-conference-about{margin:10px 0;}.conf-menu{font-size:14px;a.list-group-item{border-radius:0 !important;border:none;border-top:1px solid@medium;background:@light;color:@dark;&.active{background:@dark;color:@light;margin-left:-10px;border-top:none;}}}.conf-program-menu{background:@dark;border:none;.file img{display:none;}a{color:@light;text-transform:uppercase;font-size:12px;display:block;line-height:1.1em;padding-left:40px;min-height:28px;background:@dark url(/sites/all/themes/unesco/bunesco_common/bunesco_common/less/img/conference/pdf-icon.png) 0px 0px no-repeat;display:table-caption;}}.conf-documents-sidebar{margin-top:20px;h2.block-title{display:block;}.documents-group{ul{margin:0;padding:0;border-left:1px solid@light;border-right:1px solid@light;li{margin:0;padding:5px;list-style:none;border-bottom:1px solid@light;font-size:12px;}}}}.schedule-views{font-size:14px;position:relative;.conf-more-link{position:absolute;top:5px;right:10px;font-size:11px;text-transform:lowercase;}.view-id-conference_schedule{.views-field-field-conference-session-time-1{width:15ex;}.session-description{a{text-decoration:underline;}}.views-field-title{}background:@medium;ul.nav-tabs{border:none;border-radius:0 !important;margin-bottom:0;text-transform:uppercase;li{border:none;border-radius:0 !important;&.active{background:@light;a{background:@light;color:@dark;}}a{border:none;border-radius:0 !important;color:@lighter;}}}.tab-content{background:@light;overflow-y:auto;}}}.view-conference-schedule-page{.views-table{caption{text-align:left;span{.conf-title;}}tbody{background:@light;border:none;td,tr{background:@light;border:none;}tr{border-bottom:1px solid@medium;&:last-child{border-bottom:none;}}}.views-field-field-conference-session-time-1{width:15ex;}.views-field-field-conf-session-description{a{text-decoration:underline;}}}}.speakers-views{position:relative;.conf-more-link{position:absolute;top:5px;right:10px;font-size:11px;text-transform:lowercase;}.view-id-conference_speakers_slideshow{.view-content{background:@light;}.views_slideshow_cycle_main{padding:10% 20% 5% 20%;.speaker-info{position:absolute;bottom:0px;}}.views-slideshow-controls-text-previous,.views-slideshow-controls-text-next{position:absolute;bottom:50%;z-index:10;font-size:50px;line-height:50%;&:hover,&:active,a:hover,a:active,a:focus{text-decoration:none;}}.views-slideshow-controls-text-previous{left:10px;}.views-slideshow-controls-text-next{right:10px;}.speaker-info{margin:20px 0;.conf-speaker-name{padding:5px;display:inline-block;background-color:@dark;margin-bottom:5px;a{color:@light;}color:@light;&:after{content:' ';display:block;}}.conf-speaker-title{padding:5px;background-color:@dark;color:@medium;}}}.field-name-field-conference-program{padding-top:15px;.field-items{display:block;background:#2d2b2b;padding:20px;text-transform:uppercase;font-size:12px;a{color:@light;padding-left:30px;line-height:28px;display:block;background:url(/sites/all/themes/unesco/bunesco_common/bunesco_common/less/img/conference/pdf-icon.png) center left no-repeat;}.file img{display:none;}}}}.conf-speaker-link-back{font-size:11px;text-transform:uppercase;margin-bottom:15px;&:before{content:' ← ';}}.conf-speaker-sessions{margin:15px 0;.view-conference-speaker-session{background:@light;.views-row{padding:10px;border-bottom:1px solid@medium;&:last-child{border-bottom:none;}}}}.view-conference-speakers{.row{margin-bottom:15px;h3,h5{padding:10px;margin:0;background-color:#636161;color:#f4f3eb;border:none;margin-bottom:0;a{color:#fff;}}h3{font-size:14px;}h5{padding-top:0;}}}.conf-documents-list{h3{border-bottom:1px solid@dark;font-size:16px;font-weight:bold;padding-bottom:5px;}ul{margin:0 0 20px 0;padding:0;li{list-style:none;margin:0 0 10px 0;padding:0;}}}.view-conference-sponsors-page{.field-name-field-conference-sponsors-intro{margin-bottom:20px;}.view-content{h3{border-bottom:1px solid@dark;font-size:16px;font-weight:bold;padding-bottom:5px;}}.views-row{margin-bottom:20px;.clearfix;img{@media (min-width:@screen-lg-desktop){float:left;margin:0 15px 15px 0;}}.more-link{background:@dark;color:@light;padding:5px 10px;font-size:12px;}}}}.footer-right{background-color:@dark;color:@light;padding:10px;a{color:@light;}}} .conf_id-7230311021yss,.conf_id-406glo0020{//@font-dark://@font-medium://@dark:#0075D1;//unesco's blue@dark-gray:#555;//dark gray //@orange:#d15c00;//unesco's orange@dark:#7F238D;@orange:#0075D1;//unesco's blue@medium:#c0bfb7;//medium gray@light:#EEE;//light gray@lighter:#F9F9F9;//lighter gray .conf-title{padding:10px;//margin:0;width:98%;color:@dark;font-size:11px;border:none;margin-bottom:0;}.main-title{.conf-title;margin-bottom:15px;margin-left:-10px;}.region-content{font-size:14px;color:@dark-gray;h2,h3,h4,h5{color:@dark;margin-top:0;}p{padding:0 18px;}a{color:@dark;}h1{.main-title;}h2{&.block-title{.conf-title;font-size:20px;margin-bottom:1em;border-bottom:1px@dark solid;border-left:15px@dark solid;text-transform:capitalize;}&.main-title{.conf-title;font-size:20px;margin:0;margin-bottom:1em;border-bottom:1px@dark solid;border-left:15px@dark solid;text-transform:capitalize;font-weight:bold;}}.field-name-field-conference-cover{margin:-10px -10px 0 -10px;img{width:100%;height:auto;}}.field-name-field-conference-about{margin:10px 0;}.conf-menu{font-size:14px;a.list-group-item{border-radius:0 !important;border:1px solid@medium;background:none;color:@orange;&.active{background:none;color:@orange;border:1px@medium solid;border-left:10px@orange solid;margin-left:-10px;}}}.conf-program-menu{background:@dark;border:none;.file img{display:none;}a{color:@light;text-transform:uppercase;font-size:12px;display:block;line-height:1.1em;padding-left:40px;min-height:28px;background:@dark url(/sites/all/themes/unesco/bunesco_common/bunesco_common/less/img/conference/pdf-icon.png) 0px 0px no-repeat;display:table-caption;}}.conf-documents-sidebar{margin-top:20px;h2.block-title{display:block;}.documents-group{ul{margin:0;padding:0;border-left:1px solid@light;border-right:1px solid@light;li{margin:0;padding:5px;list-style:none;border-bottom:1px solid@light;font-size:12px;}}}}.schedule-views{font-size:14px;position:relative;.conf-more-link{position:absolute;top:5px;right:10px;font-size:11px;text-transform:lowercase;}.view-id-conference_schedule{.views-field-field-conference-session-time-1{width:15ex;}.session-description{a{text-decoration:underline;}}.views-field-title{}background:@medium;ul.nav-tabs{border:none;border-radius:0 !important;margin-bottom:0;text-transform:uppercase;li{border:none;border-radius:0 !important;&.active{background:@light;a{background:@light;color:@dark;}}a{border:none;border-radius:0 !important;color:@lighter;}}}.tab-content{background:@light;overflow-y:auto;}}}.view-conference-schedule-page{.views-table{width:98%;caption{text-align:left;span{.conf-title;font-size:20px;margin-bottom:1em;color:@orange;text-transform:capitalize;}}tbody{background:@lighter;border:none;td,tr{background:@lighter;border:none;}tr{border-bottom:1px solid@medium;&:last-child{border-bottom:none;}}}.views-field-field-conference-session-time-1{width:15ex;}.views-field-field-conf-session-description{a{text-decoration:underline;}}}}.speakers-views{position:relative;.conf-more-link{position:absolute;top:5px;right:10px;font-size:11px;text-transform:lowercase;}.view-id-conference_speakers_slideshow{.view-content{background:@light;}.views_slideshow_cycle_main{padding:10% 20% 5% 20%;.speaker-info{position:absolute;bottom:0px;}}.views-slideshow-controls-text-previous,.views-slideshow-controls-text-next{position:absolute;bottom:50%;z-index:10;font-size:50px;line-height:50%;&:hover,&:active,a:hover,a:active,a:focus{text-decoration:none;}}.views-slideshow-controls-text-previous{left:10px;}.views-slideshow-controls-text-next{right:10px;}.speaker-info{margin:20px 0;.conf-speaker-name{padding:5px;display:inline-block;background-color:@dark;margin-bottom:5px;a{color:@light;}color:@light;&:after{content:' ';display:block;}}.conf-speaker-title{padding:5px;background-color:@dark;color:@medium;}}}.field-name-field-conference-program{padding-top:15px;.field-items{display:block;background:#2d2b2b;padding:20px;text-transform:uppercase;font-size:12px;a{color:@light;padding-left:30px;line-height:28px;display:block;background:url(/sites/all/themes/unesco/bunesco_common/bunesco_common/less/img/conference/pdf-icon.png) center left no-repeat;}.file img{display:none;}}}}.conf-speaker-link-back{font-size:11px;text-transform:uppercase;margin-bottom:15px;&:before{content:' ← ';}}.conf-speaker-sessions{margin:15px 0;.view-conference-speaker-session{background:@light;.views-row{padding:10px;border-bottom:1px solid@medium;&:last-child{border-bottom:none;}}}}.view-conference-speakers{.row{margin-bottom:15px;h3,h5{padding:10px;margin:0;background-color:#636161;color:#f4f3eb;border:none;margin-bottom:0;a{color:#fff;}}h3{font-size:14px;}h5{padding-top:0;}}}.conf-documents-list{h3{border-bottom:1px solid@dark;font-size:16px;font-weight:bold;padding-bottom:5px;}ul{margin:0 0 20px 0;padding:0;li{list-style:none;margin:0 0 10px 0;padding:0;}}}.view-conference-sponsors-page{.field-name-field-conference-sponsors-intro{margin-bottom:20px;}.view-content{h3{border-bottom:1px solid@dark;font-size:16px;font-weight:bold;padding-bottom:5px;}}.views-row{margin-bottom:20px;.clearfix;img{@media (min-width:@screen-lg-desktop){float:left;margin:0 15px 15px 0;}}.more-link{background:@dark;color:@light;padding:5px 10px;font-size:12px;}}}}.footer-right{.block-title{background-color:@dark;color:white;padding:5px;}background-color:@light;color:@dark-gray;padding:10px;border-right:8px solid white;}.footer-left{min-height:280px;}.conference-bottom{display:none;}#block-unesco-conference-conference-footer{border:none;margin-top:0;position:relative;}.pager{position:absolute;right:2%;top:0;li a{border:none;}}.thumbnail{padding:0;.views-field-field-conf-sponsor-image{height:200px;}.caption{background-color:@light;}}.print-link{display:none;}.field-name-body{h2.block-title{margin-top:0.6em;border-left:none;font-size:18px;}}} .conf_id-whos-who-women-speakers-list{p{font-size:14px;}#block-unesco-conference-conference-footer{.block-title{display:none;}}.view-conference-speakers h5{display:none;}.webform-component{margin-bottom:15px;}} ///////////////////////////////////// // Node type MoW Committee article.node-mow-committee{// Set the vertical rhythm. .field-name-field-mow-body,.field-name-field-mow-picture,.field-name-field-chairperson,.field-name-field-mow-website,.field-name-field-contact-email,.field-name-field-mow-media{margin-bottom:1rem;}// Group information .group-chairperson{.field-name-field-mow-picture{float:left;}.field-name-field-chairperson{margin-left:160px;}}// Shared paragraph fields. .field-name-field-person-title,.field-name-field-person-fullname{font-weight:bold;}.field-name-field-other-members{clear:both;> .field-items{display:flex;flex-wrap:wrap;justify-content:space-between;> .field-item{width:290px;list-style:circle;display:list-item;margin-left:1rem;}}}// Contact information .group-contact-info{.highlighted-sidebar();}// Media .field-name-field-mow-media{.media-gallery();}// Links .field-name-field-link{.field-items{display:flex;flex-wrap:wrap;justify-content:start;}.field-item:not(:last-child){margin-right:2rem;}}}///////////////////////////////////// // Unesco dataset type MoW .dataset-element-full{// Set the vertical rhythm. .field-name-field-coll-description,.field-name-field-coll-locations{margin-bottom:1rem;}.group-coll-banner{margin-bottom:2rem;position:relative;}.group-coll-banner-content{background:linear-gradient(0deg,rgba(0,0,0,0.4),rgba(0,0,0,0) 100%);position:absolute;bottom:0;width:100%;}.field-name-field-coll-name h1{color:white;font-size:4rem;font-weight:bold;margin-bottom:1.5rem;text-align:center;text-shadow:rgba(0,0,0,0.3) 1px 1px 3px;}.group-coll-dates{color:white;display:flex;font-size:1.2rem;justify-content:space-evenly;padding-bottom:2rem;text-shadow:rgba(0,0,0,0.3) 1px 1px 3px;}.group-coll-info{.highlighted-sidebar();max-width:300px;min-width:260px;> h2{background:transparent url(/sites/all/themes/bunesco_common/bunesco_common/img/icon-magnifying.svg) no-repeat left 1px;background-size:24px 24px;padding-left:3rem;line-height:26px;}}.field-name-field-coll-committee{margin-bottom:0.5rem;}.field-name-field-coll-admin-countries .field-items{margin-left:2rem;}.field-name-field-coll-admin-countries .field-items .field-item{display:list-item;list-style:disc;}.field-name-field-coll-locations .field-label,.field-name-field-mow-media .field-label{font-size:4rem;text-align:center;margin-bottom:2rem;color:#0177db;font-weight:normal;}.field-name-field-mow-media{.media-gallery();}}// Old CSS to remove .view-ci-programs{.file-image .field-name-field-title{display:none;}.panel-default{border-color:white;}.panel-default>.panel-heading{color:#333;background-color:white;border-color:white;padding:10px 0;.panel-title{margin-top:0;margin-bottom:0;font-size:12px;}}.view-content{margin-top:20px;}} // Styles per views.view-display-id-pressroom_brolls{.field-name-field-video-languages,.field-name-field-country-reference,.field-name-field-project-reference,.field-name-field-theme-page,.field-name-field-video-tags{.field-items{.field-item{&:after{content:",";}&:last-child:after{content:"";}}}}.field-name-field-country-reference,.field-name-field-project-reference,.field-name-field-theme-page,.field-name-field-video-tags{float:left;}} // RTL version *[dir='rtl']{// // Right-to-Left for Bootstrap 3.0.0 // Morteza Ansarinia // -------------------------------------------------- // Original LESS files from the latest bootstrap// // Variables // -------------------------------------------------- // Global values // -------------------------------------------------- // Grays // -------------------------@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 // Colors // -------------------------@blue-gray:#008bf8;@blue-light:#0080e5;@blue:#0075d1;@blue-dark:#005faa;@blue-darker:#004983;@orange-gray:#f86d00;@orange-light:#e56500;@orange:#d15c00;@orange-dark:#bd5300;@orange-darker:#964200;@purple-gray:#f86d00;@purple-light:#e56500;@purple:#8a77a5;@purple-dark:#bd5300;@purple-darker:#964200;// Brand colors // -------------------------@brand-primary:@base-color;// legacy@brand-success:#5cb85c;// undefined@brand-warning:#f0ad4e;// undefined@brand-danger:#d9534f;// undefined@brand-info:#5bc0de;// undefined // Scaffolding // -------------------------@base-color-light:@blue-light;@base-color:@blue;@base-color-dark:@blue-dark;@base-color-darker:@blue-darker;@top-bg-color:@base-color-darker;@header-bg-color:@base-color;@body-bg-color:#EBEBEB;@body-bg:@body-bg-color;// legacy@footer-bg-color:@base-color-darker;@footer-border-color:@base-color;@well-bg-color:#FFF;@text-color:@gray-dark;// Links // -------------------------@link-color:@brand-primary;@link-hover-color:darken(@link-color,15%);@language-link-color:@blue-gray;@language-link-hover-color:#FFF;@footer-text-color:#FFF;@footer-link-color:#FFF;// Typography // -------------------------@font-family-sans-serif:"Helvetica Neue","Nimbus Sans L",Helvetica,Arial,sans-serif;@font-family-serif:Georgia,"Times New Roman",Times,serif;@font-family-monospace:Monaco,Menlo,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.15);// ~30px@font-size-h2:floor(@font-size-base * 1.70);// ~24px@font-size-h3:ceil(@font-size-base * 1.25);// ~18px@font-size-h4:@font-size-base;@font-size-h5:ceil(@font-size-base * 0.85);// ~12px@font-size-h6:ceil(@font-size-base * 0.8);// ~11px@line-height-base:1.428571429;// 20/14@line-height-computed:floor(@font-size-base *@line-height-base);// ~20px@headings-font-family:@font-family-base;@headings-font-weight:500;@headings-line-height:1.1;// Iconography // -------------------------@icon-font-path:"../bootstrap/fonts/";@icon-font-name:"glyphicons-halflings-regular";// Components // ------------------------- // Based on 14px font-size 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;@line-height-large:1.33;@line-height-small:1.5;@border-radius-base:4px;@border-radius-large:6px;@border-radius-small:3px;@component-active-bg:@brand-primary;@caret-width-base:4px;@caret-width-large:5px;// Tables // -------------------------@table-cell-padding:8px;@table-condensed-cell-padding:5px;@table-bg:transparent;// overall background-color@table-bg-accent:#f9f9f9;// for striping@table-bg-hover:#f5f5f5;@table-bg-active:@table-bg-hover;@table-border-color:#ddd;// table and cell border // Buttons // -------------------------@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-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-info-color:#fff;@btn-info-bg:@brand-info;@btn-info-border:darken(@btn-info-bg,5%);@btn-link-disabled-color:@gray-light;// Forms // -------------------------@input-bg:#fff;@input-bg-disabled:@gray-lighter;@input-color:@gray;@input-border:#ccc;@input-border-radius:@border-radius-base;@input-border-focus:#66afe9;@input-color-placeholder:@gray-light;@input-height-base:(@line-height-computed + (@padding-base-vertical * 2) + 2);@input-height-large:(floor(@font-size-large *@line-height-large) + (@padding-large-vertical * 2) + 2);@input-height-small:(floor(@font-size-small *@line-height-small) + (@padding-small-vertical * 2) + 2);@legend-color:@gray-dark;@legend-border-color:#e5e5e5;@input-group-addon-bg:@gray-lighter;@input-group-addon-border-color:@input-border;// Dropdowns // -------------------------@dropdown-bg:#E7E7E7;@dropdown-border:rgba(0,0,0,.15);@dropdown-fallback-border:#ccc;@dropdown-divider-bg:#e5e5e5;@dropdown-link-active-color:#fff;@dropdown-link-active-bg:@component-active-bg;@dropdown-link-color:#000;@dropdown-link-hover-color:#fff;@dropdown-link-hover-bg:@dropdown-link-active-bg;@dropdown-link-disabled-color:@gray-light;@dropdown-header-color:@gray-light;@dropdown-caret-color:#000;// COMPONENT VARIABLES // -------------------------------------------------- // Z-index master list // ------------------------- // Used for a bird's eye view of components dependent on the z-axis // Try to avoid customizing these :)@zindex-navbar:1000;@zindex-dropdown:1000;@zindex-popover:1010;@zindex-tooltip:1030;@zindex-navbar-fixed:1030;@zindex-modal-background:1040;@zindex-modal:1050;// Media queries breakpoints // -------------------------------------------------- // Extra small screen / phone // Note:Deprecated@screen-xs and@screen-phone as of v3.0.1@screen-xs:480px;@screen-xs-min:@screen-xs;@screen-phone:@screen-xs-min;// Small screen / tablet // Note:Deprecated@screen-sm and@screen-tablet as of v3.0.1@screen-sm:768px;@screen-sm-min:@screen-sm;@screen-tablet:@screen-sm-min;// Medium screen / desktop // Note:Deprecated@screen-md and@screen-desktop as of v3.0.1@screen-md:992px;@screen-md-min:@screen-md;@screen-desktop:@screen-md-min;// Large screen / wide desktop // Note:Deprecated@screen-lg and@screen-lg-desktop as of v3.0.1@screen-lg:1200px;@screen-lg-min:@screen-lg;@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 // -------------------------------------------------- // Number of columns in the grid system@grid-columns:12;// Padding,to be divided by two and applied to the left and right of all columns@grid-gutter-width:16px;// Point at which the navbar stops collapsing@grid-float-breakpoint:@screen-tablet;// Navbar // ------------------------- // Basics of a navbar@navbar-height:42px;@navbar-margin-bottom:0;//@line-height-computed;@navbar-default-color:#777;@navbar-default-bg:@header-bg-color;@navbar-default-border:darken(@navbar-default-bg,6.5%);@navbar-border-radius:@border-radius-base;@navbar-padding-horizontal:floor(@grid-gutter-width / 2);@navbar-padding-vertical:((@navbar-height -@line-height-computed) / 2);// Navbar links@navbar-default-link-color:#FFF;@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-link-color,10%);@navbar-default-brand-hover-bg:transparent;// Navbar toggle@navbar-default-toggle-hover-bg:#ddd;@navbar-default-toggle-icon-bar-bg:#ccc;@navbar-default-toggle-border-color:#ddd;// Inverted navbar // // Reset inverted navbar basics@navbar-inverse-color:@gray-light;@navbar-inverse-bg:white;@navbar-inverse-border:darken(@navbar-inverse-bg,10%);// Inverted navbar links@navbar-inverse-link-color:@brand-primary;@navbar-inverse-link-hover-color:@brand-primary;@navbar-inverse-link-hover-bg:transparent;@navbar-inverse-link-active-color:#BDBDBD;@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 search // Normal navbar needs no special styles or vars@navbar-inverse-search-bg:lighten(@navbar-inverse-bg,25%);@navbar-inverse-search-bg-focus:#fff;@navbar-inverse-search-border:@navbar-inverse-bg;@navbar-inverse-search-placeholder-color:#ccc;// Inverted navbar toggle@navbar-inverse-toggle-hover-bg:#333;@navbar-inverse-toggle-icon-bar-bg:#fff;@navbar-inverse-toggle-border-color:#333;// Navs // -------------------------@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;@nav-open-caret-border-color:#fff;// Tabs@nav-tabs-border-color:#ddd;@nav-tabs-link-hover-border-color:@gray-lighter;@nav-tabs-active-link-hover-bg:@body-bg-color;@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-color;// Pills@nav-pills-border-radius:@border-radius-base;@nav-pills-active-link-hover-bg:@component-active-bg;@nav-pills-active-link-hover-color:#fff;// Pagination // -------------------------@pagination-bg:#fff;@pagination-border:#ddd;@pagination-hover-bg:@gray-lighter;@pagination-active-bg:@brand-primary;@pagination-active-color:#fff;@pagination-disabled-color:@gray-light;// Pager // -------------------------@pager-border-radius:15px;@pager-disabled-color:@gray-light;// Jumbotron // -------------------------@jumbotron-padding:30px;@jumbotron-color:inherit;@jumbotron-bg:@gray-lighter;@jumbotron-heading-color:inherit;// Form states and alerts // -------------------------@state-warning-text:#c09853;@state-warning-bg:#fcf8e3;@state-warning-border:darken(spin(@state-warning-bg,-10),3%);@state-danger-text:#b94a48;@state-danger-bg:#f2dede;@state-danger-border:darken(spin(@state-danger-bg,-10),3%);@state-success-text:#468847;@state-success-bg:#dff0d8;@state-success-border:darken(spin(@state-success-bg,-10),5%);@state-info-text:#3a87ad;@state-info-bg:#d9edf7;@state-info-border:darken(spin(@state-info-bg,-10),7%);// Tooltips // -------------------------@tooltip-max-width:200px;@tooltip-color:#fff;@tooltip-bg:#000;@tooltip-arrow-width:5px;@tooltip-arrow-color:@tooltip-bg;// Popovers // -------------------------@popover-bg:#fff;@popover-max-width:276px;@popover-border-color:rgba(0,0,0,.2);@popover-fallback-border-color:#ccc;@popover-title-bg:darken(@popover-bg,3%);@popover-arrow-width:10px;@popover-arrow-color:#fff;@popover-arrow-outer-width:(@popover-arrow-width + 1);@popover-arrow-outer-color:rgba(0,0,0,.25);@popover-arrow-outer-fallback-color:#999;// Labels // -------------------------@label-default-bg:@gray-light;@label-primary-bg:@brand-primary;@label-success-bg:@brand-success;@label-info-bg:@brand-info;@label-warning-bg:@brand-warning;@label-danger-bg:@brand-danger;@label-color:#fff;@label-link-hover-color:#fff;// Modals // -------------------------@modal-inner-padding:20px;@modal-title-padding:15px;@modal-title-line-height:@line-height-base;@modal-content-bg:#fff;@modal-content-border-color:rgba(0,0,0,.2);@modal-content-fallback-border-color:#999;@modal-backdrop-bg:#000;@modal-header-border-color:#e5e5e5;@modal-footer-border-color:@modal-header-border-color;// Alerts // -------------------------@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 // -------------------------@progress-bg:#f5f5f5;@progress-bar-color:#fff;@progress-bar-bg:@brand-primary;@progress-bar-success-bg:@brand-success;@progress-bar-warning-bg:@brand-warning;@progress-bar-danger-bg:@brand-danger;@progress-bar-info-bg:@brand-info;// List group // -------------------------@list-group-bg:#fff;@list-group-border:#ddd;@list-group-border-radius:@border-radius-base;@list-group-hover-bg:#f5f5f5;@list-group-active-color:#fff;@list-group-active-bg:@component-active-bg;@list-group-active-border:@list-group-active-bg;@list-group-link-color:#555;@list-group-link-heading-color:#333;// Panels // -------------------------@panel-bg:#fff;@panel-inner-border:#ddd;@panel-border-radius:@border-radius-base;@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-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;@panel-info-text:@state-info-text;@panel-info-border:@state-info-border;@panel-info-heading-bg:@state-info-bg;// Thumbnails // -------------------------@thumbnail-padding:4px;@thumbnail-bg:@body-bg-color;@thumbnail-border:#ddd;@thumbnail-border-radius:@border-radius-base;@thumbnail-caption-color:@text-color;@thumbnail-caption-padding:9px;// Wells // -------------------------@well-bg:#f5f5f5;// Badges // -------------------------@badge-color:#fff;@badge-link-hover-color:#fff;@badge-bg:@gray-light;@badge-active-color:@link-color;@badge-active-bg:#fff;@badge-font-weight:bold;@badge-line-height:1;@badge-border-radius:10px;// Breadcrumbs // -------------------------@breadcrumb-bg:transparent;@breadcrumb-color:#BDBDBD;@breadcrumb-active-color:#BDBDBD;@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-color:#000;@close-font-weight:bold;@close-text-shadow:0 1px 0 #fff;// Code // ------------------------@code-color:#c7254e;@code-bg:#f9f2f4;@pre-bg:#f5f5f5;@pre-color:@gray-dark;@pre-border-color:#ccc;@pre-scrollable-max-height:340px;// Type // ------------------------@text-muted:@gray-light;@abbr-border-color:@gray-light;@headings-small-color:@gray-light;@headings-color:@base-color;@blockquote-small-color:@gray-light;@blockquote-border-color:@gray-lighter;@page-header-border-color:@gray-lighter;// Miscellaneous // ------------------------- // Hr border color@hr-border:@gray-lighter;// Horizontal forms & lists@component-offset-horizontal:180px;// Container sizes // -------------------------------------------------- // Small screen / tablet@container-tablet:((720px +@grid-gutter-width));@container-sm:@container-tablet;// Medium screen / desktop@container-desktop:((940px +@grid-gutter-width));@container-md:@container-desktop;// Large screen / wide desktop@container-lg-desktop:((958px +@grid-gutter-width));@container-large-desktop:@container-lg-desktop;@container-lg:@container-large-desktop; // Mixins // -------------------------------------------------- // Utilities// stylelint-disable font-family-name-quotes,font-family-no-missing-generic-family-keyword // CSS image replacement // // Heads up! v3 launched with only `.hide-text()`,but per our pattern for // mixins being reused as classes with the same name,this doesn't hold up. As // of v3.0.1 we have added `.text-hide()` and deprecated `.hide-text()`. // // Source:https://github.com/h5bp/html5-boilerplate/commit/aa0396eae757 // Deprecated as of v3.0.1 (has been removed in v4) .hide-text(){font:~"0/0" a;color:transparent;text-shadow:none;background-color:transparent;border:0;}// New mixin to use as of v3.0.1 .text-hide(){.hide-text();} // Opacity .opacity(@opacity){@opacity-ie:(@opacity * 100);// IE8 filter filter:~"alpha(opacity=@{opacity-ie})";opacity:@opacity;} // stylelint-disable media-feature-name-no-vendor-prefix,media-feature-parentheses-space-inside,media-feature-name-no-unknown,indentation,at-rule-name-space-after // Responsive image // // Keep images from scaling beyond the width of their parents. .img-responsive(@display:block){display:@display;max-width:100%;// Part 1:Set a maximum relative to the parent height:auto;// Part 2:Scale the height according to the width,otherwise you get stretching}// Retina image // // Short retina mixin for setting background-image and -size. Note that the // spelling of `min--moz-device-pixel-ratio` is intentional. .img-retina(@file-1x;@file-2x;@width-1x;@height-1x){background-image:url(/sites/all/themes/unesco/bunesco_common/bunesco_common/bootstrap/less/mixins/@{file-1x});@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2/1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx){background-image:url(/sites/all/themes/unesco/bunesco_common/bunesco_common/bootstrap/less/mixins/@{file-2x});background-size:@width-1x@height-1x;}} // Labels .label-variant(@color){background-color:@color;&[href]{&:hover,&:focus{background-color:darken(@color,10%);}}} // Reset filters for IE // // When you need to remove a gradient background,do not forget to use this to reset // the IE filter for IE9 and below. .reset-filter(){filter:e(%("progid:DXImageTransform.Microsoft.gradient(enabled = false)"));} // Resize anything .resizable(@direction){overflow:auto;// Per CSS3 UI,`resize` only applies when `overflow` isn't `visible` resize:@direction;// Options:horizontal,vertical,both} // stylelint-disable declaration-no-important .responsive-visibility(){display:block !important;table&{display:table !important;}tr&{display:table-row !important;}th&,td&{display:table-cell !important;}}.responsive-invisibility(){display:none !important;} // Sizing shortcuts .size(@width;@height){width:@width;height:@height;}.square(@size){.size(@size;@size);} // WebKit-style focus .tab-focus(){// WebKit-specific. Other browsers will keep their default outline style. // (Initially tried to also force default via `outline:initial`,// but that seems to erroneously remove the outline in Firefox altogether.) outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;} .reset-text(){font-family:@font-family-base;// We deliberately do NOT reset font-size. font-style:normal;font-weight:400;line-height:@line-height-base;line-break:auto;text-align:left;// Fallback for where `start` is not supported text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;word-wrap:normal;white-space:normal;} // Typography .text-emphasis-variant(@color){color:@color;a&:hover,a&:focus{color:darken(@color,10%);}} // Text overflow // Requires inline-block or block for proper styling .text-overflow(){overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} // stylelint-disable indentation,property-no-vendor-prefix,selector-no-vendor-prefix // Vendor Prefixes // // All vendor mixins are deprecated as of v3.2.0 due to the introduction of // Autoprefixer in our Gruntfile. They have been removed in v4. // - Animations // - Backface visibility // - Box shadow // - Box sizing // - Content columns // - Hyphens // - Placeholder text // - Transformations // - Transitions // - User Select // Animations .animation(@animation){-webkit-animation:@animation;-o-animation:@animation;animation:@animation;}.animation-name(@name){-webkit-animation-name:@name;animation-name:@name;}.animation-duration(@duration){-webkit-animation-duration:@duration;animation-duration:@duration;}.animation-timing-function(@timing-function){-webkit-animation-timing-function:@timing-function;animation-timing-function:@timing-function;}.animation-delay(@delay){-webkit-animation-delay:@delay;animation-delay:@delay;}.animation-iteration-count(@iteration-count){-webkit-animation-iteration-count:@iteration-count;animation-iteration-count:@iteration-count;}.animation-direction(@direction){-webkit-animation-direction:@direction;animation-direction:@direction;}.animation-fill-mode(@fill-mode){-webkit-animation-fill-mode:@fill-mode;animation-fill-mode:@fill-mode;}// Backface visibility // Prevent browsers from flickering when using CSS 3D transforms. // Default value is `visible`,but can be changed to `hidden` .backface-visibility(@visibility){-webkit-backface-visibility:@visibility;-moz-backface-visibility:@visibility;backface-visibility:@visibility;}// Drop shadows // // Note:Deprecated `.box-shadow()` as of v3.1.0 since all of Bootstrap's // supported browsers that have box shadow capabilities now support it. .box-shadow(@shadow){-webkit-box-shadow:@shadow;// iOS <4.3 & Android <4.1 box-shadow:@shadow;}// Box sizing .box-sizing(@boxmodel){-webkit-box-sizing:@boxmodel;-moz-box-sizing:@boxmodel;box-sizing:@boxmodel;}// CSS3 Content Columns .content-columns(@column-count;@column-gap:@grid-gutter-width){-webkit-column-count:@column-count;-moz-column-count:@column-count;column-count:@column-count;-webkit-column-gap:@column-gap;-moz-column-gap:@column-gap;column-gap:@column-gap;}// Optional hyphenation .hyphens(@mode:auto){-webkit-hyphens:@mode;-moz-hyphens:@mode;-ms-hyphens:@mode;// IE10+ -o-hyphens:@mode;hyphens:@mode;word-wrap:break-word;}// Placeholder text .placeholder(@color:@input-color-placeholder){// Firefox &::-moz-placeholder{color:@color;opacity:1;// Override Firefox's unusual default opacity;see https://github.com/twbs/bootstrap/pull/11526}&:-ms-input-placeholder{color:@color;}// Internet Explorer 10+ &::-webkit-input-placeholder{color:@color;}// Safari and Chrome}// Transformations .scale(@ratio){-webkit-transform:scale(@ratio);-ms-transform:scale(@ratio);// IE9 only -o-transform:scale(@ratio);transform:scale(@ratio);}.scale(@ratioX;@ratioY){-webkit-transform:scale(@ratioX,@ratioY);-ms-transform:scale(@ratioX,@ratioY);// IE9 only -o-transform:scale(@ratioX,@ratioY);transform:scale(@ratioX,@ratioY);}.scaleX(@ratio){-webkit-transform:scaleX(@ratio);-ms-transform:scaleX(@ratio);// IE9 only -o-transform:scaleX(@ratio);transform:scaleX(@ratio);}.scaleY(@ratio){-webkit-transform:scaleY(@ratio);-ms-transform:scaleY(@ratio);// IE9 only -o-transform:scaleY(@ratio);transform:scaleY(@ratio);}.skew(@x;@y){-webkit-transform:skewX(@x) skewY(@y);-ms-transform:skewX(@x) skewY(@y);// See https://github.com/twbs/bootstrap/issues/4885;IE9+ -o-transform:skewX(@x) skewY(@y);transform:skewX(@x) skewY(@y);}.translate(@x;@y){-webkit-transform:translate(@x,@y);-ms-transform:translate(@x,@y);// IE9 only -o-transform:translate(@x,@y);transform:translate(@x,@y);}.translate3d(@x;@y;@z){-webkit-transform:translate3d(@x,@y,@z);transform:translate3d(@x,@y,@z);}.rotate(@degrees){-webkit-transform:rotate(@degrees);-ms-transform:rotate(@degrees);// IE9 only -o-transform:rotate(@degrees);transform:rotate(@degrees);}.rotateX(@degrees){-webkit-transform:rotateX(@degrees);-ms-transform:rotateX(@degrees);// IE9 only -o-transform:rotateX(@degrees);transform:rotateX(@degrees);}.rotateY(@degrees){-webkit-transform:rotateY(@degrees);-ms-transform:rotateY(@degrees);// IE9 only -o-transform:rotateY(@degrees);transform:rotateY(@degrees);}.perspective(@perspective){-webkit-perspective:@perspective;-moz-perspective:@perspective;perspective:@perspective;}.perspective-origin(@perspective){-webkit-perspective-origin:@perspective;-moz-perspective-origin:@perspective;perspective-origin:@perspective;}.transform-origin(@origin){-webkit-transform-origin:@origin;-moz-transform-origin:@origin;-ms-transform-origin:@origin;// IE9 only transform-origin:@origin;}// Transitions .transition(@transition){-webkit-transition:@transition;-o-transition:@transition;transition:@transition;}.transition-property(@transition-property){-webkit-transition-property:@transition-property;transition-property:@transition-property;}.transition-delay(@transition-delay){-webkit-transition-delay:@transition-delay;transition-delay:@transition-delay;}.transition-duration(@transition-duration){-webkit-transition-duration:@transition-duration;transition-duration:@transition-duration;}.transition-timing-function(@timing-function){-webkit-transition-timing-function:@timing-function;transition-timing-function:@timing-function;}.transition-transform(@transition){-webkit-transition:-webkit-transform@transition;-moz-transition:-moz-transform@transition;-o-transition:-o-transform@transition;transition:transform@transition;}// User select // For selecting text on the page .user-select(@select){-webkit-user-select:@select;-moz-user-select:@select;-ms-user-select:@select;// IE10+ user-select:@select;} // Components// Alerts .alert-variant(@background;@border;@text-color){color:@text-color;background-color:@background;border-color:@border;hr{border-top-color:darken(@border,5%);}.alert-link{color:darken(@text-color,10%);}} // Button variants // // Easily pump out default styles,as well as :hover,:focus,:active,// and disabled options for all buttons .button-variant(@color;@background;@border){color:@color;background-color:@background;border-color:@border;&:focus,&.focus{color:@color;background-color:darken(@background,10%);border-color:darken(@border,25%);}&:hover{color:@color;background-color:darken(@background,10%);border-color:darken(@border,12%);}&:active,&.active,.open > .dropdown-toggle&{color:@color;background-color:darken(@background,10%);background-image:none;border-color:darken(@border,12%);&:hover,&:focus,&.focus{color:@color;background-color:darken(@background,17%);border-color:darken(@border,25%);}}&.disabled,&[disabled],fieldset[disabled] &{&:hover,&:focus,&.focus{background-color:@background;border-color:@border;}}.badge{color:@background;background-color:@color;}}// Button sizes .button-size(@padding-vertical;@padding-horizontal;@font-size;@line-height;@border-radius){padding:@padding-vertical@padding-horizontal;font-size:@font-size;line-height:@line-height;border-radius:@border-radius;} // Panels .panel-variant(@border;@heading-text-color;@heading-bg-color;@heading-border){border-color:@border;& > .panel-heading{color:@heading-text-color;background-color:@heading-bg-color;border-color:@heading-border;+ .panel-collapse > .panel-body{border-top-color:@border;}.badge{color:@heading-bg-color;background-color:@heading-text-color;}}& > .panel-footer{+ .panel-collapse > .panel-body{border-bottom-color:@border;}}} // Pagination .pagination-size(@padding-vertical;@padding-horizontal;@font-size;@line-height;@border-radius){> li{> a,> span{padding:@padding-vertical@padding-horizontal;font-size:@font-size;line-height:@line-height;}&:first-child{> a,> span{.border-left-radius(@border-radius);}}&:last-child{> a,> span{.border-right-radius(@border-radius);}}}} // List Groups .list-group-item-variant(@state;@background;@color){.list-group-item-@{state}{color:@color;background-color:@background;a&,button&{color:@color;.list-group-item-heading{color:inherit;}&:hover,&:focus{color:@color;background-color:darken(@background,5%);}&.active,&.active:hover,&.active:focus{color:#fff;background-color:@color;border-color:@color;}}}} // Horizontal dividers // // Dividers (basically an hr) within dropdowns and nav lists .nav-divider(@color:#e5e5e5){height:1px;margin:((@line-height-computed / 2) - 1) 0;overflow:hidden;background-color:@color;} // Form validation states // // Used in forms.less to generate the form validation CSS for warnings,errors,// and successes. .form-control-validation(@text-color:#555;@border-color:#ccc;@background-color:#f5f5f5){// Color the label and help text .help-block,.control-label,.radio,.checkbox,.radio-inline,.checkbox-inline,&.radio label,&.checkbox label,&.radio-inline label,&.checkbox-inline label{color:@text-color;}// Set the border and box shadow on specific inputs to match .form-control{border-color:@border-color;.box-shadow(inset 0 1px 1px rgba(0,0,0,.075));// Redeclare so transitions work &:focus{border-color:darken(@border-color,10%);@shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px lighten(@border-color,20%);.box-shadow(@shadow);}}// Set validation states also for addons .input-group-addon{color:@text-color;background-color:@background-color;border-color:@border-color;}// Optional feedback icon .form-control-feedback{color:@text-color;}}// Form control focus state // // Generate a customized focus state and for any input with the specified color,// which defaults to the `@input-border-focus` variable. // // We highly encourage you to not customize the default value,but instead use // this to tweak colors on an as-needed basis. This aesthetic change is based on // WebKit's default styles,but applicable to a wider range of browsers. Its // usability and accessibility should be taken into account with any change. // // Example usage:change the default blue border and shadow to white for better // contrast against a dark gray background. .form-control-focus(@color:@input-border-focus){@color-rgba:rgba(red(@color),green(@color),blue(@color),.6);&:focus{border-color:@color;outline:0;.box-shadow(~"inset 0 1px 1px rgba(0,0,0,.075),0 0 8px@{color-rgba}");}}// Form control sizing // // Relative text size,padding,and border-radii changes for form controls. For // horizontal sizing,wrap controls in the predefined grid classes. `