Может кому пригодится...Я ее малехи изменил:
Код
<div id="cecutient-container" class="UL ul-cecutient g-theme-site-1" data-enabled="false" data-showpanel="false" data-postionhandler="right" data-themeclass="g-theme-block-3" data-grayscale="false" data-font-size="small" data-background-color="g-theme-site-1" data-cecutientimage-hide="true"> <div class="ul-cecutient-disabled js-cecutient-disabled g-theme-block-3"> <span class="ul-cecutient-disabled-eye g-theme-block-3 g-color-text-1"> <span class="fa fa-eye"></span> <span class="ul-cecutient-disabled-text g-color-text-1"> Перейти на версию для слабовидящих </span> </span> </div></div>
Код
/*******************************/
#cecutient-container[data-enabled="false"] .ul-cecutient-disabled .ul-cecutient-disabled-text {
font-weight: bold;
font-size: 15px;
color: #fff;
width: 0;
display: block;
overflow: hidden;
white-space: nowrap;
margin: 23px 50px 0 22px;
-webkit-transition-property: width;
transition-property: width;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
-webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
#cecutient-container[data-enabled="false"] .ul-cecutient-disabled .ul-cecutient-disabled-eye {
position: absolute;
height: 48px;
width: 300px;
max-width: 48px;
top: -20px;
border-radius: 0 0 24px 24px;
z-index: 9999999;
-webkit-transition-property: max-width;
transition-property: max-width;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
-webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
#cecutient-container[data-enabled="false"] .ul-cecutient-disabled .ul-cecutient-disabled-eye .fa-eye {
top: 23px;
right: 14px;
position: absolute;
width: 20px;
height: 15px;
color: #fff;
}
#cecutient-container[data-enabled="false"] .ul-cecutient-disabled .ul-cecutient-disabled-eye .fa-eye:before {
font-size: 20px;
display: block;
}
#cecutient-container[data-enabled="false"][data-postionhandler="right"] .ul-cecutient-disabled .ul-cecutient-disabled-eye {
right: 30px;
}
.g-theme-site-1 .g-theme-block-3 {
background: #507299;
}
@media (min-width: 450px) {
.ul-cecutient-disabled-eye:hover {
max-width: 500px !important;
width: auto !important;
cursor: pointer !important;
}
.ul-cecutient-disabled-eye:hover .ul-cecutient-disabled-text {
width: auto !important;
}
}
Саму кнопку можно изменить под свои нужды ...Иконку только поменять и текст.
.Подскажите как сделать такую кнопочку.
