Difference between revisions of "User:Evon R'al/Sandbox template"

From EVE University Wiki
Jump to: navigation, search
m (Working on {{ShipsMatrix}})
m (Coding and testing.)
 
(601 intermediate revisions by the same user not shown)
Line 1: Line 1:
−
{{#css:
+
<includeonly>{{#css:
−
.ships-matrix
+
<!-- More CSS in MediaWiki:Common.css -->
−
{
+
<!--***  overrides  ***-->
−
font-family: arial;
+
#bodyContent
−
font-size: 12px;
+
{
−
line-height: 130%;
+
  margin-top: -1.5em;
−
}
+
}
−
.ships-matrix table { width:100%; }
+
 
−
.ships-matrix table, .ships-matrix tr, .ships-matrix th, .ships-matrix td { margin:0;padding:0;text-align: left;font-weight: normal; }
+
#firstHeading
−
.ships-matrix th, .ships-matrix td{ line-height: 110%;padding: 3px 5px; }
+
{
−
.ships-matrix tr
+
  display: none;
−
{
+
}
−
+
 
−
}
+
h1, h2
−
.ships-matrix a{ font-size:11px; }
+
{
−
.ships-matrix a:hover, .ships-matrix a.hover
+
  background-color: black;
−
{
+
  border-bottom: 1px solid #2D2413;
−
text-decoration:none;
+
  border-top: 1px solid #2D2413;
−
color:white;
+
  clear: both;
−
}
+
  font-family: trebuchet MS;
−
.ships-matrix tr.firstprimary, .ships-matrix tr.secondprimary
+
  font-variant: small-caps;
−
{
+
  height: 25px;
−
background-color: black;
+
  line-height: 25px;
−
}
+
  padding: 0 3px;
−
.ships-matrix .firstprimary th, .ships-matrix .secondprimary th
+
  text-align: center;
−
{
+
}
−
border-bottom: 1px solid #2D2413;
+
 
−
border-top: 1px solid #2D2413;
+
h1 { color: darkorange; font-size: 140%; }
−
height: 20px;
+
h2 { color: white; font-size: 120%; }
−
line-height: 20px;
+
h3 { border-bottom: 1px solid #2C2B2B; clear: both; font-size: 132%; }
−
}
+
 
−
.ships-matrix .showexplain
+
.attributes
−
{ text-align: right;
+
{
−
font-size: 80%;
+
  background-color: transparent;
−
color: #CCCCCC;
+
  margin-left: 5px;
−
}
+
}
−
.ships-matrix .noshowexplain
+
 
−
{ text-align: center;
+
.attributes h3
−
font-size: 14px;
+
{
−
color: #B89964;
+
  color: #494949;
−
font-family: trebuchet MS;
+
  font-size: 12px;
−
font-variant: small-caps;
+
  font-variant: small-caps;
−
}
+
  font-weight: normal;
−
.ships-matrix tr.primary
+
  line-height: 100%;
−
{
+
  text-align: right;
−
background-color: #222222;
+
}
−
}
+
 
−
.ships-matrix .primary .collapseButton, .ships-matrix .special .collapseButton, .ships-matrix .secondprimary .collapseButton
+
.attributes .token
−
{
+
{
−
color: transparent;
+
 
−
display: block;
+
}
−
float: right;
+
 
−
padding: 0;
+
.attributes .separator
−
}
+
{
−
.ships-matrix .primary .collapseButton a, .ships-matrix .special .collapseButton a, .ships-matrix .secondprimary .collapseButton a
+
  height: 0;
−
{
+
}
−
background-color: transparent;
+
 
−
color: #CCCCCC;
+
.att-line
−
font-size: 80%;
+
{
−
left: 0;
+
  font-size: 11px;
−
width: 100%;
+
}
−
z-index: 20;
+
 
−
}
+
.attributes .token .line-label .label
−
.ships-matrix .primary .collapseButton a:hover,
+
{
−
.ships-matrix .primary .collapseButton a.hover
+
  color: #494949;
−
{
+
  font-size: 12px;
−
background-color:#614F31;
+
  font-variant: small-caps;
−
}
+
  font-weight: normal;
−
.ships-matrix tr.highlight
+
  line-height: 100%;
−
{
+
  text-align: right;
−
background-color:#2D0404;
+
}
−
}
+
 
−
.ships-matrix tr.special
+
.att-line .att-item
−
{
+
{
−
background-color: #30281A;
+
  display: inline-block;
−
}
+
  margin-bottom: 3px;
−
.ships-matrix tr.even
+
  padding: 1px 5px;
−
{
+
}
−
+
 
−
}
+
.att-line .highlight
−
.ships-matrix tr.odd
+
{
−
{
+
  color: white;
−
+
}
−
}
+
 
−
.ships-matrix th
+
.att-line .att-item .item
−
{
+
{
−
+
  display: inline-block;
−
}
+
  height: 21px;
−
+
  line-height: 21px;
−
.ships-matrix .firstcol{ width:16%; }
+
}
−
.ships-matrix .racialcol{ width:21%; }
+
 
−
.ships-matrix .piratecol{ width:12%; }
+
.att-line .att-item .snip
−
.ships-matrix .othercol{ width:21%; }
+
{
−
.ships-matrix .widecol{ width:84%; }
+
  color: #656565;
−
.ships-matrix .centertext{ color: gray; text-align: center; }
+
  font-size: 70%;
−
.ships-matrix .racialcol .img, .ships-matrix .piratecol .img, .ships-matrix .othercol .img
+
  margin-left: 5px;
−
{
+
  position: relative;
−
display: inline-block;
+
}
−
margin-right: 5px;
+
 
−
}
+
.att-line .att-item .snip .desc
−
.ships-matrix .groupheader
+
{
−
{
+
  background-color: black;
−
color: #B89964;
+
  border: 2px dashed #582806;
−
padding-left: 5px;
+
  color: #CCCCCC;
−
}
+
  display: none;
−
.ships-matrix .groupheader .textlabel
+
  font-size: 11px;
−
{
+
  line-height: 120%;
−
color: #CCCCCC;
+
  padding: 5px;
−
display: inline-block;
+
  position: absolute;
−
position: relative;
+
  right: 0;
−
z-index: 25;
+
  text-align: justify;
−
}
+
  width: 300px;
−
.ships-matrix .primary .firstcol, .ships-matrix .primary .racialcol, .ships-matrix .primary .piratecol, .ships-matrix .primary .widecol,
+
}
−
.ships-matrix .special .firstcol, .ships-matrix .special .racialcol, .ships-matrix .special .piratecol, .ships-matrix .special .widecol
+
 
−
{
+
.att-line .att-item .snip:hover .desc,
−
border-bottom: 1px solid black;
+
.att-line .att-item .snip.hover .desc
−
}
+
{
−
.ships-matrix .firstindent
+
  display: block;
−
{
+
}
−
padding-left:10px;
+
 
−
}
+
.att-line .att-item .att-img
−
.ships-matrix .secondindent
+
{
−
{
+
  line-height: 20px;
−
padding-left:15px;
+
  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 class='ships-matrix'>
+
<div id='ship-article'>
−
<table cellspacing='0' cellpadding='0'>
+
<!--####    Header    #####-->
−
<tr class='firstprimary'>
+
<div class='header'>
−
<th class='firstcol showexplain'>show advanced ships</th>
+
  <div class='headerbg'>[[Image:Eve_university_dbase_header.png|605x50px|EVE University Database]]</div>
−
<th class='racialcol noshowexplain'><div class='img'>[[Image:Isis_amarr.png|center|x20px|link=]]</div>Amarr</th>
+
  <div class='mask'>&nbsp;</div>
−
<th class='racialcol noshowexplain'><div class='img'>[[Image:Isis_caldari.png|center|x20px|link=]]</div>Caldari</th>
+
  <div class='dbtitle'>Ship Database</div>
−
<th class='racialcol noshowexplain'><div class='img'>[[Image:Isis_gallente.png|center|x20px|link=]]</div>Gallente</th>
+
  <div class='shipname'>{{#if: {{{shipname|}}} |{{{shipname}}} |{{Co|red|! shipname missing !}} }}</div>
−
<th class='racialcol noshowexplain'><div class='img'>[[Image:Isis_minmatar.png|center|x20px|link=]]</div>Minmatar</th>
+
</div>
−
</tr>
+
 
−
<tr>
+
<!--####    breadcrumbs    ####-->
−
<td colspan='5' style='padding:0'>
+
<!--* Breadcrumbs *-->
−
<table cellspacing='0' cellpadding='0'>
+
<div class='breadcrumbs'>[[:Category:Ship Database|Ship Database]]<span class='separator'>&#9656;</span>{{#if: {{{grouping|}}} |[[:Category:{{{grouping}}}|{{{grouping}}}]] |{{Co|red|! grouping missing !}} }}<span class='separator'>&#9656;</span>{{#if: {{{shipname|}}} | [[{{{shipname}}}]] }}
−
<tr class='primary'>
+
</div>
−
<th class='firstcol groupheader'><span class='textlabel'>Corvettes</span></th>
+
 
−
<th class='racialcol centertext'>[[Impairor]]</th>
+
<!--#####    Main    ####-->
−
<th class='racialcol centertext'>[[Ibis]]</th>
+
<div class='main'>
−
<th class='racialcol centertext'>[[Velator]]</th>
+
  <table cellspacing='0' cellpadding='0' style='width: 100%'>
−
<th class='racialcol centertext'>[[Reaper]]</th>
+
  <tr>
−
</tr>
+
 
−
</table>
+
<!--***************
−
<table class='collapsible {{#ifeq: {{{expgroup}}} | frigates | |collapsed}}' cellspacing='0' cellpadding='0'>
+
***  Main left  ***
−
<tr class='primary'>
+
*******************-->
−
<th class='firstcol groupheader'><span class='textlabel'>Frigates</span></th>
+
    <td valign='top' class='left-col'>
−
<th class='racialcol centertext'>[[Executioner]] &#9642; [[Inquisitor]] &#9642; [[Tormentor]] &#9642; [[Crucifier]] &#9642; [[Punisher]] &#9642; [[Magnate]]</th>
+
 
−
<th class='racialcol centertext'>[[Condor]] &#9642; [[Bantam]] &#9642; [[Kestrel]] &#9642; [[Griffin]] &#9642; [[Merlin]]
+
<!--* 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>
 +
 
 +
    <div class='box-info'>
 +
      <table class='faction-info' cellspacing=
 
<noinclude>
 
<noinclude>
−
{{documentation}}
+
{{Documentation}}
 
</noinclude>
 
</noinclude>

Latest revision as of 15:37, 14 November 2024


Template documentation (for the above template, sometimes hidden or invisible)
Visit User:Evon R'al/Sandbox template/doc to edit this text! (How does this work?) (Refresh this text - why?)
Retrieved from "https://wiki.eveuniversity.org/index.php?title=User:Evon_R%27al/Sandbox_template&oldid=219720"