mirror of
https://github.com/the-djmaze/snappymail.git
synced 2024-12-28 18:41:34 +08:00
104 lines
1.8 KiB
Text
104 lines
1.8 KiB
Text
|
|
[class^="icon-"],
|
|
[class*=" icon-"] {
|
|
display: inline-block;
|
|
width: 16px;
|
|
height: 16px;
|
|
line-height: 17px;
|
|
font-size: 16px;
|
|
vertical-align: text-top;
|
|
}
|
|
|
|
.icon-folder, .icon-folder-add, .icon-list {
|
|
line-height: 18px;
|
|
font-size: 18px;
|
|
margin-top: -1px;
|
|
margin-left: -1px;
|
|
width: 17px;
|
|
}
|
|
|
|
.iconsize24 {
|
|
line-height: 24px;
|
|
font-size: 24px;
|
|
}
|
|
|
|
/* White icons with optional class, or on hover/active states of certain elements */
|
|
.icon-white,
|
|
.nav > .active > a > [class^="icon-"],
|
|
.nav > .active > a > [class*=" icon-"] {
|
|
color: #fff;
|
|
}
|
|
|
|
.g-ui-menu .e-item:hover [class^="icon-"],
|
|
.g-ui-menu .e-item:hover [class*=" icon-"] {
|
|
color: #fff;
|
|
}
|
|
|
|
.icon-none {
|
|
background-image: none !important;
|
|
}
|
|
|
|
.icon-checkbox-checked, .icon-checkbox-unchecked, .icon-checkbox-partial, .icon-radio-checked, .icon-radio-unchecked {
|
|
cursor: pointer;
|
|
color: #555;
|
|
font-size: 1em;
|
|
|
|
&:hover, &:active {
|
|
color: #000;
|
|
}
|
|
}
|
|
|
|
.icon-white {
|
|
&.icon-checkbox-checked, &.icon-checkbox-unchecked, &.icon-checkbox-partial, &.icon-radio-checked, &.icon-radio-unchecked {
|
|
color: #eee;
|
|
|
|
&:hover, &:active {
|
|
color: #fff;
|
|
}
|
|
}
|
|
}
|
|
|
|
.denied-by-browser {
|
|
cursor: default;
|
|
.icon-checkbox-checked, icon-checkbox-unchecked {
|
|
cursor: default;
|
|
}
|
|
}
|
|
|
|
.right-mini, .down-mini {
|
|
width: 16px;
|
|
line-height: 20px;
|
|
}
|
|
|
|
@keyframes rotation {
|
|
to {transform: rotate(1turn);}
|
|
}
|
|
|
|
.icon-spinner {
|
|
width: 16px;
|
|
height: 16px;
|
|
|
|
&:before {
|
|
transform-origin: 8px 8px;
|
|
margin-top: 1px;
|
|
display: inline-block;
|
|
font-size: 16px;
|
|
line-height: 100%;
|
|
}
|
|
}
|
|
|
|
html.no-cssanimations .icon-spinner {
|
|
background-image: url('@{rlSyncFileStop}');
|
|
background-repeat: no-repeat;
|
|
font-family: Arial;
|
|
&:before {
|
|
content: "";
|
|
}
|
|
&.animated {
|
|
background-image: url('@{rlSyncFile}');
|
|
}
|
|
}
|
|
|
|
html.cssanimations .icon-spinner.animated:before {
|
|
animation: rotation 1s infinite steps(40);
|
|
}
|