Difference between revisions of "Template:ShipBoxTooltip"
From EVE University Wiki
Line 1: | Line 1: | ||
{{#css: | {{#css: | ||
− | . | + | .tooltip-frame{ |
position:relative; /*this is the key*/ | position:relative; /*this is the key*/ | ||
z-index:24; background-color:transparent; | z-index:24; background-color:transparent; | ||
Line 6: | Line 6: | ||
text-decoration:none} | text-decoration:none} | ||
− | . | + | .tooltip-frame:hover{z-index:25; background-color:#ff0} |
− | . | + | .tooltip-frame .inner-snippet{display: none} |
− | . | + | .tooltip-frame .inner-snippet,.tooltip-frame .inner-snippet |
{ | { | ||
background-color: transparent; | background-color: transparent; | ||
Line 20: | Line 20: | ||
} | } | ||
− | . | + | .tooltip-frame:hover .inner-snippet,.tooltip-frame.hover .inner-snippet |
{ | { | ||
background-color: transparent; | background-color: transparent; | ||
Line 30: | Line 30: | ||
} | } | ||
− | . | + | .tooltip-frame .inner-snippet span |
{ | { | ||
display: block; | display: block; | ||
} | } | ||
− | . | + | .tooltip-frame .inner-snippet .left, .tooltip-frame .inner-snippet .right |
{ | { | ||
float:left; | float:left; | ||
} | } | ||
− | . | + | .tooltip-frame .inner-snippet .l1 |
{ | { | ||
float: left; | float: left; | ||
Line 47: | Line 47: | ||
width: 325px; | width: 325px; | ||
} | } | ||
− | . | + | .tooltip-frame .inner-snippet .l2 |
{ | { | ||
border: 1px solid #525751; | border: 1px solid #525751; | ||
Line 58: | Line 58: | ||
width: 321px; | width: 321px; | ||
} | } | ||
− | . | + | .tooltip-frame .inner-snippet .l2 span |
{ | { | ||
float:left; | float:left; | ||
} | } | ||
− | . | + | .tooltip-frame .inner-snippet .l2 .att-line |
{ | { | ||
background-color: #1D1C23; | background-color: #1D1C23; | ||
width: 100%; | width: 100%; | ||
} | } | ||
− | . | + | .tooltip-frame .inner-snippet .l2 .att-line .att-item |
{ | { | ||
border-right: 2px solid black; | border-right: 2px solid black; | ||
Line 73: | Line 73: | ||
padding: 0 3px 0 2px; | padding: 0 3px 0 2px; | ||
} | } | ||
− | }}<span class=' | + | .tooltip-frame .suppresslink |
+ | { | ||
+ | |||
+ | } | ||
+ | }}<span class='tooltip-frame'>{{{shipname}}}<span style='margin-left: 3px; font-size: 60%; color: yellow;'>↓</span> | ||
<span class='inner-snippet ship-info' style='width: 410px;'> | <span class='inner-snippet ship-info' style='width: 410px;'> | ||
− | <span class='left' style='background-color: black; padding: 4px 0pt 4px 4px; width: 73px;'><span class='att-img'>[[Image:{{{shipimg}}}|73px|middle|{{{shipname}}}]]</span></span> | + | <span class='left' style='background-color: black; padding: 4px 0pt 4px 4px; width: 73px;'><span class='att-img'>[[Image:{{{shipimg}}}|73px|middle|{{{shipname}}}]]</span><span class='suppresslink'> </span></span> |
<span class='right' style='margin-right: 4px; width: 327px;'> | <span class='right' style='margin-right: 4px; width: 327px;'> | ||
<span style='background-color: black; float: left; padding: 4px; width: 100%;'> | <span style='background-color: black; float: left; padding: 4px; width: 100%;'> |