|
|
| Line 1: |
Line 1: |
| <!-- Flash CSS -->
| | A list of icons for easy access, maintenance and visibility. Where applicable, template code using the {{Tl|icon}} template for using the image is provided. If using template coding, when icons are updated in the template, they will be updated across all pages using the template automatically. |
| {{#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;
| |
| }
| |
| }}
| |
| A list of icons for easy access, maintenance and visibility. Where applicable, template code using the <nowiki>{{icon}}</nowiki> template for using the image is provided. If using template coding, when icons are updated in the template, they will be updated across all pages using the template automatically. | |
|
| |
|
| If you're interested in the source for these or for use outside the wiki, see CCP's official [https://developers.eveonline.com/resource/resources Image Export Collection (IEC)] or [https://images.evetech.net/ Image Service]. | | If you're interested in the source for these or for use outside the wiki, see CCP's official [https://developers.eveonline.com/resource/resources Image Export Collection (IEC)] or [https://images.evetech.net/ Image Service]. |
| Line 2,650: |
Line 2,616: |
| |} | | |} |
| | valign="top" | | | | valign="top" | |
| In order to make icons flashing, include this to your page:<br> | | In order to make icons flashing, include {{Tl|FlashyCSS}} then use the {{co|violet|<nowiki><span class="flashy"></span></nowiki>}}.<br>Wrapped around an icon yields this: <span class="flashy">{{icon|tag war|9}}</span> |
| <small>{{code|<nowiki>{{#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;
| |
| } }}</nowiki>}}</small>
| |
| Then use the {{co|violet|<nowiki><span class="flashy"></span></nowiki>}}.<br>Wrapped around an icon yields this: <span class="flashy">{{icon|tag war|9}}</span>
| |
| |} | | |} |
|
| |
|
| Line 3,156: |
Line 3,094: |
|
| |
|
| {{UniWikiNav}} | | {{UniWikiNav}} |
| | | {{FlashyCSS}} |
| [[Category:Icons]] | | [[Category:Icons]] |
| [[Category:Wiki Information]] | | [[Category:Wiki Information]] |
