Шаблон:Онлайн: відмінності між версіями
Перейти до навігації
Перейти до пошуку
Немає опису редагування |
Немає опису редагування |
||
| (Не показані 60 проміжних версій 2 користувачів) | |||
| Рядок 6: | Рядок 6: | ||
#widget { | #widget { | ||
padding: 1em; | padding: 1em; | ||
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); | |||
} | } | ||
#players { | #players { | ||
| Рядок 20: | Рядок 18: | ||
align-items: center; | align-items: center; | ||
padding: 5px 0; | padding: 5px 0; | ||
border-bottom: 1px solid # | border-bottom: 1px solid #b1b3b6; | ||
} | } | ||
#players li:last-child { | #players li:last-child { | ||
| Рядок 43: | Рядок 41: | ||
text-align: center; | text-align: center; | ||
margin-bottom: 15px; | margin-bottom: 15px; | ||
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); | |||
} | |||
#playerCount { | |||
font-size: 1.2em; | |||
font-weight: bold; | |||
margin-left: 10px; | |||
} | } | ||
#server-icon { | #server-icon { | ||
| Рядок 48: | Рядок 52: | ||
height: 64px; | height: 64px; | ||
display: block; | display: block; | ||
float: left; | |||
} | } | ||
.status-container { | .status-container { | ||
display: flex; | display: flex; | ||
align-items: center; | align-items: center; | ||
justify-content: | justify-content: flex-start; | ||
} | } | ||
.status-indicator { | .status-indicator { | ||
| Рядок 72: | Рядок 75: | ||
} | } | ||
.status-text { | .status-text { | ||
font-size: | font-size: 1.2em; | ||
font-weight: bold; | font-weight: bold; | ||
} | } | ||
| Рядок 92: | Рядок 95: | ||
} | } | ||
#motd { | #motd { | ||
font-size: 1.2em; | |||
font-weight: bold; | |||
font-weight: bold; | |||
color: #0056b3; | |||
background-color: #000000; | |||
padding: 20px 10px 10px 10px; | |||
/* border-radius: 4px; */ | |||
margin-bottom: 1em; | |||
text-align: center; | |||
height: 34px; | |||
} | |||
#server-ip { | |||
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); | |||
width: 21%; | |||
font-size: 1.2em; */ | |||
margin: 1em 0 auto; | |||
padding: 10px; | padding: 10px; | ||
border | /* background-color: #f1f1f1; */ | ||
/* border: 1px solid #ccc; */ | |||
display: block; | |||
cursor: pointer; | |||
text-align: center; | text-align: center; | ||
/* position: absolute; */ | |||
top: 50%; | |||
background-color: #fff; | |||
color: #000; | |||
} | |||
#server-ip:hover { | |||
background-color: #000; | |||
color: #fff; | |||
} | } | ||
# | #anketa { | ||
font-size: | box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); | ||
margin: 1em 0; | width: 21%; | ||
font-size: 1.2em; */ | |||
margin: 1em 0 auto; | |||
padding: 10px; | padding: 10px; | ||
background-color: #f1f1f1; | /* background-color: #f1f1f1; */ | ||
border: 1px solid #ccc; | /* border: 1px solid #ccc; */ | ||
display: block; | display: block; | ||
cursor: pointer; | cursor: pointer; | ||
text-align: center; | text-align: center; | ||
/* position: absolute; */ | |||
top: 50%; | |||
background-color: #fff; | |||
color: #000; | |||
text-decoration: none; | |||
} | |||
#anketa:hover { | |||
background-color: #000; | |||
color: #fff; | |||
} | } | ||
.link-header { | |||
display: flex; | |||
align-items: center; | |||
justify-content: space-evenly; | |||
} | } | ||
</style> | </style> | ||
| Рядок 121: | Рядок 158: | ||
<div class="server-header"> | <div class="server-header"> | ||
<img id="server-icon" src="" alt="Іконка сервера"> | <img id="server-icon" src="" alt="Іконка сервера"> | ||
<p id="motd" class="info">Завантаження MOTD...</p> | |||
</div> | |||
<div class="link-header"> | |||
<p id="server-ip" onclick="copyToClipboard('play.bastion16.co.ua')">IP Сервера</p> | |||
<a target=”_blank” href="https://bastion16.co.ua/anketa/survey" id="anketa">Анкета</a> | |||
<a target=”_blank” href="https://map.bastion16.co.ua/" id="anketa">Мапа</a> | |||
<a target=”_blank” href="https://t.me/bastionanketa_bot" id="anketa">Написати адміну</a> | |||
</div> | </div> | ||
<div class="status-container"> | <div class="status-container"> | ||
<div id="status-indicator" class="status-indicator status-offline"></div> | <div id="status-indicator" class="status-indicator status-offline"></div> | ||
<div id="status-text" class="status-text status-offline-text">Offline</div> | <div id="status-text" class="status-text status-offline-text">Offline</div> | ||
<p id="playerCount" class="info">Завантаження...</p> | |||
</div> | </div> | ||
<ul id="players"></ul> | <ul id="players"></ul> | ||
</div> | </div> | ||
</body> | </body> | ||
</html> | </html> | ||
Поточна версія на 16:08, 20 вересня 2025