File: /var/www/iq22073873/data/www/bckln.ru/wp-content/themes/dt-the7/css/compatibility/wpml.less
/* !WPML: begin */
#lang_sel,
#lang_sel_click {
.border-radius;
background-color: fade(@additional-menu-elements-color, 7%);
.branding &,
.mixed-header &,
.classic-header .mobile-mini-widgets & {
background-color: fade(@additional-logo-elements-color, 7%);
}
.top-bar & {
background-color: fade(@top-color, 7%);
}
.dt-mobile-header & {
background-color: fade(@mobile-menu-color, 7%);
}
}
#lang_sel:hover,
#lang_sel_click:hover {
//background-color: @submenu-bg-color;
-webkit-border-bottom-left-radius: 0;
border-bottom-left-radius: 0;
-webkit-border-bottom-right-radius: 0;
border-bottom-right-radius: 0;
}
#lang_sel li > ul,
#lang_sel_click li > ul {
/*width: @submenu-width;*/
background-color: @submenu-bg-color;
.border-radius;
-webkit-border-top-left-radius: 0;
border-top-left-radius: 0;
-webkit-border-top-right-radius: 0;
border-top-right-radius: 0;
}
#lang_sel > ul > li:after,
#lang_sel_click > ul > li:after {
@wpml-arrow(fade(@additional-menu-elements-color, 90%));
.branding &,
.mixed-header &,
.classic-header .mobile-mini-widgets & {
@wpml-arrow(fade(@additional-logo-elements-color, 90%));
}
.top-bar & {
@wpml-arrow(fade(@top-color, 90%));
}
.dt-mobile-header & {
@wpml-arrow(fade(@mobile-menu-color, 90%));
}
}
@wpml-arrow(@colour){
background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='8px' height='8px' viewBox='0 0 8 8' fill='@{colour}' enable-background='new 0 0 8 8' xml:space='preserve'%3E%3Cpolygon points='7.825,2.5 6.976,1.6 4.289,4.417 3.66,4.417 0.975,1.6 0.176,2.5 3.66,6 3.975,6 4.289,6 '/%3E%3C/svg%3E");
}
#lang_sel a,
#lang_sel_click a,
#lang_sel_list a {
font: @additional-menu-elements-font-style @additional-menu-elements-font-variant @additional-menu-elements-font-weight @additional-menu-elements-font-size~"/"@additional-menu-elements-font-size + 4 @additional-menu-elements-font-family;
color: @additional-menu-elements-color;
.branding &,
.mixed-header &,
.classic-header .mobile-mini-widgets & {
font: @additional-logo-elements-font-style @additional-logo-elements-font-variant @additional-logo-elements-font-weight @additional-logo-elements-font-size~"/"@additional-logo-elements-font-size + 4 @additional-logo-elements-font-family;
color: @additional-logo-elements-color;
}
.top-bar & {
font: @top-bar-font-style @top-bar-font-weight @top-bar-font-size~"/"@top-bar-font-size + 6 @top-bar-font-family;
text-transform: @top-bar-text-transform;
color: @top-color;
}
.dt-mobile-header & {
font: @mobile-sub-menu-font-style @mobile-sub-menu-font-variant @mobile-sub-menu-font-weight @mobile-sub-menu-font-size~"/"@mobile-sub-menu-font-size+4 @mobile-sub-menu-font-family;
text-transform: @mobile-sub-menu-text-transform;
color: @mobile-menu-color;
}
}
/*#lang_sel:hover a:hover,
#lang_sel_click:hover a:hover,*/
.submenu-languages > li > a:hover {
color: @submenu-hover-color;
.text-gradient (@startColor: @submenu-hover-color, @endColor: @submenu-hover-color-2);
}
/*#lang_sel:hover a:hover,
#lang_sel_click:hover a:hover,*/
.top-header .main-nav .submenu-languages > li > a:hover {
background-color: fade(@submenu-hover-color, 7%);
}
#lang_sel a:first-child,
#lang_sel_click a:first-child {
.border-radius;
-webkit-border-bottom-left-radius: 0;
border-bottom-left-radius: 0;
-webkit-border-bottom-right-radius: 0;
border-bottom-right-radius: 0;
}
#lang_sel a:last-child,
#lang_sel_click a:last-child {
.border-radius;
-webkit-border-top-left-radius: 0;
border-top-left-radius: 0;
-webkit-border-top-right-radius: 0;
border-top-right-radius: 0;
}
#lang_sel_click > ul > li:first-child > a {
font: @additional-menu-elements-font-style @additional-menu-elements-font-variant @additional-menu-elements-font-weight @additional-menu-elements-font-size~"/"@additional-menu-elements-font-size + 4 @additional-menu-elements-font-family;
color: @additional-menu-elements-color;
.branding &,
.mixed-header &,
.classic-header .mobile-mini-widgets & {
font: @additional-logo-elements-font-style @additional-logo-elements-font-variant @additional-logo-elements-font-weight @additional-logo-elements-font-size~"/"@additional-logo-elements-font-size + 4 @additional-logo-elements-font-family;
color: @additional-logo-elements-color;
}
.top-bar & {
color: @top-color;
}
.dt-mobile-header & {
font: @mobile-sub-menu-font-style @mobile-sub-menu-font-variant @mobile-sub-menu-font-weight @mobile-sub-menu-font-size~"/"@mobile-sub-menu-font-size+4 @mobile-sub-menu-font-family;
text-transform: @mobile-sub-menu-text-transform;
color: @mobile-menu-color;
}
}
.main-nav > li.menu-item-language > a {
font: @menu-font-style @menu-font-variant @menu-font-weight @menu-font-size~"/"@menu-font-size+4 @menu-font-family;
color: @menu-color;
text-transform: @menu-text-transform;
}
.mobile-main-nav > li.menu-item-language > a {
font: @mobile-menu-font-style @mobile-menu-font-variant @mobile-menu-font-weight @mobile-menu-font-size~"/"@mobile-menu-font-size+4 @mobile-menu-font-family;
color: @mobile-menu-color;
text-transform: @mobile-menu-text-transform;
padding: @mobile-menu-font-size/2 + 8 30px @mobile-menu-font-size/2 + 8 0;
}
/*submenu languages*/
.submenu-languages {
width: @submenu-width;
background-color: @submenu-bg-color;
}
.submenu-languages > li > a {
display: block;
margin: @submenu-item-margin-top @submenu-item-margin-right @submenu-item-margin-bottom @submenu-item-margin-left;
padding: @submenu-item-padding-top @submenu-item-padding-right @submenu-item-padding-bottom @submenu-item-padding-left;
font: @submenu-font-style @submenu-font-variant @submenu-font-weight @submenu-font-size~"/"@submenu-font-size+4 @submenu-font-family;
text-transform: @submenu-text-transform;
color: @submenu-color;
text-decoration: none;
.mobile-main-nav & {
padding: (@mobile-sub-menu-font-size - 4)/2 + 2 30px (@mobile-sub-menu-font-size - 4)/2 + 2 0;
margin: 0;
font: @mobile-sub-menu-font-style @mobile-sub-menu-font-variant @mobile-sub-menu-font-weight @mobile-sub-menu-font-size~"/"@mobile-sub-menu-font-size+4 @mobile-sub-menu-font-family;
color: @mobile-menu-color;
text-transform: @mobile-sub-menu-text-transform;
}
}
.masthead #lang_sel li > ul > li a,
.masthead #lang_sel_click li > ul > li a,
.dt-mobile-header #lang_sel li > ul > li a,
.dt-mobile-header #lang_sel_click li > ul > li a {
color: @submenu-color;
padding: 5px 15px 5px 10px;
&:hover {
color: @submenu-hover-color;
.text-gradient (@startColor: @submenu-hover-color, @endColor: @submenu-hover-color-2);
background-color: fade(@submenu-hover-color, 7%);
}
}
/* !WPML: end */