View source for User:Mark kashukeni/Template:ShipFitting

{{#css:

.shipFitting {
	width: 436px;
	
	background-color: #202020;
	
	border: solid 2px #404040;
	
	overflow: hidden;
	
	margin-right: 20px;
	margin-bottom: 20px;
	padding-left: 8px;
	padding-right: 8px;
	padding-bottom: 8px;
	
	font-family: Arial;
	color: #CCCCCC;
	text-align: center;
	float: left;
}

.shipFitting+*:not(.shipFitting) {
	clear: both;
}

.shipFitting.showEFT {
	width: 684px;
}

.shipFitting.showSkills {
	width: 684px;
}

.shipFitting.showNotes {
	width: 734px;
}

.shipFitting.showEFT.showSkills {
	width: 932px;
}

.shipFitting.showEFT.showNotes {
	width: 982px;
}

.shipFitting.showSkills.showNotes {
	width: 982px;
}

.shipFitting.showEFT.showSkills.showNotes {
	width: 1230px;
}

.shipFitting .fittingHeader {
	height: 22px;
	
	margin-bottom: 8px;
	
	border-bottom: solid 2px #404040;
	
	line-height: 23px;
	font-size: 14px;
}

.shipFitting .fittingHeader img {
	margin-top: -2px;
}

.shipFitting .fittingHeader span {
	margin-left: 21px;
}

.shipFitting .fittingHeader h5 {
	color: #CCCCCC;
	margin: 0px;
	font-size: 14px;
	border: none;
	font-weight: normal;
	padding: 0px;
	height: 0px;
	width: 0px;
}

.shipFitting .shipInfo {
	width: 45px;
	height: 16px;
	line-height: 17px;
	font-size: 8px;
	border-left: solid 1px #404040;
	border-right: solid 1px #404040;
	margin-top: 3px;
	float: right;
	cursor: pointer;
}

.shipFitting .shipInfo:hover {
	background-color: #2A2A2A;
}

.shipFitting .main {
	float: left;
}

.shipFitting .mainSlots {
	height: 48px;
	margin-bottom: 6px;
}

.shipFitting .mainSlots.lowSlots {
	margin-bottom: 8px;
}

.shipFitting .mainSlots .slotLabel {
	width: 18px;
	height: 46px;
	border: solid 1px #404040;
	margin-right: 4px;
	float: left;
}

.shipFitting .module {
	width: 46px;
	height: 46px;
	border: solid 1px #404040;
	background-color: #232323;
	
	margin-right: 4px;
	
	float: left;
	cursor: pointer;
}


.shipFitting .module.right {
	margin-right: 0px;
}

.shipFitting .module img {
	width: 46px;
	height: 46px;
}

.shipFitting .sub {
	float: left;
}

.shipFitting .subSlots {
	height: 32px;
	margin-bottom: 6px;
}

.shipFitting .subSlots .slotLabel {
	width: 12px;
	height: 30px;
	border: solid 1px #404040;
	margin-right: 4px;
	float: left;
}

.shipFitting .subMod {
	width: 30px;
	height: 30px;
	
	border: solid 1px #404040;
	background-color: #232323;
	margin-right: 4px;
	
	float: left;
	cursor: pointer;
}

.shipFitting .subMod img {
	width: 30px;
	height: 30px;
}

.shipFitting .subsystems {
	display: none;
}

.shipFitting.ss .subsystems {
	display: block;
}

.shipFitting .subSlots.rigs {
	margin-bottom: 0px;
}

.shipFitting .info {
	float: right;
}

.shipFitting .note {
	width: 198px;
	height: 19px;
	
	border: solid 1px #404040;
	
	margin-bottom: 4px;
	line-height: 19px;
	font-size: 10px;
}

.shipFitting .title {
	height: 18px;
	width: 117px;
	border-right: solid 1px #404040;
	background-color: #232323;
	float: left;
}

.shipFitting .value {
	height: 18px;
	width: 80px;
	float: left;
}

.shipFitting .difficultyLevel {
	height: 10px;
	width: 46px;

	margin-left: auto;
	margin-right: auto;
	margin-top: 3px;
	border: solid 1px #606060;

	padding-top: 1px;
	padding-left: 1px;
}

.shipFitting .difficultyBlock {
	height: 8px;
	width: 8px;

	margin-right: 1px;
	background-color: #505050;
	float: left;
}

.shipFitting .difficultyBlock.right {
	background-color: #606060;
}

.shipFitting .buttons {
	margin-top: 20px;
}

.shipFitting.ss .buttons {
	margin-top: 58px;
}

.shipFitting .button {
	width: 45px;
	height: 18px;
	
	float: left;
	margin-right: 4px;
	
	border: solid 1px #404040;
	
	line-height: 19px;
	font-size: 10px;
	cursor: pointer;
}

.shipFitting .button.empty {
	color: #555555;
	border-color: #353535;
}

.shipFitting .button:not(.empty):hover {
	background-color: #303030;
}

.shipFitting .button.active {
	background-color: #2C2C2C;
}

.shipFitting .button.notes {
	margin-right: 0px;
}

.shipFitting .moreInfo {
	min-height: 270px;
	float: left;
	border: solid 1px #404040;
	display: none;
}

.shipFitting.ss .moreInfo {
	min-height: 308px;
}

.shipFitting .moreInfo ul {
	text-align: left;
}

.shipFitting .moreInfo.eftData {
	width: 238px;
	margin-right: 8px;
}

.shipFitting .moreInfo.skills {
	width: 238px;
	margin-left: 8px
}

.shipFitting .moreInfo.notes {
	width: 288px;
	margin-left: 8px
}

.shipFitting .moreInfo.show {
	display: block;
}

.shipFitting .subHeader {
	height: 19px;
	border-bottom: solid 1px #404040;
	
	margin-left: 4px;
	margin-bottom: 8px;
	margin-right: 4px;
	
	line-height: 19px;
	font-size: 12px;
}

.shipFitting .bx {
	min-height: 100px;
	margin-left: 4px;
	margin-right: 4px;
	margin-bottom: 4px;

	line-height: 10px;
	font-size: 9px;
}

.shipFitting .open {
	cursor: default;
}

.shipFitting .inactive {
	border-color: #303030;
	cursor: default;
}

.shipFitting .uniLogo {
	float: left;
}

}}
<div class="shipFitting {{#if: {{{subsystem1name|}}} | ss }}" {{#if: {{{fitID| }}} | id="{{{fitID}}}" | }}>
	<div class="fittingHeader">
		{{#switch: {{{showTOC|Y}}} | N = | <h5>{{{fitName}}}</h5> }}
		<div class="uniLogo">[[File:E-UNI Emblem.png|x18px|middle|link=]]</div>
		<span>{{{ship}}}: {{{fitName}}}</span><div class="shipInfo" data-typeid="{{{shipTypeID}}}" title="View ship (in game)">SHIP INFO</div>
	</div>
		
	<div>

		<div class="moreInfo eftData">
			<div class="subHeader eftHeader">EFT</div>
			<div class="bx eftInfo">[{{{ship}}}, {{{fitName}}}]<br />{{#switch: {{{high1name | }}} | = | open = | {{{high1name}}}<br />}}{{#switch: {{{high2name | }}} | = | open = | {{{high2name}}}<br />}}{{#switch: {{{high3name | }}} | = | open = | {{{high3name}}}<br />}}{{#switch: {{{high4name | }}} | = | open = | {{{high4name}}}<br />}}{{#switch: {{{high5name | }}} | = | open = | {{{high5name}}}<br />}}{{#switch: {{{high6name | }}} | = | open = | {{{high6name}}}<br />}}{{#switch: {{{high7name | }}} | = | open = | {{{high7name}}}<br />}}{{#switch: {{{high8name | }}} | = | open = | {{{high8name}}}<br />}}<br />{{#switch: {{{mid1name | }}} | = | open = | {{{mid1name}}}<br />}}{{#switch: {{{mid2name | }}} | = | open = | {{{mid2name}}}<br />}}{{#switch: {{{mid3name | }}} | = | open = | {{{mid3name}}}<br />}}{{#switch: {{{mid4name | }}} | = | open = | {{{mid4name}}}<br />}}{{#switch: {{{mid5name | }}} | = | open = | {{{mid5name}}}<br />}}{{#switch: {{{mid6name | }}} | = | open = | {{{mid6name}}}<br />}}{{#switch: {{{mid7name | }}} | = | open = | {{{mid7name}}}<br />}}{{#switch: {{{mid8name | }}} | = | open = | {{{mid8name}}}<br />}}<br />{{#switch: {{{low1name | }}} | = | open = | {{{low1name}}}<br />}}{{#switch: {{{low2name | }}} | = | open = | {{{low2name}}}<br />}}{{#switch: {{{low3name | }}} | = | open = | {{{low3name}}}<br />}}{{#switch: {{{low4name | }}} | = | open = | {{{low4name}}}<br />}}{{#switch: {{{low5name | }}} | = | open = | {{{low5name}}}<br />}}{{#switch: {{{low6name | }}} | = | open = | {{{low6name}}}<br />}}{{#switch: {{{low7name | }}} | = | open = | {{{low7name}}}<br />}}{{#switch: {{{low8name | }}} | = | open = | {{{low8name}}}<br />}}<br />{{#switch: {{{subsystem1name | }}} | = | open = | {{{subsystem1name}}}<br />}}{{#switch: {{{subsystem2name | }}} | = | open = | {{{subsystem2name}}}<br />}}{{#switch: {{{subsystem3name | }}} | = | open = | {{{subsystem3name}}}<br />}}{{#switch: {{{subsystem4name | }}} | = | open = | {{{subsystem4name}}}<br />}}{{#switch: {{{subsystem5name | }}} | = | open = | {{{subsystem5name}}}<br /><br />}}{{#switch: {{{rig1name | }}} | = | open = | {{{rig1name}}}<br />}}{{#switch: {{{rig2name | }}} | = | open = | {{{rig2name}}}<br />}}{{#switch: {{{rig3name | }}} | = | open = | {{{rig3name}}}<br />}}<br />{{#switch: {{{drone1name | }}} | = | open = | {{{drone1name}}}<br />}}{{#switch: {{{drone2name | }}} | = | open = | {{{drone2name}}}<br />}}{{#switch: {{{drone3name | }}} | = | open = | {{{drone3name}}}<br />}}{{#switch: {{{drone4name | }}} | = | open = | {{{drone4name}}}<br />}}{{#switch: {{{drone5name | }}} | = | open = | {{{drone5name}}}<br />}}<br /> <!--{{#switch: {{{charge1name | }}} | = | open = | {{{charge1name}}}<br />}}{{#switch: {{{charge2name | }}} | = | open = | {{{charge2name}}}<br />}}{{#switch: {{{charge3name | }}} | = | open = | {{{charge3name}}}<br />}}{{#switch: {{{charge4name | }}} | = | open = | {{{charge4name}}}<br />}}{{#switch: {{{charge5name | }}} | = | open = | {{{charge5name}}}}} -->
			</div>
		</div>

		<div class="main">
			<div class="mainSlots highSlots">
				<div class="slotLabel">[[File: Fitting template high slot label.png|18x46px|center|link=]]</div>

{{#switch: {{{high1name|none}}} | none = <div class="module high inactive"> | 
open = <div class="module high open">[[File:Icon hi slot.png|46x46px|center|link=]] | 
#default = <div class="module high" data-typeid="{{{high1typeID}}}" data-name="{{{high1name}}}">http://image.eveonline.com/Type/{{{high1typeID}}}_64.png}}</div>

{{#switch: {{{high2name|none}}} | none = <div class="module high inactive"> | 
open = <div class="module high open">[[File:Icon hi slot.png|46x46px|center|link=]] | 
#default = <div class="module high" data-typeid="{{{high2typeID}}}" data-name="{{{high2name}}}">http://image.eveonline.com/Type/{{{high2typeID}}}_64.png}}</div>

{{#switch: {{{high3name|none}}} | none = <div class="module high inactive"> | 
open = <div class="module high open">[[File:Icon hi slot.png|46x46px|center|link=]] | 
#default = <div class="module high" data-typeid="{{{high3typeID}}}" data-name="{{{high3name}}}">http://image.eveonline.com/Type/{{{high3typeID}}}_64.png}}</div>

{{#switch: {{{high4name|none}}} | none = <div class="module high inactive"> | 
open = <div class="module high open">[[File:Icon hi slot.png|46x46px|center|link=]] | 
#default = <div class="module high" data-typeid="{{{high4typeID}}}" data-name="{{{high4name}}}">http://image.eveonline.com/Type/{{{high4typeID}}}_64.png}}</div>

{{#switch: {{{high5name|none}}} | none = <div class="module high inactive"> | 
open = <div class="module high open">[[File:Icon hi slot.png|46x46px|center|link=]] | 
#default = <div class="module high" data-typeid="{{{high5typeID}}}" data-name="{{{high5name}}}">http://image.eveonline.com/Type/{{{high5typeID}}}_64.png}}</div>

{{#switch: {{{high6name|none}}} | none = <div class="module high inactive"> | 
open = <div class="module high open">[[File:Icon hi slot.png|46x46px|center|link=]] | 
#default = <div class="module high" data-typeid="{{{high6typeID}}}" data-name="{{{high6name}}}">http://image.eveonline.com/Type/{{{high6typeID}}}_64.png}}</div>

{{#switch: {{{high7name|none}}} | none = <div class="module high inactive"> | 
open = <div class="module high open">[[File:Icon hi slot.png|46x46px|center|link=]] | 
#default = <div class="module high" data-typeid="{{{high7typeID}}}" data-name="{{{high7name}}}">http://image.eveonline.com/Type/{{{high7typeID}}}_64.png}}</div>

{{#switch: {{{high8name|none}}} | none = <div class="module high right inactive"> | 
open = <div class="module high right open">[[File:Icon hi slot.png|46x46px|center|link=]] | 
#default = <div class="module high right" data-typeID="{{{high8typeID}}}" data-name="{{{high8name}}}">http://image.eveonline.com/Type/{{{high8typeID}}}_64.png }}</div>
			</div>
				
			<div class="mainSlots midSlots">
				<div class="slotLabel">[[File: Fitting template mid slots label.png|18x46px|center|link=]]</div>

{{#switch: {{{mid1name|none}}} | none = <div class="module mid inactive"> | 
open = <div class="module mid open">[[File:Icon mid slot.png|46x46px|center|link=]] | 
#default = <div class="module mid" data-typeID="{{{mid1typeID}}}" data-name="{{{mid1name}}}">http://image.eveonline.com/Type/{{{mid1typeID}}}_64.png }}</div>

{{#switch: {{{mid2name|none}}} | none = <div class="module mid inactive"> | 
open = <div class="module mid open">[[File:Icon mid slot.png|46x46px|center|link=]] | 
#default = <div class="module mid" data-typeID="{{{mid2typeID}}}" data-name="{{{mid2name}}}">http://image.eveonline.com/Type/{{{mid2typeID}}}_64.png }}</div>

{{#switch: {{{mid3name|none}}} | none = <div class="module mid inactive"> | 
open = <div class="module mid open">[[File:Icon mid slot.png|46x46px|center|link=]] | 
#default = <div class="module mid" data-typeID="{{{mid3typeID}}}" data-name="{{{mid3name}}}">http://image.eveonline.com/Type/{{{mid3typeID}}}_64.png }}</div>

{{#switch: {{{mid4name|none}}} | none = <div class="module mid inactive"> | 
open = <div class="module mid open">[[File:Icon mid slot.png|46x46px|center|link=]] | 
#default = <div class="module mid" data-typeID="{{{mid4typeID}}}" data-name="{{{mid4name}}}">http://image.eveonline.com/Type/{{{mid4typeID}}}_64.png }}</div>

{{#switch: {{{mid5name|none}}} | none = <div class="module mid inactive"> | 
open = <div class="module mid open">[[File:Icon mid slot.png|46x46px|center|link=]] | 
#default = <div class="module mid" data-typeID="{{{mid5typeID}}}" data-name="{{{mid5name}}}">http://image.eveonline.com/Type/{{{mid5typeID}}}_64.png }}</div>

{{#switch: {{{mid6name|none}}} | none = <div class="module mid inactive"> | 
open = <div class="module mid open">[[File:Icon mid slot.png|46x46px|center|link=]] | 
#default = <div class="module mid" data-typeID="{{{mid6typeID}}}" data-name="{{{mid6name}}}">http://image.eveonline.com/Type/{{{mid6typeID}}}_64.png }}</div>

{{#switch: {{{mid7name|none}}} | none = <div class="module mid inactive"> | 
open = <div class="module mid open">[[File:Icon mid slot.png|46x46px|center|link=]] | 
#default = <div class="module mid" data-typeID="{{{mid7typeID}}}" data-name="{{{mid7name}}}">http://image.eveonline.com/Type/{{{mid7typeID}}}_64.png }}</div>

{{#switch: {{{mid8name|none}}} | none = <div class="module mid inactive right"> | 
open = <div class="module mid right open">[[File:Icon mid slot.png|46x46px|center|link=]] | 
#default = <div class="module mid right" data-typeID="{{{mid8typeID}}}" data-name="{{{mid8name}}}">http://image.eveonline.com/Type/{{{mid8typeID}}}_64.png }}</div>
			</div>
				
			<div class="mainSlots lowSlots">
				<div class="slotLabel">[[File: Fitting template low slots label.png|18x46px|center|link=]]</div>

{{#switch: {{{low1name|none}}} | none = <div class="module low inactive"> | 
open = <div class="module low open">[[File:Icon low slot.png|46x46px|center|link=]] | 
#default = <div class="module low" data-typeID="{{{low1typeID}}}" data-name="{{{low1name}}}">http://image.eveonline.com/Type/{{{low1typeID}}}_64.png }}</div>

{{#switch: {{{low2name|none}}} | none = <div class="module low inactive"> | 
open = <div class="module low open">[[File:Icon low slot.png|46x46px|center|link=]] | 
#default = <div class="module low" data-typeID="{{{low2typeID}}}" data-name="{{{low2name}}}">http://image.eveonline.com/Type/{{{low2typeID}}}_64.png }}</div>

{{#switch: {{{low3name|none}}} | none = <div class="module low inactive"> | 
open = <div class="module low open">[[File:Icon low slot.png|46x46px|center|link=]] | 
#default = <div class="module low" data-typeID="{{{low3typeID}}}" data-name="{{{low3name}}}">http://image.eveonline.com/Type/{{{low3typeID}}}_64.png }}</div>

{{#switch: {{{low4name|none}}} | none = <div class="module low inactive"> | 
open = <div class="module low open">[[File:Icon low slot.png|46x46px|center|link=]] | 
#default = <div class="module low" data-typeID="{{{low4typeID}}}" data-name="{{{low4name}}}">http://image.eveonline.com/Type/{{{low4typeID}}}_64.png }}</div>

{{#switch: {{{low5name|none}}} | none = <div class="module low inactive"> | 
open = <div class="module low open">[[File:Icon low slot.png|46x46px|center|link=]] | 
#default = <div class="module low" data-typeID="{{{low5typeID}}}" data-name="{{{low5name}}}">http://image.eveonline.com/Type/{{{low5typeID}}}_64.png }}</div>

{{#switch: {{{low6name|none}}} | none = <div class="module low inactive"> | 
open = <div class="module low open">[[File:Icon low slot.png|46x46px|center|link=]] | 
#default = <div class="module low" data-typeID="{{{low6typeID}}}" data-name="{{{low6name}}}">http://image.eveonline.com/Type/{{{low6typeID}}}_64.png }}</div>

{{#switch: {{{low7name|none}}} | none = <div class="module low inactive"> | 
open = <div class="module low open">[[File:Icon low slot.png|46x46px|center|link=]] | 
#default = <div class="module low" data-typeID="{{{low7typeID}}}" data-name="{{{low7name}}}">http://image.eveonline.com/Type/{{{low7typeID}}}_64.png }}</div>

{{#switch: {{{low8name|none}}} | none = <div class="module low right inactive"> | 
open = <div class="module low right open">[[File:Icon low slot.png|46x46px|center|link=]] | 
#default = <div class="module low right" data-typeID="{{{low8typeID}}}" data-name="{{{low8name}}}">http://image.eveonline.com/Type/{{{low8typeID}}}_64.png }}</div>
			</div>
				
			<div>
				<div class="sub">
					<div class="subSlots subsystems">
						<div class="slotLabel">[[File: Fitting template subsystem slots label.png|18x30px|center|link=]]</div>

{{#switch: {{{subsystem1name|none}}} | none = <div class="subMod subsystem inactive"> | 
open = <div class="subMod subsystem open">[[File:EVE SubIcon.png|30x30px|center|link=]] | 
#default = <div class="subMod subsystem" data-typeID="{{{subsystem1typeID}}}" data-name="{{{subsystem1name}}}">http://image.eveonline.com/Type/{{{subsystem1typeID}}}_64.png }}</div>

{{#switch: {{{subsystem2name|none}}} | none = <div class="subMod subsystem inactive"> | 
open = <div class="subMod subsystem open">[[File:EVE SubIcon.png|30x30px|center|link=]] | 
#default = <div class="subMod subsystem" data-typeID="{{{subsystem2typeID}}}" data-name="{{{subsystem2name}}}">http://image.eveonline.com/Type/{{{subsystem2typeID}}}_64.png }}</div>

{{#switch: {{{subsystem3name|none}}} | none = <div class="subMod subsystem inactive"> | 
open = <div class="subMod subsystem open">[[File:EVE SubIcon.png|30x30px|center|link=]] | 
#default = <div class="subMod subsystem" data-typeID="{{{subsystem3typeID}}}" data-name="{{{subsystem3name}}}">http://image.eveonline.com/Type/{{{subsystem3typeID}}}_64.png }}</div>

{{#switch: {{{subsystem4name|none}}} | none = <div class="subMod subsystem inactive"> | 
open = <div class="subMod subsystem open">[[File:EVE SubIcon.png|30x30px|center|link=]] | 
#default = <div class="subMod subsystem" data-typeID="{{{subsystem4typeID}}}" data-name="{{{subsystem4name}}}">http://image.eveonline.com/Type/{{{subsystem4typeID}}}_64.png }}</div>

{{#switch: {{{subsystem5name|none}}} | none = <div class="subMod subsystem right inactive"> | 
open = <div class="subMod subsystem right open">[[File:EVE SubIcon.png|30x30px|center|link=]] | 
#default = <div class="subMod subsystem right" data-typeID="{{{subsystem5typeID}}}" data-name="{{{subsystem5name}}}">http://image.eveonline.com/Type/{{{subsystem5typeID}}}_64.png }}</div>
					</div>
						
					<div class="subSlots drones">
						<div class="slotLabel">[[File: Fitting template drone slots label.png|18x30px|center|link=]]</div>

{{#switch: {{{drone1name|none}}} | none = <div class="subMod drone inactive"> | 
open = <div class="subMod drone open">[[File:Icon dashed diamond.png|30x30px|center|link=]] | 
#default = <div class="subMod drone" data-typeID="{{{drone1typeID}}}" data-name="{{{drone1name}}}">http://image.eveonline.com/Type/{{{drone1typeID}}}_64.png }}</div>

{{#switch: {{{drone2name|none}}} | none = <div class="subMod drone inactive"> | 
open = <div class="subMod drone open">[[File:Icon dashed diamond.png|30x30px|center|link=]] | 
#default = <div class="subMod drone" data-typeID="{{{drone2typeID}}}" data-name="{{{drone2name}}}">http://image.eveonline.com/Type/{{{drone2typeID}}}_64.png }}</div>

{{#switch: {{{drone3name|none}}} | none = <div class="subMod drone inactive"> | 
open = <div class="subMod drone open">[[File:Icon dashed diamond.png|30x30px|center|link=]] | 
#default = <div class="subMod drone" data-typeID="{{{drone3typeID}}}" data-name="{{{drone3name}}}">http://image.eveonline.com/Type/{{{drone3typeID}}}_64.png }}</div>

{{#switch: {{{drone4name|none}}} | none = <div class="subMod drone inactive"> | 
open = <div class="subMod drone open">[[File:Icon dashed diamond.png|30x30px|center|link=]] | 
#default = <div class="subMod drone" data-typeID="{{{drone4typeID}}}" data-name="{{{drone4name}}}">http://image.eveonline.com/Type/{{{drone4typeID}}}_64.png }}</div>

{{#switch: {{{drone5name|none}}} | none = <div class="subMod drone right inactive"> | 
open = <div class="subMod drone right open">[[File:Icon dashed diamond.png|30x30px|center|link=]] | 
#default = <div class="subMod drone right" data-typeID="{{{drone5typeID}}}" data-name="{{{drone5name}}}">http://image.eveonline.com/Type/{{{drone5typeID}}}_64.png }}</div>
					</div>
						
					<div class="subSlots charges">
						<div class="slotLabel">[[File: Fitting template charge slots label.png|18x30px|center|link=]]</div>

{{#switch: {{{charge1name|none}}} | none = <div class="subMod charge inactive"> | 
open = <div class="subMod charge open">[[File:Icon dashed triangle.png|30x30px|center|link=]] | 
#default = <div class="subMod charge" data-typeID="{{{charge1typeID}}}" data-name="{{{charge1name}}}">http://image.eveonline.com/Type/{{{charge1typeID}}}_64.png }}</div>

{{#switch: {{{charge2name|none}}} | none = <div class="subMod charge inactive"> | 
open = <div class="subMod charge open">[[File:Icon dashed triangle.png|30x30px|center|link=]] | 
#default = <div class="subMod charge" data-typeID="{{{charge2typeID}}}" data-name="{{{charge2name}}}">http://image.eveonline.com/Type/{{{charge2typeID}}}_64.png }}</div>

{{#switch: {{{charge3name|none}}} | none = <div class="subMod charge inactive"> | 
open = <div class="subMod charge open">[[File:Icon dashed triangle.png|30x30px|center|link=]] | 
#default = <div class="subMod charge" data-typeID="{{{charge3typeID}}}" data-name="{{{charge3name}}}">http://image.eveonline.com/Type/{{{charge3typeID}}}_64.png }}</div>

{{#switch: {{{charge4name|none}}} | none = <div class="subMod charge inactive"> | 
open = <div class="subMod charge open">[[File:Icon dashed triangle.png|30x30px|center|link=]] | 
#default = <div class="subMod charge" data-typeID="{{{charge4typeID}}}" data-name="{{{charge4name}}}">http://image.eveonline.com/Type/{{{charge4typeID}}}_64.png }}</div>

{{#switch: {{{charge5name|none}}} | none = <div class="subMod charge right inactive"> | 
open = <div class="subMod charge right open">[[File:Icon dashed triangle.png|30x30px|center|link=]] | 
#default = <div class="subMod charge right" data-typeID="{{{charge5typeID}}}" data-name="{{{charge5name}}}">http://image.eveonline.com/Type/{{{charge5typeID}}}_64.png }}</div>
					</div>

					<div class="subSlots rigs">
						<div class="slotLabel">[[File: Fitting template rig slots label.png|18x30px|center|link=]]</div>

{{#switch: {{{rig1name|none}}} | none = <div class="subMod rig inactive"> | 
open = <div class="subMod rig open">[[File:Icon rigs.png|30x30px|center|link=]] | 
#default = <div class="subMod rig" data-typeID="{{{rig1typeID}}}" data-name="{{{rig1name}}}">http://image.eveonline.com/Type/{{{rig1typeID}}}_64.png }}</div>

{{#switch: {{{rig2name|none}}} | none = <div class="subMod rig inactive"> | 
open = <div class="subMod rig open">[[File:Icon rigs.png|30x30px|center|link=]] | 
#default = <div class="subMod rig" data-typeID="{{{rig2typeID}}}" data-name="{{{rig2name}}}">http://image.eveonline.com/Type/{{{rig2typeID}}}_64.png }}</div>

{{#switch: {{{rig3name|none}}} | none = <div class="subMod rig right inactive"> | 
open = <div class="subMod rig right open">[[File:Icon rigs.png|30x30px|center|link=]] | 
#default = <div class="subMod rig right" data-typeID="{{{rig3typeID}}}" data-name="{{{rig3name}}}">http://image.eveonline.com/Type/{{{rig3typeID}}}_64.png }}</div>
					</div>
				</div>
					
				<div class="info">	
					<div class="note difficulty">
						<div class="title">FITTING DIFFICULTY</div>
						<div class="value"><div class="difficultyLevel">{{#switch: {{{difficulty|}}} | 1 = <div class="difficultyBlock"></div><div class="difficultyBlock"></div> | 2 = <div class="difficultyBlock"></div><div class="difficultyBlock"></div><div class="difficultyBlock"></div><div class="difficultyBlock"></div> }}<div class="difficultyBlock right"></div></div>
						</div>
					</div>
					<div class="note warsop">
						<div class="title">WARSOP APPROVED</div>
						<div class="value">
{{#switch: {{{warsop|A}}} | Y | A = [[File:One star grey.png|16x16px|center|link=Wartime_SOP#You_may_fly...|Approved]] |
R | S = [[File:Two stars grey.png|16x16px|center|link=Wartime_SOP#You_may_fly...|{{#if: {{{warsopReason|}}}| {{{warsopReason}}} | Requires sophomore title or above}}]] |
G = [[File:Three stars grey.png|16x16px|center|link=Wartime_SOP#You_may_fly...|{{#if: {{{warsopReason|}}}| {{{warsopReason}}} | Requires graduate title}}]] |
N | D = [[File:Icon red x.png|16x16px|center|link=Wartime_SOP#...Capital_ships|{{#if: {{{warsopReason|}}}| {{{warsopReason}}} | Requires director authorization}}]] }}
						</div>
					</div>
					<div class="note version">
						<div class="title">EVE VERSION</div>
						<div class="value">{{{version|unknown}}}</div>
					</div>
						
					<div class="buttons">
						<div class="button eve" data-shipdna="{{{shipDNA}}}" title="View fit (in game)">EVE</div>
						<div class="button eft" title="Open EFT format">EFT</div>
						<div class="button skills {{#if: {{{skills|}}}||empty}}" title="Open recommended skills">SKILLS</div>
						<div class="button notes {{#if: {{{notes|}}}||empty}}" title="Open notes">NOTES</div>
					</div>
				</div>
			</div>
		</div>
		
		<div class="moreInfo skills">
			<div class="subHeader skillsHeader">RECOMMENDED SKILLS</div>
			<div class="bx skillsInfo">{{#if: {{{skills|}}} | <ul><li>{{{skills}}}</li></ul>|}}
			</div>
		</div>

		<div class="moreInfo notes">
			<div class="subHeader notessHeader">NOTES</div>
			<div class="bx notesInfo">{{#if: {{{notes|}}} | <ul><li>{{{notes}}}</li></ul>|}}
			</div>
		</div>
	</div>
</div>
<noinclude>
__NOTOC__

==Features==
*Item names on image hover
*Clicking on item picture brings up item info in-game
*Clicking SHIP INFO button brings up ship info in-game
*Clicking EVE button displays fitting in-game
*Clicking EFT, skills, or notes button opens respective panel
*Fitting difficulty indicator
*WarSOP compliance indicator with reason displayed on icon hover
*EVE version to determine if a fit is still valid


==Template Format==
To automatically generate template code from EFT code you can use the tool located [http://eve.sonicreality.x10.mx/template here].

To format of the code is as follows:
<pre>
{{ShipFitting|
ship=|
shipTypeID=|
fitName=|
fitID=|
high1name=|
high1typeID=|
mid1name=|
mid1typeID=|
low1name=|
low1typeID=|
subsystem1name=|
subsystem1typeID=|
drone1name=|
drone1typeID=|
charge1name=|
charge1typeID=|
rig1name=|
rig1typeID=|
difficulty=|
warsop=|
warsopReason=|
version=|
shipDNA=|
skills=|
notes=}}
</pre>

The parameters are:
<ul>
<li>ship - The name of the ship</li>
<li>shipTypeID - The typeID of the ship</li>
<li>fitName - The name of the fit</li>
<li>fitID - A (hopefully) unique identifier for the fit. By appending "#(fitID)" to the end of a ship page of the wiki you can link directly to a specific fit. The automatic tool generates this by replacing all spaces in the fit name with a "-".</li>
<li>high1name, mid1name, low1name, etc. - The name of the module in that slot. Set as "open" for an empty slot or omit is slot does not exist.</li>
<li>high1typeID, mid1typeID, low1typeID, etc. - The typeID of the module in that slot. Can be omitted if the slot is empty or does not exist.</li>
<li>difficulty - The difficulty of the fit. Possible values are "0" for beginner, "1" for advanced, and "2" for expert. Please use your best judgement when assigning difficulty levels.</li>
<li>warsop - Whether or not the fit is approved for use during war. Possible values are "A" for approved for everyone, "S" for requires sophomore title, and "G" for required graduate title, and "D" for director authorization required.</li>
<li>warsopReason - The reason for the indicated warsop rating. This will be displayed when hovering over the warsop icon on restricted and not approved fittings only.</li>
<li>version - The version of EVE the fit was created for.</li>
<li>shipDNA - The shipDNA string for the fit. More information can be found [http://wiki.eveonline.com/en/wiki/Ship_DNA here]</li>
<li>skills - A list of recommended skills separated by "&lt;/li&gt;&lt;li&gt;".</li>
<li>notes - A list of notes separated by "&lt;/li&gt;&lt;li&gt;".</li>
<li>showTOC - Allows removing fit from the table of contents of a page. Use value "N" to hide. Default is to show.</li></ul>

If you want multiple fittings on the same line place the code for the second fitting directly after the first. e.g. like this:
<pre>
shipDNA=|
skills=|
notes=}}{{ShipFitting|
ship=|
</pre>


==Example==
An example of a proper fitting would be:
<pre>
shipTypeID=24688|
fitName=Vanguards a|
fitID=Vanguards-a|
high1name=Modal Mega Neutron Particle Accelerator I|
high1typeID=7783|
high2name=Modal Mega Neutron Particle Accelerator I|
high2typeID=7783|
high3name=Modal Mega Neutron Particle Accelerator I|
high3typeID=7783|
high4name=Modal Mega Neutron Particle Accelerator I|
high4typeID=7783|
high5name=Modal Mega Neutron Particle Accelerator I|
high5typeID=7783|
high6name=Modal Mega Neutron Particle Accelerator I|
high6typeID=7783|
high7name=Modal Mega Neutron Particle Accelerator I|
high7typeID=7783|
high8name=Modal Mega Neutron Particle Accelerator I|
high8typeID=7783|
mid1name=Adaptive Invulnerability Field II|
mid1typeID=2281|
mid2name=EM Ward Field II|
mid2typeID=2301|
mid3name=Federation Navy Stasis Webifier|
mid3typeID=17559|
mid4name=Federation Navy Stasis Webifier|
mid4typeID=17559|
mid5name=Sensor Booster II|
mid5typeID=1952|
mid6name=Tracking Computer II|
mid6typeID=1978|
low1name=Damage Control II|
low1typeID=2048|
low2name=Magnetic Field Stabilizer II|
low2typeID=10190|
low3name=Magnetic Field Stabilizer II|
low3typeID=10190|
low4name=Magnetic Field Stabilizer II|
low4typeID=10190|
low5name=Tracking Enhancer II|
low5typeID=1999|
drone1name=Hobgoblin I x5|
drone1typeID=2454|
drone2name=open|
drone3name=open|
drone4name=open|
drone5name=open|
charge1name=Scan Resolution Script|
charge1typeID=29011|
charge2name=Optimal Range Script|
charge2typeID=28999|
charge3name=Caldari Navy Antimatter Charge L|
charge3typeID=21740|
charge4name=open|
charge5name=open|
rig1name=Large Anti-Thermal Screen Reinforcer I|
rig1typeID=26082|
rig2name=Large Core Defense Field Extender I|
rig2typeID=26088|
rig3name=Large Core Defense Field Extender I|
rig3typeID=26088|
difficulty=1|
warsop=Y|
warsopReason=test|
version=RET 1.0|
shipDNA=24688:7783;8:1952;1:1978;1:2281;1:2301;1:17559;2:1999;1:2048;1:10190;3:26082;1:26088;2:2454;5:21740;1:28999;1:29011;1::|
skills=Gunnery Supports IV</li><li>Caldari Battleship IV|
notes=Short range blasters</li><li>Something else}}
</pre>

A list of typeIDs can be found [http://eve-files.com/chribba/typeid.txt here]. (May be out of date or incomplete)

If you have any questions or concerns or find any issues, please post in [http://forum.eveuniversity.org/viewtopic.php?f=31&t=64217 this thread] on the E-UNI forums

</noinclude>