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

From EVE University Wiki
Jump to: navigation, search
m (Working on template {{ShipArticle}}.)
m (Coding and testing.)
 
(595 intermediate revisions by the same user not shown)
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'>
+
<!--####    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'>{{{shipname|Unknown}}}</div>
+
  <div class='dbtitle'>Ship Database</div>
</div>
+
  <div class='shipname'>{{#if: {{{shipname|}}} |{{{shipname}}} |{{Co|red|! shipname missing !}} }}</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>
<div class='main'>
+
 
<table cellspacing='0' cellpadding='0' style='width:100%'>
+
<!--####    breadcrumbs    ####-->
<tr>
+
<!--* Breadcrumbs *-->
<td valign='top' class='left-col'>
+
<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 style='border:1px solid #323931; position: relative;'>{{#if:{{{tech|}}}|<div class="techcorner">[[Image:CornerT{{{tech|2}}}h.png|link=]]</div>|}}{{#ifexist:File:{{{shipimg}}
+
</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>
 +
 
 +
    <div class='box-info'>
 +
      <table class='faction-info' cellspacing='0' cellpadding='0'>
 
</div></includeonly>
 
</div></includeonly>
 
<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?)