*, *::before, *::after
{
box-sizing: border-box;
}
html
{
overflow-x: hidden;
overflow-y: auto;
-webkit-text-size-adjust: 100%;
text-size-adjust: 100%;
font-size: 16px;
overflow-wrap: break-word;
word-break: break-word;
hyphens: none;
-webkit-hyphens: none;
}
body
{
color: black;
overflow-x: hidden;
font-family: Museo,"Helvetica Neue",Helvetica,Arial,sans-serif;
padding-top: 50px;
line-height: 1.42857143;
background-color: #f8f8f8;
min-width: 304px; /*320 - 8x2*/
}
html, body {
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
#quadfont
{
font-family: Quad Ultra, sans-serif;
min-width: 118.5px;
font-size: 25px;
color:black;
opacity: 0.8;
margin-top: 5px;
}
.quadfont
{
font-family: Quad Ultra, sans-serif;
min-width: 118.5px;
font-size: 25px;
color: black;
opacity: 0.8;
margin-top: 2px;
}
.brand-sites
{
display: inline-flex;
flex-direction: column;
vertical-align: middle;
line-height: 1;
}
.brand-sites .quadfont
{
text-decoration: none;
transition: opacity 2s ease;
}
.brand-sites .quadfont + .quadfont
{
letter-spacing: 0.5px;
}
.brand-sites .quadfont:not([aria-current])
{
opacity: 0.55;
}
.brand-sites .quadfont[aria-current],
.brand-sites .quadfont:hover
{
opacity: 1;
}
.brand-sites:hover .quadfont:not(:hover) {
  opacity: 0.55; /* или любое другое значение прозрачности */
}
@font-face
{
font-family: 'Quad Ultra';
font-style: normal;
font-weight: normal;
src: local('Quad Ultra'), url('/fonts/quadultra.woff') format('woff');
}
@font-face
{
font-family: 'Museo';
font-style: normal;
font-weight: 500;
src:url(/fonts/paho.woff2) format("woff2");
}
@media screen and (min-width: 1024px)
{
#page-wrapper
{
margin: 0 0 0 250px;
}
.menuha
{
display: block;
}
.menuha2
{
display: none;
}
.navbar-static-side
{
visibility: visible;
opacity: 1;
}
.col-lg-8
{
width: 100%;
float: left;
display: block;
}
#variant {
visibility: visible;
}
}
@media screen and (max-width: 600px)
{
td
{
display: block;
}
}
@media screen and (min-width: 600px)
{
td
{
display: table-cell;
}
}
.rounded
{
padding-inline-start: 0px;
overflow-y: scroll;
overflow-x: hidden;
}
.rounded a
{
position: relative;
display: block;
padding: .4em .8em .0em 2em;
background: #f5f5f5;
color: black;
cursor: pointer;
}
.rounded li
{
border-bottom: 1px solid #f5f5f5;
}
.rounded li:hover
{
/* Рисуем черную линию в 1 пиксель на прозрачном фоне */
background-image: linear-gradient(to right, black, black);
/* Задаем размер линии: 80% ширина, 1px высота */
background-size: 90% 1px;
/* Отключаем повторение фона */
background-repeat: no-repeat;
/* Двигаем линию: 100% по горизонтали (вправо), 100% по вертикали (в самый низ) */
background-position: 100% 100%;
}
.rounded.donate
{
list-style: none;
padding-left: 20px;
padding-right: 5px;
counter-reset: li 18;
height: 290px;
border: 1px solid #dddddd;
margin-top: -10px;
background-color: #f5f5f5;
}
.rounded.donate a
{
cursor: default;
position: relative;
display: block;
padding: .4em .8em .0em 2em;
background: #f5f5f5;
color: black;
text-decoration: none;
border-radius: .3em;
transition: .3s ease-out;
}
.rounded.donate a:hover
{
background: #f5f5f5;
}
.rounded.donate a:before
{
content: counter(li);
counter-increment: li -1;
position: absolute;
left: -25px;
top: 50%;
transform: translateY(-41%);
background: #f5f5f5;
height: 2em;
width: 2em;
line-height: 2em;
border: .3em solid #f5f5f5;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
font-weight: bold;
border-radius: 2em;
}
@media screen and (max-width: 767px)
{
html
{
/* 11px — минимум (для Android), 3.5vw — динамика, 14px — максимум (для iPhone) */
font-size: clamp(11px, 3.5vw, 14px);
}
}
.y
{
color: #EFBF04;
}
.r
{
color: #fb443d;
}
.b
{
color: blue;
}
.g
{
color: green;
}
.x:before
{
content:'✘'; color: #cd422a;
}
.otmetka:before
{
content:'✔'; color: green;
}
a
{
color: black;
text-decoration: underline;
text-decoration-color: black;
text-decoration-thickness: 1px;
text-underline-offset: 4px;
}
a:visited
{
color: black;
}
a#variant, a#second, li a,
a[href*="/ctf"], a[href*="https://rzom.net"]
{
text-decoration: none !important;
text-decoration-line: none !important;
border-bottom: none !important;
}
a.one /*/balance*/
{
background-color: black;width: 120px; display: block; padding: 10px 20px; color: white; text-decoration: none; box-sizing:border-box; display: block; text-align: center;
}
a#variant {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  padding: 8px 12px;
  cursor: pointer;
}
@media screen and (max-width: 400px)
{
a#second.navbar-brand
{
display: none;
}
}
@media screen and (max-width: 319px)
{
body
{
display: none;
}
}
img
{
vertical-align: middle;
}
img.logo
{
margin-left: -10px;
height: 28px;
width: 28px;
opacity: 1;
padding-right: 5px;
}
h4 /* переделать */
{
line-height: 1.1;
color: black;
margin-top: 10px;
margin-bottom: 10px;
}
ul, ol
{
margin-top: 0px;
margin-bottom: 0px;
}
.lang1
{
color: #247faf; font-family: monospace; float: right;
}
.btn2
{
border: 1px solid #dddddd;
display: block;
margin-bottom: 0px;
font-weight: normal;
text-align: left;
vertical-align: middle;
cursor: default;
background-image: none;
padding: 8px 12px;
line-height: 1.42857143;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.opacity
{
opacity: 0.6;
}
.opacity:hover
{
opacity: 1;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus
{
color: #555555;
background-color: #ffffff;
border-top: 1px solid #dddddd;
border-left: 1px solid #dddddd;
border-right: 1px solid #dddddd;
border-bottom: none;
white-space: wrap;
}
.nav-tabs > li.active > a:hover
{
background-color: #f5f5f5;
}
.nav-tabs > li
{
float: left;
}
.nav-tabs > li > a
{
color: black;
}
.navbar-static-side
{
position: fixed;
top: 50px;
width: 250px;
z-index: 9999999;
max-height: calc(100vh - 50px);
height: auto;
overflow-y: auto;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
}
.navbar-static-side::-webkit-scrollbar
{
display: none;
width: 0;
height: 0;
}
@media screen and (max-width: 1024px)
{
.navbar-static-side
{
visibility: hidden;
}
#variant {
visibility: hidden;
}
.col-lg-8 {
width: 100%;
}
#page-wrapper
{
margin: 0 0 0 0px;
}
img.men
{
display: block; right: 0; height: 48px; position: fixed; opacity: 0.5; z-index: 10;
}
.navbar-static-side {
visibility: hidden;
}
.menuha {
display: none;
}
.menuha2 {
display: block;
}
}
.nav
{
margin-bottom: 0;
padding-left: 0;
list-style: none;
}
.files
{
display: flex;
justify-content: flex-start;
align-content: center;
align-items: center;
flex-wrap: wrap;
flex-direction: row;
margin-bottom: 0px;
}
.forum
{
justify-content:space-between;
align-items: center;
display: flex;
align-content: center;
flex-wrap: wrap;
flex-direction: row;
margin-bottom: 10px;
}
.nav > li > a
{
position: relative;
display: block;
padding: 10px 10px;
color: black;
}
ul.nav.menuha > li  > a
{
box-shadow: inset 0px 0px 2px 0px #dddddd;
background-color: #f5f5f5;
}
.integerPart
{
font-size: 1em; color: #313131;
}
.fractionPart
{
font-size: 0.75em; color: #313131;
}
.nums
{
font-size: 10px;
}
.server
{
display: block;
border: 1px solid #dddddd;
cursor: pointer;
transition: background-color .2s ease-in-out, box-shadow .2s ease-in-out;
}
a.server:first-child
{
border-top: none;
}
.serverlist
{
opacity: 1;
color: black;
font-size: 20px;
font-weight: bold;
vertical-align: -1px;
}
@media screen and (max-width: 550px)
{
.serverlist, #playersList, .players-header
{
font-size: 12px;
}
}
@media screen and (max-width: 439px)
{
.serverlist, #playersList, .players-header
{
font-size: 10px;
}
.nums
{
font-size: 8px;
}
}
@media screen and (max-width: 390px)
{
.serverlist, #playersList, .players-header
{
font-size: 9px;
}
.nums
{
font-size: 7px;
}
}
@media screen and (max-width: 375px)
{
.serverlist, #playersList, .players-header
{
font-size: 8px;
}
.nums
{
font-size: 6px;
}
}
@media screen and (max-width: 337px)
{
.serverlist, #playersList, .players-header
{
font-size: 7px;
}
.nums
{
font-size: 5px;
}
}
.players-grid
{
display: grid;
/*grid-template-columns: repeat(4, 1fr);*/
grid-template-columns: 15% 45% 20% 20%;
align-items: center;
}
.players-header
{
font-weight: 700;
padding: 4px 8px;
}
.files-header
{
margin-top: 5px;
display: grid;
grid-template-columns: repeat(3, 1fr);
width: 100%;
justify-items: center;
}
.stats-header,
.stats-row,
.online-row
{
display: flex;
justify-content: space-between;
align-items: center;
}
.stats-left,
.stats-center,
.stats-right
{
width: 33.33%;
}
.stats-left
{
text-align: left;
}
.stats-center
{
text-align: center;
}
.stats-right
{
text-align: right;
}
.online-title
{
text-align: center;
}
.online-users
{
background: #f8f8f8;
}
li#serversList
{
white-space: nowrap;font-size:12px;overflow-y:scroll;height:211.5px;display:block; margin-top:1px;
}
.spisokstats
{
padding: 2px 8px;
}
.spisokstats span
{
white-space: nowrap;
}
.players-grid span:nth-child(1) { text-align: left; }
.players-grid span:nth-child(3) { text-align: center; }
.players-grid span:nth-child(4) { text-align: right; padding-right: 5px; }
.spisokstats a
{
cursor: default;
}
.navbar-fixed-top
{
position: absolute;
right: 0;
left: 0;
z-index: 1030;
top: 0;
height: 50px;
color: #ffffff;
background-color: #f5f5f5;
border: 1px solid #dddddd;
border-right: none;
border-top: none;
}
.navbar-brand
{
float: left;
padding: 15px 0px 15px 15px;
line-height: 40px;
height: 50px;
display: flex;
justify-content: center;
align-items: center;
font-size: 24px;
}
/* Новостной прямоугольник из правых блоков */
.alert
{
padding: 15px;
margin-bottom: 8px;
border: 1px solid transparent;
}
.infoserver
{
background-color: #2d2c2c;
}
/* Рамки вокруг блоков */
.panel
{
margin-bottom: 8px;
border: 1px solid transparent;
border-radius: 4px;
}
.panel-body
{
padding: 8px;
}
.panel-heading
{
font-style: oblique;
padding: 10px 5px 10px 15px;
border-bottom: 1px solid transparent;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.plusbordertop
{
border-top: 1px solid #dddddd;
}
.plusborderb
{
border-bottom: 1px solid #dddddd;
}
.noborder
{
border-bottom: none;
padding-bottom: 1px;
}
.noborderl
{
border-left: none;
}
.panel-default
{
border-color: #dddddd;
}
.panel-default > .panel-heading
{
color: #555555;
background-color: #f5f5f5;
border-color: #dddddd;
}
.flexik
{
display: flex; gap: 8px;
}
.widthflex
{
width: 50%;
}
@media screen and (max-width: 1200px)
{
.widthflex
{
width: 100%;
}
.flexik
{
display: block;
width: 100%;
}
}
.paho
{
display: block;
right: 10px;
position:absolute;
padding: 15px 0px;
color: #FFFF00;
font-weight: bold;
}
.paho2
{
opacity: 0.5;
right: 10px;
position:absolute;
padding: 15px 0px;
color: #FFFF00;
font-weight: bold;
}
.rub
{
opacity: 1;
color: black;
font-size: 20px;
font-weight: bold;
vertical-align: -1px;
}
.table
{
width: 100%;
max-width: 100%;
border-spacing: 0px;
border-collapse: collapse;
table-layout: fixed;
border: 1px solid #dddddd;
}
td
{
padding: 0 10px 0 10px;
border-bottom: 1px solid #ddd;
}
input, textarea {
-webkit-touch-callout: default;
-webkit-user-select: text;
-moz-user-select: text;
-ms-user-select: text;
user-select: text;
}
input.one
{
color: white;
background-color: #2fa4e7;
border-width: 1px 1px 1px 1px;
display: inline-block;
margin-top:40px;
font-weight: normal;
text-align: left;
vertical-align: middle;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
white-space: nowrap;
padding: 8px 12px;
font-size: 16px;
line-height: 1.42857143;
border-radius: 4px;
}
input::placeholder
{
color: white;
-webkit-color: white;
-moz-color: white;
-ms-color: white;
-o-color: white;
}
input[list]::-webkit-calendar-picker-indicator
{
display: none;
}
input:active, input:hover, input:focus
{
outline: 0;
outline-offset: 0;
}
/* 1. Делаем полосу прокрутки тоньше и аккуратнее */
::-webkit-scrollbar {
width: 8px;
height: 8px; /* для горизонтального скролла, если появится */
}
/* 2. Чистая, прозрачная дорожка без тяжелых черных теней */
::-webkit-scrollbar-track {
background: rgba(0, 0, 0, 0.03); /* едва заметный серый оттенок */
border-radius: 4px;
}
/* 3. Ползунок в цвет рамок вашей таблицы со скруглением */
::-webkit-scrollbar-thumb {
background: #ccc; /* нейтральный серый, гармонирует с линиями на сайте */
border-radius: 4px;
}
/* 4. Эффект при наведении (акцент) */
::-webkit-scrollbar-thumb:hover {
background: #b0b0b0; /* чуть темнее при наведении курсора */
}
form.lupa
{
position: relative;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
transition: all 1s;
width: 50px;
height: 50px;
background: #d9edf7;
border-radius: 25px;
border: 4px solid #d9edf7;
padding: 5px;
}
input.zalupa
{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 42.5px;
line-height: 30px;
outline: 0;
border: 0;
display: none;
font-size: 1em;
border-radius: 25px;
padding: 0 20px;
color: #3a87ad;
}
.fa
{
padding: 10px;
width: 42.5px;
height: 42.5px;
position: absolute;
top: 0;
right: 0;
border-radius: 50%;
color: #3a87ad;
text-align: center;
font-size: 1.2em;
transition: all 1s;
}
.fa:before
{
content: "🔍";
}
form.lupa:hover
{
width: 200px;
cursor: pointer;
}
form.lupa:hover input
{
display: block;
}
form.lupa:hover .fa
{
background: #d9edf7;
color: #3a87ad;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button
{
-webkit-appearance: none;
margin: 0;
}
option:hover
{
background-color: #ffcc00;
}
.container
{
padding: 10px;
width: 100%;
background-color: #f5f5f5;
border-radius: 12px;
box-shadow: 0 4px 15px rgba(0,0,0,0.1);
}
.field
{
margin-bottom: 10px;
}
label
{
display:block;
color:#555;
}
.donate-wrapper
{
display: flex;
align-items: center;
gap: 30px;
}
.donate-form
{
flex: 1;
}
.file-image img
{
max-width: 100%;
height: auto;
padding: 5px;
background-color: #f5f5f5;
border-radius: 12px;
box-shadow: 0 4px 15px rgba(0,0,0,0.1);
box-sizing: border-box;
}
#profile-text
{
max-width: 50%;
align-self: center;
}
.donate-image, .profile-image
{
flex: 1;
text-align: right;
align-self: center;
}
.donate-image img
{
max-height: 221px;
}
.donate-image img, .profile-image img
{
max-width: 100%;
height: auto;
padding: 5px;
background-color: #f5f5f5;
border-radius: 12px;
box-shadow: 0 4px 15px rgba(0,0,0,0.1);
box-sizing: border-box;
}
.profile-image img
{
max-height: 300px;
}
@media screen and (min-width: 1920px) {
.profile-image img { max-height: 400px; }
}
@media screen and (max-width: 1535px) {
.profile-image img { max-height: 230px; }
}
@media screen and (max-width: 1200px) {
.profile-image img { max-height: 350px; }
}
@media screen and (max-width: 767px) {
.donate-image { display: none; }
.profile-image img { max-height: 250px; }
}
@media screen and (max-width: 560px) {
.profile-image img { max-height: 200px; }
}
@media screen and (max-width: 385px) {
.profile-image img { max-height: 150px; }
}
@media screen and (max-width: 319px) {
.profile-image { display: none; }
}
input[type=number]
{
box-sizing:border-box;
padding:10px;
border-radius:6px;
border:1px solid #ccc;
outline:none;
transition:.2s ease-in-out;
}
input[type=number]:hover
{
border-color:#888;
box-shadow:0 0 5px rgba(0,0,0,0.1);
}
input#amount
{
width: 212px;
height: 40px;
}
.selected
{
box-shadow: rgb(49, 49, 49) 0px 0px 1px 1px inset;
background-color: rgb(221, 221, 221);
font-weight: bold;
}
select:invalid
{
border: #2fa4e7;
}
select
{
background-color: white;
width: 225px;
height: 40px;
padding:10px;
border-radius:6px;
border:1px solid #ccc;
outline:none;
transition:.2s ease-in-out;
}
select:focus
{
outline: 0 solid #2fa4e7; box-shadow: 0 0 0em #2fa4e7;
}