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
m Remove part of the breadcrumb trail that had no purpose. As discussed with Arin in Discord #wiki-officers. Changed an unnecessarily piped link to an internal one.
m Reformat source to increase, at least to me, the readability. Add comments. In preparation of template maintenance.
Line 1: Line 1:
<includeonly>{{#css:
<includeonly>{{#css:
<!--overrides-->
<!-- More CSS in MediaWiki:Common.css -->
#bodyContent
<!--***  overrides ***-->
{
#bodyContent
margin-top: -1.5em;
{
}
  margin-top: -1.5em;
#firstHeading
}
{
display: none;
}
h1, h2
{
background-color: black;
border-bottom: 1px solid #2D2413;
border-top: 1px solid #2D2413;
clear: both;
font-family: trebuchet MS;
font-variant: small-caps;
height: 25px;
line-height: 25px;
padding: 0 3px;
text-align: center;
}
h1 { color: darkorange; font-size: 140%; }
h2 { color: white; font-size: 120%; }
h3 { border-bottom: 1px solid #2C2B2B; clear: both; font-size: 132%; }


.attributes
#firstHeading
{
{
background-color: transparent;
  display: none;
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
{


}
h1, h2
.attributes .separator
{
{
  background-color: black;
height: 0;
  border-bottom: 1px solid #2D2413;
}
  border-top: 1px solid #2D2413;
.att-line
  clear: both;
{
  font-family: trebuchet MS;
font-size: 11px;
  font-variant: small-caps;
}
  height: 25px;
.attributes .token .line-label .label
  line-height: 25px;
{
  padding: 0 3px;
color: #494949;
  text-align: center;
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 .snip
{
color: #656565;
font-size: 70%;
margin-left: 5px;
position: relative;
}
.att-line .att-item .snip .desc
{
background-color: black;
border: 2px dashed #582806;
color: #CCCCCC;
display: none;
font-size: 11px;
line-height: 120%;
padding: 5px;
position: absolute;
right: 0;
text-align: justify;
width: 300px;
}
.att-line .att-item .snip:hover .desc, .att-line .att-item .snip.hover .desc
{
display: block;
}
.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;
}


<!--overrides(end)-->
h1 { color: darkorange; font-size: 140%; }
#ship-article .ignore a
h2 { color: white; font-size: 120%; }
{
h3 { border-bottom: 1px solid #2C2B2B; clear: both; font-size: 132%; }
background:none;
color:#4C4C4C;
}
#ship-article .ignore a:hover,
#ship-article .ignore a.hover
{
color:orange;
}


.techcorner
.attributes
{
{
width: 64px;
  background-color: transparent;
height: 64px;
  margin-left: 5px;
position: absolute;
}
top: 0px;
 
left: 0px;
.attributes h3
margin-left: 1px;
{
margin-top: 1px;
  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 .snip
{
  color: #656565;
  font-size: 70%;
  margin-left: 5px;
  position: relative;
}
 
.att-line .att-item .snip .desc
{
  background-color: black;
  border: 2px dashed #582806;
  color: #CCCCCC;
  display: none;
  font-size: 11px;
  line-height: 120%;
  padding: 5px;
  position: absolute;
  right: 0;
  text-align: justify;
  width: 300px;
}
 
.att-line .att-item .snip:hover .desc,
.att-line .att-item .snip.hover .desc
{
  display: block;
}
 
.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;
}
 
<!--***  overrides(end)  ***-->
 
#ship-article .ignore a
{
  background: none;
  color: #4C4C4C;
}
 
#ship-article .ignore a:hover,
#ship-article .ignore a.hover
{
  color: orange;
}
 
.techcorner
{
  width: 64px;
  height: 64px;
  position: absolute;
  top: 0;
  left: 0;
  margin-left: 1px;
  margin-top: 1px;
}
}}
}}
<div id='ship-article'>
<div id='ship-article'>
<div class='header'>
<!--############
<div class='headerbg'>[[Image:Eve_university_dbase_header.png|center|605x50px|Eve University Database]]</div>
  Header
<div class='mask'>&nbsp;</div>
################-->
<div class='dbtitle'>Ship Database</div>
<div class='header'>
<div class='shipname'>{{{shipname|Unknown}}}</div>
  <div class='headerbg'>[[Image:Eve_university_dbase_header.png|center|605x50px|Eve University Database]]</div>
</div>
  <div class='mask'>&nbsp;</div>
<div class='breadcrumbs'>[[:Category:Ship Database|Ship Database]]<span class='separator'>&#9656;</span>[[:Category:{{{grouping|Unique Ships}}}|{{{grouping|Unique Ships}}}]]<span class='separator'>&#9656;</span>[[{{{shipname|Unknown}}}]]</div>
  <div class='dbtitle'>Ship Database</div>
<div class='main'>
  <div class='shipname'>{{{shipname|Unknown}}}</div>
<table cellspacing='0' cellpadding='0' style='width:100%'>
</div>
<tr>
 
<td valign='top' class='left-col'>
<!--* Breadcrumbs *-->
<div style='border:1px solid #323931; position: relative;'>{{#if:{{{tech|}}}|<div class="techcorner">[[Image:CornerT{{{tech|2}}}h.png|link=]]</div>|}}{{#ifexist:File:{{{shipimg}}
<div class='breadcrumbs'>[[:Category:Ship Database|Ship Database]]<span class='separator'>&#9656;</span>[[:Category:{{{grouping|Unique Ships}}}|{{{grouping|Unique Ships}}}]]<span class='separator'>&#9656;</span>[[{{{shipname|Unknown}}}]]<!--{{#if: {{{shipname|}}}
  | [[{{{shipname}}}]]
  | Unknown
  }} Test code for using #if: -->
</div>
 
<!--############
    Body
################-->
<div class='main'>
  <table cellspacing='0' cellpadding='0' style='width: 100%'>
  <tr>
 
<!--*************
    Left column
*****************-->
    <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|2}}}h.png|link=]]</div>
      |
      }}{{#ifexist: File:{{{shipimg}}}
        | [[Image:{{{shipimg|no-image.png}}}|center|link= |256x256px|{{#if: {{{shipname}}}
          | {{{shipname|Unknown Ship}}}
          | Unknown Ship
          }}]]
        |{{#if: {{{shipid}}}
<!--          | {{Imageserver|types|{{{shipid}}}|render|size=256}} Test code for using the Imageserver template-->
          | https://images.evetech.net/types/{{{shipid}}}/render?size=256&.jpg
          | [[Image:no-image.png|center|link= |256x256px|{{#if: {{{shipname}}}
              | {{{shipname}}}
              | Unknown Ship
            }}]]
          }}
        }}
    </div>
 
    <div class='box-line box-info'>
      <table class='ecm-info' cellspacing='0' cellpadding='0'>
      <tr>
 
<!--** Ship image block
</div></includeonly>
</div></includeonly>
<noinclude>
<noinclude>
{{Documentation}}
{{Documentation}}
</noinclude>
</noinclude>