Template:Deadlock Wiki/Header: Difference between revisions

Lera (talk | contribs)
added background. removed includeonly tags.
italics
 
(51 intermediate revisions by 11 users not shown)
Line 1: Line 1:
<div style="position: relative; width: 100%; overflow: hidden; border-radius: 15px; background-color: black;">
<!----------------------------header open----------------------------------------->
<div style="">
<div class="mp-header-container" style="display:flex;">
[[File:Deadlock_steampage_hero.jpeg|alt=wiki hero|frameless|1240px|center|link=]]
<!-----------------------------header left side---------------------------------------------->
</div>
<div class="mp-header-left" style="line-height:1.4; display:flex; flex-direction:column; justify-content:center; flex:1">
<div class="mainpage-header" style="position: absolute; top:0; left:50%; transform: translateX(-50%); width: 100%;">
<div class="mp-header-text">{{#invoke:Dictionary|translate|WikiHeaderPart1}}</div>
    [[File:Deadlock Wiki.png|alt=wiki logo|frameless|356x356px|center|link=Deadlock]]
<div class="mp-header-title" style="font-family:'Valve Occult','Retail Demo','Open Sans'; font-weight:bold; font-size:3em">Deadlock Wiki</div>
<div class="header-intro">
<div class="mp-header-text">{{#invoke:Dictionary|translate|WikiHeaderPart2}} ''[[Deadlock{{if_lang}}|Deadlock]]'' {{#invoke:Dictionary|translate|WikiHeaderPart3}} {{NUMBEROFARTICLES}} {{#invoke:Dictionary|translate|WikiHeaderPart4}}</div></div>
<div style="text-align:center; color: white;">
<!---------------------------------------header left side close--------------------------------------------->
    <h1 style="color: white;">Welcome to the Deadlock Wiki!</h1>
 
    <p>The player-written resource for <b>Deadlock</b> that anyone can edit, with {{NUMBEROFARTICLES}} articles and counting.</p>
<!-----------------------------header right side------------------------------------------------------->
</div>
<div class="mp-header-right nomobile" style="display:flex; flex:1; align-items: center; justify-content: flex-start;">
<div class="header-stats" style="display:block">
<ul>      
<div style="margin:4px; padding:6px 0 0 0; text-align:center; flex-basis: 1080px; color: white;">
<li>{{#invoke:Dictionary|translate|Number of active editors}}: '''{{NUMBEROFACTIVEUSERS}}'''</li>
    <ul>
<li>{{#invoke:Dictionary|translate|Number of edits}}: '''{{NUMBEROFEDITS}}'''</li>
        <li>Number of articles: '''{{NUMBEROFARTICLES}}''' Number of files: '''{{NUMBEROFFILES}}''' Number of active editors: '''{{NUMBEROFACTIVEUSERS}}''' Number of edits: '''{{NUMBEROFEDITS}}'''</li>
<li>{{#invoke:Dictionary|translate|Number of articles}}: '''{{NUMBEROFARTICLES}}'''</li>
    </ul>
<li>{{#invoke:Dictionary|translate|Number of files}}: '''{{NUMBEROFFILES}}'''</li>
</div></div>
</ul>
</div>
</div>
</div>
<!------------------------------------header right side close------------------------------------------------>
</div><!----------------close for mp-header-container----------------------->