|
|
| (8 intermediate revisions by 4 users not shown) |
| Line 1: |
Line 1: |
| <!-- Hero / Header Panel --> | | <!----------------------------header open-----------------------------------------> |
| <div style=" | | <div class="mp-header-container" style="display:flex;"> |
| position:relative;
| | <!-----------------------------header left side----------------------------------------------> |
| overflow:hidden;
| | <div class="mp-header-left" style="line-height:1.4; display:flex; flex-direction:column; justify-content:center; flex:1"> |
| border-radius:12px;
| | <div class="mp-header-text">{{#invoke:Dictionary|translate|WikiHeaderPart1}}</div> |
| background:var(--th-mw-body-back);
| | <div class="mp-header-title" style="font-family:'Valve Occult','Retail Demo','Open Sans'; font-weight:bold; font-size:3em">Deadlock Wiki</div> |
| box-shadow:0 4px 16px rgba(0,0,0,0.4);
| | <div class="mp-header-text">{{#invoke:Dictionary|translate|WikiHeaderPart2}} ''[[Deadlock{{if_lang}}|Deadlock]]'' {{#invoke:Dictionary|translate|WikiHeaderPart3}} {{NUMBEROFARTICLES}} {{#invoke:Dictionary|translate|WikiHeaderPart4}}</div></div> |
| height:100%;
| | <!---------------------------------------header left side close---------------------------------------------> |
| "> | |
| <div class=" hero- container" style=" | |
| position:relative;
| |
| width:100%;
| |
| display:flex;
| |
| flex-direction:column;
| |
| height:100%;
| |
| ">
| |
|
| |
|
| <!-- Top row: Logo left + Text right -->
| | <!-----------------------------header right side-------------------------------------------------------> |
| <div style="
| | <div class="mp-header-right nomobile" style="display:flex; flex:1; align-items: center; justify-content: flex-start;"> |
| display:flex;
| | <ul> |
| align-items:center;
| | <li>{{#invoke:Dictionary|translate|Number of active editors}}: '''{{NUMBEROFACTIVEUSERS}}'''</li> |
| flex:1;
| | <li>{{#invoke:Dictionary|translate|Number of edits}}: '''{{NUMBEROFEDITS}}'''</li> |
| padding:1em;
| | <li>{{#invoke:Dictionary|translate|Number of articles}}: '''{{NUMBEROFARTICLES}}'''</li> |
| gap:1.5em;
| | <li>{{#invoke:Dictionary|translate|Number of files}}: '''{{NUMBEROFFILES}}'''</li> |
| ">
| | </ul> |
| | | </div> |
| <!-- Logo (left) -->
| | <!------------------------------------header right side close------------------------------------------------> |
| <div class="nomobile" style="flex-shrink:0;">
| |
| [[File:Deadlock Wiki.png|frameless|250px|alt=Deadlock Wiki|link=Deadlock{{if_lang}}]]
| |
| </div>
| |
| | |
| <!-- Intro text (right of logo) -->
| |
| <div class="header- intro" style="flex:1; min- width: 0; "> | |
| <div style="text-shadow: 0px 2px 2px black, 0px 0px 2px black; font-family:'Retail Demo','Open Sans',sans-serif;">
| |
| | |
| <div style= "margin:0.3em 0;"><span style="font-size:1.8em; font-family:'Valve Occult','Retail Demo','Open Sans'; font-weight:bold;">{{#invoke:Dictionary|translate|WikiHeaderPart1}} <b>[[Deadlock{{if_lang}}|<span style="font-family:'Valve Occult','Retail Demo'; font-weight:bold;">Deadlock</span>]]</b> Wiki! </span></div>
| |
| | |
| <p style="font-size:1.2em; line-height:1.6; margin:0.6em 0;">
| |
| {{#invoke:Dictionary|translate|WikiHeaderPart2}}
| |
| <b>[[Deadlock{{if_lang}}|<span style="font-family:'Valve Occult','Retail Demo','Open Sans'; font-weight:bold;">Deadlock</span>]]</b>
| |
| {{#invoke:Dictionary|translate|WikiHeaderPart3}}
| |
| {{NUMBEROFARTICLES}}
| |
| {{#invoke:Dictionary|translate|WikiHeaderPart4}}
| |
| </p>
| |
| | |
| <p style="font-size:1.15em; margin:0.8em 0 0.4em 0;">
| |
| [[Help:Contents|<span style="text-decoration:underline;">'''{{#invoke:Dictionary|translate|Learn how to edit}}'''</span>]]
| |
| •
| |
| [[Deadlock#Invites|<span style="text-decoration:underline;">'''{{#invoke:Dictionary|translate|Join the playtest!}}'''</span>]]
| |
| </p>
| |
|
| |
|
| </div>
| | </div><!----------------close for mp-header-container-----------------------> |
| </div>
| |
| | |
| </div>
| |
| | |
| <!-- Stats Bar (bottom) -->
| |
| <div class="header-stats" style="
| |
| display:block;
| |
| background:rgba(0,0,0,0.25);
| |
| border-radius:0 0 8px 8px;
| |
| margin:0;
| |
| padding:8px 12px;
| |
| ">
| |
| <div style="
| |
| font-size:1em;
| |
| text-align:center;
| |
| opacity:0.85;
| |
| font-family:'Retail Demo','Open Sans',serif;
| |
| ">
| |
| <ul style="margin:0; padding:0; list-style:none;">
| |
| <li>
| |
| {{#invoke:Dictionary|translate|Number of articles}}: '''{{NUMBEROFARTICLES}}''' •
| |
| {{#invoke:Dictionary|translate|Number of files}}: '''{{NUMBEROFFILES}}''' •
| |
| {{#invoke:Dictionary|translate|Number of active editors}}: '''{{NUMBEROFACTIVEUSERS}}''' •
| |
| {{#invoke:Dictionary|translate|Number of edits}}: '''{{NUMBEROFEDITS}}'''
| |
| </li>
| |
| </ul>
| |
| </div>
| |
| </div>
| |
| | |
| </div>
| |
| </div>
| |
