Difference between revisions of "User:Cassiel Seraphim/Sandbox"

From EVE University Wiki
Jump to: navigation, search
 
(199 intermediate revisions by 4 users not shown)
Line 1: Line 1:
= New icons =
+
= Icons =
{| class="wikitable" valign="top" align="center" style="font-size:80%"
+
{| class="wikitable"
 +
! style="background-color:#222222;" | white
 +
! style="background-color:#222222;" | green
 +
! style="background-color:#222222;" | incursions
 +
! style="background-color:#222222;" | checkers
 +
! style="background-color:#222222;" | locked
 +
! style="background-color:#222222;" | miscellaneous
 
|-
 
|-
! style="background:#222222;" | Warp scrambling
 
! style="background:#222222;" | Warp disrupting
 
! style="background:#222222;" | Energy neutralizing
 
! style="background:#222222;" | Target painting
 
! style="background:#222222;" | Webbing
 
! style="background:#222222;" | Jamming
 
|-
 
|
 
[[image:icon_warp_scrambler_i.png|30px|Warp scrambling]]
 
[[image:icon_warp_scrambler_ii.png|30px|Warp scrambling]]
 
[[image:icon_warp_scrambler_faction.png|30px|Warp scrambling]]
 
|
 
[[image:icon_warp_disruptor_i.png|30px|Warp disrupting]]
 
[[image:icon_warp_disruptor_ii.png|30px|Warp disrupting]]
 
[[image:icon_warp_disruptor_faction.png|30px|Warp disrupting]]
 
|
 
[[image:icon_energy_neutralizer_i.png|30px|Energy neutralizing]]
 
[[image:icon_energy_neutralizer_ii.png|30px|Energy neutralizing]]
 
[[image:icon_energy_neutralizer_faction.png|30px|Energy neutralizing]]
 
|
 
[[image:icon_target_painter_i.png|30px|Target painting]]
 
[[image:icon_target_painter_ii.png|30px|Target painting]]
 
[[image:icon_target_painter_faction.png|30px|Target painting]]
 
|
 
[[image:icon_stasis_webifier_i.png|30px|Webbing]]
 
[[image:icon_stasis_webifier_ii.png|30px|Webbing]]
 
[[image:icon_stasis_webifier_faction.png|30px|Webbing]]
 
|
 
[[image:icon_multispectral_ecm_i.png|30px|Jamming]]
 
[[image:icon_multispectral_ecm_ii.png|30px|Jamming]]
 
[[image:icon_multispectral_ecm_faction.png|30px|Jamming]]
 
|}
 
 
{| class="wikitable" valign="top" align="center" style="font-size:80%"
 
|-
 
! style="background:#222222;" | Scripts
 
! style="background:#222222;" | Sensor Boosters
 
! style="background:#222222;" | -
 
|-
 
|
 
[[image:icon_tracking_speed_script.png|30px|Tracking Speed Script]]
 
[[image:icon_optimal_range_script.png|30px|Optimal Range Script]]
 
[[image:icon_scan_resolution_script.png|30px|Scan Resolution Script]]
 
[[image:icon_targeting_range_script.png|30px|Targeting Range Script]]
 
| -
 
[[image:icon_sensor_booster_i.png|30px|Sensor Booster]]
 
[[image:icon_sensor_booster_ii.png|30px|Sensor Booster]]
 
[[image:icon_sensor_booster_faction.png|30px|Sensor Booster]]
 
| -
 
|}
 
 
 
{| class="wikitable" valign="top" align="center" style="font-size:80%"
 
|-
 
! style="background:#222222;" | Hull
 
! style="background:#222222;" | Resists
 
|-
 
|
 
[[image:icon_shield_glow.png|30px|Shield]]
 
[[image:icon_armour.png|30px|Armour]]
 
[[image:icon_hull.png|30px|Structure]]
 
|
 
[[Image:icon_resist_em.png|30px|Electromagnetic resistance]]
 
[[Image:icon_resist_therm.png|30px|Thermal resistance]]
 
[[Image:icon_resist_kin.png|30px|Kinetic resistance]]
 
[[Image:icon_resist_exp.png|30px|Explosive resistance]]
 
|}
 
 
= Template =
 
{| class="wikitable" style="font-size:95%;"
 
|-
 
! width="100" style="background:#222222;" | Enemy
 
! style="background:#222222;" | Description
 
|-
 
| nowrap valign="middle" | [[image:icon_multispectral_ecm_i.png|30px|Jamming]][[image:icon_warp_scrambler_i.png|30px|Warp scrambling]][[image:icon_energy_neutralizer_i.png|30px|Energy neutralizing]][[image:icon_target_painter_i.png|30px|Target painting]][[image:icon_stasis_webifier_i.png|30px|Webbing]] '''Something'''
 
| Textaboutsomething
 
|}
 
= Sansha's Manual =
 
{| class="wikitable" style="font-size:95%;"
 
|-
 
! width="100" style="background:#222222;" colspan="2" | Enemy
 
! style="background:#222222;" | Defensive Data
 
! style="background:#222222;" | Offensive Data
 
|-
 
| valign="top" | http://image.eveonline.com/Render/17924_256.png
 
| valign="top" align="center" | '''Eystur Rhomben'''
 
[[image:icon_multispectral_ecm_i.png|30px|Jamming]][[image:icon_warp_scrambler_i.png|30px|Warp scrambling]][[image:icon_energy_neutralizer_i.png|30px|Energy neutralizing]][[image:icon_target_painter_i.png|30px|Target painting]][[image:icon_stasis_webifier_i.png|30px|Webbing]]
 
| nowrap valign="top" |
 
{| style="font-size:85%;border:0px solid black;"
 
|-
 
! colspan="2" | Ship Stats
 
!
 
! valign="middle" | [[Image:icon_resist_em.png|24px|Electromagnetic Resistance]]
 
!
 
! valign="middle" | [[Image:icon_resist_therm.png|24px|Thermal Resistance]]
 
!
 
! valign="middle" | [[Image:icon_resist_kin.png|24px|Kinetic Resistance]]
 
!
 
! valign="middle" | [[Image:icon_resist_exp.png|24px|Explosive Resistance]]
 
|-
 
| valign="middle" align="center" | [[image:icon_shield.png|24px|Shield Hit Points]]
 
| align="right" | 2,500 HP
 
|
 
| <div style="width:32px;background-color:#222222"><div style="width:14px;background-color:SlateBlue">&nbsp;60 %</div></div>
 
|
 
| <div style="width:32px;background-color:#222222"><div style="width:14px;background-color:Brown">&nbsp;60 %</div></div>
 
|
 
| <div style="width:32px;background-color:#222222"><div style="width:14px;background-color:SlateGray">&nbsp;60 %</div></div>
 
|
 
| <div style="width:32px;background-color:#222222"><div style="width:14px;background-color:Peru"> 60 %</div></div>
 
|-
 
| valign="middle" align="center" | [[image:icon_armour.png|24px|Armour Hit Points]]
 
| align="right" | 1,250 HP
 
|
 
| <div style="width:32px;background-color:#222222;border:0px;"><div style="width:9px;background-color:SlateBlue">&nbsp;43 %</div></div>
 
 
|
 
|
| <div style="width:32px;background-color:#222222;border:0px;"><div style="width:9px;background-color:Brown">&nbsp;43 %</div></div>
+
[[image:icon_left.png|16px|link=]]
 +
[[image:icon_up.png|16px|link=]]
 +
[[image:icon_down.png|16px|link=]]
 +
[[image:icon_right.png|16px|link=]]
 
|
 
|
| <div style="width:32px;background-color:#222222;border:0px;"><div style="width:9px;background-color:SlateGray">&nbsp;43 %</div></div>
+
[[image:icon_left_green.png|16px|link=]]
 +
[[image:icon_up_green.png|16px|link=]]
 +
[[image:icon_down_green.png|16px|link=]]
 +
[[image:icon_right_green.png|16px|link=]]
 
|
 
|
| <div style="width:32px;background-color:#222222;border:0px;"><div style="width:9px;background-color:Peru">&nbsp;43 %</div></div>
+
[[image:icon_incursion_effect_cyno.png]]
|-
+
[[image:icon_incursion_effect_damage.png]]
| valign="middle" align="center" | [[image:icon_hull.png|24px|Structure Hit Points]]
+
[[image:icon_incursion_effect_resists.png]]
| align="right" | 625 HP
+
[[image:icon_incursion_effect_bounties.png]]
 
|
 
|
| <div style="width:32px;background-color:#222222"><div style="width:0px;background-color:SlateBlue">&nbsp;0 %</div></div>
+
[[image:icon green check.png]]
 +
[[image:icon yellow circle.png]]
 +
[[image:icon red x.png]]
 +
[[image:icon_checkmark.png]]
 +
[[image:icon_cancel.png]]
 
|
 
|
| <div style="width:32px;background-color:#222222"><div style="width:0px;background-color:Brown">&nbsp;0 %</div></div>
+
[[image:icon_locked.png]]
 +
[[image:icon_unlocked.png]]
 
|
 
|
| <div style="width:32px;background-color:#222222"><div style="width:0px;background-color:SlateGray">&nbsp;0 %</div></div>
+
[[image:icon_fedo.png]]
|
+
[[image:source_book.png]]
| <div style="width:32px;background-color:#222222"><div style="width:0px;background-color:Peru">&nbsp;0 %</div></div>
+
[[image:concord_mtac.png]]
 
|}
 
|}
[[image:icon_shield_glow.png|24px|Effective Shield Hit Points]] XX,XXX Effective Shield Hit Points
 
  
| nowrap valign="top" |
+
{| class="wikitable"
{| style="font-size:85%;border:0px solid black;"
+
! style="background-color:#222222;" | Help/info
|-
+
! style="background-color:#222222;" | Post-its
! colspan="2" | Damage / Volley
+
! style="background-color:#222222;" | Settings
!
 
! valign="middle" | [[Image:icon_resist_em.png|24px|Electromagnetic Damage]]
 
!
 
! valign="middle" | [[Image:icon_resist_therm.png|24px|Thermal Damage]]
 
!
 
! valign="middle" | [[Image:icon_resist_kin.png|24px|Kinetic Damage]]
 
!
 
! valign="middle" | [[Image:icon_resist_exp.png|24px|Explosive Damage]]
 
|-
 
| valign="middle" align="center" | [[image:icon_turret.png|24px|Turret Damage]]
 
| align="right" | 2,500 HP
 
|
 
| valign="middle" align="center" | -
 
|
 
| valign="middle"  align="center"| -
 
|
 
| valign="middle"  align="center"| -
 
|
 
| valign="middle"  align="center"| -
 
 
|-
 
|-
| valign="middle" align="center" | [[image:icon_torpedoes.png|24px|Torpedo Damage]]
 
| align="right" | 1,250 HP
 
 
|
 
|
| valign="middle"  align="center"| -
+
[[image:icon_show_info.png]]
 +
[[image:icon_help.png]]
 +
[[image:icon_help_square.png]]
 +
[[image:icon_information.png]]
 +
[[image:icon_information2.png]]
 +
[[image:icon_information_square.png]]
 
|
 
|
| valign="middle"  align="center"| -
+
[[image:icon_postit.png]]
 +
[[image:icon_postits.png]]
 +
[[image:icon_postit_block.png]]
 +
[[image:icon_pax_amarria.png]]
 
|
 
|
| valign="middle"  align="center"| -
+
[[image:icon_cogs.png]]
|
+
[[image:icon_cog.png]]
| valign="middle"  align="center"| -
+
[[image:icon_cog_bolt.png]]
|}
 
[[image:icon_optimal_range_script.png|24px|Optimal Range Script]] 10km optimal + 1km falloff range<br>
 
[[image:icon_tracking_speed_script.png|24px|Tracking Speed Script]] 0,4 tracking speed<br>
 
[[image:icon_scan_resolution_script.png|24px|Signature Radius]]49 meter signature radius<br>
 
[[image:icon_targeting_range_script.png|24px|Targeting Range Script]] 12km attack range
 
|}
 
 
 
= Shortlist =
 
{| class="wikitable" style="font-size:95%;"
 
<!-- Header -->
 
<!--
 
|-
 
! width="100" style="background:#222222;" colspan="2" | Enemy
 
! style="background:#222222;" | Defensive Data
 
! style="background:#222222;" | Offensive Data
 
-->
 
|-
 
| [[image:icon_target_frigate.png|20px]] Evil Sansha Frigate [[image:icon_multispectral_ecm_i.png|30px|Jamming]][[image:icon_warp_scrambler_i.png|30px|Warp scrambling]][[image:icon_energy_neutralizer_i.png|30px|Energy neutralizing]][[image:icon_target_painter_i.png|30px|Target painting]][[image:icon_stasis_webifier_i.png|30px|Webbing]]
 
|-
 
| [[image:icon_target_cruiser.png|20px]] Evil Sansha Cruiser [[image:icon_multispectral_ecm_i.png|30px|Jamming]][[image:icon_warp_scrambler_i.png|30px|Warp scrambling]][[image:icon_energy_neutralizer_i.png|30px|Energy neutralizing]][[image:icon_target_painter_i.png|30px|Target painting]][[image:icon_stasis_webifier_i.png|30px|Webbing]]
 
|-
 
| [[image:icon_target_battleship.png|20px]] Evil Sansha Battleship [[image:icon_multispectral_ecm_i.png|30px|Jamming]][[image:icon_warp_scrambler_i.png|30px|Warp scrambling]][[image:icon_energy_neutralizer_i.png|30px|Energy neutralizing]][[image:icon_target_painter_i.png|30px|Target painting]][[image:icon_stasis_webifier_i.png|30px|Webbing]]
 
 
|}
 
|}
  
 +
{| [[image:transparent.png|thumb|See-through!]] |}
 
= Progression template =
 
= Progression template =
 
<div style="width:50px;background-color:#222222"><div style="width:33px;background-color:green;">&nbsp;67%</div></div>
 
<div style="width:50px;background-color:#222222"><div style="width:33px;background-color:green;">&nbsp;67%</div></div>
Line 204: Line 71:
 
<div style="width:32px;background-color:#222222;font-size:85%"><div style="width:10px;background-color:SlateGray">&nbsp;33 %</div></div>
 
<div style="width:32px;background-color:#222222;font-size:85%"><div style="width:10px;background-color:SlateGray">&nbsp;33 %</div></div>
 
<div style="width:32px;background-color:#222222;font-size:85%"><div style="width:28px;background-color:Peru">&nbsp;90 %</div></div>
 
<div style="width:32px;background-color:#222222;font-size:85%"><div style="width:28px;background-color:Peru">&nbsp;90 %</div></div>
 
= Resists =
 
[[Image:icon_resist_em.png|32px|shield electromagnetic resistance]]
 
[[Image:icon_resist_therm.png|32px|shield thermal resistance]]
 
[[Image:icon_resist_kin.png|32px|shield kinetic resistance]]
 
[[Image:icon_resist_exp.png|32px|shield explosive resistance]]
 
  
 
= Resist-table =
 
= Resist-table =
Line 257: Line 118:
 
| <div style="width:32px;background-color:#222222"><div style="width:0px;background-color:Peru"> 0 %</div></div>
 
| <div style="width:32px;background-color:#222222"><div style="width:0px;background-color:Peru"> 0 %</div></div>
 
|}
 
|}
= Site header =
+
 
{| cellpadding="2" cellspacing="0" clear:right; margin-left:1em; margin-bottom:1em; border:1px solid #202020;"
+
= What happens when you disconnect from the game? =
!style="border-bottom:1px solid #202020; background:#000000; font-size:13px;" colspan=2 | Incursion sites
+
a) Your ship will only try to warp out once (1,000,000 km in a random direction), if for some reason you can't warp right then and there, there will be no more attempts to emergency warp. If you get killed, your pod will also try to warp out once, but like your ship just that one time.<br>
 +
b) Modules will continue to cycle while you have cap, hardeners will stay on, guns will continue to fire (while having ammo) etc.<br>
 +
c) Skills will continue to have an effect, modules like EANMs will continue to function at the same level even if you're disconnected.<br>
 +
d) If they stop shooting you at some point, you'll automatically log out of the game for real as soon as the timers run out, regardless how many times they've been refreshed (this was obvious but still thought I'd double-check it).
 +
 
 +
= Layered images =
 +
<!-- {{note box|The ingame browser won't recognize '''position:relative''' on a cell, so you need to wrap the '''position:absolute''' div-tag inside another '''position:relative''' div-tag.}} -->
 +
Sometimes it makes sense to manually build up an image comprised of an image and a tag, two or more images or a semi-transparent label over an image.
 +
{|
 +
| valign="top" |
 +
{| class="wikitable"
 +
! colspan="3" | Tech and faction
 
|-
 
|-
!style="background:#101010; padding: 1px; text-align:center; font-size: 12px; color:white" valign="top" | Scout sites
+
| nowrap style="padding:0px;" | <div style="border:0px; position:relative;"><div style="border:0px; position:absolute; top:-3px; left:-1px">[[image:Icon_faction.png|16px|link=]]</div>[[image:Tempest_Fleet_Issue.jpg|64px]]</div>
| style="background:#202020; font-size: 11px; text-align:center;" | [[Nation Industrial Proxy]] - [[Distress Beacon]] - [[Forward Reconnaissance Outpost]] - [[Propaganda Cluster]]
+
| nowrap style="padding:0px;" | <div style="border:0px; position:relative;"><div style="border:0px; position:absolute; top:-3px; left:-1px">[[image:Icon_tech2.png|16px|link=]]</div>[[image:Scimitar.jpg|64px]]</div>
 +
| nowrap style="padding:0px;" | <div style="border:0px; position:relative;"><div style="border:0px; position:absolute; top:-3px; left:-1px">[[image:Icon_tech3.png|16px|link=]]</div>[[image:Legion.jpg|64px]]</div>
 +
|}
 +
| valign="top" |
 +
{| class="wikitable"
 +
! colspan="3" | Mining
 
|-
 
|-
!style="background:#101010; padding: 1px; text-align:center; font-size: 12px; color:white" valign="top" | Vanguard sites
+
<!-- Ore and reprocessing -->
| style="background:#202020; font-size: 11px; text-align:center;" | [[Nation Mining Colony]] - [[Nation Commander Outpost]] - [[Override Transfer Array]]
+
| nowrap style="padding:0px;" | <div style="border:0px; position:relative;"><div style="border:0px; position:absolute; top:8px; left:10px">{{icon|small container|20|Best yield per volume of m3 for this type of ore.}}</div>{{icon|check|32|Best yield per volume of m3 for this type of ore.}}</div>
 +
| nowrap style="padding:0px;" | <div style="border:0px; position:relative;"><div style="border:0px; position:absolute; top:8px; left:10px">[[image:icon_strip_miner_i.png|20px|Best yield per volume of m3 for this type of ore.]]</div>{{icon|check|32|Best yield per volume of m3 for this type of ore.}}</div>
 +
| nowrap style="padding:0px;" | <div style="border:0px; position:relative;"><div style="border:0px; position:absolute; top:8px; left:10px">[[image:icon_miner_i.png|20px|Best yield per volume of m3 for this type of ore.]]</div>{{icon|check|32|Best yield per volume of m3 for this type of ore.}}</div>
 +
|}
 +
|}
 +
 
 +
{|
 +
| valign="top" |
 +
{| class="wikitable"
 +
! Tech & faction
 
|-
 
|-
!style="background:#101010; padding: 1px; text-align:center; font-size: 12px; color:white" valign="top" | Assault sites
+
| nowrap style="padding:0px;" | <div style="border:0px; position:relative;"><div style="border:0px; position:absolute; top:-1px; left:-1px">[[image:Icon_tech2.png|24px|link=]]</div><div style="border:0px; position:absolute; top:104px; left:104px;">{{icon|ore|24}}</div>[[image:Prospect.jpg|128px]]</div>
| style="background:#202020; font-size: 11px; text-align:center;" | [[Overwhelmed Civilian Facility]] - [[Nation Consolidation Network]] - [[Nation Commander Stronghold]]
+
|}
 +
| valign="top" |
 +
{| class="wikitable"
 +
! Larger icon
 
|-
 
|-
!style="background:#101010; padding: 1px; text-align:center; font-size: 12px; color:white" valign="top" | Headquarter sites
+
| nowrap style="padding:0px;" | <div style="border:0px; position:relative;"><div style="border:0px; position:absolute; top:-1px; left:-1px">[[image:Icon_faction.png|24px|link=]]</div><div style="border:0px; position:absolute; top:80px; left:80px;">{{icon|amarr2|48}}</div>[[image:Malediction.jpg|128px]]</div>
| style="background:#202020; font-size: 11px; text-align:center;" | [[True Power Provisional Headquarters]] - [[Nation Rebirth Facility]] - [[True Creations Research Center]]<br>
 
[[The Kundalini Manifest]] - [[Uroborus]] (mothership sites)
 
 
|}
 
|}
= Recommended implants =
+
| valign="top" |
There are plenty of implants that are useful for incursion runners. While one shouldn't run around with a head full of expensive implants during war, there are some rather cheap +3% implants you could use even while at war.
+
{| class="wikitable"
 +
! Larger still
 +
|-
 +
| nowrap style="padding:0px;" | <div style="border:0px; position:relative;"><div style="border:0px; position:absolute; top:-1px; left:-1px">[[image:Icon_tech1.png|24px|link=]]</div><div style="border:0px; position:absolute; top:64px; left:64px;">{{icon|gallente2|64}}</div>[[image:Dominix.jpg|128px]]</div>
 +
|}
 +
|}
 +
 
 
{|
 
{|
 +
| valign="top" |
 +
{| class="wikitable"
 +
! Label
 +
|-
 +
| nowrap style="padding:0px;" | <div style="border:0px; position:relative;"><div style="border:0px; position:absolute; bottom:0px; left:0px; background:rgba(0,0,0,0.6); width:100%;"><p style="padding-left:6px;">[[Venture]]</p></div>[[image:Venture.jpg|128px]]</div>
 +
|}
 +
| valign="top" |
 +
{| class="wikitable"
 +
! Label too long
 +
|-
 +
| nowrap style="padding:0px;" | <div style="border:0px; position:relative;"><div style="border:0px; position:absolute; bottom:0px; left:0px; background:rgba(0,0,0,0.6); width:100%;"><p style="padding-left:6px;">{{sh|Typhoon Fleet Issue}}</p></div>[[image:Typhoon Fleet Issue.jpg|128px]]</div>
 +
|}
 +
|}
 +
 +
= Pre-tag with markups =
 +
Sometimes you want to combine showing raw code, which is easily done with the {{co|violet|&lt;pre&gt;&lt;/pre&gt;}} html-tag or with the {{t|code}}-template, but also do some markup on it to illustrate what to change.
 +
 +
Here's an example of how it can be done, taken from the [[overview manipulation]] page:
 +
 +
<pre<includeonly></includeonly>>
 +
tabSetup:  {{co|lightgreen|-- This identifies the start of the code handling tabs.}}
 +
- - 0  {{co|lightgreen|-- First tab.}}
 +
  - - - bracket
 +
      - null
 +
    - - name
 +
      - {{co|slateblue|<b&gt;.  PvP  .</b&gt;}}  {{co|lightgreen|-- This is the value for 'name', which is the label for the tab.}}
 +
    - - overview
 +
      - {{co|slateblue|1a - pvp + drones}}  {{co|lightgreen|-- This is the name of the setting that's loaded into this tab.}}
 +
</pre<includeonly></includeonly>>
 +
 +
The key to make this kind of presentation work is to break up the pre-tag with another tag, opening it up with {{co|violet|&lt;pre&lt;includeonly&gt;&lt;/includeonly&gt;&gt;}} and then closing it with {{co|violet|&lt;/pre&lt;includeonly&gt;&lt;/includeonly&gt;&gt;}}, which will end up changing the parsing behaviour of the page and the end result is that you can combine the best of both worlds, a pre-formatted text you can markup with colours or other highlight-methods.
 +
 +
In the rare case your code or text has some templates or wiki-code you don't want to format, but still want to be able to add your own wiki commands you can take this even further by adding {{co|violet|&lt;nowiki&gt;}} to the opening pre-line and {{co|violet|&lt;/nowiki&gt;}} in the closing part then wrap any individual wiki-code inside with the reverse {{co|violet|&lt;/nowiki&gt;}} wiki-code {{co|violet|&lt;nowiki&gt;}} markup.
 +
 +
Since this opens up for html-tags as well as wiki-markups it might be necessary to break up tags or replace equal signs to get the parsed result to your liking. This can be done by using {{co|slateblue|&amp;lt;}} instead of {{co|violet|<}} and {{co|slateblue|&amp;gt;}} instead of {{co|violet|>}} for tags plus {{co|slateblue|&amp;#61;}} instead of {{co|violet|&#61;}} for the equal sign. Technically you only need to break the tag in one place to achieve this, like using {{co|slateblue|<pre&amp;gt;}} as this will be enough for the parser to ignore the incomplete tag, but sometimes it's worth changing both brackets to avoid any potential problems with the rest of the code.
 +
 +
= Useful HTML-codes =
 +
Sometimes you have templates that doesn't allow for showing things like {{co|violet|&#61;}}, {{co|violet|&lt;}} or {{co|violet|&gt;}}, then you can use the following:
 +
{|
 +
| valign="top" |
 +
{| class="wikitable" style="font-size:90%; text-align:center;"
 +
! Code
 +
! Result
 +
|-
 +
| {{co|slateblue|&amp;#61;}}
 +
| {{co|violet|&#61;}}
 +
|-
 +
| {{co|slateblue|&amp;lt;}}
 +
| {{co|violet|&lt;}}
 
|-
 
|-
! Slot
+
| {{co|slateblue|&amp;gt;}}
! Type
+
| {{co|violet|&gt;}}
! Implant
 
! Description
 
 
|-
 
|-
| Slot 1
+
| {{co|slateblue|&amp;amp;}}
| Attribute Enhancers
+
| {{co|violet|&}}
| Genolution Core Augmentation CA-1
 
| Increased powergrid and capacitor.
 
 
|-
 
|-
| Slot 4
+
| {{co|slateblue|&amp;#47;}}
| Attribute Enhancers
+
| {{co|violet|/}}
| Genolution Core Augmentation CA-2
+
|-
| Increased CPU and capacitor.
+
| {{co|slateblue|&amp;#35;}}
 +
| {{co|violet|#}}
 +
|}
 +
| valign="top" | <br>For more HTML-codes, see this site:<br>[http://www.ascii.cl/htmlcodes.htm HTML Codes - Table of ascii characters and symbols]
 
|}
 
|}
  
Slot 6: Capacitor
+
= CSS table-magic =
Inherent Implants 'Squire' Energy Systems Operation EO-603
+
Sometimes you just want some more granular control over formatting in you table, be that row-wise or column-wise. A wonderful and might I add neat trick is to use {{co|violet|nth-child()}} or {{co|violet|nth-last-child()}} to select which columns (or other element) should be affected by a specific format through the parameter variable.
Inherent Implants 'Squire' Energy Systems Operation EO-606
 
Slot 8: Capacitor
 
Inherent Implants 'Squire' Energy Management EM-803
 
Inherent Implants 'Squire' Energy Management EM-806
 
  
 +
The parameter can allow you to do simple identifications like {{co|slateblue|(1)}} for '''first''', {{co|slateblue|(odd)}} for '''first, third, fifth etc''' or more grouped selections like {{co|slateblue|(-n+2)}} for '''first two columns''' etc. Then {{co|violet|nth-last-child()}} reverses it and {{co|slateblue|(1)}} turns to '''last''' and {{co|slateblue|(-n+2)}} to '''last two right-most columns''' for example.
  
Slot 7: Gunnery
+
Add the following CSS-snippet to the page/section before the actual table:
Eifyr and Co. 'Gunslinger' Motion Prediction MR-703
+
<pre>
Eifyr and Co. 'Gunslinger' Motion Prediction MR-706
+
{{#css:
Ogdin's Eye Coordination Enhancer
+
tr td:nth-child(-n+2) { text-align: left; }
 +
}}
 +
</pre>
 +
Then continue with the actual table:
 +
<pre>
 +
{| class="wikitable" style="text-align: center;"
 +
! Column 1
 +
! Column 2
 +
! Column 3
 +
! Column 4
 +
|-
 +
| Foo
 +
| Bar
 +
| 1
 +
| 2
 +
|}
 +
</pre>
 +
That will allow you to make a simple and clean table, that's easy for people to edit and read, without cluttering it up with various styles on a cell by cell basis when all you want to do is have a table mostly aligned one way but specifically tailor a few columns in a different way.
  
Slot 8: Loki/Legion/Sleipnir pilots:
+
This is how it ends up, affected rows highlighted in {{co|slateblue|blue}}:
Eifyr and Co. 'Gunslinger' Medium Projectile Turret MP-803
+
{{#css:
Inherent Implants 'Lancer' Medium Energy Turret ME-803
+
.testing tr td:nth-child(-n+2) { text-align: left; }
 +
}}
 +
{| class="wikitable testing" style="text-align: center;"
 +
! Column 1
 +
! Column 2
 +
! Column 3
 +
! Column 4
 +
|-
 +
| {{co|slateblue|Foo}}
 +
| {{co|slateblue|Bar}}
 +
| 1
 +
| 2
 +
|}
 +
This is of course not limited to columns, but can also easily be used to alternate background colours for rows etc. For more examples of how you can use the selector part, see [https://css-tricks.com/almanac/selectors/n/nth-child/ :nth-child selector]
  
Slot 9:
+
= Colours =
Inherent Implants 'Lancer' Gunnery RF-903
+
{{#css:
 +
.wraps { line-height:100%; margin:0px; border:0px; border-spacing:0px; border-collapse:collapse; padding:0px; vertical-align:middle; }
 +
.wrap div { margin:0px; display:inline-block; vertical-align:middle; color:lightgray; }
 +
.bars { height:8px; }
 +
.text { padding-left:4px; padding-right:4px; text-align:left; }
 +
.text2 { padding-right:4px; padding-left:4px; text-align:right; }
 +
/* Green - orange (bright) */
 +
.c1 { background-color:#e15800; } .cc1 { color:#e15800; }
 +
.c2 { background-color:#dd9900; } .cc2 {  color:#dd9900; }
 +
.c3 { background-color:#93D500; } .cc3 { color:#93D500; }
 +
.c4 { background-color:#51D200; } .cc4 { color:#51D200; }
 +
/* Green - red (dark). */
 +
.d1 { background-color:Maroon; } .dd1 { color:Maroon; }
 +
.d2 { background-color:Sienna; } .dd2 { color:Sienna; }
 +
.d3 { background-color:Olive; } .dd3 { color:Olive; }
 +
.d4 { background-color:ForestGreen; } .dd4 { color:ForestGreen; }
 +
/* Blue-purple (dark). */
 +
.e1 { background-color:purple; } .ee1 { color:purple; }
 +
.e2 { background-color:rebeccapurple; } .ee2 { color:rebeccapurple; }
 +
.e3 { background-color:slateblue; } .ee3 { color:slateblue; }
 +
.e4 { background-color:steelblue; } .ee4 { color:steelblue; }
 +
}}
 +
Some colours I use.
 +
{| cellspacing="4"
 +
| valign="top" |
 +
{| class="wikitable"
 +
! #
 +
! style="background-color:#222222;" | C
 +
! style="background-color:#222222;" | D
 +
! style="background-color:#222222;" | E
 +
|-
 +
| 4<br>3<br>2<br>1
 +
| valign="top" |
 +
<font class="cc1">&#9608; #e15800</font><br>
 +
<font class="cc2">&#9608; #dd9900</font><br>
 +
<font class="cc3">&#9608; #93D500</font><br>
 +
<font class="cc4">&#9608; #51D200</font><br>
 +
| valign="top" |
 +
<font class="dd1">&#9608; Maroon</font><br>
 +
<font class="dd2">&#9608; Sienna</font><br>
 +
<font class="dd3">&#9608; Olive</font><br>
 +
<font class="dd4">&#9608; ForestGreen</font>
 +
| valign="top" |
 +
<font class="ee1">&#9608; purple</font><br>
 +
<font class="ee2">&#9608; rebeccapurple</font><br>
 +
<font class="ee3">&#9608; slateblue</font><br>
 +
<font class="ee4">&#9608; steelblue</font>
 +
|}
 +
| valign="top" |
 +
{| class="wikitable"
 +
! style="background-color:#222222;" | Security status
 +
|-
 +
| {{co|#2FEFEF|&#9608;}} 1.0 - #2FEFEF
 +
|-
 +
| {{co|#48F0C0|&#9608;}} 0.9 - #48F0C0
 +
|-
 +
| {{co|#00EF47|&#9608;}} 0.8 - #00EF47
 +
|-
 +
| {{co|#00F000|&#9608;}} 0.7 - #00F000
 +
|-
 +
| {{co|#8FEF2F|&#9608;}} 0.6 - #8FEF2F
 +
|-
 +
| {{co|#EFEF00|&#9608;}} 0.5 - #EFEF00
 +
|-
 +
| {{co|#D77700|&#9608;}} 0.4 - #D77700
 +
|-
 +
| {{co|#F06000|&#9608;}} 0.3 - #F06000
 +
|-
 +
| {{co|#F04800|&#9608;}} 0.2 - #F04800
 +
|-
 +
| {{co|#D73000|&#9608;}} 0.1 - #D73000
 +
|-
 +
| {{co|#F00000|&#9608;}} 0.0 - #F00000
 +
|}
 +
| valign="top" |
 +
{| class="wikitable"
 +
! style="background-color:#222222;" | Miscellanous
 +
|-
 +
|
 +
<font style="color:coral;">&#9608; coral</font> (modules)<br>
 +
<font style="color:wheat;">&#9608; wheat</font> (quotes)<br>
 +
<font style="color:slateblue;">&#9608; slateblue</font> (changes)<br>
 +
<font style="color:violet;">&#9608; violet</font> (tags)<br>
 +
<font style="color:lightgreen;">&#9608; lightgreen</font> (comments)<br>
 +
<font style="color:#ffd75f;">&#9608; #ffd75f</font> (suspect)<br>
 +
<font style="color:red;">&#9608; red</font> (criminal & weapon)<br>
 +
<font style="color:cyan;">&#9608; cyan</font> (limited engagement)
 +
|}
 +
|}
  
Slot 10:
+
= Gradients =
Eifyr and Co. 'Gunslinger' Large Projectile Turret LP-1003
+
{{#css:
Inherent Implants 'Lancer' Large Energy Turret LE-1003
+
.linear {
Zainou 'Deadeye' Large Hybrid Turret LH-1003
+
  padding:0px;
 +
  background-image: linear-gradient(#00AA00, #AA0000);
 +
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #00AA00), color-stop(1, #AA0000) );
 +
  background-color: #111111;
 +
  height: 100%;
 +
}
 +
.linear2 {
 +
  padding:0px;
 +
  background-image: linear-gradient(to right, #00AA00, #AA0000);
 +
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #00AA00), color-stop(1, #AA0000) );
 +
  background-color: #111111;
 +
  width: 100%;
 +
}
 +
.radial{
 +
  padding:0px;
 +
  background-image: radial-gradient(#00AA00, #AA0000);
 +
  background-image: -webkit-gradient(radial, center center, 0, center center, 75, color-stop(0, #00AA00), color-stop(1, #AA0000));
 +
  //background-image: -webkit-gradient(radial, center center, 0, center center, 141, from(black), to(white), color-stop(0, #00AA00), color-stop(1, #AA0000));
 +
  background-color: #111111;
 +
}
 +
}}
 +
You need the '''CSS''' script to handle both normal browsers supporting CSS3 and the ingame browser which do not, but apparently has some old webkit support.
 +
{| cellpadding="5" cellspacing="5"
 +
| valign="top" | '''Linear'''<br>(vertical)
 +
{| class="wikitable" cellspacing="0" cellpadding="0"
 +
|-
 +
! 1
 +
| rowspan="4" class="linear" style="width:2em;" |
 +
|-
 +
! 2
 +
|-
 +
! 3
 +
|-
 +
! 4
 +
|}
 +
| valign="top" | '''Linear'''<br>(horizontal)
 +
{| class="wikitable"
 +
! 1
 +
! 2
 +
! 3
 +
! 4
 +
|-
 +
| colspan = 4 class="linear2" style="height:2em;" |
 +
|}
 +
| valign="top" | '''Radial'''<br>
 +
{| class="wikitable" style="height:8em;"
 +
! +
 +
! 1
 +
! 2
 +
! 3
 +
! 4
 +
|-
 +
| 1
 +
| rowspan = 4 colspan = 4 class="radial" style="width:8em;" |
 +
|-
 +
| 2
 +
|-
 +
| 3
 +
|-
 +
| 4
 +
|}
 +
|}
  
 +
= Tooltips =
 +
{{#css:
  
Siege Warfare Mindlink
+
.tooltip { outline:none; position: relative }
Skirmish Warfare Mindlink
+
.tooltip:hover span { display: inline-block; }
 +
 
 +
.tooltip span {
 +
  z-index: 10;
 +
  position: absolute;
 +
  display: none;
 +
  padding: 8px;
 +
  width: 300px;
 +
  line-height: 1em;
 +
  color: black;
 +
  background: #aaaaaa;
 +
  border: 1px solid #222222;
 +
  border-radius: 8px;
 +
  text-decoration: none;
 +
  box-shadow: 2px 2px 4px #000000;
 +
  white-spacing:
 +
}
 +
 
 +
.tooltip.right span { left: 100%; margin-left: 1em; margin-top: -.5em; }
 +
.tooltip.left  span { right: 100%; margin-right: 1em; margin-top: -.5em; }
 +
.tooltip.up    span { bottom: 0; margin-bottom: 1.5em; }
 +
.tooltip.down  span { top: 0; margin-top: 1.5em; }
 +
 
 +
}}
 +
 
 +
'''Normal''' tooptip: {{tooltip|Example1|Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus eu hendrerit nisi. Nulla ornare, dolor eu pulvinar faucibus, magna purus tempor orci, sed malesuada urna ligula sit amet mauris.}} (lots of text) {{tooltip|Example2|Lorem ipsum dolor sit amet.}} (short text).
 +
 
 +
 
 +
Let's see what the <font color="wheat"><span class="tooltip up">tooltip up<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus eu hendrerit nisi. Nulla ornare, dolor eu pulvinar faucibus, magna purus tempor orci, sed malesuada urna ligula sit amet mauris.</span></span></font> does compared to <font color="lime"><span class="tooltip right">tooltip right<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus eu hendrerit nisi. Nulla ornare, dolor eu pulvinar faucibus, magna purus tempor orci, sed malesuada urna ligula sit amet mauris.</span></span></font> as well as how <font color="crimson"><span class="tooltip left">tooltip left<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus eu hendrerit nisi. Nulla ornare, dolor eu pulvinar faucibus, magna purus tempor orci, sed malesuada urna ligula sit amet mauris.</span></span></font> differ from <font color="magenta"><span class="tooltip down">tooltip down<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus eu hendrerit nisi. Nulla ornare, dolor eu pulvinar faucibus, magna purus tempor orci, sed malesuada urna ligula sit amet mauris.</span></span></font> when put in the end. Does this <font color="cyan"><span class="tooltip">normal tooltip<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus eu hendrerit nisi. Nulla ornare, dolor eu pulvinar faucibus, magna purus tempor orci, sed malesuada urna ligula sit amet mauris.</span></span></font> change?
 +
 
 +
Now how about an image like this? <span class="tooltip up">{{icon|web|32}}<span style="font-size:90%">{{icon|web|20}} -60% speed reduction at 30 km.</span></span> or a larger one like <span class="tooltip down">{{icon|amarr|64}}<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus eu hendrerit nisi. Nulla ornare, dolor eu pulvinar faucibus, magna purus tempor orci, sed malesuada urna ligula sit amet mauris.</span></span>
 +
 
 +
= Warp disruption =
 +
Certain actions are prevented by '''warp disruption''':
 +
{| class="wikitable" style="text-align:center;"
 +
! Actions and restrictions
 +
! {{icon|point|64|Warp disruption}}<br>Warp disruption
 +
! {{icon|scram|64|Warp scrambling}}<br>Warp scrambling
 +
! https://image.eveonline.com/Type/22778_64.png<br>Interdiction probe
 +
! https://image.eveonline.com/Type/28654_64.png<br>Interdiction field
 +
! https://image.eveonline.com/Type/29003_64.png<br>Infinity-point
 +
! https://image.eveonline.com/Type/45010_64.png<br>Infinity-scram
 +
|-
 +
| style="text-align:left;" | Activating your '''Warp Drive'''
 +
| {{icon|x}} || {{icon|x}} || {{icon|x}} || {{icon|x}} || {{icon|x}} || {{icon|x}}
 +
|-
 +
| style="text-align:left;" | Activating an '''Acceleration Gate'''
 +
| {{icon|x}} || {{icon|x}} || {{icon|check}} || {{icon|check}} || {{icon|x}} || {{icon|x}}
 +
|-
 +
| style="text-align:left;" | Activating a '''Star Gate''' (sub-capital ships)
 +
| {{icon|check}} || {{icon|check}} || {{icon|check}} || {{icon|check}} || {{icon|check}} || {{icon|check}}
 +
|-
 +
| style="text-align:left;" | Activating a '''Star Gate''' (capital ships)
 +
| {{icon|check}} || {{icon|check}} || {{icon|check}} || {{icon|check}} || {{icon|x}} || {{icon|x}}
 +
|-
 +
| style="text-align:left;" | Activating a [[Microwarpdrive]] (MWD)
 +
| {{icon|check}} || {{icon|x}} || {{icon|check}} || {{icon|check}} || {{icon|check}} || {{icon|x}}
 +
|-
 +
| style="text-align:left;" | Activating a [[Micro Jump Drive]] (MJD)
 +
| {{icon|check}} || {{icon|x}} || {{icon|check}} || {{icon|check}} || {{icon|check}} || {{icon|x}}
 +
|-
 +
| style="text-align:left;" | Activating a [[Micro Jump Drive Field Generator]]&nbsp;
 +
| {{icon|check}} || {{icon|x}} || {{icon|check}} || {{icon|check}} || {{icon|check}} || {{icon|x}}
 +
|-
 +
| style="text-align:left;" | Activating a [[Jump Drive]]
 +
| {{icon|x}} || {{icon|x}} || {{icon|x}} || {{icon|x}} || {{icon|x}} || {{icon|x}}
 +
|-
 +
| style="text-align:left;" | Docking in a '''Station'''
 +
| {{icon|check}} || {{icon|check}} || {{icon|check}} || {{icon|check}} || {{icon|check}} || {{icon|check}}
 +
|-
 +
| style="text-align:left;" | Docking in an [[Upwell structures|Upwell structure]]
 +
| {{icon|x}} || {{icon|x}} || {{icon|check}} || {{icon|check}} || {{icon|x}} || {{icon|x}}
 +
|}

Latest revision as of 19:34, 29 January 2021

Icons

white green incursions checkers locked miscellaneous

Icon left.png Icon up.png Icon down.png Icon right.png

Icon left green.png Icon up green.png Icon down green.png Icon right green.png

Icon incursion effect cyno.png Icon incursion effect damage.png Icon incursion effect resists.png Icon incursion effect bounties.png

Icon green check.png Icon yellow circle.png Icon red x.png Icon checkmark.png Icon cancel.png

Icon locked.png Icon unlocked.png

Icon fedo.png Source book.png Concord mtac.png

Help/info Post-its Settings

Icon show info.png Icon help.png Icon help square.png Icon information.png Icon information2.png Icon information square.png

Icon postit.png Icon postits.png Icon postit block.png Icon pax amarria.png

Icon cogs.png Icon cog.png Icon cog bolt.png

Progression template

 67%

For resists:

 60 %
 43 %
 33 %
 90 %

Resist-table

Ship Stats shield electromagnetic resistance shield thermal resistance shield kinetic resistance shield explosive resistance
Icon shield.png 2,500 HP
 60 %
60 %
60 %
60 %
borderless 1,250 HP
 43 %
 43 %
 43 %
 43 %
Icon hull.png 625 HP
 0 %
 0 %
 0 %
 0 %

What happens when you disconnect from the game?

a) Your ship will only try to warp out once (1,000,000 km in a random direction), if for some reason you can't warp right then and there, there will be no more attempts to emergency warp. If you get killed, your pod will also try to warp out once, but like your ship just that one time.
b) Modules will continue to cycle while you have cap, hardeners will stay on, guns will continue to fire (while having ammo) etc.
c) Skills will continue to have an effect, modules like EANMs will continue to function at the same level even if you're disconnected.
d) If they stop shooting you at some point, you'll automatically log out of the game for real as soon as the timers run out, regardless how many times they've been refreshed (this was obvious but still thought I'd double-check it).

Layered images

Sometimes it makes sense to manually build up an image comprised of an image and a tag, two or more images or a semi-transparent label over an image.

Tech and faction
Icon faction.png
Tempest Fleet Issue.jpg
Icon tech2.png
Scimitar.jpg
Icon tech3.png
Legion.jpg
Mining
Best yield per volume of m3 for this type of ore.
Best yield per volume of m3 for this type of ore.
Best yield per volume of m3 for this type of ore.
Best yield per volume of m3 for this type of ore.
Best yield per volume of m3 for this type of ore.
Best yield per volume of m3 for this type of ore.
Tech & faction
Icon tech2.png
Logo faction outer ring excavations.png
Prospect.jpg
Larger icon
Icon faction.png
Logo faction amarr empire clean.png
Malediction.jpg
Larger still
Icon tech1.png
Logo faction gallente federation clean.png
Dominix.jpg
Label
Label too long

Pre-tag with markups

Sometimes you want to combine showing raw code, which is easily done with the <pre></pre> html-tag or with the {{code}}-template, but also do some markup on it to illustrate what to change.

Here's an example of how it can be done, taken from the overview manipulation page:

tabSetup:  -- This identifies the start of the code handling tabs.
- - 0  -- First tab.
  - - - bracket
      - null
    - - name
      - <b>.  PvP  .</b>  -- This is the value for 'name', which is the label for the tab.
    - - overview
      - 1a - pvp + drones  -- This is the name of the setting that's loaded into this tab.

The key to make this kind of presentation work is to break up the pre-tag with another tag, opening it up with <pre<includeonly></includeonly>> and then closing it with </pre<includeonly></includeonly>>, which will end up changing the parsing behaviour of the page and the end result is that you can combine the best of both worlds, a pre-formatted text you can markup with colours or other highlight-methods.

In the rare case your code or text has some templates or wiki-code you don't want to format, but still want to be able to add your own wiki commands you can take this even further by adding <nowiki> to the opening pre-line and </nowiki> in the closing part then wrap any individual wiki-code inside with the reverse </nowiki> wiki-code <nowiki> markup.

Since this opens up for html-tags as well as wiki-markups it might be necessary to break up tags or replace equal signs to get the parsed result to your liking. This can be done by using &lt; instead of < and &gt; instead of > for tags plus &#61; instead of = for the equal sign. Technically you only need to break the tag in one place to achieve this, like using <pre&gt; as this will be enough for the parser to ignore the incomplete tag, but sometimes it's worth changing both brackets to avoid any potential problems with the rest of the code.

Useful HTML-codes

Sometimes you have templates that doesn't allow for showing things like =, < or >, then you can use the following:

Code Result
&#61; =
&lt; <
&gt; >
&amp; &
&#47; /
&#35; #

For more HTML-codes, see this site:
HTML Codes - Table of ascii characters and symbols

CSS table-magic

Sometimes you just want some more granular control over formatting in you table, be that row-wise or column-wise. A wonderful and might I add neat trick is to use nth-child() or nth-last-child() to select which columns (or other element) should be affected by a specific format through the parameter variable.

The parameter can allow you to do simple identifications like (1) for first, (odd) for first, third, fifth etc or more grouped selections like (-n+2) for first two columns etc. Then nth-last-child() reverses it and (1) turns to last and (-n+2) to last two right-most columns for example.

Add the following CSS-snippet to the page/section before the actual table:

{{#css:
 tr td:nth-child(-n+2) { text-align: left; }
}}

Then continue with the actual table:

{| class="wikitable" style="text-align: center;"
! Column 1
! Column 2
! Column 3
! Column 4
|-
| Foo
| Bar
| 1
| 2
|}

That will allow you to make a simple and clean table, that's easy for people to edit and read, without cluttering it up with various styles on a cell by cell basis when all you want to do is have a table mostly aligned one way but specifically tailor a few columns in a different way.

This is how it ends up, affected rows highlighted in blue:

Column 1 Column 2 Column 3 Column 4
Foo Bar 1 2

This is of course not limited to columns, but can also easily be used to alternate background colours for rows etc. For more examples of how you can use the selector part, see :nth-child selector

Colours

Some colours I use.

# C D E
4
3
2
1

█ #e15800
█ #dd9900
█ #93D500
█ #51D200

█ Maroon
█ Sienna
█ Olive
█ ForestGreen

█ purple
█ rebeccapurple
█ slateblue
█ steelblue

Security status
1.0 - #2FEFEF
0.9 - #48F0C0
0.8 - #00EF47
0.7 - #00F000
0.6 - #8FEF2F
0.5 - #EFEF00
0.4 - #D77700
0.3 - #F06000
0.2 - #F04800
0.1 - #D73000
0.0 - #F00000
Miscellanous

█ coral (modules)
█ wheat (quotes)
█ slateblue (changes)
█ violet (tags)
█ lightgreen (comments)
█ #ffd75f (suspect)
█ red (criminal & weapon)
█ cyan (limited engagement)

Gradients

You need the CSS script to handle both normal browsers supporting CSS3 and the ingame browser which do not, but apparently has some old webkit support.

Linear
(vertical)
1
2
3
4
Linear
(horizontal)
1 2 3 4
Radial
+ 1 2 3 4
1
2
3
4

Tooltips

Normal tooptip: Example1Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus eu hendrerit nisi. Nulla ornare, dolor eu pulvinar faucibus, magna purus tempor orci, sed malesuada urna ligula sit amet mauris. (lots of text) Example2Lorem ipsum dolor sit amet. (short text).


Let's see what the tooltip upLorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus eu hendrerit nisi. Nulla ornare, dolor eu pulvinar faucibus, magna purus tempor orci, sed malesuada urna ligula sit amet mauris. does compared to tooltip rightLorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus eu hendrerit nisi. Nulla ornare, dolor eu pulvinar faucibus, magna purus tempor orci, sed malesuada urna ligula sit amet mauris. as well as how tooltip leftLorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus eu hendrerit nisi. Nulla ornare, dolor eu pulvinar faucibus, magna purus tempor orci, sed malesuada urna ligula sit amet mauris. differ from tooltip downLorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus eu hendrerit nisi. Nulla ornare, dolor eu pulvinar faucibus, magna purus tempor orci, sed malesuada urna ligula sit amet mauris. when put in the end. Does this normal tooltipLorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus eu hendrerit nisi. Nulla ornare, dolor eu pulvinar faucibus, magna purus tempor orci, sed malesuada urna ligula sit amet mauris. change?

Now how about an image like this? Icon stasis webifier i.pngIcon stasis webifier i.png -60% speed reduction at 30 km. or a larger one like Logo faction amarr empire.pngLorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus eu hendrerit nisi. Nulla ornare, dolor eu pulvinar faucibus, magna purus tempor orci, sed malesuada urna ligula sit amet mauris.

Warp disruption

Certain actions are prevented by warp disruption:

Actions and restrictions Warp disruption
Warp disruption
Warp scrambling
Warp scrambling
22778_64.png
Interdiction probe
28654_64.png
Interdiction field
29003_64.png
Infinity-point
45010_64.png
Infinity-scram
Activating your Warp Drive Icon large red x.png Icon large red x.png Icon large red x.png Icon large red x.png Icon large red x.png Icon large red x.png
Activating an Acceleration Gate Icon large red x.png Icon large red x.png Icon large green check.png Icon large green check.png Icon large red x.png Icon large red x.png
Activating a Star Gate (sub-capital ships) Icon large green check.png Icon large green check.png Icon large green check.png Icon large green check.png Icon large green check.png Icon large green check.png
Activating a Star Gate (capital ships) Icon large green check.png Icon large green check.png Icon large green check.png Icon large green check.png Icon large red x.png Icon large red x.png
Activating a Microwarpdrive (MWD) Icon large green check.png Icon large red x.png Icon large green check.png Icon large green check.png Icon large green check.png Icon large red x.png
Activating a Micro Jump Drive (MJD) Icon large green check.png Icon large red x.png Icon large green check.png Icon large green check.png Icon large green check.png Icon large red x.png
Activating a Micro Jump Drive Field Generator  Icon large green check.png Icon large red x.png Icon large green check.png Icon large green check.png Icon large green check.png Icon large red x.png
Activating a Jump Drive Icon large red x.png Icon large red x.png Icon large red x.png Icon large red x.png Icon large red x.png Icon large red x.png
Docking in a Station Icon large green check.png Icon large green check.png Icon large green check.png Icon large green check.png Icon large green check.png Icon large green check.png
Docking in an Upwell structure Icon large red x.png Icon large red x.png Icon large green check.png Icon large green check.png Icon large red x.png Icon large red x.png