More actions
No edit summary |
No edit summary |
||
| 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%;'> | ||