%PDF- %PDF-
| Direktori : /www/varak.net/mail2.varak.net_old/skins/Default/less/controls/ |
| Current File : /www/varak.net/mail2.varak.net_old/skins/Default/less/controls/flag.less |
.item .flag {
display: inline-block;
vertical-align: bottom;
width: 16px;
height: 16px;
margin-top: 7px;
cursor: pointer;
position: relative;
text-align: center;
color: darken(@theme-list-item-bg, 20%);
.iconFontInit();
.iconFontInit(after);
&:before {
font-size: 20px;
display: block;
//color: rgba(166,166,166, 0.5);
//text-shadow: 0 1px 0 #FFFFFF, 0 0 0 #787878;
margin-left: -2px;
content: "\e652";
}
&:after {
// checked
visibility: hidden;
font-size: 24px;
display: block;
width: 100%;
height: 100%;
color: #FFB736;
//text-shadow: 0 1px 0 #A7A7A7;
margin: -22px 0 0 -4px;
content: "\e61f";
opacity: 0;
.transformOrigin(13px 13px);
.transform(scale(0.8));
-webkit-transition: -webkit-transform 200ms cubic-bezier(.4,.4,.6,4) 0s, opacity 100ms linear 100ms, visibility 0ms linear 300ms;
-moz-transition: -moz-transform 200ms cubic-bezier(.4,.4,.6,4) 0s, opacity 100ms linear 100ms, visibility 0ms linear 300ms;
-o-transition: -o-transform 200ms cubic-bezier(.4,.4,.6,4) 0s, opacity 100ms linear 100ms, visibility 0ms linear 300ms;
transition: transform 200ms cubic-bezier(.4,.4,.6,4) 0s, opacity 100ms linear 100ms, visibility 0ms linear 300ms;
}
}
.item.checked .flag:not(.partial) {
&:before {
color: desaturate(darken(@theme-list-checked-item-bg, 20%), 30%);
}
}
.item.selected .flag:not(.partial) {
&:before {
color: desaturate(darken(@theme-list-selected-item-bg, 10%), 10%);
}
}
.use_threads .item .partial {
color: #ffb736;
}
.item .flagged {
&:after {
-webkit-transition: -webkit-transform 200ms cubic-bezier(.4,.4,.6,4) 0s, visibility 0ms linear 0s;
-moz-transition: -moz-transform 200ms cubic-bezier(.4,.4,.6,4) 0s, visibility 0ms linear 0s;
-o-transition: -o-transform 200ms cubic-bezier(.4,.4,.6,4) 0s, visibility 0ms linear 0s;
transition: transform 200ms cubic-bezier(.4,.4,.6,4) 0s, visibility 0ms linear 0s;
.transform(scale(1));
opacity: 1;
visibility: visible;
}
}