Difference between revisions of "Template test"
From A complete guide to Super Metroid speedrunning
m |
|||
(15 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
− | {{ | + | {{#css: |
− | + | #profile-page { | |
− | + | background-color: #111; | |
− | + | color: #CCC; | |
− | + | font-family: sans-serif; | |
− | + | font-size: 12.8px; | |
− | + | border: 6px #fff double; | |
− | + | width: 799px; | |
− | + | padding-bottom: 10px; | |
− | + | } | |
− | + | #profile-page .header { | |
− | + | background-color: #000; | |
− | + | height: 136px; | |
− | + | padding: 0px 10px; | |
− | + | position: relative; | |
− | + | } | |
− | + | #profile-page .header .headerbg { | |
− | + | margin-left: -10px; | |
− | + | text-align: left; | |
− | + | width: 605px; | |
− | + | } | |
− | + | #profile-page .header .ctitle { | |
− | + | color: #000; | |
− | + | font-family: trebuchet MS; | |
− | + | font-size: 25px; | |
− | + | font-variant: small-caps; | |
− | + | font-weight: normal; | |
− | + | line-height: 15px; | |
− | + | margin-left: 540px; | |
− | + | position: absolute; | |
− | + | top: 6px; | |
− | + | } | |
− | + | #profile-page .header .Profile-name { | |
− | + | font-family: trebuchet MS; | |
− | + | font-size: 50px; | |
− | + | font-variant: small-caps; | |
− | + | font-weight: bold; | |
− | + | line-height: 30px; | |
− | + | margin-left: -5px; | |
+ | position: absolute; | ||
+ | top: 50px; | ||
+ | } | ||
+ | #profile-page .breadcrumbs a, #profile-page .breadcrumbs strong.selflink { | ||
+ | color: #B89964; | ||
+ | display: inline-block; | ||
+ | font-family: trebuchet MS; | ||
+ | font-size: 100%; | ||
+ | font-variant: small-caps; | ||
+ | height: 20px; | ||
+ | line-height: 20px; | ||
+ | padding: 0px 3px; | ||
+ | } | ||
+ | #profile-page .breadcrumbs .separator { | ||
+ | margin: 0px 3px; | ||
+ | } | ||
+ | #profile-page .main .box-line { | ||
+ | padding: 0 10px; | ||
+ | } | ||
+ | #profile-page .main .box-attributes { | ||
+ | background-color: black; | ||
+ | border: 1px solid #272727; | ||
+ | display: inline-block; | ||
+ | margin-left: 9px; | ||
+ | margin-right: 9px; | ||
+ | margin-top: 6px; | ||
+ | padding: 5px; | ||
+ | } | ||
+ | #profile-page .main .box-info { | ||
+ | margin-top: 5px; | ||
+ | padding: 0; | ||
+ | } | ||
+ | #profile-page .main .box-line { | ||
+ | padding: 0 10px; | ||
+ | } | ||
+ | #profile-page .main .box-info .ecm-info { | ||
+ | background-color: transparent; | ||
+ | width: 100%; | ||
+ | } | ||
+ | #profile-page .main .box-info .ecm-info .faction { | ||
+ | color: #FFF; | ||
+ | font-family: helvetica; | ||
+ | font-size: 150%; | ||
+ | font-variant: small-caps; | ||
+ | font-weight: bold; | ||
+ | height: 25px; | ||
+ | padding-bottom: 2px; | ||
+ | text-align: center; | ||
+ | vertical-align: bottom; | ||
+ | } | ||
+ | #profile-page .main .box-info .ecm-info .faction-img { | ||
+ | width: 50px; | ||
+ | } | ||
+ | #profile-page .main .box-info .ecm-info .hull-type { | ||
+ | height: 20px; | ||
+ | padding: 0 5px; | ||
+ | text-align: center; | ||
+ | } | ||
+ | #profile-page .main .box-info .ecm-info .hull-type a { | ||
+ | color: #FFA500; | ||
+ | font-family: trebuchet MS; | ||
+ | font-size: 110%; | ||
+ | text-transform: uppercase; | ||
+ | } | ||
+ | #profile-page .main .box-info .ecm-info .ecm-priority { | ||
+ | background-color: #222222; | ||
+ | border: 1px solid #323931; | ||
+ | padding: 2px; | ||
+ | position: relative; | ||
+ | width: 90px; | ||
+ | } | ||
+ | #profile-page .main .box-info .ecm-info .ecm-priority .label { | ||
+ | font-family: trebuchet MS; | ||
+ | font-size: 20px; | ||
+ | font-variant: small-caps; | ||
+ | line-height: 100%; | ||
+ | padding: 3px; | ||
+ | text-align: center; | ||
+ | } | ||
+ | #profile-page .main .box-info .ecm-info .ecm-priority .value { | ||
+ | background-color: black; | ||
+ | font-family: trebuchet MS; | ||
+ | font-size: 20px; | ||
+ | font-weight: bold; | ||
+ | line-height: 15px; | ||
+ | overflow: hidden; | ||
+ | padding: 3px 0 0; | ||
+ | text-align: center; | ||
+ | } | ||
+ | #profile-page .main .box-info .ecm-info .ecm-priority .label2 { | ||
+ | background-color: black; | ||
+ | font-family: trebuchet MS; | ||
+ | font-size: 35px; | ||
+ | margin-bottom: 2px; | ||
+ | padding-bottom: 3px; | ||
+ | text-align: center; | ||
+ | text-transform: uppercase; | ||
+ | } | ||
+ | #profile-page .main .box-info .ecm-info .ecm-priority .snip { | ||
+ | color: #656565; | ||
+ | font-size: 70%; | ||
+ | line-height: 100%; | ||
+ | text-align: right; | ||
+ | } | ||
+ | #profile-page .main .box-info .ecm-info td { | ||
+ | line-height: 110%; | ||
+ | vertical-align: middle; | ||
+ | } | ||
+ | #profile-page .main .box-discussion { | ||
+ | background-color: #1A1A1A; | ||
+ | border-color: #393734 black; | ||
+ | border-style: solid; | ||
+ | border-width: 1px; | ||
+ | margin-left: -6px; | ||
+ | margin-right: -6px; | ||
+ | margin-top: 5px; | ||
+ | padding: 5px; | ||
+ | } | ||
+ | #profile-page .main .box-discussion .discussion-bgr { | ||
+ | color: rgb(160, 160, 160); | ||
+ | font-family: trebuchet MS; | ||
+ | font-size: 90%; | ||
+ | } | ||
+ | #profile-page .main .box-awards .award { | ||
+ | background-color: #1A1A1A; | ||
+ | border-color: #393734 #000; | ||
+ | border-style: solid; | ||
+ | border-width: 1px; | ||
+ | margin-bottom: 2px; | ||
+ | padding: 2px 5px; | ||
+ | position: relative; | ||
+ | } | ||
+ | #profile-page .main .box-awards .award .award-img { | ||
+ | display: inline-block; | ||
+ | } | ||
+ | #profile-page .main .box-awards .award .award-label { | ||
+ | color: #B89964; | ||
+ | display: inline-block; | ||
+ | font-family: arial; | ||
+ | font-size: 12px; | ||
+ | font-variant: small-caps; | ||
+ | height: 19px; | ||
+ | left: 25px; | ||
+ | line-height: 19px; | ||
+ | position: absolute; | ||
+ | top: 2px; | ||
+ | z-index: 20; | ||
+ | } | ||
+ | #profile-page .mw-headline { | ||
+ | color: #656565; | ||
+ | display: inline-block; | ||
+ | font-family: trebuchet MS; | ||
+ | font-size: 22px; | ||
+ | font-variant: initial; | ||
+ | text-align: left; | ||
+ | padding: 0 5px; | ||
+ | } | ||
+ | #profile-page .main .box-line .att-line { | ||
+ | border-bottom: 1px solid #2C2B2B; | ||
+ | padding: 3px 3px 0; | ||
+ | } | ||
+ | #profile-page .main .box-line .last { | ||
+ | border-bottom: 0px !important; | ||
+ | } | ||
+ | .attributes { | ||
+ | background-color: transparent; | ||
+ | margin-left: 5px; | ||
+ | } | ||
+ | .highlight { | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | .attributes .token .line-label .label { | ||
+ | color: #494949; | ||
+ | font-size: 20px; | ||
+ | font-variant: caps; | ||
+ | font-weight: normal; | ||
+ | line-height: 80%; | ||
+ | text-align: right; | ||
+ | } | ||
+ | .att-line { | ||
+ | font-size: 12px; | ||
+ | } | ||
+ | .att-line .highlight { | ||
+ | color: white; | ||
+ | } | ||
+ | .att-line .att-item { | ||
+ | display: inline-block; | ||
+ | margin-bottom: 2px; | ||
+ | padding: 1px 5px; | ||
+ | } | ||
+ | .att-line .att-item .att-label { | ||
+ | color: #7D6843; | ||
+ | } | ||
+ | .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 .item { | ||
+ | display: inline-block; | ||
+ | height: 21px; | ||
+ | line-height: 21px; | ||
+ | margin-left: 2px; | ||
+ | } | ||
}} | }} | ||
+ | <div id="profile-page"> | ||
+ | <div class="header"> | ||
+ | <div class="headerbg">[[File:Profile_Template_BG.jpg|center|800x1000px|Something]]</div> | ||
+ | <div class="mask"> </div> | ||
+ | <div class="ctitle">Super Metroid Profile</div> | ||
+ | <div class="Profile-name">{{{Profile-name|Unknown}}}</div> | ||
+ | </div> | ||
+ | <div class="main"> | ||
+ | <table cellspacing="0" cellpadding="0" style="width:100%"> | ||
+ | <tr> | ||
+ | <td style="vertical-align: top;"> | ||
+ | <div class='box-line box-attributes'> | ||
+ | <span class='mw-headline'>Profile Details</span> | ||
+ | <table class='attributes' cellspacing='0' cellpadding='0'> | ||
+ | <tr class='token'> | ||
+ | <td class="line-label"><span class="label">Platforms</span></td> | ||
+ | <td class="att-line"> | ||
+ | <div class="att-item highlight"> | ||
+ | <div class="item att-label">Twitch: </div> | ||
+ | <div class="item att-value">{{{Acc name|None}}}</div> | ||
+ | </div> | ||
+ | <div class="att-item highlight"> | ||
+ | <div class="item att-label">Youtube: </div> | ||
+ | <div class="item att-value">{{{Acc Name|None}}}</div> | ||
+ | </div> | ||
+ | <div class="att-item highlight"> | ||
+ | <div class="item att-label">Other: </div> | ||
+ | <div class="item att-value">{{{Acc Name|None}}}</div> | ||
+ | </div> | ||
+ | </td> | ||
+ | </tr> | ||
+ | <tr class='token'> | ||
+ | <td class="line-label"><span class="label">Contact</span></td> | ||
+ | <td class="att-line"> | ||
+ | <div class="att-item highlight"> | ||
+ | <div class="item att-label">Discord: </div> | ||
+ | <div class="item att-value">{{{Name-tag|None}}}</div> | ||
+ | </div> | ||
+ | <div class="att-item highlight"> | ||
+ | <div class="item att-label">Other: </div> | ||
+ | <div class="item att-value">{{{Social Media Acc|None}}}</div> | ||
+ | </div> | ||
+ | </td> | ||
+ | </tr> | ||
+ | <tr class='token'> | ||
+ | <td class="line-label"><span class="label">Runner-Profiles</span></td> | ||
+ | <td class="att-line"> | ||
+ | <div class="att-item highlight"> | ||
+ | <div class="item att-label">Speedrunslive: </div> | ||
+ | <div class="item att-value">{{{SRL-ACC|None}}}</div> | ||
+ | </div> | ||
+ | <div class="att-item highlight"> | ||
+ | <div class="item att-label">Speedrun.com: </div> | ||
+ | <div class="item att-value">{{{SRC Acc|None}}}</div> | ||
+ | </div> | ||
+ | </td> | ||
+ | </tr> | ||
+ | <tr class='token'> | ||
+ | <td class="line-label"><span class="label">World-Records</span></td> | ||
+ | <td class="att-line"> | ||
+ | <div class="att-item highlight"> | ||
+ | <div class="item att-label">Category/Categories: </div> | ||
+ | <div class="item att-value">{{{Category|None}}}</div> | ||
+ | </div> | ||
+ | </td> | ||
+ | </tr> | ||
+ | <tr class='token'> | ||
+ | <td class="line-label"><span class="label">Tournaments</span></td> | ||
+ | <td class="att-line last"> | ||
+ | <div class="att-item highlight"> | ||
+ | <div class="item att-label">[[DAB-Tournament 2013|DAB 2013]]: </div> | ||
+ | <div class="item att-value">{{{DAB 2013|No}}}</div> | ||
+ | </div> | ||
+ | <div class="att-item highlight"> | ||
+ | <div class="item att-label">[[DAB-Tournament 2015|DAB 2015]]: </div> | ||
+ | <div class="item att-value">{{{DAB 2015|No}}}</div> | ||
+ | </div> | ||
+ | <div class="att-item highlight"> | ||
+ | <div class="item att-label">[[Any%-Tournament 2016|Any% 2016]]: </div> | ||
+ | <div class="item att-value">{{{Any% 2016|No}}}</div> | ||
+ | </div> | ||
+ | <div class="att-item highlight"> | ||
+ | <div class="item att-label">[[DAB-Tournament 2016|DAB 2016]]: </div> | ||
+ | <div class="item att-value">{{{DAB 2016|No}}}</div> | ||
+ | </div> | ||
+ | <div class="att-item highlight"> | ||
+ | <div class="item att-label">[[100%-Tournament 2016|100% 2016]]: </div> | ||
+ | <div class="item att-value">{{{100% 2016|No}}}</div> | ||
+ | </div> | ||
+ | <div class="att-item highlight"> | ||
+ | <div class="item att-label">[[Item-Randomizer-Tournament 2017|Item-Rando 2017]]: </div> | ||
+ | <div class="item att-value">{{{Item-Rando 2017|No}}}</div> | ||
+ | </div> | ||
+ | <div class="att-item highlight"> | ||
+ | <div class="item att-label">[[Multi-Category-Tournament 2018|Multi-Category 2018]]: </div> | ||
+ | <div class="item att-value">{{{Multi-Category 2018|No}}}</div> | ||
+ | </div> | ||
+ | <div class="att-item highlight"> | ||
+ | <div class="item att-label">[[Any%-Tournament 2018|Any% 2018]]: </div> | ||
+ | <div class="item att-value">{{{Any% 2018|No}}}</div> | ||
+ | </div> | ||
+ | </td> | ||
+ | </tr> | ||
+ | </table> | ||
+ | </div> | ||
+ | </td> | ||
+ | </tr> | ||
+ | </table> | ||
+ | </div> | ||
+ | </div> |
Latest revision as of 13:01, 7 June 2018
Profile Details
|