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

From EVE University Wiki
Jump to: navigation, search
m (Coding and testing.)
m (Pause working on {{ShipArtice}} to work on closely related {{ShipBoxLarge}}.)
Line 1: Line 1:
 
<includeonly>{{#css:
 
<includeonly>{{#css:
−
<!-- More CSS in MediaWiki:Common.css -->
+
.ship-info
−
<!--***  overrides  ***-->
+
{
−
#bodyContent
+
float:left;
−
{
+
background-color: #1D1C23;
−
  margin-top: -1.5em;
+
border-bottom: 1px solid #525751;
−
}
+
border-left: 1px solid black;
−
 
+
border-right: 1px solid black;
−
#firstHeading
+
border-top: 1px solid #525751;
−
{
+
float: left;
−
  display: none;
+
margin-bottom: 10px;
−
}
+
width: 800px;
−
 
+
}
−
h1, h2
+
−
{
+
.ship-info table { background-color: transparent; }
−
  background-color: black;
+
.ship-info table, .ship-info table tr, .ship-info table td { margin:0; padding:0; border-spacing:0; }
−
  border-bottom: 1px solid #2D2413;
+
−
  border-top: 1px solid #2D2413;
+
.ship-info .title
−
  clear: both;
+
{
−
  font-family: trebuchet MS;
+
border-bottom: 1px solid #525751;
−
  font-variant: small-caps;
+
color: #CCCCCC;
−
  height: 25px;
+
font-family: trebuchet MS;
−
  line-height: 25px;
+
font-size: 12px;
−
  padding: 0 3px;
+
font-weight: bold;
−
  text-align: center;
+
height: 22px;
−
}
+
line-height: 20px;
−
 
+
padding: 0 10px;
−
h1 { color: darkorange; font-size: 140%; }
+
text-align: left;
−
h2 { color: white; font-size: 120%; }
+
text-transform: uppercase;
−
h3 { border-bottom: 1px solid #2C2B2B; clear: both; font-size: 132%; }
+
}
−
 
+
−
.attributes
+
#content .ship-info .titlename a
−
{
+
{
−
  background-color: transparent;
+
background: none repeat scroll 0 0 transparent;
−
  margin-left: 5px;
+
color: orange;
−
}
+
float: left;
−
 
+
font-size: 180%;
−
.attributes h3
+
height: 30px;
−
{
+
line-height: 30px;
−
  color: #494949;
+
padding-left: 5px;
−
  font-size: 12px;
+
}
−
  font-variant: small-caps;
+
−
  font-weight: normal;
+
#content .ship-info .titlename a:hover,
−
  line-height: 100%;
+
#content .ship-info .titlename a.hover
−
  text-align: right;
+
{
−
}
+
color:orange;
−
 
+
text-decoration:none;
−
.attributes .token
+
}
−
{
+
−
 
+
.ship-info .ship-border-box
−
}
+
{
−
 
+
background-color: #110809;
−
.attributes .separator
+
border: 1px solid #878984;
−
{
+
}
−
  height: 0;
+
−
}
+
.ship-info .ship-border-box p
−
 
+
{
−
.att-line
+
color: #FFFFFF;
−
{
+
font-size: 90%;
−
  font-size: 11px;
+
margin: 0;
−
}
+
padding: 5px;
−
 
+
text-align: left;
−
.attributes .token .line-label .label
+
}
−
{
+
−
  color: #494949;
+
.ship-info .label
−
  font-size: 12px;
+
{
−
  font-variant: small-caps;
+
border-bottom: 1px solid #4C4646;
−
  font-weight: normal;
+
border-top: 1px solid #4C4646;
−
  line-height: 100%;
+
font-family: Trebuchet MS;
−
  text-align: right;
+
height: 14px;
−
}
+
line-height: 14px;
−
 
+
padding: 2px;
−
.att-line .att-item
+
}
−
{
+
−
  display: inline-block;
+
.ship-info .label .inner
−
  margin-bottom: 3px;
+
{
−
  padding: 1px 5px;
+
background-color:#0e1618;
−
}
+
font-size: 10px;
−
 
+
padding: 0 3px;
−
.att-line .highlight
+
}
−
{
+
−
  color: white;
+
.box-resist {
−
}
+
height: 15px;
−
 
+
line-height: 15px;
−
.att-line .att-item .item
+
width: 50px;  
−
{
+
}  
−
  display: inline-block;
+
.bgr-em { background-color:#121923; }
−
  height: 21px;
+
.bgr-thr { background-color:#290b0b; }
−
  line-height: 21px;
+
.bgr-kin { background-color:#292021; }
−
}
+
.bgr-exp { background-color:#2b190b; }  
−
 
+
.val-em { background-color:#1c5d85; }
−
.att-line .att-item .snip
+
.val-thr { background-color:#8d1717; }
−
{
+
.val-kin { background-color:#757575; }
−
  color: #656565;
+
.val-exp { background-color:#875f1a; }
−
  font-size: 70%;
+
.box-resist .resist-value .value-text
−
  margin-left: 5px;
+
{
−
  position: relative;
+
font-family: trebuchet MS;
−
}
+
font-size: 11px;
−
 
+
font-weight: bold;
−
.att-line .att-item .snip .desc
+
text-align: center;
−
{
+
width: 50px;
−
  background-color: black;
+
}
−
  border: 2px dashed #582806;
+
−
  color: #CCCCCC;
+
.ship-info .attributes
−
  display: none;
+
{
−
  font-size: 11px;
+
border: medium none;
−
  line-height: 120%;
+
padding: 3px;
−
  padding: 5px;
+
}
−
  position: absolute;
+
−
  right: 0;
+
.attributes .att-line
−
  text-align: justify;
+
{
−
  width: 300px;
+
background-color: #110809;
−
}
+
font-family: trebuchet MS;
−
 
+
font-size: 11px;
−
.att-line .att-item .snip:hover .desc,
+
height: 20px;
−
.att-line .att-item .snip.hover .desc
+
line-height: 20px;
−
{
+
margin-bottom: 2px;
−
  display: block;
+
}
−
}
+
−
 
+
.attributes .att-line .att-item
−
.att-line .att-item .att-img
+
{
−
{
+
border-right: 2px solid #191E18;
−
  line-height: 20px;
+
display: inline-block;
−
  margin: 0 2px;
+
padding: 0 5px;
−
}
+
}
−
 
+
−
.att-line .att-item .att-img img
+
.attributes .att-line .att-item .att-img
−
{
+
{
−
  margin-top: -2px;
+
display: inline-block;
−
}
+
margin-right: 2px;
−
 
+
}
−
.att-line .att-item .att-label
+
.attributes .res-boxes .att-item .att-img
−
{
+
{
−
  color: #7D6843;
+
margin-right:0;
−
}
+
}
−
 
+
.attributes .att-line .att-item .att-label
−
.box-resist
+
{
−
{
+
color: #9E9E9E;
−
  height: 15px;
+
display: inline-block;
−
  line-height: 15px;
+
}
−
  width: 50px;
+
.attributes .att-line .att-item .att-value
−
}
+
{
−
 
+
color: #FFFFFF;
−
.bgr-em { background-color: #121923; }
+
display: inline-block;
−
.bgr-thr { background-color: #290b0b; }
+
margin-right: 2px;
−
.bgr-kin { background-color: #292021; }
+
text-align: right;
−
.bgr-exp { background-color: #2b190b; }
+
width: 10px;
−
.val-em { background-color: #1c5d85; }
+
}
−
.val-thr { background-color: #8d1717; }
+
.attributes th
−
.val-kin { background-color: #757575; }
+
{
−
.val-exp { background-color: #875f1a; }
+
float: right;
−
 
+
font-size: 10px;
−
.box-resist .resist-value .value-text
+
height: 15px;
−
{
+
line-height: 15px;
−
  font-family: trebuchet MS;
+
}
−
  font-size: 11px;
+
.attributes .collapseButton
−
  font-weight: bold;
+
{
−
  text-align: center;
+
color: transparent;
−
  width: 50px;
+
float: left;
−
}
+
margin-left: -6px;
−
 
+
}
−
<!--***  overrides(end)  ***-->
+
.attributes .collapseButton a
−
 
+
{
−
#ship-article .ignore a
+
border-color: #444A42 #000000;
−
{
+
border-style: solid;
−
  background: none;
+
border-width: 1px;
−
  color: #4C4C4C;
+
color: transparent;
−
}
+
margin-top: -1px;
−
 
+
position: absolute;
−
#ship-article .ignore a:hover,
+
width: 100px;
−
#ship-article .ignore a.hover
+
}
−
{
+
.attributes .collapseButton a:hover, .attributes .collapseButton a.hover
−
  color: orange;
+
{
−
}
+
border-top: 1px solid #FFFFFF;
−
 
+
border-bottom: 1px solid #FFFFFF;
−
.techcorner
+
border-right: 1px solid #444A42;
−
{
+
border-left: 1px solid #444A42;
−
  width: 64px;
+
}
−
  height: 64px;
+
.ship-info p.ship-desc
−
  position: absolute;
+
{
−
  top: 0;
+
font-family: arial;
−
  left: 0;
+
font-size: 11px;
−
  margin-left: 1px;
+
line-height: 120%;
−
  margin-top: 1px;
+
padding: 5px 5px 0;
−
}
+
text-align: justify;
 +
}
 +
.ship-info .box-footer
 +
{
 +
border-top: 1px solid #333333;
 +
font-family: trebuchet MS;
 +
font-size: 95%;
 +
margin: 15px 5px 0;
 +
text-align: right;
 +
}
 +
#content .ship-info .box-footer a
 +
{
 +
background-image: none;
 +
color: #CCCCCC;
 +
padding: 5px;
 +
}
 +
#content .ship-info .box-footer a:hover,
 +
#content .ship-info .box-footer a.hover
 +
{
 +
color: orange;
 +
text-decoration: none;
 +
}
 +
.ship-info .ship-variants
 +
{
 +
border-top: 1px solid #323931;
 +
font-family: trebuchet MS;
 +
font-size: 11px;
 +
height: 20px;
 +
line-height: 20px;
 +
margin: 0 5px 5px;
 +
}
 +
.ship-info .forum-link
 +
{
 +
background-color: #110809;
 +
border: 1px solid #323931;
 +
display: block;
 +
float: left;
 +
margin-top: 5px;
 +
padding: 5px;
 +
width: 248px;
 +
}
 +
.ship-info .forum-link .linkentry
 +
{
 +
display: inline-block;
 +
line-height: 15px;
 +
}
 +
.ship-info .forum-link .linkentry .linkimg
 +
{
 +
display: inline-block;
 +
height: 15px;
 +
width: 20px;
 +
}
 +
.ship-info .forum-link .linkentry .linkname
 +
{
 +
display: inline;
 +
}
 +
.ship-info .forum-link .linkentry a
 +
{
 +
display: inline;
 +
font-size: 11px;
 +
}
 +
 +
#content .ship-info .forum-link .linkentry a.external
 +
{
 +
background: none repeat scroll 0 0 transparent;
 +
color: #9E9E9E;
 +
padding: 0;
 +
}
 +
#content .ship-info .forum-link .linkentry a.external.hover, #content .ship-info .forum-link .linkentry a.external:hover
 +
{
 +
background-color:#393939;
 +
text-decoration: none;
 +
color:orange;
 +
}
 +
.techcorner
 +
{
 +
width: 64px;
 +
height: 64px;
 +
position: absolute;
 +
top: 0px;
 +
left: 0px;
 +
margin-left: 1px;
 +
margin-top: 1px;
 +
}
 
}}
 
}}
−
<div id='ship-article'>
+
<div style='float:left;clear:both;width:100%'>
−
<!--####    Header    #####-->
+
<div class='ship-info'>
−
<div class='header'>
+
<div class='title'><span style='font-size:16px'>&equiv;</span> {{#if:{{{class}}}|{{{class|SHIP}}}|SHIP}}: INFORMATION<div style='display:{{#if:{{{roles}}}|block|none}};float: right; font-weight: bold; font-family: trebuchet MS; text-transform: uppercase; font-size: 80%; line-height:
−
  <div class='headerbg'>[[Image:Eve_university_dbase_header.png|605x50px|EVE University Database]]</div>
 
−
  <div class='mask'>&nbsp;</div>
 
−
  <div class='dbtitle'>Ship Database</div>
 
−
  <div class='shipname'>{{#if: {{{shipname|}}} |{{{shipname}}} |{{Co|red|! shipname missing !}} }}</div>
 
−
</div>
 
−
 
 
−
<!--####    breadcrumbs    ####-->
 
−
<!--* Breadcrumbs *-->
 
−
<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}}}]] }}
 
−
</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}} Test code for using the Imageserver template-->
 
−
          | https://images.evetech.net/types/{{{shipid}}}/render?size=256&.jpg
 
−
          | [[Image:no-image.png|center|link= |256x256px|{{{shipname|}}}]]
 
−
          }}
 
−
        }}
 
−
    </div>
 
−
 
 
−
    <div class='box-line box-info'>
 
−
      <table class='ecm-info' cellspacing='0' cellpadding='0'>
 
−
 
 
 
</noinclude>
 
</noinclude>

Revision as of 11:24, 18 January 2023

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=200058"