|
|
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]] |