User:Cliverunner/CVRTestFitTemplate: Difference between revisions

Latest revision as of 12:26, 1 July 2023

               
                 http://image.eveonline.com/Render/{{{shipTypeID}}}_64.png
                 {{{ship}}}: {{{fitName}}}

SHIP INFO

EFT

[{{{ship}}}, {{{fitName}}}]

FITTING DIFFICULTY

WARSOP APPROVED

Approved

EVE VERSION

unknown

EVE

EFT

SKILLS

NOTES

RECOMMENDED SKILLS

NOTES

NOTE: This is a copy of the template created by Miranda McLaughlin. It is for testing purposes only!!!. See the real template here [[Template:MmTestFitTemplate]](deleted)

@@ Line 2: / Line 2: @@
 .shipFitting {
-	width: 412px;
+	float: left;
 	background-color: #202020;
@@ Line 16: / Line 16: @@
 	padding-bottom: 8px;
-	font-family: Trebuchet MS;
+	font-family: Arial;
 	color: #CCCCCC;
 	text-align: center;
-	float: left;
 }
 .shipFitting+*:not(.shipFitting) {
 	clear: both;
-}
-.shipFitting.showEft {
-	width: 660px;
-}
-.shipFitting.showSkills {
-	width: 720px;
-}
-.shipFitting.showEft.showSkills {
-	width: 969px;
 }
 .shipFitting .fittingHeader {
-	height: 22px;
+	height: 72px;
 	margin-bottom: 8px;
@@ Line 47: / Line 34: @@
 	line-height: 22px;
 	font-size: 14px;
+}
+.shipFitting .fittingHeader span {
+	margin-left: 21px;
+}
+.shipFitting .shipInfo {
+	width: 45px;
+	height: 32px;
+	line-height: 16px;
+	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;
 }
@@ Line 55: / Line 62: @@
 .shipFitting .mainSlots {
 	height: 48px;
-	margin-bottom: 4px;
+	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;
 }
@@ Line 77: / Line 92: @@
 .shipFitting .module.right {
 	margin-right: 0px;
+}
+.shipFitting .module img {
+	width: 46px;
+	height: 46px;
 }
@@ Line 85: / Line 105: @@
 .shipFitting .subSlots {
 	height: 32px;
-	margin-bottom: 4px;
+	margin-bottom: 6px;
+}
+.shipFitting .subSlots .slotLabel {
+	width: 12px;
+	height: 30px;
+	border: solid 1px #404040;
+	margin-right: 4px;
+	float: left;
 }
@@ Line 98: / Line 126: @@
 	float: left;
 	cursor: pointer;
+}
+.shipFitting .subMod img {
+	width: 30px;
+	height: 30px;
 }
@@ Line 142: / Line 175: @@
 .shipFitting .difficultyLevel {
-	height: 12px;
+	height: 10px;
-	width: 56px;
+	width: 46px;
 	margin-left: auto;
 	margin-right: auto;
-	margin-top: 2px;
+	margin-top: 3px;
 	border: solid 1px #606060;
@@ Line 155: / Line 188: @@
 .shipFitting .difficultyBlock {
-	height: 10px;
+	height: 8px;
-	width: 10px;
+	width: 8px;
 	margin-right: 1px;
@@ Line 163: / Line 196: @@
 }
-.shipFitting .difficultyBlockMain {
+.shipFitting .difficultyBlock.right {
-	height: 10px;
-	width: 10px;
-	margin-right: 1px;
 	background-color: #606060;
-	float: left;
 }
 .shipFitting .buttons {
-	margin-top: 16px;
+	margin-top: 20px;
 }
 .shipFitting.ss .buttons {
-	margin-top: 52px;
+	margin-top: 58px;
 }
 .shipFitting .button {
-	width: 62px;
+	width: 45px;
 	height: 18px;
@@ Line 190: / Line 218: @@
 	line-height: 18px;
-	font-size: 12px;
+	font-size: 10px;
 	cursor: pointer;
 }
-.shipFitting .button.skills {
+.shipFitting .button:hover {
+	background-color: #2A2A2A;
+}
+.shipFitting .button.active {
+	background-color: #2A2A2A;
+}
+.shipFitting .button.notes {
 	margin-right: 0px;
 }
 .shipFitting .moreInfo {
-	width: 238px;
+	min-height: 270px;
-	min-height: 100px;
 	float: left;
-	margin-left: 8px;
 	border: solid 1px #404040;
 	display: none;
+}
+.shipFitting.ss .moreInfo {
+	min-height: 308px;
 }
@@ Line 213: / Line 249: @@
 }
-.shipFitting .moreInfo.recommendedSkills {
+.shipFitting .moreInfo.eftData {
-	width: 298px;
+	width: 238px;
+	margin-right: 8px;
 }
-.shipFitting.showEft .eftData {
+.shipFitting .moreInfo.skills {
-	display: block;
+	width: 238px;
+	margin-left: 8px
+}
+.shipFitting .moreInfo.notes {
+	width: 288px;
+	margin-left: 8px
 }
-.shipFitting.showSkills .recommendedSkills {
+.shipFitting .moreInfo.show {
 	display: block;
 }
@@ Line 254: / Line 297: @@
 	border-color: #303030;
 	cursor: default;
+}
+.shipFitting .uniLogo {
+	float: left;
 }
 }}
-<div class="shipFitting {{#if: {{{subsystem1name|}}} | ss }}">
+<div class="shipFitting {{#if: {{{subsystem1name|}}} | ss }}" {{#if: {{{fitID| }}} | id="{{{fitID}}}" | }}>
-	<div class="fittingHeader">{{{ship}}}: {{{fitName}}}</div>
+	<div class="fittingHeader">
+		<div class="uniLogo">[[File:E-UNI Emblem.png|x18px|middle|link=]]</div>
+                <span>
+                  http://image.eveonline.com/Render/{{{shipTypeID}}}_64.png
+                  {{{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}}}">[[File:{{{high1filename}}}|46x46px|center|link=|{{{high1name}}}]] }}</div>
+#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}}}">[[File:{{{high2filename}}}|46x46px|center|link=|{{{high2name}}}]] }}</div>
+#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}}}">[[File:{{{high3filename}}}|46x46px|center|link=|{{{high3name}}}]] }}</div>
+#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}}}">[[File:{{{high4filename}}}|46x46px|center|link=|{{{high4name}}}]] }}</div>
+#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}}}">[[File:{{{high5filename}}}|46x46px|center|link=|{{{high5name}}}]] }}</div>
+#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}}}">[[File:{{{high6filename}}}|46x46px|center|link=|{{{high6name}}}]] }}</div>
+#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}}}">[[File:{{{high7filename}}}|46x46px|center|link=|{{{high7name}}}]] }}</div>
+#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}}}">[[File:{{{high8filename}}}|46x46px|center|link=|{{{high8name}}}]] }}</div>
+#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}}}">[[File:{{{mid1filename}}}|46x46px|center|link=|{{{mid1name}}}]] }}</div>
+#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}}}">[[File:{{{mid2filename}}}|46x46px|center|link=|{{{mid2name}}}]] }}</div>
+#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}}}">[[File:{{{mid3filename}}}|46x46px|center|link=|{{{mid3name}}}]] }}</div>
+#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}}}">[[File:{{{mid4filename}}}|46x46px|center|link=|{{{mid4name}}}]] }}</div>
+#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}}}">[[File:{{{mid5filename}}}|46x46px|center|link=|{{{mid5name}}}]] }}</div>
+#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}}}">[[File:{{{mid6filename}}}|46x46px|center|link=|{{{mid6name}}}]] }}</div>
+#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}}}">[[File:{{{mid7filename}}}|46x46px|center|link=|{{{mid7name}}}]] }}</div>
+#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}}}">[[File:{{{mid8filename}}}|46x46px|center|link=|{{{mid8name}}}]] }}</div>
+#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}}}">[[File:{{{low1filename}}}|46x46px|center|link=|{{{low1name}}}]] }}</div>
+#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}}}">[[File:{{{low2filename}}}|46x46px|center|link=|{{{low2name}}}]] }}</div>
+#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}}}">[[File:{{{low3filename}}}|46x46px|center|link=|{{{low3name}}}]] }}</div>
+#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}}}">[[File:{{{low4filename}}}|46x46px|center|link=|{{{low4name}}}]] }}</div>
+#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}}}">[[File:{{{low5filename}}}|46x46px|center|link=|{{{low5name}}}]] }}</div>
+#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}}}">[[File:{{{low6filename}}}|46x46px|center|link=|{{{low6name}}}]] }}</div>
+#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}}}">[[File:{{{low7filename}}}|46x46px|center|link=|{{{low7name}}}]] }}</div>
+#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}}}">[[File:{{{low8filename}}}|46x46px|center|link=|{{{low8name}}}]] }}</div>
+#default = <div class="module low right" data-typeID="{{{low8typeID}}}" data-name="{{{low8name}}}">http://image.eveonline.com/Type/{{{low8typeID}}}_64.png }}</div>
 			</div>
@@ Line 367: / Line 434: @@
 				<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}}}">[[File:{{{subsystem1filename}}}|30x30px|center|link=|{{{subsystem1name}}}]] }}</div>
+#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}}}">[[File:{{{subsystem2filename}}}|30x30px|center|link=|{{{subsystem2name}}}]] }}</div>
+#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}}}">[[File:{{{subsystem3filename}}}|30x30px|center|link=|{{{subsystem3name}}}]] }}</div>
+#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}}}">[[File:{{{subsystem4filename}}}|30x30px|center|link=|{{{subsystem4name}}}]] }}</div>
+#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}}}">[[File:{{{subsystem5filename}}}|30x30px|center|link=|{{{subsystem5name}}}]] }}</div>
+#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}}}">[[File:{{{drone1filename}}}|30x30px|center|link=|{{{drone1name}}}]] }}</div>
+#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}}}">[[File:{{{drone2filename}}}|30x30px|center|link=|{{{drone2name}}}]] }}</div>
+#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}}}">[[File:{{{drone3filename}}}|30x30px|center|link=|{{{drone3name}}}]] }}</div>
+#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}}}">[[File:{{{drone4filename}}}|30x30px|center|link=|{{{drone4name}}}]] }}</div>
+#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}}}">[[File:{{{drone5filename}}}|30x30px|center|link=|{{{drone5name}}}]] }}</div>
+#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}}}">[[File:{{{charge1filename}}}|30x30px|center|link=|{{{charge1name}}}]] }}</div>
+#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}}}">[[File:{{{charge2filename}}}|30x30px|center|link=|{{{charge2name}}}]] }}</div>
+#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}}}">[[File:{{{charge3filename}}}|30x30px|center|link=|{{{charge3name}}}]] }}</div>
+#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}}}">[[File:{{{charge4filename}}}|30x30px|center|link=|{{{charge4name}}}]] }}</div>
+#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}}}">[[File:{{{charge5filename}}}|30x30px|center|link=|{{{charge5name}}}]] }}</div>
+#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}}}">[[File:{{{rig1filename}}}|30x30px|center|link=|{{{rig1name}}}]] }}</div>
+#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}}}">[[File:{{{rig2filename}}}|30x30px|center|link=|{{{rig2name}}}]] }}</div>
+#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}}}">[[File:{{{rig3filename}}}|30x30px|center|link=|{{{rig3name}}}]] }}</div>
+#default = <div class="subMod rig right" data-typeID="{{{rig3typeID}}}" data-name="{{{rig3name}}}">http://image.eveonline.com/Type/{{{rig3typeID}}}_64.png }}</div>
 					</div>
 				</div>
@@ Line 450: / Line 525: @@
 					<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="difficultyBlockMain"></div></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>
@@ Line 456: / Line 531: @@
 						<div class="title">WARSOP APPROVED</div>
 						<div class="value">
-{{#switch: {{{warsop|Y}}} | Y = [[File:Icon green check.png|18x18px|center|link=Wartime_Standard_Operating_Procedures#You_should_fit...|Approved]] |
+{{#switch: {{{warsop|Y}}} | Y = [[File:Icon green check.png|18x18px|center|link=Archive:Wartime_Standard_Operating_Procedures#You_should_fit...|Approved]] |
-R = [[File:Icon yellow circle.png|18x18px|center|link=Wartime_Standard_Operating_Procedures#Pilots_who_accept_the_risks_may_fly...|Fly at own risk]] |
+R = [[File:Icon yellow circle.png|18x18px|center|link=Archive:Wartime_Standard_Operating_Procedures#Pilots_who_accept_the_risks_may_fly...|{{{warsopReason|Fly at own risk}}}]] |
-N = [[File:Icon red x.png|18x18px|center|link=Wartime_Standard_Operating_Procedures#You_must_never_fly_any...|Disallowed]] }}
+N = [[File:Icon red x.png|18x18px|center|link=Archive:Wartime_Standard_Operating_Procedures#You_must_never_fly_any...|{{{warsopReason|Disallowed}}}]] }}
 						</div>
 					</div>
@@ Line 467: / Line 542: @@
 					<div class="buttons">
-						<div class="button eve" data-shipdna="{{{shipDNA}}}">EVE</div>
+						<div class="button eve" data-shipdna="{{{shipDNA}}}" title="View fit (in game)">EVE</div>
-						<div class="button eft">EFT</div>
+						<div class="button eft" title="Open EFT format">EFT</div>
-						<div class="button skills">NOTES</div>
+						<div class="button skills" title="Open recommended skills">SKILLS</div>
+						<div class="button notes" title="Open notes">NOTES</div>
 					</div>
 				</div>
 			</div>
 		</div>
-		<div class="moreInfo eftData">
+		<div class="moreInfo skills">
-			<div class="subHeader eftHeader">EFT</div>
+			<div class="subHeader skillsHeader">RECOMMENDED SKILLS</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}}} x5<br />}}{{#switch: {{{drone2name | }}} | = | open = | {{{drone2name}}} x5<br />}}{{#switch: {{{drone3name | }}} | = | open = | {{{drone3name}}} x5<br />}}<br />{{#switch: {{{charge1name | }}} | = | open = | {{{charge1name}}}<br />}}{{#switch: {{{charge2name | }}} | = | open = | {{{charge2name}}}<br />}}{{#switch: {{{charge3name | }}} | = | open = | {{{charge3name}}}}}</div>
+			<div class="bx skillsInfo">{{#if: {{{skills|}}} | <ul><li>{{{skills}}}</li></ul>|}}
+			</div>
 		</div>
-		<div class="moreInfo recommendedSkills">
+		<div class="moreInfo notes">
-			<div class="subHeader skillsHeader">NOTES</div>
+			<div class="subHeader notessHeader">NOTES</div>
-			<div class="bx skillsInfo">{{#if: {{{notes|}}} | <ul><li>{{{notes}}}</li></ul>|}}
+			<div class="bx notesInfo">{{#if: {{{notes|}}} | <ul><li>{{{notes}}}</li></ul>|}}
 			</div>
 		</div>
@@ Line 488: / Line 565: @@
 </div>
 <noinclude>
+NOTE: This is a copy of the template created by Miranda McLaughlin.  It is for testing purposes only!!!.  See the real template here <nowiki>[[Template:MmTestFitTemplate]]</nowiki>(''deleted)''
-NOTE: This is a copy of the template created by Miranda McLaughlin.  It is for testing purposes only!!!.  See the real template here [[Template:MmTestFitTemplate]]
 </noinclude>