Шаблон:ServerStatus/Песочница: различия между версиями
Материал из Space Station 14 Вики
Pok (обсуждение | вклад) (Новая страница: «<div class="serverStatusFrame" style="border: 2px solid rgba(255, 255, 255, 0.2); border-radius: 8px; padding: 4px; flex: 1 1 calc(16.66% - 10px); margin-bottom: 5px;"> <div class="serverName"> <p class="serverTitle" style="font-size: 18px; font-weight: bold; color: lightgrey; text-align: center; margin: 0;">{{{serverName|'-'}}}</p> <hr style="border: 2px solid rgba(200, 200, 200, 0.5); margin: 3px 0;"> </div> <div class="serverInfo" style="mar...») |
Pok (обсуждение | вклад) мНет описания правки |
||
(не показано 30 промежуточных версий этого же участника) | |||
Строка 1: | Строка 1: | ||
{{ModernFrame | |||
|title = <div class="serverName">{{{serverName|'-'}}}</div> | |||
|margin = 0 | |||
|padding = 6px | |||
|transparency = 20 | |||
<div class="serverInfo | |class = serverInfo | ||
<div class="serverInfoRound | |content = | ||
<div | <div class="serverStatusFrame"> | ||
<div class="serverInfoRoundSet | <div class="serverInfo"> | ||
<div class="serverInfoRound"> | |||
<div>'''Раунд'''</div> | |||
<div class="serverInfoRoundSet">#{{{round|'-'}}}</div> | |||
</div> | </div> | ||
<div class="serverStatus | <div class="serverStatus"> | ||
<div | <div>'''Статус'''</div> | ||
<div class="serverStatusSet | <div class="serverStatusSet">{{#switch: {{{status|'-'}}} | 0 = Лобби | 1 = Раунд идёт | 2 = Завершение | #default = Неизвестное состояние }}</div> | ||
</div> | </div> | ||
<div class="serverMap | <div class="serverMap"> | ||
<div | <div>'''Карта'''</div> | ||
<div class="serverMapSet | <div class="serverMapSet">{{{map|'-'}}}</div> | ||
</div> | </div> | ||
<div class="serverTime | <div class="serverTime"> | ||
<div | <div>'''Время раунда'''</div> | ||
<div class="serverTimeSet | <div class="serverTimeSet">{{{time|'-'}}}</div> | ||
</div> | </div> | ||
<div class="serverPreset"> | <div class="serverPreset"> | ||
<div | <div>'''Игровой режим'''</div> | ||
<div class="serverPresetSet | <div class="serverPresetSet">{{{preset|'-'}}}</div> | ||
</div> | </div> | ||
<div class="serverConnect | <div class="serverConnect"> | ||
<div | <div>'''Прямое подключение'''</div> | ||
<div | <div class="serverConnectContainer"> | ||
<div class="serverConnectSet | <div class="serverConnectSet">{{{serverconnect|'-'}}}</div> | ||
<div class="copy-icon | <div class="copy-icon">📋</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div class="serverPlayers | <div class="serverPlayers"> | ||
<div | <div>'''Кол-во игроков'''</div> | ||
<div class="serverPlayersSet | <div class="serverPlayersSet">{{{players|'-'}}}</div> | ||
<div class="progressBarContainer | <div class="progressBarContainer"> | ||
<div class="progressBar" style="width: {{{percentage|0}}}% | <div class="progressBar" style="width: {{{percentage|0}}}%;"></div> | ||
</div> | </div> | ||
<div class="percentageDisplay | <div class="percentageDisplay">{{{percentage|0}}}%</div> | ||
</div> | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
}} | |||
{{#css: | |||
serverInfo > div { | |||
margin-bottom: 3px; | |||
} | |||
.serverInfo > div > div:nth-child(2) { | |||
font-size: 14px; | |||
} | |||
.progressBarContainer { | |||
width: 100%; | |||
background-color: rgba(150, 150, 150, 0.5); | |||
border-radius: 5px; | |||
overflow: hidden; | |||
margin-top: 3px; | |||
} | |||
.progressBar { | |||
background-color: rgba(100, 200, 100, 0.8); | |||
height: 15px; | |||
transition: width 0.3s; | |||
} | |||
.percentageDisplay { | |||
text-align: right; | |||
font-size: 12px; | |||
} | |||
.serverConnectContainer { | |||
display: flex; | |||
align-items: flex-start; | |||
justify-content: space-between; | |||
margin-top: 3px; | |||
min-height: calc(3em + 5px); | |||
} | |||
}} |
Текущая версия от 22:27, 7 января 2025
'-'
Раунд
#'-'
Статус
Неизвестное состояние
Карта
'-'
Время раунда
'-'
Игровой режим
'-'
Прямое подключение
'-'
Кол-во игроков
'-'
0%