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

From EVE University Wiki
Jump to: navigation, search
m (Coding and testing.)
m (Blank page for next project.)
 
(286 intermediate revisions by the same user not shown)
Line 1: Line 1:
<includeonly>{{#css:
+
<noinclude>
 
+
{{documentation}}
.ship-info
+
</noinclude>
{
 
  float: left;
 
  background-color: #1D1C23;
 
  border-bottom: 1px solid #525751;
 
  border-left: 1px solid black;
 
  border-right: 1px solid black;
 
  border-top: 1px solid #525751;
 
  float: left;
 
  margin-bottom: 10px;
 
  width: 800px;
 
}
 
 
 
.ship-info table { background-color: transparent; }
 
 
 
.ship-info table,
 
.ship-info table tr,
 
.ship-info table td
 
{
 
  margin: 0;
 
  padding: 0;
 
  border-spacing: 0;
 
}
 
 
 
.ship-info .title
 
{
 
  border-bottom: 1px solid #525751;
 
  color: #CCCCCC;
 
  font-family: trebuchet MS;
 
  font-size: 12px;
 
  font-weight: bold;
 
  height: 22px;
 
  line-height: 20px;
 
  padding: 0 10px;
 
  text-align: left;
 
  text-transform: uppercase;
 
}
 
 
 
#content .ship-info .titlename a
 
{
 
  background: none repeat scroll 0 0 transparent;
 
  color: orange;
 
  float: left;
 
  font-size: 180%;
 
  height: 30px;
 
  line-height: 30px;
 
  padding-left: 5px;
 
}
 
 
 
#content .ship-info .titlename a:hover,
 
#content .ship-info .titlename a.hover
 
{
 
  color: orange;
 
  text-decoration: none;   
 
}
 
 
 
.ship-info .ship-border-box
 
{
 
  background-color: #110809;
 
  border: 1px solid #878984;
 
}
 
 
 
.ship-info .ship-border-box p
 
{
 
  color: #FFFFFF;
 
  font-size: 90%;
 
  margin: 0;
 
  padding: 5px;
 
  text-align: left;
 
}
 
 
 
.ship-info .label
 
{
 
  border-bottom: 1px solid #4C4646;
 
  border-top: 1px solid #4C4646;
 
  font-family: Trebuchet MS;
 
  height: 14px;
 
  line-height: 14px;
 
  padding: 2px;
 
}
 
 
 
.ship-info .label .inner
 
{
 
  background-color:#0e1618;
 
  font-size: 10px;
 
  padding: 0 3px;
 
}
 
 
 
.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-info .attributes
 
{
 
  border: medium none;
 
  padding: 3px;
 
}
 
 
 
.attributes .att-line
 
{
 
  background-color: #110809;
 
  font-family: trebuchet MS;
 
  font-size: 11px;
 
  height: 20px;
 
  line-height: 20px;
 
  margin-bottom: 2px;
 
}
 
 
 
.attributes .att-line .att-item
 
{
 
  border-right: 2px solid #191E18;
 
  display: inline-block;
 
  padding: 0 5px;
 
}
 
 
 
.attributes .att-line .att-item .att-img
 
{
 
  display: inline-block;
 
  margin-right: 2px;
 
}
 
 
 
.attributes .res-boxes .att-item .att-img
 
{
 
  margin-right: 0;
 
}
 
 
 
.attributes .att-line .att-item .att-label
 
{
 
  color: #9E9E9E;
 
  display: inline-block;
 
}
 
 
 
.attributes .att-line .att-item .att-value
 
{
 
  color: #FFFFFF;
 
  display: inline-block;
 
  margin-right: 2px;
 
  text-align: right;
 
  width: 10px;
 
}
 
 
 
.attributes th
 
{
 
  float: right;
 
  font-size: 10px;
 
  height: 15px;
 
  line-height: 15px;
 
}
 
 
 
.attributes .collapseButton
 
{
 
  color: transparent;
 
  float: left;
 
  margin-left: -6px;
 
}
 
 
 
.attributes .collapseButton a
 
{
 
  border-color: #444A42 #000000;
 
  border-style: solid;
 
  border-width: 1px;
 
  color: transparent;
 
  margin-top: -1px;
 
  position: absolute;
 
  width: 100px;
 
}
 
 
 
.attributes .collapseButton a:hover,
 
.attributes .collapseButton a.hover
 
{
 
  border-top: 1px solid #FFFFFF;
 
  border-bottom: 1px solid #FFFFFF;
 
  border-right: 1px solid #444A42;
 
  border-left: 1px solid #444A42;
 
}
 
 
 
.ship-info p.ship-desc
 
{
 
  font-family: arial;
 
  font-size: 11px;
 
  line-height: 120%;
 
  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;
 
}
 
 
 
}}<!-- Content -->
 
<div style='float: left; clear: both; width: 100%'>
 
  <div class='ship-info'>
 
    <div class='title'><span style='font-size: 16px'>&equiv;</span> {{#if: {{{class|}}} |{{{class}}} |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: 20px; color: #F1EFCA;'>{{#ifeq: {{{roles}}} |unspecified | | {{{roles}}} }}</div></div>
 
    <table style='width:100%;'>
 
      <tr>
 
        <td style='padding: 5px; width: 256px;' valign='top'>
 
          <div style='border: 1px solid #323931; position: relative;' class='ship-img'>{{#if: {{{tech|}}}
 
            | <div class="techcorner">[[Image:CornerT{{{tech}}}h.png|link=]]</div>
 
            |
 
          }}{{#ifexist: File:{{{shipimg}}}
 
                | [[Image:{{{shipimg}}}|256x256px|{{#if: {{{shipname|}}}
 
                  | {{{shipname}}}
 
                  | Unknown Ship
 
                }}]]
 
                | [[Image:no-image.png|256x256px|{{#if: {{{shipname|}}}
 
                  | {{{shipname}}}
 
                  | Unknown Ship}}]]
 
                }}
 
          </div>
 
          <div style='position: absolute; margin-left: 200px; margin-top: -60px;'>[[Image:{{#switch: {{{faction}}}
 
                | Amarr Empire=Logo_faction_amarr_empire.png
 
                |Caldari State=Logo_faction_caldari_state.png
 
                |Gallente Federation=Logo_faction_gallente_federation.png
 
                |Minmatar Republic=Logo_faction_minmatar_republic.png
 
                |Outer Ring Excavations=Logo_faction_outer_ring_excavations.png
 
                |Triglavian Collective=Logo_faction_triglavian_collective.png
 
                |Angel Cartel=Logo_faction_angel_cartel.png
 
                |Blood Raiders=Logo_faction_the_blood_raider_covenant.png
 
                |Guristas=Logo_faction_guristas_pirates.png
 
                |Mordu's Legion=Logo_faction_mordus_legion.png
 
                |Sansha's Nation=Logo_faction_sanshas_nation.png
 
                |Serpentis=Logo_faction_serpentis.png
 
                |Sisters of EVE=Logo_faction_sisters_of_eve.png
 
                |Society of Conscious Thought=Logo_faction_the_society.png
 
                |CONCORD=Logo_faction_concord_assembly.png
 
                |#default=Logo_faction_khanid_kingdom.png
 
              }}|60x60px|{{#if: {{{faction|}}}
 
                  |{{{faction}}}
 
                  |Unknown Faction
 
                }}]]</div>
 
          <div style='display: {{#ifexist: File:{{{shipimg}}} |none |block}}; text-align: center;' class='forum-link'>
 
            <div class='linkentry'>
 
              <div class='linkname' style='font-weight: bold;'>{{#if: {{{shipimg|}}}
 
                  | [[File:{{{shipimg}}}| Upload {{{shipimg}}} for this ships image.]]
 
                  | <span style='font-weight: normal; font-size: 11px; line-height: 120%;'>Please upload an image for this ship and edit the respective entry on the ship database, see "editing database entry" [[Template:Ship|here]].</span>
 
                  }}</div>
 
            </div>
 
          </div>
 
          <div class='forum-link'>
 
            <div class='linkentry'>
 
              <div class='linkimg'>[[Image:Icon_capacity.png|20px|forum discussion]]</div>
 
              <div style='display: inline-block; font-size: 10px;'>Forum Discussions :</div>
 
              <div class='linkname'>[https://forum.eveuniversity.org/search.php?keywords={{urlencode:{{{shipname|}}}}}&terms=all&author=&fid%5B%5D=129&sc=1&sf=titleonly&sr=topics&sk=t&sd=d&st=0&ch=300&t=0&submit=Search PvP Forums], [https://forum.eveuniversity.org/search.php?keywords={{urlencode:{{{shipname|}}}}}&terms=all&author=&fid%5B%5D=128&sc=1&sf=titleonly&sr=topics&sk=t&sd=d&st=0&ch=300&t=0&submit=Search PvE Forums]</div>
 
            </div>
 
          </div>
 
        </td>
 
        <td style='padding: 5px 5px 5px 0; border-left: 1px solid #333333' valign='top'>
 
          <div class='titlename' style='position: absolute; display:{{#if: {{{shipname|}}} |block |block}};'>[[{{{shipname|}}}]]</div>       
 
          <table class='collapsible attributes' style='width: 100%; margin-bottom: 5px;'>
 
            <tr>
 
              <th><div style='float: left; width: 100px; font-family: trebuchet MS; margin-left: -3px;'>SHOW ATTRIBUTES</div></th>
 
            </tr>
 
            <tr>
 
              <td style='padding: 0; margin: 0;'><div style='height: 15px; line-height: 15px;'>&nbsp;</div></td>
 
            </tr>
 
            <tr>
 
              <td>
 
                <div style='background-color: #191E18; border: 1px solid #323931;'>
 
                  <div class='att-line'>
 
                    <div class='att-item' style='width: 80px; text-align: right;'>
 
                      <div class='att-label'>fittings</div>
 
                    </div>
 
                    <div class='att-item' style='border-right: medium none;'>
 
                      <div class='att-value'>{{{highs|0}}}</div><div class='att-img'>[[Image:icon_hi_slot.png|20px|high slots]]</div><div class='att-label' style='color: #9A7535;'>highs</div>
 
                    </div>
 
                    <div class='att-item' style='border-right: medium none;'>
 
                      <div class='att-value'>{{{launchers|0}}}</div><div class='att-img'>[[Image:icon_launcher_hp.png|20px|launcher hatdpoints]]</div><div class='att-label'>launchers</div>
 
                    </div>
 
                    <div class='att-item'>
 
                      <div class='att-value'>{{{turrets|0}}}</div><div class='att-img'>[[Image:icon_turret_hp.png|20px|turret hardpoints]]</div><div class='att-label'>turrets</div>
 
                    </div>
 
                    <div class='att-item'>
 
                      <div class='att-value'>{{{mediums|0}}}</div><div class='att-img'>[[Image:icon_mid_slot.png|20px|middle slots]]</div><div class='att-label' style='color: #9A7535;'>mediums</div>
 
                    </div>
 
                    <div class='att-item'>
 
                      <div class='att-value'>{{{lows|0}}}</div><div class='att-img'>[[Image:icon_low_slot.png|20px|low slots]]</div><div class='att-label' style='color: #9A7535;'>lows</div>
 
                    </div>                   
 
                  </div>
 
                  <div class='att-line'>
 
                    <div class='att-item' style='width: 80px; text-align: right;'>
 
                      <div class='att-label'>drones & cargo</div>
 
                    </div>
 
                    <div class='att-item'>
 
                      <div class='att-value' style='width: 40px;'>{{{dronebay|0 m3}}}</div><div class='att-img'>[[Image:icon_drone_capacity.png|20px|drone capacity]]</div><div class='att-label'>drones</div>
 
                    </div>
 
                    <div class='att-item'>
 
                      <div class='att-value' style='width: 80px;'>{{{bandwidth|0 Mbit/sec}}}</div><div class='att-img'>[[Image:icon_drone_bandwith.png|20px|drone bandwidth]]</div><div class='att-label'>b/w</div>
 
                    </div>
 
                    <div class='att-item' style='border-right: medium none;'>
 
                      <div class='att-value' style='width: 70px;'>{{{cargohold|0 m3}}}</div><div class='att-img'>[[Image:Icon_capacity.png|20px|cargo capacity]]</div><div class='att-label'>cargo</div>
 
                    </div>
 
                  </div>
 
                  <div class='att-line res-boxes' style='position: relative;'>
 
                    <div class='att-item' style='width: 80px; height: 40px; position: absolute; left: 0; background-color: #110809; text-align: right;'>
 
                      <div class='att-label' style='line-height: 40px;'>defense</div>
 
                    </div>
 
                    <div class='att-item' style='width: 87px; margin-left: 95px; text-align: right;'>
 
                      <div class='att-value' style='width: auto'>{{#if: {{{shieldhp|}}} |{{{shieldhp}}} |0 HP}}</div><div class='att-img'>[[Image:icon_shield.png|20px|shields]]</div>
 
                    </div>
 
                    <div class='att-item' style='border-right: medium none;'>
 
                      <div class='att-img'>[[Image:icon_resist_em.png|20px|shield electromagnetic resistance]]</div>
 
                      <div style='display: inline-block;'>
 
                        <div class='box-resist bgr-em'> <div class='resist-value val-em' style='width: {{#expr: {{#if:{{{shieldem|}}}|{{{shieldem}}}|0}}/2 round 0}}px;'> <div class='value-text'>{{#if: {{{shieldem|}}} |{{{shieldem}}} |0}}</div></div></div>
 
                      </div>
 
                      <div class='att-img'>[[Image:icon_resist_therm.png|20px|shield thermal resistance]]</div>
 
                      <div style='display: inline-block;'>
 
                        <div class='box-resist bgr-thr'> <div class='resist-value val-thr' style='width: {{#expr: {{#if: {{{shieldtherm|}}}|{{{shieldtherm}}}|0}}/2 round 0}}px;'> <div class='value-text'>{{#if: {{{shieldtherm|}}} |{{{shieldtherm}}} |0}}</div></div></div>
 
                      </div>
 
                      <div class='att-img'>[[Image:icon_resist_kin.png|20px|shield kinetic resistance]]</div>
 
                      <div style='display: inline-block;'>
 
                        <div class='box-resist bgr-kin'> <div class='resist-value val-kin' style='width: {{#expr: {{#if:{{{shieldkin|}}}|{{{shieldkin}}}|0}}/2 round 0}}px;'> <div class='value-text'>{{#if: {{{shieldkin|}}} |{{{shieldkin}}} |0}}</div></div></div>
 
                      </div>
 
                      <div class='att-img'>[[Image:icon_resist_exp.png|20px|shield explosive resistance]]</div>
 
                      <div style='display: inline-block;'>
 
                        <div class='box-resist bgr-exp'> <div class='resist-value val-exp' style='width: {{#expr: {{#if:{{{shieldexp|}}}|{{{shieldexp}}}|0}}/2 round 0}}px;'> <div class='value-text'>{{#if: {{{shieldexp|}}} |{{{shieldexp}}} |0}}</div></div></div>
 
                      </div>
 
                    </div>
 
                  </div>
 
                  <div class='att-line res-boxes'>
 
                    <div class='att-item' style='width: 80px;'>
 
                      <div class='att-label'>&nbsp;</div>
 
                    </div>
 
                    <div class='att-item' style='width: 87px; text-align: right;'>
 
                      <div class='att-value' style='width: auto'>{{#if: {{{armorhp|}}} |{{{armorhp}}} |0 HP}}</div><div class='att-img'>[[Image:icon_armor.png|20px|armor]]</div>
 
                    </div>
 
                    <div class='att-item' style='border-right: medium none;'>
 
                      <div class='att-img'>[[Image:icon_resist_em.png|20px|armor electromagnetic resistance|]]</div>
 
                      <div style='display: inline-block;'>
 
                        <div class='box-resist bgr-em'> <div class='resist-value val-em' style='width: {{#expr: {{#if:{{{armorem|}}} |{{{armorem}}} |0}}/2 round 0}}px;'> <div class='value-text'>{{#if:{{{armorem|}}}|{{{armorem}}}|0}}</div></div></div>
 
                      </div>
 
                      <div class='att-img'>[[Image:icon_resist_therm.png|20px|armor thermal resistance|]]</div>
 
                      <div style='display: inline-block;'>
 
                        <div class='box-resist bgr-thr'> <div class='resist-value val-thr' style='width:{{#expr: {{#if:{{{armortherm|}}} |{{{armortherm}}} |0}}/2 round 0}}px;'> <div class='value-text'>{{#if: {{{armortherm|}}}|{{{armortherm}}}|0}}</div></div></div>
 
                      </div>
 
                      <div class='att-img'>[[Image:icon_resist_kin.png|20px|armor kinetic resistance|]]</div>
 
                      <div style='display: inline-block;'>
 
                        <div class='box-resist bgr-kin'> <div class='resist-value val-kin' style='width: {{#expr: {{#if: {{{armorkin|}}} |{{{armorkin}}} |0}}/2 round 0}}px;'> <div class='value-text'>{{#if: {{{armorkin|}}}|{{{armorkin}}}|0}}</div></div></div>
 
                      </div>
 
                      <div class='att-img'>[[Image:icon_resist_exp.png|20px|armor explosive resistance|]]</div>
 
                      <div style='display: inline-block;'>
 
                        <div class='box-resist bgr-exp'> <div class='resist-value val-exp' style='width:{{#expr: {{#if: {{{armorexp|}}} |{{{armorexp}}} |0}}/2 round 0}}px;'> <div class='value-text'>{{#if: {{{armorexp|}}}|{{{armorexp}}}|0}}</div></div></div>
 
                      </div>
 
                    </div>
 
                  </div>
 
                  <div class='att-line'>
 
                    <div class='att-item' style='width: 80px; text-align: right;'>
 
                      <div class='att-label'>target & nav</div>
 
                    </div>
 
                    <div class='att-item'>
 
                      <div class='att-value' style='width: 50px'>{{#if: {{{targetrange|}}}|{{{targetrange}}}|0 km}}</div><div class='att-img'>[[Image:icon_target_range.png|20px|max. targeting range]]</div><div class='att-label'>tgt. range</div>
 
                    </div>
 
                    <div class='att-item'>
 
                      <div class='att-value' style='width: 30px'>{{#if: {{{sigradius|}}}|{{{sigradius}}}|0 m}}</div><div class='att-img'>[[Image:icon_ship_sig.png|20px|ship signature radius]]</div><div class='att-label'>sig. radius</div>
 
                    </div>
 
                    <div class='att-item' style='border-right: medium none;'>
 
                      <div class='att-value' style='width: 55px;'>{{#if: {{{maxvelocity|}}}|{{{maxvelocity}}}|0 m/s}}</div><div class='att-img'>[[Image:Icon_velocity.png|20px|max. velocity]]</div><div class='att-label'>max. velocity</div>
 
                    </div>
 
                  </div>
 
                </div>
 
              </td>
 
            </tr>
 
          </table>
 
          <div class='ship-border-box' style='display: {{#if: {{{bonuses|}}}|block|none}}; margin: 10px 5px 5px'>
 
            <div class='label'><div class='inner'>S H I P&nbsp;&nbsp;&nbsp;B O N U S E S</div></div>
 
            <p>{{#if: {{{bonuses|}}} |{{{bonuses}}} |<i>no bonuses available for this ship</i>}}</p>
 
          </div>
 
          <p class='ship-desc'>{{#if: {{{info|}}} |{{{info}}} |&nbsp;}}</p>
 
          <!--<div class='ship-variants'>Variations : {{#if: {{{variations|}}} |{{{variations}}} |<i>none</i>}}</div>-->
 
          <div class='box-footer'>[[{{{shipname|}}}]] =></div>
 
        </td>
 
      </tr>
 
    </table>
 
  </div>
 
</div></includeonly>
 
<noinclude>{{documentation}}</noinclude>
 

Latest revision as of 11:13, 29 August 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?)