.dashicons.wplng-spin {
animation: wplingua-dashicons-spin 2s infinite;
animation-timing-function: linear;
}
@keyframes wplingua-dashicons-spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.wplng-switcher.flags-none .wplng-language img {
display: none;
} .wplng-switcher.insert-auto {
position: fixed;
z-index: 9999;
bottom: 20px; }
.wplng-switcher.insert-auto.insert-bottom-right {
right: 20px;
}
.wplng-switcher.insert-auto { }
.wplng-switcher.insert-auto.insert-bottom-left {
left: 20px;
}
.wplng-switcher.insert-auto { }
.wplng-switcher.insert-auto.insert-bottom-center {
width: 100%;
text-align: center;
}
.wplng-switcher.insert-auto.insert-bottom-center .switcher-content {
display: inline-block;
} .wplng-switcher .language-id,
.wplng-switcher .language-name,
.wplng-switcher .language-original {
display: none;
}
.wplng-switcher.title-name .language-name, .wplng-switcher.title-original .language-original, .wplng-switcher.title-id .language-id {
display: inline-block;
line-height: normal;
vertical-align: super;
margin-left: 6px;
}
.wplng-switcher .language-id {
text-transform: uppercase;
} .wplng-switcher.style-list .wplng-language-current, .wplng-switcher.style-block .wplng-language-current {
display: none;
}
.wplng-switcher.style-list .wplng-languages .wplng-language {
display: inline-block;
}
.wplng-switcher.style-block .wplng-languages .wplng-language {
display: block;
}
.wplng-switcher { }
.wplng-switcher.style-dropdown {
min-height: 38px;
}
.wplng-switcher.style-dropdown .switcher-content {
position: absolute;
right: 0;
left: 0;
z-index: 9999;
}
.wplng-switcher.style-dropdown .switcher-content .wplng-languages {
height: 0;
overflow: hidden;
}
.wplng-switcher.style-dropdown .switcher-content .wplng-languages .wplng-language.current {
display: none;
}
.wplng-switcher.style-dropdown .switcher-content .wplng-language {
display: block;
}
.wplng-switcher.style-dropdown .switcher-content .wplng-language-current {
background-repeat: no-repeat;
background-position: calc(100% - 4px) center;
padding-right: 28px;
}
.wplng-switcher.style-dropdown .switcher-content:hover .wplng-languages {
height: auto;
}
.wplng-switcher.style-dropdown.open-top .switcher-content {
bottom: 0;
}
.wplng-switcher.style-dropdown.insert-auto .switcher-content {
position: initial;
}
.wplng-switcher { }
.wplng-switcher.title-name, .wplng-switcher.title-original {
min-width: 180px;
}
.wplng-switcher.title-id {
min-width: 100px;
}
.wplng-switcher.title-id.flags-none, .wplng-switcher.title-none {
min-width: 80px;
} .wplng-switcher.style-dropdown .wplng-language-current {
background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 6l5 5 5-5 2 1-7 7-7-7 2-1z' fill='%231d2327'/%3E%3C/svg%3E");
}
.wplng-switcher.style-dropdown.theme-dark-double-smooth .wplng-language-current, .wplng-switcher.style-dropdown.theme-dark-double-square .wplng-language-current, .wplng-switcher.style-dropdown.theme-dark-simple-smooth .wplng-language-current, .wplng-switcher.style-dropdown.theme-dark-simple-square .wplng-language-current, .wplng-switcher.style-dropdown.theme-blurwhite-double-square .wplng-language-current, .wplng-switcher.style-dropdown.theme-blurwhite-simple-square .wplng-language-current, .wplng-switcher.style-dropdown.theme-blurwhite-double-smooth .wplng-language-current, .wplng-switcher.style-dropdown.theme-blurwhite-simple-smooth .wplng-language-current {
background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 6l5 5 5-5 2 1-7 7-7-7 2-1z' fill='%23fff'/%3E%3C/svg%3E");
}
.wplng-switcher .wplng-languages .wplng-language:hover {
background-color: rgba(0, 0, 0, 0.1);
}
.wplng-switcher.theme-dark-double-smooth .wplng-languages .wplng-language:hover, .wplng-switcher.theme-dark-double-square .wplng-languages .wplng-language:hover, .wplng-switcher.theme-dark-simple-smooth .wplng-languages .wplng-language:hover, .wplng-switcher.theme-dark-simple-square .wplng-languages .wplng-language:hover {
background-color: rgba(255, 255, 255, 0.1);
} .wplng-switcher.theme-blurwhite-double-square .switcher-content {
backdrop-filter: blur(25px) saturate(100%);
background: hsla(0, 0%, 100%, 0);
border: 1px solid white;
border-radius: 0;
}
.wplng-switcher.theme-blurwhite-double-square .switcher-content .wplng-language {
border: 1px solid white;
color: white;
border-radius: 0;
} .wplng-switcher.theme-blurwhite-simple-square .switcher-content {
backdrop-filter: blur(25px) saturate(100%);
background: hsla(0, 0%, 100%, 0);
border: 1px solid white;
border-radius: 0;
}
.wplng-switcher.theme-blurwhite-simple-square .switcher-content .wplng-language {
color: white;
} .wplng-switcher.theme-blurblack-double-square .switcher-content {
backdrop-filter: blur(25px) saturate(100%);
background: hsla(0, 0%, 100%, 0);
border: 1px solid #1d2327;
border-radius: 0;
}
.wplng-switcher.theme-blurblack-double-square .switcher-content .wplng-language {
border: 1px solid #1d2327;
color: #1d2327;
border-radius: 0;
} .wplng-switcher.theme-blurwhite-double-smooth .switcher-content {
backdrop-filter: blur(25px) saturate(100%);
background: hsla(0, 0%, 100%, 0);
border: 1px solid white;
border-radius: 8px;
}
.wplng-switcher.theme-blurwhite-double-smooth .switcher-content .wplng-language {
border: 1px solid white;
color: white;
border-radius: 6px;
} .wplng-switcher.theme-blurwhite-simple-smooth .switcher-content {
backdrop-filter: blur(25px) saturate(100%);
background: hsla(0, 0%, 100%, 0);
border: 1px solid white;
border-radius: 9px;
}
.wplng-switcher.theme-blurwhite-simple-smooth .switcher-content .wplng-language {
color: white;
border-radius: 6px;
} .wplng-switcher.theme-blurblack-double-smooth .switcher-content {
backdrop-filter: blur(25px) saturate(100%);
background: hsla(0, 0%, 100%, 0);
border: 1px solid #1d2327;
border-radius: 9px;
}
.wplng-switcher.theme-blurblack-double-smooth .switcher-content .wplng-language {
border: 1px solid #1d2327;
color: #1d2327;
border-radius: 6px;
} .wplng-switcher.theme-blurblack-simple-smooth .switcher-content {
backdrop-filter: blur(25px) saturate(100%);
background: hsla(0, 0%, 100%, 0);
border: 1px solid #1d2327;
border-radius: 9px;
}
.wplng-switcher.theme-blurblack-simple-smooth .switcher-content .wplng-language {
color: #1d2327;
border-radius: 6px;
} .wplng-switcher.theme-blurblack-simple-square .switcher-content {
backdrop-filter: blur(25px) saturate(100%);
background: hsla(0, 0%, 100%, 0);
border: 1px solid #1d2327;
border-radius: 0;
}
.wplng-switcher.theme-blurblack-simple-square .switcher-content .wplng-language {
color: #1d2327;
} .wplng-switcher.theme-light-double-square .switcher-content {
background-color: white;
border: 1px solid rgba(0, 0, 0, 0.25);
border-radius: 0;
}
.wplng-switcher.theme-light-double-square .switcher-content .wplng-language {
border: 1px solid rgba(0, 0, 0, 0.25);
color: #1d2327;
border-radius: 0;
} .wplng-switcher.theme-light-simple-square .switcher-content {
background-color: white;
border: 1px solid rgba(0, 0, 0, 0.25);
border-radius: 0;
}
.wplng-switcher.theme-light-simple-square .switcher-content .wplng-language {
color: #1d2327;
} .wplng-switcher.theme-grey-double-square .switcher-content {
background-color: #f0f0f1;
border: 1px solid rgba(0, 0, 0, 0.25);
border-radius: 0;
}
.wplng-switcher.theme-grey-double-square .switcher-content .wplng-language {
border: 1px solid rgba(0, 0, 0, 0.25);
color: #1d2327;
border-radius: 0;
} .wplng-switcher.theme-grey-simple-square .switcher-content {
background-color: #f0f0f1;
border: 1px solid rgba(0, 0, 0, 0.25);
border-radius: 0;
}
.wplng-switcher.theme-grey-simple-square .switcher-content .wplng-language {
color: #1d2327;
} .wplng-switcher.theme-dark-double-square .switcher-content {
background-color: #1d2327;
border: 1px solid rgba(255, 255, 255, 0.25);
border-radius: 0;
}
.wplng-switcher.theme-dark-double-square .switcher-content .wplng-language {
border: 1px solid rgba(255, 255, 255, 0.24);
color: white;
border-radius: 0;
} .wplng-switcher.theme-light-double-smooth .switcher-content {
background-color: white;
border: 1px solid rgba(0, 0, 0, 0.25);
border-radius: 9px;
}
.wplng-switcher.theme-light-double-smooth .switcher-content .wplng-language {
border: 1px solid rgba(0, 0, 0, 0.25);
color: #1d2327;
border-radius: 6px;
} .wplng-switcher.theme-light-simple-smooth .switcher-content {
background-color: white;
border: 1px solid rgba(0, 0, 0, 0.25);
border-radius: 9px;
}
.wplng-switcher.theme-light-simple-smooth .switcher-content .wplng-language {
color: #1d2327;
border-radius: 6px;
} .wplng-switcher.theme-grey-double-smooth .switcher-content {
background-color: #f0f0f1;
border: 1px solid rgba(0, 0, 0, 0.25);
border-radius: 9px;
}
.wplng-switcher.theme-grey-double-smooth .switcher-content .wplng-language {
border: 1px solid rgba(0, 0, 0, 0.25);
color: #1d2327;
border-radius: 6px;
} .wplng-switcher.theme-grey-simple-smooth .switcher-content {
background-color: #f0f0f1;
border: 1px solid rgba(0, 0, 0, 0.25);
border-radius: 9px;
}
.wplng-switcher.theme-grey-simple-smooth .switcher-content .wplng-language {
color: #1d2327;
border-radius: 6px;
} .wplng-switcher.theme-dark-double-smooth .switcher-content {
background-color: #1d2327;
border: 1px solid rgba(255, 255, 255, 0.25);
border-radius: 9px;
}
.wplng-switcher.theme-dark-double-smooth .switcher-content .wplng-language {
border: 1px solid rgba(255, 255, 255, 0.24);
color: white;
border-radius: 6px;
} .wplng-switcher.theme-dark-simple-smooth .switcher-content {
background-color: #1d2327;
border: 1px solid rgba(255, 255, 255, 0.25);
border-radius: 9px;
}
.wplng-switcher.theme-dark-simple-smooth .switcher-content .wplng-language {
color: white;
border-radius: 6px;
} .wplng-switcher.theme-dark-simple-square .switcher-content {
background-color: #1d2327;
border: 1px solid rgba(255, 255, 255, 0.25);
border-radius: 0;
}
.wplng-switcher.theme-dark-simple-square .switcher-content .wplng-language {
color: white;
}
#wp-admin-bar-wplingua-menu > .ab-item::before {
content: "\f326";
top: 2px;
position: relative;
transition: color 0.1s ease-in-out;
color: rgba(240, 246, 252, 0.6);
position: relative;
float: left;
font: normal 20px/1 dashicons;
speak: never;
padding: 4px 0;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
background-image: none !important;
margin-right: 6px;
}
.wplingua-list #wpadminbar:not(.mobile) .ab-top-menu > li#wp-admin-bar-wplingua-menu > .ab-item,
.wplingua-translated #wpadminbar:not(.mobile) .ab-top-menu > li#wp-admin-bar-wplingua-menu > .ab-item {
background: linear-gradient(125deg, #66f4e6 0%, #bcfa99 100%);
color: #1d2327;
font-weight: 700;
border: 2px solid #1d2327;
box-sizing: border-box;
border-radius: 6px;
line-height: 26px;
transition: all 0.3s;
opacity: 0.9;
}
.wplingua-list #wpadminbar:not(.mobile) .ab-top-menu > li#wp-admin-bar-wplingua-menu > .ab-item::before,
.wplingua-translated #wpadminbar:not(.mobile) .ab-top-menu > li#wp-admin-bar-wplingua-menu > .ab-item::before {
color: #1d2327;
top: 0;
}
.wplingua-list #wpadminbar:not(.mobile) .ab-top-menu > li#wp-admin-bar-wplingua-menu:hover > .ab-item,
.wplingua-translated #wpadminbar:not(.mobile) .ab-top-menu > li#wp-admin-bar-wplingua-menu:hover > .ab-item {
opacity: 1;
}
@keyframes text-loading {
0% {
opacity: 0.2;
}
50% {
opacity: 0.8;
}
100% {
opacity: 0.2;
}
}
.wplng-in-progress-text {
animation: text-loading 2s infinite;
animation-timing-function: linear;
}
@keyframes gradient {
0% {
background-position: 0 0;
}
100% {
background-position: -200% 0;
}
}
#wplng-in-progress-container {
position: fixed;
top: 0;
width: 100%;
height: 32px;
line-height: 22px;
color: #f0f0f1;
background-color: #1d2327;
z-index: 1000000;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 14px;
text-align: center;
font-weight: 600;
}
#wplng-in-progress-container #wplng-progress-bar {
position: absolute;
bottom: 1px;
height: 6px;
background-color: rgba(255, 255, 255, 0.25);
width: 100%;
}
#wplng-in-progress-container #wplng-progress-bar #wplng-progress-bar-value {
height: 5px;
background: repeating-linear-gradient(to right, #66f4e6 0%, #E795ED 50%, #66f4e6 100%);
min-width: 2%;
background-size: 200% auto;
background-position: 0 100%;
animation: gradient 2s infinite;
animation-fill-mode: forwards;
animation-timing-function: linear;
}
#wplng-in-progress-container #wplng-in-progress-text-mobile {
display: none;
}
#wplng-in-progress-container #wplng-in-progress-text-desktop {
display: inline;
}
@media screen and (max-width: 782px) {
#wplng-in-progress-container {
height: 46px;
line-height: 42px;
}
#wplng-in-progress-container #wplng-in-progress-message .wplng-spin {
position: relative;
top: 10px;
}
#wplng-in-progress-container #wplng-in-progress-text-mobile {
display: inline;
}
#wplng-in-progress-container #wplng-in-progress-text-desktop {
display: none;
}
}
#wplng-overloaded-container {
position: fixed;
top: 0;
width: 100%;
height: 32px;
line-height: 26px;
color: #f0f0f1;
background-color: #1d2327;
z-index: 1000000;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 14px;
text-align: center;
font-weight: 600;
}
#wplng-overloaded-container .dashicons.dashicons-info-outline {
margin: 5px 2px;
font-size: 18px;
}
#wplng-overloaded-container #wplng-overloaded-text-mobile {
display: none;
}
#wplng-overloaded-container #wplng-overloaded-text-desktop {
display: inline;
}
#wplng-overloaded-container #wplng-overloaded-close {
float: right;
margin: 6px;
cursor: pointer;
}
@media screen and (max-width: 782px) {
#wplng-overloaded-container {
height: 46px;
line-height: 42px;
}
#wplng-overloaded-container .dashicons.dashicons-info-outline {
margin: 12px 2px;
}
#wplng-overloaded-container #wplng-overloaded-text-mobile {
display: inline;
}
#wplng-overloaded-container #wplng-overloaded-text-desktop {
display: none;
}
#wplng-overloaded-container #wplng-overloaded-close {
margin: 12px;
}
} .wp-block .wplng-switcher,
.wplng-switcher {
pointer-events: none;
position: relative;
}
.wp-block .wplng-switcher .switcher-content,
.wplng-switcher .switcher-content {
padding: 2px;
text-align: center;
pointer-events: auto;
}
.wp-block .wplng-switcher .switcher-content .wplng-language,
.wplng-switcher .switcher-content .wplng-language {
font-size: 16px;
line-height: 16px;
padding: 2px 6px 2px 0;
margin: 2px;
text-decoration: none;
text-align: left;
}
.wp-block .wplng-switcher .switcher-content .wplng-language img,
.wplng-switcher .switcher-content .wplng-language img {
box-sizing: content-box;
width: 22px;
height: 22px;
margin-left: 6px;
vertical-align: baseline;
filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.2));
display: inline;
vertical-align: unset;
border: none;
}
.wp-block .wplng-switcher .switcher-content p,
.wplng-switcher .switcher-content p {
display: none;
margin: 0;
padding: 0;
height: 0;
width: 0;
}
a[data-wplng-flag] {
display: inline-block;
}
.wplingua-menu .wplng-menu-flag {
max-width: 1.2em;
max-height: 1.2em;
margin-right: 0.2em;
display: inline;
line-height: 1em;
vertical-align: sub;
border: none;
}
.wplng-block-attributes {
border-top: 1px solid rgb(221, 221, 221);
margin-top: -1px;
padding: 16px;
}
.wplng-block-attributes label.components-text.components-input-control__label {
text-transform: none;
}