2013-12-15 06:42:32 +08:00
|
|
|
|
|
|
|
[class^="icon-"],
|
|
|
|
[class*=" icon-"] {
|
|
|
|
display: inline-block;
|
2021-02-05 00:52:46 +08:00
|
|
|
width: 1em;
|
|
|
|
height: 1em;
|
|
|
|
}
|
|
|
|
|
2021-02-09 05:43:53 +08:00
|
|
|
.fontastic + span,
|
|
|
|
[class^="icon-"] + span,
|
|
|
|
[class*=" icon-"] + span {
|
|
|
|
margin-left: 0.5em;
|
|
|
|
}
|
|
|
|
|
2021-02-05 00:52:46 +08:00
|
|
|
[class^="icon-"],
|
|
|
|
[class*=" icon-"] {
|
2020-10-28 17:35:17 +08:00
|
|
|
line-height: 1;
|
2013-12-15 06:42:32 +08:00
|
|
|
font-size: 16px;
|
|
|
|
vertical-align: text-top;
|
2016-04-07 20:07:19 +08:00
|
|
|
|
2021-02-05 17:42:20 +08:00
|
|
|
.disabled &,
|
|
|
|
.btn[disabled] & {
|
|
|
|
opacity: 0.5;
|
2016-04-07 20:07:19 +08:00
|
|
|
}
|
2013-12-15 06:42:32 +08:00
|
|
|
}
|
|
|
|
|
2021-02-12 00:46:29 +08:00
|
|
|
.icon-folder, .icon-folder-add {
|
2013-12-15 06:42:32 +08:00
|
|
|
font-size: 18px;
|
2014-03-19 20:38:34 +08:00
|
|
|
margin-top: -1px;
|
2014-01-15 04:02:30 +08:00
|
|
|
margin-left: -1px;
|
2013-12-15 06:42:32 +08:00
|
|
|
}
|
|
|
|
|
2013-12-15 19:02:50 +08:00
|
|
|
.iconsize24 {
|
|
|
|
font-size: 24px;
|
|
|
|
}
|
|
|
|
|
2015-06-01 01:40:54 +08:00
|
|
|
.iconsize20 {
|
2015-01-27 05:06:00 +08:00
|
|
|
font-size: 20px;
|
|
|
|
}
|
|
|
|
|
2013-12-15 06:42:32 +08:00
|
|
|
/* 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;
|
|
|
|
}
|
|
|
|
|
2015-01-13 07:24:08 +08:00
|
|
|
.iconcolor-display-none {
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
.iconcolor-green {
|
|
|
|
color: green;
|
|
|
|
}
|
|
|
|
|
|
|
|
.iconcolor-red {
|
|
|
|
color: red;
|
|
|
|
}
|
|
|
|
|
2015-01-06 04:55:06 +08:00
|
|
|
@keyframes rotation {
|
|
|
|
to {transform: rotate(1turn);}
|
|
|
|
}
|
|
|
|
|
|
|
|
.icon-spinner {
|
|
|
|
|
|
|
|
font-family: Arial;
|
|
|
|
|
|
|
|
height: 11px;
|
|
|
|
width: 11px;
|
|
|
|
|
|
|
|
margin-right: -1px;
|
|
|
|
background: none;
|
|
|
|
|
|
|
|
border: 3px solid #aaa;
|
|
|
|
border-top-color: #333;
|
|
|
|
border-radius: 100%;
|
|
|
|
|
2015-01-08 06:50:59 +08:00
|
|
|
&.big {
|
|
|
|
|
|
|
|
height: 13px;
|
|
|
|
width: 13px;
|
|
|
|
|
|
|
|
margin-top: -2px;
|
|
|
|
margin-left: -2px;
|
|
|
|
}
|
2015-01-08 22:00:03 +08:00
|
|
|
|
2015-02-16 05:55:59 +08:00
|
|
|
&.white, &.icon-white {
|
2015-01-08 22:00:03 +08:00
|
|
|
|
|
|
|
border-color: #fff;
|
|
|
|
border-top-color: #999;
|
|
|
|
|
|
|
|
&.animated {
|
|
|
|
border-color: transparent;
|
|
|
|
border-top-color: #fff;
|
|
|
|
}
|
|
|
|
}
|
2015-01-06 04:55:06 +08:00
|
|
|
}
|
2021-02-05 00:52:46 +08:00
|
|
|
|
|
|
|
.icon-spinner:not(.not-animated) {
|
|
|
|
border-color: transparent;
|
|
|
|
border-top-color: #999;
|
|
|
|
animation: rotation .8s infinite ease-in-out;
|
|
|
|
}
|
|
|
|
|
|
|
|
.fontastic.icon-spinner {
|
|
|
|
text-indent: -1em;
|
|
|
|
overflow: hidden;
|
|
|
|
}
|