Template:ShipBoxTooltip: Difference between revisions

← Older edit Newer edit →

VisualWikitext

Revision as of 11:05, 15 October 2011

Drake Unknown Ship

Unknown

Unique Ships Unknown Class 0(0/0) 0 0 0 MW 0 tf 0 m/s 0 m³

@@ Line 1: / Line 1: @@
 {{#css:
-	.tooltip-frame{
+	.ship-tooltip
-    position:relative;
-    z-index:24; background-color:transparent;
-    color:orange;
-    text-decoration:none}
-	.tooltip-frame:hover{z-index:25; color:white;}
-	.tooltip-frame .inner-snippet p
 	{
-		height: 0;
+		font-size: 90%;
-		line-height: 0;
+		line-height: 110%;
-		margin: 0;
+		width: 330px;
-		padding: 0;
 	}
+	.ship-tooltip span
-	.tooltip-frame .inner-snippet
 	{
-		display: none;
+		display: block;
-		background-color: transparent;
+		vertical-align: top;
-		border: medium none;
+	}
-		left: -100px;
+	.ship-tooltip .tt-left
-		position: absolute;
+	{
-		top: 1.5em;
+		display: inline-block;
+		margin-right: 5px;
+		width: 80px;
+	}
+	.ship-tooltip .tt-left img
+	{
 	}
-	.tooltip-frame:hover .inner-snippet,.tooltip-frame.hover .inner-snippet { display: block; }
+	.ship-tooltip .tt-right
-	.tooltip-frame .inner-snippet span
 	{
-		display: block;
+		display: inline-block;
+		width: 240px;
+	}
+	.ship-tooltip .tt-right .tt-header
+	{
+		height: 20px;
+		overflow: hidden;
+		width: 240px;
 	}
+	.ship-tooltip .tt-right .tt-header span,
-	.tooltip-frame .inner-snippet .left, .tooltip-frame .inner-snippet .right
+	.ship-tooltip .tt-right .tt-subheader span
 	{
-		float:left;
+		display: inline-block;
 	}
-	.tooltip-frame .inner-snippet .l1
+	.ship-tooltip .tt-right .tt-header .tt-shipname
 	{
-		float: left;
+		color: white;
 		font-family: trebuchet MS;
-		line-height: 22px;
+		font-size: 16px;
-		margin-bottom: 3px;
+		font-variant: small-caps;
-		width: 345px;
+		height: 20px;
+		line-height: 20px;
+		width: 180px;
 	}
-	.tooltip-frame .inner-snippet .l2
+	.ship-tooltip .tt-right .tt-header .tt-race
+	{
+		float: right;
+		height: 20px;
+		line-height: 25px;
+	}
+	.ship-tooltip .tt-right .tt-subheader .tt-grouping,
+	.ship-tooltip .tt-right .tt-subheader .tt-hulltype
 	{
-		border: 1px solid #525751;
-		color: #CCCCCC;
-		float: left;
-		font-family: trebuchet MS;
 		font-size: 11px;
-		line-height: 20px;
+		height: 10px;
-		padding: 2px;
+		line-height: 10px;
-		width: 341px;
 	}
-	.tooltip-frame .inner-snippet .l2 span
+	.ship-tooltip .tt-right .tt-contents
 	{
-		float: left;
+		border-top: 1px solid #272727;
-		font-weight: normal;
+		padding-top: 2px;
 	}
-	.tooltip-frame .inner-snippet .l2 .tt-att-line
+	.ship-tooltip .tt-right .tt-contents .tt-contentsrow .tt-hl
 	{
-		background-color: #1D1C23;
+		color: khaki;
-		height: 20px;
+		display: inline-block;
-		padding: 0;
+		font-size: 10px;
-		width: 100%;
+		height: 10px;
+		line-height: 12px;
 	}
-	.tooltip-frame .inner-snippet .l2 .tt-att-line .tt-att-item
+	.ship-tooltip .tt-right .tt-contents .tt-contentsrow .tt-hl a
 	{
-		border-right: 2px solid black;
+		height: 10px;
+		line-height: 10px;
 		margin-right: 2px;
-		padding: 0 3px 0 2px;
+		vertical-align: top;
 	}
+	.ship-tooltip .tt-right .tt-contents .tt-contentsrow .tt-att
-	.tooltip-frame .inner-snippet .tt-att-value
-	{
-		color: white;
-		padding: 0 2px 0 4px;
-		text-align: right;
-	}
-	.tooltip-frame .inner-snippet .att-label { color: darkgrey; }
-	.tooltip-frame .suppresslink
 	{
-		height: 73px;
+		color: #9E8F75;
-		left: 4px;
+		display: inline-block;
-		position: absolute;
+		font-size: 10px;
-		top: 4px;
+		height: 13px;
-		width: 73px;
+		line-height: 15px;
-		z-index: 100;
+		margin-right: 3px;
+		padding-right: 3px;
 	}
-}}<span class='tooltip-frame'>[[{{{shipname}}}|{{#if:{{{shipname}}}|{{{shipname|Unknown Ship}}}|Unknown Ship}}]]<span style='color: #CCCCCC;font-size: 60%;height: 3px;line-height: 3px;'>&#9662;</span><span class='inner-snippet ship-info' style='width: 440px;'><span class='left' style='background-color: black; padding: 4px 0pt 4px 4px; width: 73px;'><span class='att-img' style='margin:0;'>[[Image:{{{shipimg|no-image.png}}}|73px|middle|{{#if:{{{shipname}}}|{{{shipname}}}|Unknown Ship}}]]</span><span class='suppresslink'>&nbsp;</span></span>
+}}
-		<span class='right' style='margin-right: 4px; width: 347px; padding: 0pt;'>
+{{Tooltip
-			<span style='background-color: black; float: left; padding: 4px; width: 100%;'>
+|1=[[Drake|Drake]]
-				<span class='l1'>
+|2=<span class='ship-tooltip'>
-					<span style='color: #F1EFCA;float: left;font-size: 18px;font-weight: bold;'>{{#if:{{{shipname}}}|{{{shipname|Unknown Ship}}}|Unknown Ship}}<span style='display: {{#if:{{{shipname}}} | inline | none }}; font-size: 10px; line-height: 10px; padding-left: 3px;'>[[{{{shipname}}}|go to article &#9656;]]</span></span>
+		<span class='tt-left'>[[Image:{{{shipimg|no-image.png}}}|80px|middle|{{#if:{{{shipname}}}|{{{shipname}}}|Unknown Ship}}]]</span>
-					<span style='color: #CCCCCC;float: right;font-size: 11px;'>{{{roles|}}}</span>
+		<span class='tt-right'>
+			<span class='tt-header'>
+				<span class='tt-shipname'>{{#if:{{{shipname}}}|{{{shipname|Unknown Ship}}}|Unknown Ship}}</span>
+				<span class='tt-race'>[[Image:{{#switch:{{{faction}}}|Amarr Empire=Logo_faction_amarr_empire.png |Caldari State=Logo_faction_caldari_state.png |Gallente Federation=Logo_faction_gallente_federation.png |Minmatar Republic=Logo_faction_minmatar_republic.png |Outer Ring Excavations=Logo_faction_outer_ring_excavations.png |#default=no-image.png}}|center|30x30px|{{#if:{{{faction}}}|{{{faction|Unknown}}}|Unknown}}]]</span>
+			</span>
+			<span class='tt-subheader'>
+				<span class='tt-grouping'>[[:Category:{{{grouping|Unique Ships}}}|{{{grouping|Unique Ships}}}]]</span>
+				<span class='tt-hulltype'>{{{hulltype|Unknown Class}}}</span>
+			</span>
+			<span class='tt-contents'>
+				<span class='tt-contentsrow' style='border-bottom: 1px solid #272727;padding-bottom: 2px;display:{{#if:{{{highlights1|}}}|block|none}}'>
+					<span class='tt-hl'>[[Image:Icon_highlights.png|10x10px|middle|highlights]]{{{highlights1|}}}</span>
 				</span>
-				<span class='l2'>
+				<span class='tt-contentsrow'>
-					<span class='tt-att-line' style='margin-bottom:2px;'>
+					<span class='tt-att'>[[Image:icon_hi_slot.png|15x15px|middle|high slots]]{{{highs|0}}}<span class='label'>({{{launchers|0}}}/{{{turrets|0}}})</span></span>
-						<span class='tt-att-item' style='border-right:medium none;'>
+					<span class='tt-att'>[[Image:icon_mid_slot.png|15x15px|middle|middle slots]]{{{mediums|0}}}</span>
-							<span class='tt-att-value'>{{#if:{{{highs}}}|{{{highs|0}}}|0}}</span><span class='att-img' style='margin:0;'>[[Image:icon_hi_slot.png|15px|middle|high slots]]</span><span class='att-label' style='color: #9A7535;'>high</span>
+					<span class='tt-att'>[[Image:icon_low_slot.png|15x15px|middle|low slots]]{{{lows|0}}}</span>
-						</span>
+					<span class='tt-att'>[[Image:icon_powergrid.png|15x15px|middle|powergrid]]{{{powergrid|0 MW}}}</span>
-						<span class='tt-att-item' style='border-right:medium none;'>
+					<span class='tt-att'>[[Image:icon_cpu.png|15x15px|middle|cpu output]]{{{cpu|0 tf}}}</span>
-							<span class='tt-att-value'>{{#if:{{{launchers}}}|{{{launchers|0}}}|0}}</span><span class='att-img' style='margin:0;'>[[Image:icon_launcher_hp.png|15px|middle|launcher slots]]</span><span class='att-label'>launchers</span>
+					<span class='tt-att'>[[Image:Icon_velocity.png|15x15px|middle|max. velocity]]{{{maxvelocity|0 m/s}}}</span>
-						</span>
+					<span class='tt-att'>[[Image:Icon_capacity.png|15x15px|middle|cargo capacity]]{{{cargohold|0 m&#179;}}}</span>
-						<span class='tt-att-item'>
-							<span class='tt-att-value'>{{#if:{{{turrets}}}|{{{turrets|0}}}|0}}</span><span class='att-img' style='margin:0;'>[[Image:icon_turret_hp.png|15px|middle|turret slots]]</span><span class='att-label'>turrets</span>
-						</span>
-						<span class='tt-att-item'>
-							<span class='tt-att-value'>{{#if:{{{mediums}}}|{{{mediums|0}}}|0}}</span><span class='att-img' style='margin:0;'>[[Image:icon_mid_slot.png|15px|middle|middle slots]]</span><span class='att-label' style='color: #9A7535;'>mid</span>
-						</span>
-						<span class='tt-att-item'>
-							<span class='tt-att-value'>{{#if:{{{lows}}}|{{{lows|0}}}|0}}</span><span class='att-img' style='margin:0;'>[[Image:icon_low_slot.png|15px|middle|low slots]]</span><span class='att-label' style='color: #9A7535;'>low</span>
-						</span>
-					</span>
-					<span class='tt-att-line'>
-						<span class='tt-att-item'>
-							<span class='tt-att-value' style='width:40px'>{{#if:{{{dronebay}}}|{{{dronebay|0 m3}}}|0 m3}}</span><span class='att-img' style='margin:0;'>[[Image:icon_drone_capacity.png|15px|middle|drone capacity]]</span><span class='att-label'>drones</span>
-						</span>
-						<span class='tt-att-item'>
-							<span class='tt-att-value' style='width:70px'>{{#if:{{{bandwidth}}}|{{{bandwidth|0 Mbit/sec}}}|0 Mbit/sec}}</span><span class='att-img' style='margin:0;'>[[Image:icon_drone_bandwith.png|15px|middle|drone bandwith]]</span><span class='att-label'>b/w</span>
-						</span>
-						<span class='tt-att-item' style='border-right:medium none;'>
-							<span class='tt-att-value' style='width:40px'>{{#if:{{{cargohold}}}|{{{cargohold|0 m3}}}|0 m3}}</span><span class='att-img' style='margin:0;'>[[Image:Icon_capacity.png|15px|middle|cargo capacity]]</span><span class='att-label'>cargo</span>
-						</span>
-					</span>
 				</span>
 			</span>
 		</span>
 	</span>
-</span>
+|3=auto
-<noinclude>[[Category:Template]]</noinclude>
+|4=auto
+}}