Tag
|
Syntax
|
Icon
|
Size
|
Box checked
|
{{icon|tag check|9}}
|
|
9px
|
Box unchecked
|
{{icon|tag uncheck|9}}
|
|
9px
|
At war
|
{{icon|tag war|9}}
|
|
9px
|
At war (militia)
|
{{icon|tag war militia|9}}
|
|
9px
|
In your fleet
|
{{icon|tag fleet|9}}
|
|
9px
|
In your corporation
|
{{icon|tag corp|9}}
|
|
9px
|
In your alliance
|
{{icon|tag alliance|9}}
|
|
9px
|
Excellent standing
|
{{icon|tag 10|9}}
|
|
9px
|
Good standing
|
{{icon|tag 5|9}}
|
|
9px
|
Outlaw (below -5 sec)
|
{{icon|tag outlaw|9}}
|
|
9px
|
Criminal
|
{{icon|tag criminal|9}}
|
|
9px
|
Suspect
|
{{icon|tag suspect|9}}
|
|
9px
|
Limited engagement
|
{{icon|tag le|9}}
|
|
9px
|
Available kill right
|
{{icon|tag kill|9}}
|
|
9px
|
Terrible standing (-10)
|
{{icon|tag -10|9}}
|
|
9px
|
Bad standing (-5)
|
{{icon|tag -5|9}}
|
|
9px
|
Militia (or militia ally)
|
{{icon|tag militia|9}}
|
|
9px
|
Ally in your war
|
{{icon|tag war ally|9}}
|
|
9px
|
Security status below zero
|
{{icon|tag below zero|9}}
|
|
9px
|
Neutral standing (0)
|
{{icon|tag neutral|9}}
|
|
9px
|
Interactable agent
|
{{icon|tag agent|9}}
|
|
9px
|
Bounty
|
{{icon|tag bounty|9}}
|
|
9px
|
No standing
|
{{icon|tag no standing|9}}
|
|
9px
|
|
Background
|
Syntax
|
Icon
|
Size
|
Red
|
{{icon|bg red|9}}
|
|
9px
|
Orange
|
{{icon|bg orange|9}}
|
|
9px
|
Purple (dark)
|
{{icon|bg purple dark|9}}
|
|
9px
|
Purple (light)
|
{{icon|bg purple light|9}}
|
|
9px
|
Green
|
{{icon|bg green|9}}
|
|
9px
|
Blue (dark)
|
{{icon|bg blue dark|9}}
|
|
9px
|
Blue (light)
|
{{icon|bg blue light|9}}
|
|
9px
|
Yellow
|
{{icon|bg yellow|9}}
|
|
9px
|
Black
|
{{icon|bg black|9}}
|
|
9px
|
Grey
|
{{icon|bg grey|9}}
|
|
9px
|
White
|
{{icon|bg white|9}}
|
|
9px
|
Turquoise (dark)
|
{{icon|bg turquoise dark|9}}
|
|
9px
|
Turquoise (light)
|
{{icon|bg turquoise light|9}}
|
|
9px
|
|
In order to make icons flashing, include this to your page:
{{#css:
@keyframes flashy { 50% { opacity: 0; } }
@-webkit-keyframes flashy { 50% { opacity: 0; } }
@-moz-keyframes flashy { 50% { opacity: 0; } }
@-o-keyframes flashy { 50% { opacity: 0; } }
.flashy img {
animation-name: flashy;
animation-duration: .5s;
animation-timing-function: linear;
animation-iteration-count: infinite;
animation-direction: alternate;
-webkit-animation-name: flashy;
-webkit-animation-duration: .5s;
-webkit-animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-webkit-animation-direction: alternate;
-moz-animation-name: flashy;
-moz-animation-duration: .5s;
-moz-animation-timing-function: linear;
-moz-animation-iteration-count: infinite;
-moz-animation-direction: alternate;
-o-animation-name: flashy;
-o-animation-duration: .5s;
-o-animation-timing-function: linear;
-o-animation-iteration-count: infinite;
-o-animation-direction: alternate;
} }} |
Then use the <span class="flashy"></span>. Wrapped around an icon yields this:
|