Toggle menu
Toggle preferences menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

Template:ShipArticle: Difference between revisions

Template page
new updates : added time to warp attribute, changed ecm priority styling & description box, added links for ecm priority box, changed awards to highligts
Proton One (talk | contribs)
mNo edit summary
 
(133 intermediate revisions by 27 users not shown)
Line 1: Line 1:
{{#css:
<includeonly>{{#css:
<!--overrides-->
<!-- More CSS in MediaWiki:Common.css -->
#bodyContent
<!--***  overrides ***-->
{
#bodyContent
margin-top: -1.5em;
{
}
  margin-top: -1.5em;
#firstHeading
}
{
 
display: none;
#firstHeading
}
{
h1, h2
  display: none;
{
}
background-color: black;
 
border-bottom: 1px solid #2D2413;
h1, h2
border-top: 1px solid #2D2413;
{
font-family: trebuchet MS;
  background-color: black;
font-variant: small-caps;
  border-bottom: 1px solid #2D2413;
height: 25px;
  border-top: 1px solid #2D2413;
line-height: 25px;
  clear: both;
padding: 0 3px;
  font-family: trebuchet MS;
text-align: center;
  font-variant: small-caps;
}
  height: 25px;
h1 { color: darkorange; font-size: 140%; }
  line-height: 25px;
h2 { color: white; font-size: 120%; }
  padding: 0 3px;
h3 { border-bottom: 1px solid #2C2B2B; font-size: 132%; }
  text-align: center;
<!--overrides(end)-->
}
.ship-article
 
{
h1 { color: darkorange; font-size: 140%; }
h2 { color: white; font-size: 120%; }
}
h3 { border-bottom: 1px solid #2C2B2B; clear: both; font-size: 132%; }
 
.ship-article h2
.attributes
{
{
border: medium none;
  background-color: transparent;
color: #555555;
  margin-left: 5px;
font-family: trebuchet MS;
}
font-size: 14px;
 
font-variant: small-caps;
.attributes h3
margin-bottom: 5px;
{
padding: 0;
  color: #494949;
text-align: left;
  font-size: 12px;
}
  font-variant: small-caps;
.ship-article h2 .mw-headline
  font-weight: normal;
{
  line-height: 100%;
color: #656565;
  text-align: right;
display: inline-block;
}
font-size: 16px;
 
padding: 0 5px;
.attributes .token
}
{
.ship-article .header
 
{
}
height: 50px;
 
padding: 0 10px;
.attributes .separator
position: relative;
{
}
  height: 0;
.ship-article .header .mask
}
{
 
background-color: transparent;
.att-line
height: 50px;
{
left: 0;
  font-size: 11px;
position: absolute;
}
top: 0;
 
width: 605px;
.attributes .token .line-label .label
}
{
.ship-article .header .headerbg
  color: #494949;
{
  font-size: 12px;
margin-left: -10px;
  font-variant: small-caps;
text-align: left;
  font-weight: normal;
width: 605px;
  line-height: 100%;
}
  text-align: right;
.ship-article .header .dbtitle
}
{
 
color: #C1B193;
.att-line .att-item
font-family: trebuchet MS;
{
font-size: 11px;
  display: inline-block;
font-variant: small-caps;
  margin-bottom: 3px;
font-weight: normal;
  padding: 1px 5px;
line-height: 15px;
}
margin-left: -3px;
 
position: absolute;
.att-line .highlight
top: 0;
{
}
  color: white;
.ship-article .header .shipname
}
{
 
font-family: trebuchet MS;
.att-line .att-item .item
font-size: 30px;
{
font-variant: small-caps;
  display: inline-block;
font-weight: bold;
  height: 21px;
line-height: 30px;
  line-height: 21px;
margin-left: -5px;
}
position: absolute;
 
top: 17px;
.att-line .att-item .snip
}
{
.ship-article .toc, .ship-article #toc
  color: #656565;
{
  font-size: 70%;
border: 1px solid #272727;
  margin-left: 5px;
float: right;
  position: relative;
margin: 0 0 5px 10px;
}
width: 200px;
 
}
.att-line .att-item .snip .desc
.ship-article .toc ul
{
{
  background-color: black;
  border: 2px dashed #582806;
}
  color: #CCCCCC;
.ship-article .toc li
  display: none;
{
  font-size: 11px;
line-height: 15px;
  line-height: 120%;
margin-bottom: 0;
  padding: 5px;
}
  position: absolute;
.ship-article .toc a
  right: 0;
{
  text-align: justify;
color: #B89964;
  width: 300px;
font-size: 11px;
}
line-height: 15px;
 
}
.att-line .att-item .snip:hover .desc,
.ship-article .breadcrumbs
.att-line .att-item .snip.hover .desc
{
{
background-color: black;
  display: block;
border-bottom: 1px solid #2D2413;
}
border-top: 1px solid #2D2413;
 
height: 20px;
.att-line .att-item .att-img
margin: 0 0 15px;
{
padding-left: 3px;
  line-height: 20px;
}
  margin: 0 2px;
.ship-article .breadcrumbs .separator
}
{
 
margin: 0 3px;
.att-line .att-item .att-img img
}
{
.ship-article .breadcrumbs a, .ship-article .breadcrumbs strong.selflink
  margin-top: -2px;
{
}
color: #B89964;
 
display: inline-block;
.att-line .att-item .att-label
font-family: trebuchet MS;
{
font-size: 100%;
  color: #7D6843;
font-variant: small-caps;
}
height: 20px;
 
line-height: 20px;
.box-resist
padding: 0 3px;
{
}
  height: 15px;
.ship-article .breadcrumbs a:hover, .ship-article .breadcrumbs a.hover
  line-height: 15px;
{
  width: 50px;
background-color: #2D2413;
}
color: white;
 
text-decoration:none;
<!--.bgr-em { background-color: #121923; }
}
.bgr-thr { background-color: #290b0b; }
.ship-article .breadcrumbs strong.selflink
.bgr-kin { background-color: #292021; }
{
.bgr-exp { background-color: #2b190b; }-->
color: #CCCCCC;
.val-em { background-color: #1c5d85; }
font-weight: normal;
.val-thr { background-color: #8d1717; }
}
.val-kin { background-color: #757575; }
.ship-article .main
.val-exp { background-color: #875f1a; }
{
 
.box-resist .resist-value .value-text
}
{
.ship-article .main .left-col
  font-family: trebuchet MS;
{
  font-size: 11px;
background-color: #222222;
  font-weight: bold;
border-color: #272727 #151515 #151515 #272727;
  text-align: center;
border-style: solid;
  width: 50px;
border-width: 2px;
}
padding: 5px;
 
width: 256px;
#ship-article .main .box-line .midinfo .left .skillstime .desc
}
{
.ship-article .main .box-line
  background-color: var(--background-color-neutral);
{
  border: 2px dashed var(--border-color-base);
padding: 0 10px;
}
}
 
.ship-article .main .box-attributes
<!--***  overrides(end)  ***-->
{
 
background-color: black;
#ship-article .ignore a
border: 1px solid #272727;
{
display: inline-block;
  background: none;
margin-left: 10px;
  color: #4C4C4C;
padding: 5px;
}
}
 
.ship-article .main .box-line p
#ship-article .ignore a:hover,
{
#ship-article .ignore a.hover
text-align: justify;
{
}
  color: orange;
.ship-article .main .box-line .att-line
}
{
 
border-bottom: 1px solid #2C2B2B;
.techcorner
padding: 3px 3px 0;
{
}
  width: 64px;
.ship-article .main .box-bonuses
  height: 64px;
{
  position: absolute;
border: 1px solid #272727;
  top: 0;
color: white;
  left: 0;
display: inline-block;
  margin-left: 1px;
margin: 0 10px;
  margin-top: 1px;
position: relative;
}
}
 
.ship-article .main .box-bonuses .label
{
background-color: #1A1A1A;
color: #656565;
font-family: trebuchet MS;
margin: 2px -8px;
padding: 0 5px;
}
.ship-article .main .box-info
{
margin-top: 5px;
padding: 0;
}
.attributes
{
background-color: transparent;
margin-left: 5px;
}
.attributes h3
{
color: #494949;
font-size: 12px;
font-variant: small-caps;
font-weight: normal;
line-height: 100%;
text-align: right;
}
.attributes .token
{
}
.attributes .separator
{
height: 0;
}
.att-line
{
font-size: 11px;
}
.attributes .token .line-label .label
{
color: #494949;
font-size: 12px;
font-variant: small-caps;
font-weight: normal;
line-height: 100%;
text-align: right;
}
.att-line .att-item
{
display: inline-block;
margin-bottom: 3px;
padding: 1px 5px;
}
.att-line .highlight
{
color: white;
}
.att-line .att-item .item
{
display: inline-block;
height: 21px;
line-height: 21px;
}
.att-line .att-item .att-value
{
}
.att-line .att-item .att-img
{
line-height: 20px;
margin: 0 2px;
}
.att-line .att-item .att-img img
{
margin-top: -2px;
}
.att-line .att-item .att-label
{
color: #7D6843;
}
.box-resist {
height: 15px;
line-height: 15px;
width: 50px;
}
.bgr-em { background-color:#121923; }
.bgr-thr { background-color:#290b0b; }
.bgr-kin { background-color:#292021; }
.bgr-exp { background-color:#2b190b; }
.val-em { background-color:#1c5d85; }
.val-thr { background-color:#8d1717; }
.val-kin { background-color:#757575; }
.val-exp { background-color:#875f1a; }
.box-resist .resist-value .value-text
{
font-family: trebuchet MS;
font-size: 11px;
font-weight: bold;
text-align: center;
width: 50px;
}
.ship-article .main .box-info .ecm-info
{
background-color: transparent;
width: 100%;
}
.ship-article .main .box-info .ecm-info tr,.ship-article .main .box-info .ecm-info td
{
line-height: 110%;
vertical-align: middle;
}
.ship-article .main .box-info .ecm-info .faction-img
{
width: 60px;
}
.ship-article .main .box-info .ecm-info .faction
{
color: white;
font-family: helvetica;
font-size: 120%;
font-variant: small-caps;
font-weight: bold;
height: 25px;
text-align: center;
vertical-align: bottom;
}
.ship-article .main .box-info .ecm-info .ecm-priority
{
background-color: #222222;
border: 1px solid #323931;
padding: 2px;
position: relative;
width: 66px;
}
.ship-article .main .box-info .ecm-info .ecm-priority:hover .ecm-desc,
.ship-article .main .box-info .ecm-info .ecm-priority.hover .ecm-desc
{
display: block; z-index: 100;
}
.ship-article .main .box-info .ecm-info .ecm-priority .ecm-desc
{
background-color: black;
border: 2px dashed #582806;
display: none;
font-size: 11px;
left: 75px;
padding: 5px;
position: absolute;
top: -1px;
width: 300px;
z-index: 100;
}
.ship-article .main .box-info .ecm-info .ecm-priority .ecm-desc p
{
font-family: arial;
line-height: 120%;
margin: 0;
padding: 0;
text-align: justify;
}
.ship-article .main .box-info .ecm-info .ecm-priority .ecm-desc .innervalue
{
font-weight: bold;
}
.ship-article .main .box-info .ecm-info .ecm-priority .label
{
background-color: #161616;
font-family: trebuchet MS;
font-size: 80%;
text-align: center;
}
.ship-article .main .box-info .ecm-info .ecm-priority .value
{
font-family: trebuchet MS;
font-size: 14px;
font-weight: bold;
line-height: 20px;
margin: 3px 0;
padding: 3px 0;
text-align: center;
}
.ship-article .main .box-info .ecm-info .ecm-priority .snip
{
color: #656565;
font-size: 70%;
line-height: 100%;
text-align: right;
}
.ship-article .main .box-info .ecm-info .ecm-priority .none { color:gray; }
.ship-article .main .box-info .ecm-info .ecm-priority .low { color:#9C6825; }
.ship-article .main .box-info .ecm-info .ecm-priority .normal { color:orange; }
.ship-article .main .box-info .ecm-info .ecm-priority .high { color:yellow; }
.ship-article .main .box-info .ecm-info .ecm-priority .veryhigh { color:red; }
.ship-article .main .box-info .ecm-info .hull-type
{
height: 15px;
text-align: center;
}
.ship-article .main .box-info .ecm-info .sensor-type
{
font-size: 12px;
font-variant: small-caps;
text-align: center;
vertical-align: top;
}
.ship-article .main .box-info .ecm-info .type-gravimetric { color: #B2C4DA; }
.ship-article .main .box-info .ecm-info .type-magnetometric { color: #5AD3C9; }
.ship-article .main .box-info .ecm-info .type-ladar { color: #CD5B56; }
.ship-article .main .box-info .ecm-info .type-radar { color: #DCC69B; }
.ship-article .main .box-awards
{
margin-left: -6px;
margin-right: -6px;
padding: 5px 0;
position: relative;
}
.ship-article .main .box-awards .award
{
background-color: #1A1A1A;
border-color: #393734 black;
border-style: solid;
border-width: 1px;
margin-bottom: 2px;
padding: 2px 5px;
position: relative;
}
.ship-article .main .box-awards .award .award-img
{
display: inline-block;
}
.ship-article .main .box-awards .award .award-img a
{
display: block;
height: 19px;
line-height: 19px;
}
.ship-article .main .box-awards .award .award-img img
{
line-height: 19px;
margin-top: -2px;
}
.ship-article .main .box-awards .award .award-label
{
color: #B89964;
display: inline-block;
font-family: trebuchet MS;
font-size: 100%;
font-variant: small-caps;
height: 19px;
left: 25px;
line-height: 19px;
position: absolute;
top: 2px;
z-index: 20;
}
.ship-article .main .box-awards .award .award-bgr
{
color: #4C4C4C;
float: right;
font-family: trebuchet MS;
font-size: 80%;
position: absolute;
right: 2px;
top: 2px;
z-index: 10;
}
.ship-article .main .box-discussion
{
background-color: #1A1A1A;
border-color: #393734 black;
border-style: solid;
border-width: 1px;
margin-left: -6px;
margin-right: -6px;
margin-top: 5px;
padding: 5px;
}
.ship-article .main .box-discussion .discussion-bgr
{
color: #4C4C4C;
font-family: trebuchet MS;
font-size: 90%;
}
.ship-article .main .box-discussion .linkname
{
font-size: 11px;
line-height: 120%;
padding: 0 5px;
}
}}
}}
<div class='ship-article'>
<div id='ship-article'>
<div class='header'>
<!--####    Header    #####-->
<div class='headerbg'>[[Image:Eve_university_dbase_header.png|center|605x50px|Eve University Database]]</div>
<div class='header'>
<div class='mask'>&nbsp;</div>
  <div class='headerbg'>[[Image:Eve_university_dbase_header.png|605x50px|EVE University Database]]</div>
<div class='dbtitle'>Ship Database</div>
  <div class='mask'>&nbsp;</div>
<div class='shipname'>Drake</div>
  <div class='dbtitle'>Ship Database</div>
</div>
  <div class='shipname' style="color: white;">{{#if: {{{shipname|}}} |{{{shipname}}} |{{Co|var(--color-error)|! shipname missing !}} }}</div>
<div class='breadcrumbs'>[[:Category:Database|Database]]<span class='separator'>&#9656;</span>[[:Category:Ship Database|Ship Database]]<span class='separator'>&#9656;</span>[[:Category:Battlecruiser|Battlecruiser]]<span class='separator'>&#9656;</span>[[Drake|Drake]]</div>
</div>
<div class='main'>
 
<table cellspacing='0' cellpadding='0' style='width:100%'>
<!--####    breadcrumbs    ####-->
<tr>
<!--* Breadcrumbs *-->
<td valign='top' class='left-col'>
<div class='breadcrumbs' style="background-color: transparent;">[[:Category:Ship Database|Ship Database]]<span class='separator'>&#9656;</span>{{#if: {{{grouping|}}} |[[:Category:{{{grouping}}}|{{{grouping}}}]] |{{Co|var(--color-error)|! grouping missing !}} }}<span class='separator'>&#9656;</span>{{#if: {{{shipname|}}} | [[{{{shipname}}}]] }}
</div>
 
<!--#####    Main    ####-->
<div class='main'>
  <table cellspacing='0' cellpadding='0' style='width: 100%'>
  <tr>
 
<!--***************
***  Main left  ***
*******************-->
    <td valign='top' class='left-col'>
 
<!--* Ship image block *-->
    <div style='border: 1px solid #323931; position: relative;'>{{#if: {{{tech|}}}
      | <div class="techcorner">[[Image:CornerT{{{tech}}}h.png|link=]]</div>
      }}{{#ifexist: File:{{{shipimg}}}
        | [[Image:{{{shipimg}}}|center|link= |256x256px|{{{shipname|}}}]]
        | {{#if: {{{shipid|}}}
          | {{Imageserver|types|{{{shipid}}}|render|size=256}}
          | [[Image:no-image.png|center|link= |256x256px|{{{shipname|}}}]]
          }}
        }}
    </div