Skip to content

csgaming.css

Jump to bottom Edit New page
GOBRA35 edited this page Nov 30, 2024 · 1 revision

.wapper .navigation .breadcrumb, .wapper .monitoring .server h3, .wapper .monitoring .server > p, .vertical-navigation ul li a, #events .event > a:not(.btn), #events .event > span, #online_users a span, #top_users a div > span, #top_users a div p:nth-child(2), #top_users a div > span:nth-child(2), #last_activity span p, #mybans span p, #new_news div:not(.loader) a h3, .news div:not(.loader) a h3, #forum > h2, #forum_topics > h2, #forum .col-lg-12 > h2, #forum_topics .col-lg-12 > h2, #forum .row .col-lg-8 > div h3, #forum_topics .row .col-lg-8 > div h3, #forum.row .col-lg-8 > div h3, #forum_topics.row .col-lg-8 > div h3, #forum .row .col-lg-4 p, #forum_topics .row .col-lg-4 p, #forum.row .col-lg-4 p, #forum_topics.row .col-lg-4 p, .topic-answers div[id^="answer"] .top-area, .topic-answers div[id^="answer"] .center-area .left-side p, .friend > div > a, .user > div > a, #companions div a, #companions div span, #place_for_messages .dialog > div:nth-child(1) div p, .profile-page a.small-friend span, #news a.small-new div p, a.btn, input.btn, button.btn, label.btn { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .wapper .monitoring .server .map-image { -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; -moz-background-size: 100% 100% !important; -webkit-background-size: 100% 100% !important; -o-background-size: 100% 100% !important; background-size: 100% 100% !important; }

  • { margin: 0; padding: 0; outline: none !important; } html, body { width: 100%; height: 100%; background-image: url("https://csgaming.ru/templates/red/img/fonfon.jpg"); background-position: left bottom; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; margin: 0; padding: 0; font-family: 'Roboto', sans-serif; line-height: 20px; font-size: 14px; color: #b7bacd; } ::-webkit-scrollbar-button { background-image: url(''); background-repeat: no-repeat; width: 6px; height: 0px; } ::-webkit-scrollbar-track { background-color: #1731ca; } ::-webkit-scrollbar-thumb { -webkit-border-radius: 0px; border-radius: 0px; background-color: #80db13; } ::-webkit-scrollbar-thumb:hover { background-color: #d50ca1; } ::-webkit-resizer { background-image: url(''); background-repeat: no-repeat; width: 6px; height: 0px; } ::-webkit-scrollbar { width: 6px; }

a { color: #f00; } a.small { color: #ff4700; font-size: 12px; border-bottom: 1px solid #ff4700; } a.small:hover, a.small:focus, a.small:visited { color: #bd3907; } a:hover { text-decoration: none; color: #f00; /color: #bd3907;/ } a[onclick] { color: #ff4700; cursor: pointer; } a.points { color: #38678c; } a.orange { color: #ff4700; } a.red { color: #f00; } .loader { z-index: 1009; min-height: 32px; transition: all 0.1s; position: relative; height: 100%; width: 100%; } .loader::after { content: ''; display: block; height: 32px; width: 32px; background: url(../img/loader.gif); position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; } .wapper { display: flex; height: 100%; padding: 0; flex-wrap: nowrap; align-items: center; }

.wapper > .content { flex: 1 0 auto; } .wapper > .footer { flex: 0 0 auto; background-color: #2a3054; border: 1px solid #d811db; box-shadow: inset 0px 0px 13px 14px #172cce; padding-top: 22px; padding-bottom: 55px; z-index: 11; width: 77%; height: 30%; border-radius: 35px; } .wapper > .footer hr { border-color: #313448; } .wapper > .footer .copyright #copyright { display: inline-block; margin: 0; } .wapper > .footer .copyright #copyright br { display: none; } .wapper > .footer .copyright a { font-weight: 500; } .wapper > .footer .copyright p { display: inline-block; margin: 0; } @media (max-width: 991.99px) { .wapper > .footer .copyright p { min-height: 30px; line-height: 21px; } .wapper > .footer #copyright { width: 100%; display: block; height: 30px !important; line-height: 30px !important; } } @media (min-width: 992px) { .wapper > .footer #copyright { height: 40px; line-height: 40px; padding-left: 15px; border-left: 1px solid #313448; } .wapper > .footer .copyright p { height: 40px; line-height: 40px; margin-right: 15px; } } .wapper > .footer .banners img { float: right; margin-left: 3px; border-radius: 2px; } @media (max-width: 991.99px) { .wapper > .footer .banners { margin-top: 10px; } .wapper > .footer .banners img { float: left; } } .wapper > .footer strong { font-weight: bold; font-size: 18px; color: #b7bacd; margin-bottom: 20px; display: block; color: white; text-shadow:0px 0px 3px #20e47e,0px 0px 4px #20e47e,0px 0px 5px #20e47e,0px 0px 5px #20e47e,0px 0px 5px #20e47e,0px 0px 5px #20e47e,0px 0px 5px #20e47e,0px 0px 5px #20e47e,0px 0px 5px #20e47e; font-weight:bold; } .wapper > .footer ul { position: relative; display: block; list-style: none; } .wapper > .footer ul li { margin: 0; margin-bottom: 5px; } .wapper > .footer ul li a { font-size: 14px; color: #b7bacd; color: black; text-shadow:0px 0px 3px #e9dff7,0px 0px 4px #e9dff7,0px 0px 5px #e9dff7,0px 0px 5px #e9dff7,0px 0px 5px #e9dff7,0px 0px 5px #e9dff7,0px 0px 5px #e9dff7,0px 0px 5px #e9dff7,0px 0px 5px #e9dff7; font-weight:bold; } .wapper > .footer .col-lg-5 p { margin-bottom: 0; } .wapper > .footer .col-lg-5 img { height: 60px; margin-bottom: 20px; } @media (min-width: 1200px) { .wapper .container { max-width: 1170px; } } .wapper .header .collapsible-menu.user-menu .point { position: absolute; right: 26px; height: 10px; width: 10px; display: block; background: #549f34; border-radius: 50%; border: 2px solid #313448; } @media (min-width: 992px) { .wapper .header, .wapper .header .collapsible-menu > li > a { height: 100px; background-color: #121956; border-bottom: 1px solid #222b25; border-radius: 30px 30px 0px 0px; } .wapper .header .collapsible-menu { font-size: 14px; list-style: none outside none; padding: 0; margin: 0; width: 80%; height: 70px; overflow: hidden; float: left; } .wapper .header .collapsible-menu > li { display: block; float: left; } .wapper .header .collapsible-menu > li.collapsible { padding-right: 20px; } .wapper .header .collapsible-menu > li.collapsible::after { font-family: Font Awesome\ 5 Free; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-size: 1.33333em; line-height: 0.75em; vertical-align: -0.0667em; font-weight: 900; content: "\f078"; position: absolute; top: 32px; z-index: 1010; margin-left: -30px; font-size: 10px; } .wapper .header .collapsible-menu > li.collapsible > a { width: calc(100% + 20px); } .wapper .header .collapsible-menu > li > a { font-family: 'Roboto', sans-serif; line-height: 20px; font-size: 14px; display: block; float: left; padding: 20px; margin: 0; color: #b7bacd; font-weight: 500; line-height: 30px; position: relative; text-transform: uppercase; color: black; text-shadow:0px 0px 3px #23fc6c,0px 0px 4px #23fc6c,0px 0px 5px #23fc6c,0px 0px 5px #23fc6c,0px 0px 5px #23fc6c,0px 0px 5px #23fc6c,0px 0px 5px #23fc6c,0px 0px 5px #23fc6c,0px 0px 5px #23fc6c; font-weight:bold; } .wapper .header .collapsible-menu > li > a.open { background: #15369682; color: #fff; border-bottom: 1px solid #313448; box-shadow: 0px 2px 20px rgba(255, 71, 0, 0.5); } .wapper .header .collapsible-menu > li > a::before { content: " "; display: none; position: absolute; top: 20px; background: #ddd; height: 30px; width: 0.5px; } .wapper .header .collapsible-menu > li > a::after { right: 0; display: none; } .wapper .header .collapsible-menu > li > a::before { left: 0; } .wapper .header .collapsible-menu > li:last-child > a::after, .wapper .header .collapsible-menu > li:first-child > a::before { display: none; text-transform: uppercase; } .wapper .header .collapsible-menu > li:first-child > a { padding-left: 0; text-transform: uppercase; } .wapper .header .collapsible-menu > li ul { display: none; list-style: none; margin: 0; padding: 0; text-transform: uppercase; position: absolute; z-index: 1011; top: 70px; background: #1b299bd6; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25); border-radius: 0 0 2px 2px; overflow: hidden; } .wapper .header .collapsible-menu > li ul > li:hover { background: #14151b; } .wapper .header .collapsible-menu > li ul > li > a { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-size: 12px; text-transform: uppercase; color: #b7bacd; margin: 0; display: block; position: relative; width: calc(100% - 30px); height: 40px; line-height: 40px; margin-left: 15px; border-bottom: 1px solid #313448; } .wapper .header .collapsible-menu > li ul > li:last-child > a { border-bottom: 0; } .wapper .header .collapsible-menu.user-menu { height: 70px; width: 180px; float: right; overflow: hidden; } .wapper .header .collapsible-menu.user-menu > li { width: 100%; padding: 0; } .wapper .header .collapsible-menu.user-menu > li.collapsible::after { margin-left: -17px; } .wapper .header .collapsible-menu.user-menu > li > a { width: 100%; padding: 15px; } .wapper .header .collapsible-menu.user-menu > li > a > h3, .wapper .header .collapsible-menu.user-menu > li > a > p { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; position: absolute; right: 75px; text-align: right; display: block; width: calc(100% - 85px); margin: 0; }

.wapper .header .collapsible-menu.user-menu > li > a > h3 {
  font-size: 14px;
  color: #b7bacd;
  top: 18px;
  color: black;
  text-shadow:0px 0px 3px #23fc6c,0px 0px 4px #23fc6c,0px 0px 5px #23fc6c,0px 0px 5px #23fc6c,0px 0px 5px #23fc6c,0px 0px 5px #23fc6c,0px 0px 5px #23fc6c,0px 0px 5px #23fc6c,0px 0px 5px #23fc6c;
  font-weight:bold;
}
.wapper .header .collapsible-menu.user-menu > li > a > p {
  height: 15px;
  line-height: 15px;
  top: 40px;
  font-size: 12px;
  color: #b7bacd;
  color: black;
  text-shadow:0px 0px 3px #23fc6c,0px 0px 4px #23fc6c,0px 0px 5px #23fc6c,0px 0px 5px #23fc6c,0px 0px 5px #23fc6c,0px 0px 5px #23fc6c,0px 0px 5px #23fc6c,0px 0px 5px #23fc6c,0px 0px 5px #23fc6c;
  font-weight:bold;
}
.wapper .header .collapsible-menu.user-menu > li > a > img {
  float: right;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  margin-right: 10px;
}

} @media (max-width: 991.99px) { .wapper .header { min-height: 70px; background-color: #22232b; border-bottom: 1px solid #22232b; } .wapper .header #hidden-menu { position: relative; padding-bottom: 10px; } .wapper .header .collapsible-menu { font-size: 14px; list-style: none outside none; position: relative; padding: 0; margin: 0; } .wapper .header .collapsible-menu > li { display: block; position: relative; } .wapper .header .collapsible-menu > li.collapsible { padding-right: 20px; } .wapper .header .collapsible-menu > li.collapsible::before { font-family: Font Awesome\ 5 Free; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-size: 1.33333em; line-height: 0.75em; vertical-align: -0.0667em; font-weight: 900; content: "\f078"; position: absolute; top: 23px; z-index: 1010; font-size: 10px; right: 15px; } .wapper .header .collapsible-menu > li.collapsible > a { width: calc(100% + 20px); } .wapper .header .collapsible-menu > li > a { font-family: 'Roboto', sans-serif; line-height: 20px; font-size: 14px; height: 50px; display: block; position: relative; padding: 10px; margin: 0; color: #b7bacd; font-weight: 500; line-height: 30px; border-bottom: 1px solid #313448; } .wapper .header .collapsible-menu > li > a.open { background: #14151b; border-bottom: 1px solid #313448; } .wapper .header .collapsible-menu > li > a:hover { background: #14151b; } .wapper .header .collapsible-menu > li:last-child > a { border-bottom: 0; } .wapper .header .collapsible-menu > li ul { display: none; list-style: none; margin: 0; padding: 0; } .wapper .header .collapsible-menu > li ul > li > a { font-size: 13px; color: #b7bacd; margin: 0; display: block; position: relative; width: calc(100% - 30px); height: 40px; line-height: 40px; margin-left: 15px; padding: 0 10px; border-bottom: 1px solid #313448; } .wapper .header .collapsible-menu > li ul > li > a:hover { background: #14151b; } .wapper .header .collapsible-menu.user-menu { height: 70px; width: 200px; position: absolute; top: 0; right: 0; } .wapper .header .collapsible-menu.user-menu > li { width: 100%; height: 100%; padding: 0; } .wapper .header .collapsible-menu.user-menu > li.collapsible::before { top: 31px; right: 12px; } .wapper .header .collapsible-menu.user-menu > li > ul { position: absolute; z-index: 1011; background: #fff; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25); border-radius: 0 0 2px 2px; overflow: hidden; } .wapper .header .collapsible-menu.user-menu > li > ul > li:hover { background: #14151b; } .wapper .header .collapsible-menu.user-menu > li > ul > li > a { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-size: 13px; color: #b7bacd; margin: 0; display: block; position: relative; width: calc(100% - 30px); height: 40px; line-height: 40px; margin-left: 15px; } .wapper .header .collapsible-menu.user-menu > li > ul > li:last-child > a { border-bottom: 0; } .wapper .header .collapsible-menu.user-menu > li > a { height: 70px; background: #fff; height: 100%; width: 100%; padding: 15px; } .wapper .header .collapsible-menu.user-menu > li > a > h3, .wapper .header .collapsible-menu.user-menu > li > a > p { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; position: absolute; right: 75px; text-align: right; display: block; width: calc(100% - 75px); margin: 0; } .wapper .header .collapsible-menu.user-menu > li > a > h3 { font-size: 14px; color: #444; top: 18px; } .wapper .header .collapsible-menu.user-menu > li > a > p { height: 15px; line-height: 15px; top: 40px; font-size: 12px; color: #b7bacd; } .wapper .header .collapsible-menu.user-menu > li > a > img { float: right; width: 40px; height: 40px; border-radius: 50%; margin-right: 10px; } .wapper .header .collapsible-menu.user-menu > li > a.open { background: #14151b; border-bottom: 1px solid #313448; } } .wapper .header .auth-in { float: right; margin-top: 21px; padding: 0 10px; } .wapper .header .menu-trigger { font-family: Font Awesome\ 5 Free; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-size: 1.33333em; line-height: 0.75em; vertical-align: -0.0667em; font-weight: 900; float: left; color: #b7bacd; border-color: #313448; background: #14151b; margin-top: 15px; margin-bottom: 15px; padding: 0 10px; height: 40px; width: 40px; text-align: center; } .wapper .header .menu-trigger.collapsed:before { content: "\f0c9"; } .wapper .header .menu-trigger:not(.collapsed):before { content: "\f066"; } .wapper #hidden-menu.collapse.show, .wapper #hidden-menu.collapsing { display: block !important; } .wapper .logo { height: 115px; margin-bottom: 30px; } .wapper .logo a { display: inline-block; height: auto; width: auto; line-height: 115px; } .wapper .logo a img { width: 168%; } .wapper .navigation { background: #121956; height: 45px; border-bottom: 1px solid #0f3ee2; margin-bottom: 30px; border-radius: 0px 0px 30px 30px; } .wapper .navigation .breadcrumb { display: block; width: 100%; color: #878787; padding: 0; background: none; height: 45px; line-height: 45px; font-size: 11px; color: white; text-shadow:0px 0px 3px #6a38c4,0px 0px 4px #6a38c4,0px 0px 5px #6a38c4,0px 0px 5px #6a38c4,0px 0px 5px #6a38c4,0px 0px 5px #6a38c4,0px 0px 5px #6a38c4,0px 0px 5px #6a38c4,0px 0px 5px #6a38c4; font-weight:bold; } .wapper .navigation .breadcrumb > li { display: inline; font-size: 13px; margin-right: 10px; margin-left: 10px; } .wapper .navigation .breadcrumb > li a { color: #878787; color: white; text-shadow:0px 0px 3px #6a38c4,0px 0px 4px #6a38c4,0px 0px 5px #6a38c4,0px 0px 5px #6a38c4,0px 0px 5px #6a38c4,0px 0px 5px #6a38c4,0px 0px 5px #6a38c4,0px 0px 5px #6a38c4,0px 0px 5px #6a38c4; font-weight:bold; } .wapper .navigation .breadcrumb > li.active { color: #c3c3c3; color: white; text-shadow:0px 0px 3px #6a38c4,0px 0px 4px #6a38c4,0px 0px 5px #6a38c4,0px 0px 5px #6a38c4,0px 0px 5px #6a38c4,0px 0px 5px #6a38c4,0px 0px 5px #6a38c4,0px 0px 5px #6a38c4,0px 0px 5px #6a38c4; font-weight:bold; } .wapper .navigation .breadcrumb > li:first-child { color: #f0f3f1; margin-left: 0; } .wapper .monitoring { height: 115px; width: 100%; max-height: 115px; max-width: 846.5px; position: relative; overflow: hidden; margin-bottom: 30px; border-radius: 2px; text-align: right; } .wapper .monitoring > div { width: 100%; white-space: nowrap; height: 100%; } @media (max-width: 991.99px) { .wapper .monitoring #servers > .server:first-child { margin-left: 15px !important; } .wapper .monitoring #servers > .server:last-child, .wapper .monitoring .online-line-fix { margin-right: 15px !important; } } @media (min-width: 992px) { .wapper .monitoring #servers > .server:last-child, .wapper .monitoring .online-line-fix { margin-right: 0 !important; } } .wapper .monitoring .server { height: 115px; width: 270px; border-radius: 2px; display: inline-block; margin-right: 18px; position: relative; text-align: left; padding: 17px 20px; background: #323442; border: none; box-shadow: none; } .wapper .monitoring .server:nth-child(odd) { background: #22232b; } .wapper .monitoring .server:nth-child(3n) { background: #313447; } .wapper .monitoring .server h3 { margin: 0; font-size: 14px; line-height: 16px; color: #b7bacd; width: 100%; } .wapper .monitoring .server .map-image { position: absolute; width: 80px; height: 50px; left: 20px; bottom: 20px; border-radius: 2px; } .wapper .monitoring .server > p { font-size: 12px; color: #b7bacd; position: absolute; width: 140px; height: 17px; line-height: 17px; left: 110px; } .wapper .monitoring .server > p:nth-child(3) { top: 39px; } .wapper .monitoring .server > p:nth-child(4) { top: 59px; } .wapper .monitoring .server > p:nth-child(5) { top: 79px; } .wapper .monitoring .server > p a { color: #b7bacd; } .wapper .monitoring tbody[id^="players"] .btn { margin-bottom: 0; } @media (max-width: 991.99px) { .wapper .monitoring { overflow-x: scroll; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } } .block { background: #1a6db659; border: none; box-shadow: none; box-shadow: inset 0px 0px 13px 14px #0a24ed; border-radius: 2px; padding: 30px; margin-bottom: 30px; border-radius: 25px; } .block.block-search > .input-search { position: relative; margin-left: -30px; margin-right: -30px; padding-left: 30px; padding-right: 30px; background: #0a25bb00; border-top: 1px solid #0a24d93d; border-left: 1px solid #313448; border-bottom: 1px solid #313448; width: calc(100% + 60px); margin-bottom: 30px; } .block.block-search > .input-search i.fa-search { z-index: 1000; position: absolute; left: 40px; top: 12px; color: #b7bacd; font-size: 12px; cursor: pointer; } .block.block-search > .input-search input, .block.block-search > .input-search select { margin: -1px; border-left: 0; border-radius: 0; border-right: 0; text-indent: 0px; padding-left: 33px; border-radius: 15px; } .block.block-search > .input-search select { text-indent: 0; width: 30%; max-width: 130px; text-align: right; padding-left: 5px; padding-right: 7px; } .block.block-search > .input-search .input-group > .form-control { position: relative; } .block.block-search > .input-search .input-group > .form-control::after { content: " "; display: block; position: absolute; top: 20px; background: #ddd; height: 30px; width: 0.5px; } .block.block-table { padding: 0; } .block.block-table > .block_head { padding: 30px; margin-bottom: 0; } .block.block-table > .table-responsive { border: 0; border-top: 1px solid #313448; } .block.block-table .noty-block { width: calc(100% - 60px); margin-left: 30px; margin-right: 30px; margin-bottom: 20px; } .block .block_head { margin-bottom: 30px; font-weight: bold; font-size: 18px; color: #b7bacd; color: white; text-shadow:0px 0px 3px #172a29,0px 0px 4px #172a29,0px 0px 5px #172a29,0px 0px 5px #172a29,0px 0px 5px #172a29,0px 0px 5px #172a29,0px 0px 5px #172a29,0px 0px 5px #172a29,0px 0px 5px #172a29; font-weight:bold; } .block .block_head span { color: #b7bacd; font-size: 17px; font-weight: 400; margin-left: 10px; } .block .block_head a { color: #b7bacd; } .block .block_head_image { width: calc(100% + 60px); margin: -30px; margin-bottom: 30px; padding: 0; height: 70px; overflow: hidden; border-radius: 3px 3px 0 0; } .authorization a.small { display: inline-block; width: auto; } .authorization .btn-outline-primary { margin-top: 22px; } .authorization #steam_link, .authorization #vk_link, .authorization #fb_link { width: 45px; } .registration .privacy-policy { border: 1px solid #313448; border-left: 3px solid #313448; display: block; padding: 10px; font-size: 12px; background: #77a175; color: #fff; line-height: 14px; margin-bottom: 10px; } .registration a[onclick^="$('#registration').modal('hide');"] { width: 45px; } .vk-widgets div[id^="vk_groups"] { margin-bottom: 30px; } .vk-widgets div[id^="vk_subscribe"] { margin: 2px 0; } .vertical-navigation { margin: -30px; margin-left: -31px; padding-top: 31px; padding-bottom: 10px; } .vertical-navigation ul { display: block !important; padding: 0; margin: 0; list-style: none; } .vertical-navigation ul li { padding-left: 30px; padding-right: 30px; border-left: none; } .vertical-navigation ul li:hover, .vertical-navigation ul li.active { border-radius: 32px; background: #017486ba; border-left: none; } .vertical-navigation ul li a { display: block; height: 40px; line-height: 34px; font-size: 15px; color: #e5ebe1; border-top: 5px solid #16cb8d; color: black; text-shadow:#dc6b38 0px 0px 5px,#dc6b38 0px 0px 10px,#dc6b38 0px 0px 15px,#986fae 0px 0px 20px,#986fae 0px 0px 30px,#986fae 0px 0px 40px; font-weight:bold; } .vertical-navigation ul li a.active { border-top: 0; margin-left: -31px; margin-right: -30px; background: #14151b; border-left: 1px solid #313448; padding-left: 30px; padding-right: 30px; } .vertical-navigation ul li a.active::before { content: " "; height: 1px; background-color: #313448; width: 100%; display: block; } #chat { border-top: 1px solid #313448; } #chat a.small { font-size: 14px; } #chat #drop_zone { width: 100%; height: 100%; position: relative; font-family: 'Roboto', sans-serif; } #chat #drop_zone > #drop_mask { position: absolute; width: 100%; height: 100%; z-index: 1; display: none; margin: -1px; } #chat #drop_zone.loader { background: #fff; opacity: 0.4; } #chat #drop_zone.hover, #chat #drop_zone.error { font-family: Font Awesome\ 5 Free; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-size: 1.33333em; line-height: 0.75em; vertical-align: -0.0667em; } #chat #drop_zone.hover #chat_messages, #chat #drop_zone.error #chat_messages { height: 396px; } #chat #drop_zone.hover:after, #chat #drop_zone.error:after { position: absolute; width: 100%; height: 100%; top: 0; border-radius: 2px; text-align: center; font-size: 400%; line-height: 500%; outline-offset: -10px; } #chat #drop_zone.hover:after { content: "\f0c5"; background: #77a175; outline: 2px dashed #313448; color: #fff; } #chat #drop_zone.error:after { content: "\f2ed"; background: #77a175; outline: 2px dashed #313448; color: #fff; } #chat #chat_messages { overflow-y: auto; width: 100%; height: 400px; } #chat #chat_messages .chat_message { position: relative; overflow: hidden; padding: 10px 2px 10px 0; border-top: 1px solid #313448; } #chat #chat_messages .chat_message:first-child { border-top: 0; } #chat #chat_messages .chat_message > a img { float: left; border-radius: 50%; height: 50px; width: 50px; margin-right: 15px; } #chat #chat_messages .chat_message .dell_message, #chat #chat_messages .chat_message .edit_message { color: #b7bacd; position: absolute; top: 16px; font-size: 12px; cursor: pointer; } #chat #chat_messages .chat_message .dell_message { right: 0; } #chat #chat_messages .chat_message .edit_message { right: 15px; } #chat #chat_messages .chat_message mytextarea { margin: 3px; margin-top: 15px; width: calc(100% - 10px); } #chat #chat_messages .chat_message .message { word-wrap: break-word; position: relative; overflow: hidden; font-size: 14px; line-height: 18px; } #chat #chat_messages .chat_message .message .info { display: block; margin-bottom: 2px; height: 18px; } #chat #chat_messages .chat_message .message .info .author { font-size: 14px; font-weight: 500; float: left; position: relative; cursor: pointer; } #chat #chat_messages .chat_message .message .info .date { font-size: 12px; color: #b7bacd; font-weight: 400; position: relative; float: right; line-height: 12px; } #chat #chat_messages .chat_message .message img { max-width: 300px; } #chat .input-group .smile_input { width: calc(100% - 120px); position: relative; } #chat .input-group .smile_input input { padding-right: 30px; } #chat .input-group #send_button { width: 110px; margin-left: 10px; } #chat .input-group #smile_btn { position: absolute; right: 11px; top: 14px; } #smile_btn { font-family: Font Awesome\ 5 Free; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-size: 1.33333em; line-height: 0.75em; vertical-align: -0.0667em; width: 20px; height: 17px; line-height: 15px; cursor: pointer; } #smile_btn::after { color: #ff4700; content: "\f118"; } .g_smile { height: 25px; width: 25px; display: inline-block; } .g_sticker { height: auto; width: auto; } .popover-body > .smiles_box { overflow-x: hidden; overflow-y: scroll; width: 253px; height: 300px; } .popover-body > .smiles_box .smile { cursor: pointer; margin: 7px; float: left; width: 25px; height: 25px; } .popover-body > .smiles_box .sticker { cursor: pointer; margin: 6px; float: left; width: 65px; height: 65px; } .smiles_panel { width: 100%; margin-top: 5px; } .smiles_panel > .btn { margin: 0; } .smiles_panel > .btn:nth-child(1) { width: 80px; } .smiles_panel > .btn:nth-child(2) { width: 174px; } .stickers_img { border-radius: 2px; width: 236px; height: 250px; } .smile_input_forum .btn { display: inline-block; margin-right: 10px; margin-bottom: 0; } .smile_input_forum #smile_btn { position: relative; display: inline-block; } .smile_input_forum #smile_btn::after { position: absolute; top: 5px; } #notifications_line .btn { position: absolute; right: 50px; } .noty-block, .bs-callout { position: relative; border-radius: 2px; display: block; width: 100%; color: #fff; background-color: #77a175; border: 1px solid #313448; border-left: 3px solid #313448; padding: 20px 30px 20px 30px; margin-bottom: 10px; } .noty-block.info, .bs-callout.info, .noty-block.bs-callout-info, .bs-callout.bs-callout-info { color: #fff; background-color: #dc3545; border: none; border-left: none; box-shadow: 0px 2px 20px #dc3545; } .noty-block.info *, .bs-callout.info *, .noty-block.bs-callout-info *, .bs-callout.bs-callout-info * { color: #fff; } .noty-block.success, .bs-callout.success, .noty-block.bs-callout-success, .bs-callout.bs-callout-success { color: #fdfdfd; background-color: #0ed410; border: none; border-left: none; box-shadow: 0px 2px 20px #4cdc0b; } .noty-block.success *, .bs-callout.success *, .noty-block.bs-callout-success *, .bs-callout.bs-callout-success * { color: #fff; } .noty-block.error, .bs-callout.error, .noty-block.bs-callout-danger, .bs-callout.bs-callout-danger { color: #fff; background-color: #58b19f; border: none; border-left: none; box-shadow: 0px 2px 20px #58b19f; } .noty-block.error *, .bs-callout.error *, .noty-block.bs-callout-danger *, .bs-callout.bs-callout-danger * { color: #fff; } .noty-block.warning, .bs-callout.warning, .noty-block.bs-callout-warning, .bs-callout.bs-callout-warning { color: #fff; background-color: #58b19f; border: none; border-left: none; box-shadow: 0px 2px 20px #58b19f; } .noty-block.warning *, .bs-callout.warning *, .noty-block.bs-callout-warning *, .bs-callout.bs-callout-warning * { color: #fff; } .noty-block .m-icon.icon-remove, .bs-callout .m-icon.icon-remove { position: absolute; top: 10px; right: 10px; font-size: 13px; color: rgba(255, 255, 255, 0.81); cursor: pointer; } .noty-block .m-icon.icon-remove:hover, .bs-callout .m-icon.icon-remove:hover { color: rgba(255, 255, 255, 1); } .noty-block > span, .bs-callout > span { font-size: 13px; color: #969696; display: block; margin-top: 5px; } #events .event { position: relative; width: 100%; height: 70px; border-top: 1px solid #313448; overflow: hidden; } #events .event > div { position: relative; float: left; display: table; height: 100%; width: 40%; } #events .event > div > a { height: 70px; vertical-align: middle; display: table-cell; line-height: 17px; margin: 0; color: #ffffff; } #events .event > a:not(.btn) { float: left; display: block; height: 100%; width: 20%; line-height: 70px; font-weight: bold; color: #45688E; } #events .event > a:not(.btn) img { width: 40px; height: 40px; margin: 15px; float: left; border-radius: 50%; margin-right: 10px; } #events .event > span { color: #ffffff; float: left; display: block; height: 100%; width: 25%; padding-right: 10px; padding-left: 10px; line-height: 70px; } #events .event > a.btn { float: left; display: block; width: 15%; margin-top: 22.5px; line-height: 15px; margin-bottom: 22.5px; } #events .event > i { cursor: pointer; position: absolute; top: 7px; right: 0; font-size: 10px; color: rgba(119, 119, 119, 0.4); } @media (max-width: 991.99px) { #events .event > div { width: calc(100% - 50px); } #events .event > a:not(.btn) { width: 50px; } #events .event > a:not(.btn) img { margin-right: 0; margin-left: 10px; } #events .event > a:not(.btn) span { display: none; } #events .event > span { display: none; } #events .event > a.btn { display: none; } } #online_users { font-size: 13px; color: #b7bacd; line-height: 15px; } #online_users a { padding-top: 10px; padding-bottom: 10px; border-top: 1px solid #313448; display: block; height: 60px; width: 100%; } #online_users a img { height: 40px; width: 40px; border-radius: 50%; margin-right: 10px; float: left; } #online_users a span { line-height: 20px; display: inline-block; width: calc(100% - 51px); float: right; } #online_users a span:nth-child(2) { font-weight: 500; color: #ff4700; font-size: 14px; } #online_users a span:nth-child(3) { color: #b7bacd; font-size: 13px; } .servers-online-line { border-radius: 3px; overflow: visible; position: relative; height: 30px; margin-top: -20px; background: none; border: 1px solid #272837; } .servers-online-line .progress-val { position: absolute; height: 100%; width: 100%; text-align: center; line-height: 30px; font-size: 13px; } .servers-online-line .progress-bar { margin: -1px; border-radius: 3px 0px 0px 3px; } .servers-online-line .progress-bar.bg-info { background-color: #313448 !important; border: 1px solid #313448; } .servers-online-line .progress-bar.bg-success { background-color: #313448 !important; border: none; } .servers-online-line .progress-bar.bg-warning { background-color: #313448 !important; border: 1px solid #313448; } .servers-online-line .progress-bar.bg-danger { background-color: #313448 !important; border: 1px solid #313448; } .table .table { background: none; } #top_users a { padding-top: 10px; padding-bottom: 10px; border-top: 1px solid #313448; display: block; height: 60px; width: 100%; } #top_users a img { height: 40px; width: 40px; border-radius: 50%; margin-right: 10px; float: left; } #top_users a div { margin: 0; font-weight: 500; color: #ff4700; font-size: 14px; line-height: 20px; display: inline-block; width: calc(100% - 51px); float: right; } #top_users a div > span { max-width: 100%; line-height: 17px; width: auto; } #top_users a div p span, #top_users a div > span span { color: #b7bacd; font-size: 13px; } #top_users a span { display: inline-block; width: 33.3333%; color: #b7bacd; font-size: 13px; } #top_users a span i { margin-right: 3px; } #top_users a span i::before { color: rgba(77, 133, 209, 0.5); font-size: 13px; } #last_activity span, #mybans span { padding-top: 10px; padding-bottom: 10px; border-top: 1px solid #313448; display: block; height: 80px; width: 100%; line-height: 10px; } #last_activity span p, #mybans span p { margin: 0; color: #b7bacd; font-size: 14px; line-height: 20px; display: inline-block; width: 100%; } #last_activity span p a, #mybans span p a { font-weight: 500; color: #ff4700; } #load_last_online a { line-height: 21px; font-size: 14px; } .popover_avatar { width: 50px; height: 50px; margin: -5px -8px; border-radius: 2px; } #new_news, .news { display: flex; align-items: flex-start; flex-wrap: wrap; margin-left: -30px; margin-right: -30px; margin-bottom: -30px; } #new_news div:not(.loader), .news div:not(.loader) { padding-left: 30px; padding-right: 30px; border-top: 1px solid #272837; } #new_news div:not(.loader) a h3, .news div:not(.loader) a h3 { margin-top: 20px; margin-bottom: 5px; width: 100%; display: inline-block; font-weight: 500; font-size: 16px; color: #ff4700; } #new_news div:not(.loader) a img, .news div:not(.loader) a img { width: 100%; border-radius: 2px; } #new_news div:not(.loader) p, .news div:not(.loader) p { margin-bottom: 10px; } #new_news div:not(.loader) p:last-child, .news div:not(.loader) p:last-child { margin-bottom: 20px !important; color: #b7bacd; } @media (max-width: 991.99px) { #new_news div:not(.loader), .news div:not(.loader) { width: 100%; } #new_news div:not(.loader):nth-child(1), .news div:not(.loader):nth-child(1) { border-top: 0; } #new_news div:not(.loader):nth-child(n+2), .news div:not(.loader):nth-child(n+2) { padding-top: 30px; } } @media (min-width: 992px) { #new_news div:not(.loader), .news div:not(.loader) { width: 50%; } #new_news div:not(.loader):nth-child(1), .news div:not(.loader):nth-child(1), #new_news div:not(.loader):nth-child(2), .news div:not(.loader):nth-child(2) { border-top: 0; } #new_news div:not(.loader):nth-child(n+3), .news div:not(.loader):nth-child(n+3) { padding-top: 30px; } } .vertical-center-line { position: relative; z-index: 1001; } @media (max-width: 991.99px) { .vertical-center-line::after { content: " "; } } @media (min-width: 992px) { .vertical-center-line::after { content: " "; height: 100%; position: absolute; width: 1px; background: #272837; top: 0; right: 50%; } } .vertical-center-line .loader { background-color: #fff; } .comment { position: relative; overflow: hidden; padding: 15px 0; border-top: 1px solid #313448; } .comment:first-child { border-top: 0; } .comment > a { float: left; display: block; } .comment > a img { width: 50px; height: 50px; border-radius: 50%; margin-right: 10px; } .comment > div { float: right; width: calc(100% - 60px); word-wrap: break-word; position: relative; overflow: hidden; font-size: 14px; line-height: 18px; } .comment > div .info { display: block; margin-bottom: 2px; height: 18px; } .comment > div .info .author { font-size: 14px; font-weight: 500; float: left; position: relative; cursor: pointer; } .comment > div .info .date { font-size: 12px; color: #b7bacd; font-weight: 400; position: relative; float: right; line-height: 12px; } .comment > div .dell_message, .comment > div .edit_message { color: rgba(119, 119, 119, 0.4); position: absolute; top: 16px; font-size: 11px; cursor: pointer; } .comment > div .dell_message { right: 0; } #dop #imgs img { margin-bottom: 10px; } #dop #img_result p { margin-bottom: 10px; } .ban-application.ban-information p { margin-bottom: 10px; } .ban-application #closed .m-icon { display: none; } #forum > h2, #forum_topics > h2, #forum .col-lg-12 > h2, #forum_topics .col-lg-12 > h2 { margin-left: -30px; margin-right: -30px; padding-left: 30px; padding-right: 30px; background: #1c30cd4f; border: 1px solid #599b53; font-size: 16px; display: block; height: 45px; line-height: 43px; color: #ffffff; font-weight: 400; margin-bottom: 0; } #forum .row .col-lg-12, #forum_topics .row .col-lg-12, #forum.row .col-lg-12, #forum_topics.row .col-lg-12 { margin-top: -1px; } #forum .row .col-lg-8, #forum_topics .row .col-lg-8, #forum.row .col-lg-8, #forum_topics.row .col-lg-8 { padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #313448; } #forum .row .col-lg-8 img, #forum_topics .row .col-lg-8 img, #forum.row .col-lg-8 img, #forum_topics.row .col-lg-8 img { border-radius: 50%; width: 50px; height: 50px; float: left; margin-right: 10px; } #forum .row .col-lg-8 > div, #forum_topics .row .col-lg-8 > div, #forum.row .col-lg-8 > div, #forum_topics.row .col-lg-8 > div { width: calc(100% - 60px); float: right; } #forum .row .col-lg-8 > div h3, #forum_topics .row .col-lg-8 > div h3, #forum.row .col-lg-8 > div h3, #forum_topics.row .col-lg-8 > div h3 { font-size: 14px; line-height: 17px; margin-top: 4px; } #forum .row .col-lg-8 > div h3 a, #forum_topics .row .col-lg-8 > div h3 a, #forum.row .col-lg-8 > div h3 a, #forum_topics.row .col-lg-8 > div h3 a { font-size: 14px; color: black; text-shadow:0px 0px 3px #c293d8,0px 0px 4px #c293d8,0px 0px 5px #c293d8,0px 0px 5px #c293d8,0px 0px 5px #c293d8,0px 0px 5px #c293d8,0px 0px 5px #c293d8,0px 0px 5px #c293d8,0px 0px 5px #c293d8; font-weight:bold; } #forum .row .col-lg-8 > div p, #forum_topics .row .col-lg-8 > div p, #forum.row .col-lg-8 > div p, #forum_topics.row .col-lg-8 > div p { line-height: 15px; font-size: 14px; margin: 0; color: #ffffff; } #forum .row .col-lg-8 > div p span, #forum_topics .row .col-lg-8 > div p span, #forum.row .col-lg-8 > div p span, #forum_topics.row .col-lg-8 > div p span { display: inline-block; color: #b7bacd; font-size: 13px; margin-right: 15px; } #forum .row .col-lg-8 > div p span a, #forum_topics .row .col-lg-8 > div p span a, #forum.row .col-lg-8 > div p span a, #forum_topics.row .col-lg-8 > div p span a { font-size: 14px; color: #b7bacd; } #forum .row .col-lg-8 > div p span i, #forum_topics .row .col-lg-8 > div p span i, #forum.row .col-lg-8 > div p span i, #forum_topics.row .col-lg-8 > div p span i { margin-right: 3px; } #forum .row .col-lg-8 > div p span i::before, #forum_topics .row .col-lg-8 > div p span i::before, #forum.row .col-lg-8 > div p span i::before, #forum_topics.row .col-lg-8 > div p span i::before { color: rgba(77, 133, 209, 0.5); font-size: 12px; } #forum .row .col-lg-4, #forum_topics .row .col-lg-4, #forum.row .col-lg-4, #forum_topics.row .col-lg-4 { padding-top: 10px; padding-bottom: 10px; line-height: 16.666px; border-left: 1px solid #313448; border-bottom: 1px solid #313448; } #forum .row .col-lg-4 p, #forum_topics .row .col-lg-4 p, #forum.row .col-lg-4 p, #forum_topics.row .col-lg-4 p { margin: 0; color: #f5f5f9; font-size: 14px; line-height: 13px; display: inline-block; width: 100%; } #forum .row .col-lg-4 p a, #forum_topics .row .col-lg-4 p a, #forum.row .col-lg-4 p a, #forum_topics.row .col-lg-4 p a { font-weight: 500; color: #ff4700; } #forum .row > div:nth-last-child(1), #forum_topics .row > div:nth-last-child(1), #forum.row > div:nth-last-child(1), #forum_topics.row > div:nth-last-child(1), #forum .row > div:nth-last-child(2), #forum_topics .row > div:nth-last-child(2), #forum.row > div:nth-last-child(2), #forum_topics.row > div:nth-last-child(2) { border-bottom: 0; } #forum .row:last-child, #forum_topics .row:last-child, #forum.row:last-child, #forum_topics.row:last-child { margin-bottom: -30px; } .topic-answers { margin-left: -15px; margin-right: -15px; margin-bottom: -30px; } .topic-answers div[id^="answer"]::after { clear: both; display: table; content: " "; } .topic-answers div[id^="answer"] .left-side { float: left; padding-right: 15px; } .topic-answers div[id^="answer"] .right-side { float: right; padding-left: 15px; } @media (max-width: 991.99px) { .topic-answers div[id^="answer"] .left-side { width: 100px; } .topic-answers div[id^="answer"] .right-side { width: calc(100% - 100px); } .topic-answers div[id^="answer"] .top-area .left-side { font-size: 14px; text-overflow: ellipsis; overflow: hidden; } } @media (min-width: 992px) { .topic-answers div[id^="answer"] .left-side { width: 150px; } .topic-answers div[id^="answer"] .right-side { width: calc(100% - 150px); } } .topic-answers div[id^="answer"] .top-area { margin-left: -15px; margin-right: -15px; padding-left: 15px; padding-right: 15px; background: #313448; border-top: 1px solid #313448; border-left: 1px solid #313448; border-bottom: 1px solid #313448; font-size: 16px; height: 45px; line-height: 41px; color: #b7bacd; margin-bottom: 0; } .topic-answers div[id^="answer"] .top-area .right-side { text-align: right; } .topic-answers div[id^="answer"] .top-area .right-side a { font-size: 13px; color: #b7bacd; } .topic-answers div[id^="answer"] .top-area .right-side a span { font-size: 12px; margin-right: 5px; } .topic-answers div[id^="answer"] .center-area, .topic-answers div[id^="answer"] .bottom-area { position: relative; z-index: 1001; } .topic-answers div[id^="answer"] .center-area::after, .topic-answers div[id^="answer"] .bottom-area::after { content: " "; height: 100%; position: absolute; width: 1px; background: #272837; top: 0; } @media (max-width: 991.99px) { .topic-answers div[id^="answer"] .center-area::after, .topic-answers div[id^="answer"] .bottom-area::after { left: 100px; } .topic-answers div[id^="answer"] .center-area .left-side p, .topic-answers div[id^="answer"] .bottom-area .left-side p { font-size: 13px; } .topic-answers div[id^="answer"] .center-area .left-side p:nth-child(4), .topic-answers div[id^="answer"] .bottom-area .left-side p:nth-child(4) { display: none; } } @media (min-width: 992px) { .topic-answers div[id^="answer"] .center-area::after, .topic-answers div[id^="answer"] .bottom-area::after { left: 150px; } .topic-answers div[id^="answer"] .center-area .left-side p, .topic-answers div[id^="answer"] .bottom-area .left-side p { font-size: 14px; } } .topic-answers div[id^="answer"] .center-area { padding-top: 15px; padding-bottom: 10px; } .topic-answers div[id^="answer"] .center-area .left-side { position: relative; z-index: 0; } .topic-answers div[id^="answer"] .center-area .left-side img { background: #fff; box-shadow: 0 1px 3px 0 #dadada; border-radius: 2px; max-width: 100%; padding: 3px; margin-bottom: 15px; } .topic-answers div[id^="answer"] .center-area .left-side p { display: inline-block; margin-bottom: 0; line-height: 30px; max-width: 100%; width: auto; color: black; text-shadow: 0px 0px 3px #ff062d, 0px 0px 4px #ed2847, 0px 0px 5px #ed2847, 0px 0px 5px #ed2847, 0px 0px 5px #ed2847, 0px 0px 5px #ed2847, 0px 0px 5px #ed2847, 0px 0px 5px #ed2847, 0px 0px 5px #ed2847; font-weight:bold; } .topic-answers div[id^="answer"] .center-area .left-side p:after { content: ' '; width: calc(100% - 10px); height: 1px; background: #313448; position: absolute; display: block; } .topic-answers div[id^="answer"] .center-area .left-side p:last-child:after { display: none; } .topic-answers div[id^="answer"] .center-area .right-side { z-index: 0; } .topic-answers div[id^="answer"] .center-area .right-side .edited { margin-top: 10px; color: #b7bacd; text-align: right; } .topic-answers div[id^="answer"] .center-area .right-side .signature { margin-top: 10px; padding-top: 10px; border-top: 1px solid #313448; color: #b7bacd; } .topic-answers div[id^="answer"] .bottom-area { border-top: 1px solid #313448; } .topic-answers div[id^="answer"] .bottom-area .btn-group { display: block; width: 100%; margin: 10px 0; } .topic-answers div[id^="answer"] .bottom-area .btn-group .btn { float: left; width: 50%; margin: 0; } .topic-answers div[id^="answer"] .bottom-area .btn-group .btn:last-child { margin-left: -1px; } .topic-answers div[id^="answer"] .bottom-area .btn-group::after { clear: both; display: table; content: " "; } .topic-answers div[id^="answer"] .bottom-area .thank_str { margin: 13px; margin-left: 0; } .btn-group-toggle .btn.btn-default.active { background: #313448; background: #ff4700; box-shadow: 0px 2px 20px rgba(255, 71, 0, 0.5); } .btn-group-toggle .btn.btn-default:not(.btn-sm) { line-height: 26px; } form[id^="section_settings"] .btn-group-toggle > label, div#add_section .btn-group-toggle > label { font-size: 14px; height: 30px; padding: 5px 11px; margin: 0 5px 5px 0; } table tbody[id^="forums"] img { display: block; margin: 0 auto; height: 50px; width: 50px; } table tbody[id^="forums"] tr td { padding: 5px; } table tbody[id^="forums"] tr td:first-child { max-width: 60px; } table tbody[id^="forums"] tr td:nth-child(2) { max-width: 150px; } table tbody[id^="forums"] tr td:nth-child(2) input { width: 100%; } table tbody[id^="forums"] tr td input { margin: 0; } #banlist tr td a i { font-style: normal !important; } #banlist div[id^="baninfo"] i { font-style: normal !important; } #banlist div[id^="baninfo"] input { margin: 0; } #muts tr td a i { font-style: normal !important; } #muts div[id^="muteinfo"] i { font-style: normal !important; } #muts div[id^="muteinfo"] input { margin: 0; } #server_admins tr[id^="admin"] > td > i[class^="fa"], #server_admins tr[id^="admin"] > td > .m-icon { margin-left: 5px; color: #ff4700; font-size: 12px; cursor: pointer; } #server_admins div[id^="admin_info"] table tbody tr td { font-size: 13px; padding: 7px; } #server_admins div[id^="admin_info"] .services-title { margin-bottom: 12px; float: left; } #server_admins div[id^="admin_info"] .add-service { float: right; } #server_admins #admins_services td { vertical-align: middle; word-wrap: normal; white-space: nowrap; font-size: 13px; padding: 7px; } #server_admins #admins_services td .btn { float: right; } #server_admins #admins_services td .btn > i[class^="fa"], #server_admins #admins_services td .btn > .m-icon { font-size: 12px; color: #ff4700; } #server_admins #admins_services td p { display: block; width: auto; float: left; } #server_admins #admins_services td .form-control { margin: 0; } #server_admins #admins_services td .hasDatepicker { font-size: 0.875rem; line-height: 1.5; text-indent: 5px; } .form-control { display: block; width: 100%; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5; background: rgba(255, 71, 0, 0.2); color: #fff !important; border: 1px solid #ff4700; border-radius: 0.25rem; transition: none; margin-left: 1px; } @media (max-width: 991.99px) { .admin-settings tr > td:first-child { display: none; } .admin-settings tr > td:last-child { border-left: 0; } .admin-settings tr > td:last-child small { display: block; float: right; } .admin-settings tr > td:last-child small::after { clear: both; display: table; content: " "; } } @media (min-width: 992px) { .admin-settings tr > td:last-child small { display: none; } } tr[id^="multi-account-"] span { font-size: 12px; cursor: pointer; margin-left: 5px; } #edit_user_avatar_result p { margin-bottom: 0; } table.table > tbody[id^="admins_services"] > tr > td { font-size: 13px; } table.table > tbody[id^="admins_services"] > tr > td button { margin-top: 5px; width: 100%; } table.table > tbody[id^="admins_services"] > tr > td select { margin-top: 5px; margin-bottom: 0; } .friend, .user { position: relative; overflow: hidden; padding: 15px 0; border-top: 1px solid #313448; } .friend:first-child, .user:first-child { border-top: 0; } .friend > a, .user > a { float: left; display: block; } .friend > a img, .user > a img { width: 70px; height: 70px; border-radius: 50%; margin-right: 15px; } .friend > div, .user > div { float: right; width: calc(100% - 85px); word-wrap: break-word; position: relative; overflow: hidden; font-size: 14px; line-height: 18px; } .friend > div > a, .user > div > a { font-size: 13px; line-height: 24px; } .friend > div > a::after, .user > div > a::after { white-space: pre; content: "\A"; } .friend > div > a:first-child, .user > div > a:first-child { font-size: 14px; } .friend > div > a[onclick^="take_friend"], .user > div > a[onclick^="take_friend"], .friend > div > a[onclick^="reject_friend"], .user > div > a[onclick^="reject_friend"] { margin-right: 5px; display: inline-block; } .friend > div > a[onclick^="take_friend"]::after, .user > div > a[onclick^="take_friend"]::after, .friend > div > a[onclick^="reject_friend"]::after, .user > div > a[onclick^="reject_friend"]::after { white-space: normal; content: ""; } #companions { font-size: 13px; color: #b7bacd; line-height: 15px; } #companions div { padding-top: 10px; padding-bottom: 10px; border-top: 1px solid #313448; display: block; height: 60px; width: 100%; } #companions div img { height: 40px; width: 40px; border-radius: 50%; margin-right: 10px; float: left; } #companions div a, #companions div span { line-height: 20px; display: inline-block; width: calc(100% - 51px); float: right; } #companions div a:nth-child(2), #companions div span:nth-child(2) { font-weight: 500; color: #ff4700; font-size: 14px; } #companions div a:nth-child(3), #companions div span:nth-child(3) { color: #b7bacd; font-size: 13px; cursor: pointer; } .dialogs .block_head .btn { display: inline-block; position: absolute; right: 47px; top: 30px; } #place_for_messages #messages { overflow-y: auto; height: 400px; } #place_for_messages mytextarea { width: 100%; max-width: 100% !important; min-width: 100% !important; height: 55px; max-height: 55px !important; min-height: 55px !important; } #place_for_messages .dialog { height: 70px; margin-bottom: 5px; border-radius: 3px; overflow: hidden; cursor: pointer; } #place_for_messages .dialog > div:nth-child(1) { padding: 5px; float: left; width: calc(100% - 40px); height: 70px; background-color: #271717; border-left: 1px solid #313448; border-top: 1px solid #313448; border-bottom: 1px solid #313448; } #place_for_messages .dialog > div:nth-child(1) img { height: 50px; width: 50px; border-radius: 50%; float: left; margin: 5px; margin-right: 15px; } #place_for_messages .dialog > div:nth-child(1) div { float: right; width: calc(100% - 70px); } #place_for_messages .dialog > div:nth-child(1) div p { margin: 0; } #place_for_messages .dialog > div:nth-child(1) div p:nth-child(2) { font-size: 14px; line-height: 20px; color: #ff4700; } #place_for_messages .dialog > div:nth-child(1) div p:nth-child(3) { margin-top: 1px; } #place_for_messages .dialog > div:nth-child(1) div p:nth-child(5), #place_for_messages .dialog > div:nth-child(1) div p:nth-child(6) { margin-top: -5px; } #place_for_messages .dialog > div:nth-child(1) div p:nth-child(6) { margin-left: 3px; } #place_for_messages .dialog > div:nth-child(1) div p:nth-child(5), #place_for_messages .dialog > div:nth-child(1) div p:nth-child(3), #place_for_messages .dialog > div:nth-child(1) div p:nth-child(6) { font-size: 13px; line-height: 13px; } #place_for_messages .dialog > div:nth-child(2) { padding: 5px; float: right; width: 40px; height: 70px; text-align: center; padding-top: 26px; background-color: #0e0c0c94; border-right: 1px solid #313448; border-top: 1px solid #313448; border-bottom: 1px solid #313448; } #place_for_messages .dialog > div:nth-child(2) span { font-size: 16px; color: rgba(119, 119, 119, 0.4); } #place_for_messages .dialog > div:nth-child(1):hover { background-color: #ce1f1fb5; border-right: 1px solid; border-color: #313448; } #place_for_messages .dialog > div:nth-child(2):hover { background-color: #ce1f1fb5; border-left: 1px solid; border-color: #313448; } #place_for_messages .im_message { display: block; height: auto; overflow: hidden; margin-top: 5px; margin-bottom: 5px; } #place_for_messages .im_message > img { float: left; width: 50px; height: 50px; border-radius: 50px; margin-right: 10px; } #place_for_messages .im_message > div { word-wrap: break-word; position: relative; overflow: hidden; font-size: 14px; line-height: 18px; } #place_for_messages .im_message > div img { max-width: 300px; } #place_for_messages .im_message > div > .info { display: block; margin-bottom: 2px; height: 18px; } #place_for_messages .im_message > div > .info > a { font-size: 14px; font-weight: 500; float: left; position: relative; cursor: pointer; } #place_for_messages .im_message > div > .info > span { font-size: 12px; color: #777; font-weight: 400; position: relative; float: right; line-height: 12px; } .profile-page .profile { overflow: hidden; } .profile-page .profile > img { width: 100%; margin-bottom: 15px; border-radius: 1px; } .profile-page .profile .vertical-navigation span.m-icon { display: none; } .profile-page .profile .vertical-navigation a { cursor: pointer; } .profile-page .profile .vertical-navigation ul > li:first-child a { border-top: 0; } @media (max-width: 991.99px) { .profile-page .profile .block_head small { display: block; font-size: 13px; margin-top: 5px; } } @media (min-width: 992px) { .profile-page .profile .block_head small { position: absolute; right: 46px; top: 32px; } } .profile-page .profile table { margin-top: -10px; } .profile-page .profile table tbody tr td { border: 0; color: white; text-shadow:#e9925b 0px 0px 5px,#e9925b 0px 0px 10px,#e9925b 0px 0px 15px,#bd06f4 0px 0px 20px,#bd06f4 0px 0px 30px,#bd06f4 0px 0px 40px; font-weight:bold; } .profile-page .profile table tbody tr td[colspan="2"] h4 { margin-left: -41px; margin-right: -41px; padding-left: 41px; padding-right: 41px; background: #22232b; border: 1px solid #313448; color: #b7bacd; font-size: 14px; height: 40px; line-height: 40px; width: calc(100% + 82px); display: block; font-weight: 400; margin-bottom: 0; } .profile-page .profile table tbody tr td a img { height: 30px; width: 30px; margin-right: 5px; border-radius: 50%; } .profile-page .profile table tbody tr td a span { color: #ff4700; } .profile-page a.small-friend { display: inline-block; width: 30%; margin-right: 3.3%; text-align: center; padding: 0 0 10px; } .profile-page a.small-friend img { width: 100%; border-radius: 50%; } .profile-page a.small-friend img:nth-child(3n) { margin-right: 0; } .profile-page a.small-friend span { max-width: 100%; display: block; font-size: 13px; } .profile-page #friends { position: relative; overflow: hidden; max-height: 185px; } .profile-page #friends::after { content: ''; display: none; position: absolute; width: 100%; height: 20px; bottom: 0; background: linear-gradient(to top, #fff, rgba(255, 255, 255, 0)); } .pay_area .block img { width: 100%; } .purse .row .col-lg-3 { margin-top: 5px; margin-bottom: 5px; } .purse .row .col-lg-3 > div { text-align: center; padding: 10px; border-radius: 2px; } .purse .row .col-lg-3 > div i { display: block; width: 100%; font-size: 500%; margin-bottom: 5px; } .purse .row .col-lg-3:nth-child(2n) > div { cursor: pointer; } .purse .row .col-lg-3:nth-child(1) > div { background-color: #77a175; border: 1px solid #313448; color: #fff; } .purse .row .col-lg-3:nth-child(2) > div { background-color: #77a175; border: 1px solid #313448; color: #fff; } .purse .row .col-lg-3:nth-child(3) > div { background-color: #77a175; border: 1px solid #313448; color: #fff; } .purse .row .col-lg-3:nth-child(4) > div { background-color: #77a175; border: 1px solid #313448; color: #fff; } .profile-settings .m-icon { display: none; } .profile-settings #vk_user img, .profile-settings #steam_user img, .profile-settings #fb_user img { height: 30px; width: 30px; margin-right: 5px; border-radius: 50%; } .profile-settings #vk_user span, .profile-settings #steam_user span, .profile-settings #fb_user span { display: inline; } .profile-settings table tr td[colspan="2"] { white-space: normal !important; } #stats table { max-width: 100%; } #stats tr td .rank { width: 80px; height: 30px; display: block; margin: 0 auto; } #stats .progress { position: relative; margin: -7px 0; height: 17px; } #stats .progress span { position: absolute; color: #b7bacd; width: 100%; text-align: center; top: 2px; } #stats .label { padding: 3px 6px; border-radius: 2px; background-color: #77a175; color: #b7bacd; border: 1px solid #313448; } #stats .label.label-primary { background-color: #c7590e; color: #fff; border: 0; } #stats .label.label-success { background-color: #d0b81f; color: #fff; border-color: #313448; border-radius: 7px; } #stats .label.label-info { background-color: #77a175; color: #fff; border-color: #313448; } #stats .label.label-warning { background-color: #d81124; color: #fff; border-color: #313448; } #stats .label.label-danger { background-color: #77a175; color: #fff; border-color: #313448; } .new > p:last-child { margin-top: 15px; padding-top: 15px; border-top: 1px solid #313448; color: #b7bacd; } .new > p:last-child span { margin-right: 10px; } #news a.small-new { padding-top: 10px; padding-bottom: 10px; border-top: 1px solid #313448; display: block; height: 60px; width: 100%; } #news a.small-new img { height: 40px; width: 70px; border-radius: 2%; margin-right: 10px; float: left; } #news a.small-new div { width: calc(100% - 80px); float: right; } #news a.small-new div p { font-size: 13px; margin: 0; line-height: 13.5px; display: block; color: #b7bacd; } .scrollup { visibility: visible; background: rgba(34, 35, 43, 0.75) url(../img/cd-top-arrow.svg) no-repeat center 50%; position: fixed; bottom: 0; display: block; left: 0; overflow: hidden; white-space: nowrap; opacity: 1; width: 60px; height: 100%; position: fixed; display: none; text-indent: -9999px; } @media screen and (max-width: 768px) { .scrollup { display: none !important; } } *[data-toggle="modal"] { cursor: pointer; } .modal .modal-content { border-radius: 42px; background: #500f5187; padding: 0px; padding: 30px; margin-bottom: 30px; } .modal .modal-content .modal-header { border-bottom: 0; background: #45c48900; border: none; margin-bottom: 10px; } .modal .modal-content .modal-header .close { position: absolute; right: 20px; top: 30px; font-size: 20px; color: #b7bacd; } .modal .modal-content .modal-header h4 { font-size: 18px; color: #b7bacd; } .modal .modal-content .modal-body { padding: 0 35px 35px 35px; background: #2435b605; } .modal .modal-content .modal-body table td { vertical-align: middle; } .modal-backdrop.show { opacity: 0.75; } .modal-lg2 { width: 1200px; } input.form-control, select.form-control, input[type="file"], select[type="file"] { border: 1px solid #f00; border-radius: 2px; font-size: 14px; text-indent: 10px; background: rgba(255, 0, 0, 0.2); color: #fff !important; height: 40px; line-height: 40px; margin-bottom: 10px; transition: none; margin-left: 1px; } input[disabled], select[disabled] { color: #b7bacd !important; cursor: not-allowed !important; } select.form-control { text-indent: 3px; height: 40px !important; color: white; text-shadow:0px 0px 3px #cd1ee7,0px 0px 4px #cd1ee7,0px 0px 5px #cd1ee7,0px 0px 5px #cd1ee7,0px 0px 5px #cd1ee7,0px 0px 5px #cd1ee7,0px 0px 5px #cd1ee7,0px 0px 5px #cd1ee7,0px 0px 5px #cd1ee7; font-weight:bold; } .form-control:focus { box-shadow: none; border: none; background: rgba(255, 71, 0, 0.2); /background: rgba(255, 0, 0, 0.2);/ color: #fff !important; /border: 1px solid #f00;/ border: 1px solid #ef4808; margin-left: 1px; } input[type="file"] { text-indent: 0; padding: 1px; background: #22232b; border: 1px solid #313448; padding-bottom: 41px; overflow: hidden; max-width: 100%; box-shadow: none; } .input-xs { height: 18px; padding: 0 6px; font-size: 12px; line-height: 18px; border-radius: 2px; width: auto; } .input-xsselect { height: 23px; line-height: 23px; } .input-xs[type="file"] { border-radius: 3px; padding: 0; height: 23px; width: auto; font-size: 12px; line-height: 23px; } a.btn { line-height: 28px; } a[data-toggle="popover"] { cursor: pointer; } .input-group-sm { min-width: 150px; } .input-group-sm input { text-indent: 5px; } .input-group .input-group-text { height: 40px; background-color: #f5f5f5; } .input-group.editing-date select { padding-left: 5px; text-indent: 0; } .input-group.editing-date option { background: rgb(78, 42, 39); color: #fff; } .form-group label h4 { font-size: 16px; margin: 0; color: #b7bacd; color: #000000; background:url(./files/groups_styles/bg14.gif) repeat,url(./files/groups_styles/2.gif) repeat; text-shadow:0 0 8px #8ef5dc,0 0 2px #fed31b,0 1px 0 #a20952,0 0 9px #18d267; font-weight:bold; } small { font-size: 85%; color: #b7bacd; }

  • p:last-child { margin-bottom: 0 !important; } p { margin-top: 0; margin-bottom: 20px; } .text-warning { color: #fff !important; } .text-success { color: #fff !important; } .text-error, .text-danger { color: #fff !important; } .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle { color: #fff !important; border: 1px solid #ff4700; box-shadow: none !important; background: #ff4700; } .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { box-shadow: none !important; color: #b7bacd; border: 1px solid #ff4700; border-color: #313448; } a.btn, input.btn, button.btn, label.btn { height: 40px; font-size: 14px; color: #fff; border-radius: 2px; font-weight: bold; margin-bottom: 10px; } a.btn:hover, input.btn:hover, button.btn:hover, label.btn:hover { border-color: #313448; background: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), #ff0000 !important; color: #fff !important; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.08) 100%) !important; box-shadow: 0px 2px 20px rgba(255, 71, 0, 0.5) !important; } a.btn.btn-primary, input.btn.btn-primary, button.btn.btn-primary, label.btn.btn-primary, a.btn.active, input.btn.active, button.btn.active, label.btn.active { color: #fff !important; border: 1px solid #ff0000; background: #ff0000; box-shadow: 0px 2px 20px rgba(255, 71, 0, 0.5) span; box-shadow-color: #fff !important; box-shadow-box-shadow: 0px 2px 20px rgba(255, 71, 0, 0.5); } a.btn.btn-outline-primary, input.btn.btn-outline-primary, button.btn.btn-outline-primary, label.btn.btn-outline-primary, a.btn.btn-default, input.btn.btn-default, button.btn.btn-default, label.btn.btn-default { color: #fff; border-color: #313448; background: rgba(255, 0, 0, 0.2); border: 1px solid #f00; font-weight: 100; } a.btn.btn-outline-primary:hover:not([disabled]), input.btn.btn-outline-primary:hover:not([disabled]), button.btn.btn-outline-primary:hover:not([disabled]), label.btn.btn-outline-primary:hover:not([disabled]), a.btn.btn-default:hover:not([disabled]), input.btn.btn-default:hover:not([disabled]), button.btn.btn-default:hover:not([disabled]), label.btn.btn-default:hover:not([disabled]) { background: none; color: #fff; border: 1px solid #ff0000; } a.btn.btn-outline-primary:hover:not([disabled]) span, input.btn.btn-outline-primary:hover:not([disabled]) span, button.btn.btn-outline-primary:hover:not([disabled]) span, label.btn.btn-outline-primary:hover:not([disabled]) span, a.btn.btn-default:hover:not([disabled]) span, input.btn.btn-default:hover:not([disabled]) span, button.btn.btn-default:hover:not([disabled]) span, label.btn.btn-default:hover:not([disabled]) span, a.btn.btn-outline-primary:hover:not([disabled]) i, input.btn.btn-outline-primary:hover:not([disabled]) i, button.btn.btn-outline-primary:hover:not([disabled]) i, label.btn.btn-outline-primary:hover:not([disabled]) i, a.btn.btn-default:hover:not([disabled]) i, input.btn.btn-default:hover:not([disabled]) i, button.btn.btn-default:hover:not([disabled]) i, label.btn.btn-default:hover:not([disabled]) i { color: #fff !important; } a.btn.btn-sm, input.btn.btn-sm, button.btn.btn-sm, label.btn.btn-sm { line-height: 17px; font-size: 12px; height: 25px; } a.btn .fa, input.btn .fa, button.btn .fa, label.btn .fa { line-height: 8px; } a.btn.btn-xl, input.btn.btn-xl, button.btn.btn-xl, label.btn.btn-xl { display: block; width: 100%; height: 40px; font-size: 15px; outline: 2px dashed #313448; margin-bottom: 0; } a.btn.btn-xl[href="#"], input.btn.btn-xl[href="#"], button.btn.btn-xl[href="#"], label.btn.btn-xl[href="#"] { cursor: pointer; } a.btn[disabled], input.btn[disabled], button.btn[disabled], label.btn[disabled] { cursor: not-allowed !important; } .btn.focus, .btn:focus { outline: 0; box-shadow: none; } blockquote { padding: 5px; margin: 0 0 5px; border-left: 5px solid #313448; background: #313448; } blockquote p:last-child, blockquote ul:last-child, blockquote ol:last-child { margin-bottom: 0; } blockquote footer, blockquote small, blockquote .small { display: block; font-size: 80%; line-height: 1.42857; color: #777; } blockquote footer:before, blockquote small:before, blockquote .small:before { content: '\2014 \00A0'; } .blockquote-reverse, blockquote.pull-right { padding-right: 15px; padding-left: 0; text-align: right; border-right: 5px solid #eee; border-left: 0; } .blockquote-reverse footer:before, blockquote.pull-right footer:before, .blockquote-reverse small:before, blockquote.pull-right small:before, .blockquote-reverse .small:before, blockquote.pull-right .small:before { content: ''; } .blockquote-reverse footer:after, blockquote.pull-right footer:after, .blockquote-reverse small:after, blockquote.pull-right small:after, .blockquote-reverse .small:after, blockquote.pull-right .small:after { content: '\00A0 \2014'; } blockquote:before, blockquote:after { content: ""; } #main-slider.carousel { position: relative; border-radius: 2px; overflow: hidden; margin-bottom: 30px; } #main-slider.carousel .carousel-caption { position: absolute; right: 2%; left: 6%; z-index: 10; padding-top: 0; padding-bottom: 0; color: #fff; text-align: left; bottom: auto; top: 10%; } #main-slider.carousel .carousel-caption p { margin: 20px 0; color: #b7bacd; } #main-slider.carousel .carousel-caption h1 { font-size: 230%; } #main-slider.carousel .carousel-caption h1 a { color: #fff; } #main-slider.carousel .carousel-control-prev, #main-slider.carousel .carousel-control-next { height: 40px; width: 40px; top: auto; border: 1px solid #b0b0b0; border-radius: 2px; padding-right: 1px; background: #5f5f5f; bottom: 30px; } #main-slider.carousel .carousel-control-prev { right: 80px; left: auto; } #main-slider.carousel .carousel-control-next { right: 30px; } #main-slider.carousel .carousel-control-next-icon, #main-slider.carousel .carousel-control-prev-icon { display: inline-block; width: 10px; height: 10px; } @media (max-width: 991.99px) { .order-is-first { -ms-flex-order: -1; order: -1; } .order-is-last { -ms-flex-order: 13; order: 13; } } @media (min-width: 992px) { .order-is-last { -ms-flex-order: -1; order: -1; } .order-is-first { -ms-flex-order: 13; order: 13; } } .table-responsive { width: 100%; margin-bottom: 15px; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #313448; } @media (min-width: 992px) { .table-responsive { overflow: hidden; } .table-responsive > .table > thead > tr > th, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > td { white-space: normal !important; border: 1px solid #313448; } } .table-responsive > .table { margin-bottom: 0; } .table-responsive > .table > thead > tr > th, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > td { white-space: nowrap; } .table-responsive > table.table { border: 0 !important; } .table-responsive > table.table > tbody:first-child > tr:first-child > th, .table-responsive > table.table > tbody:first-child > tr:first-child > td, .table-responsive > table.table > thead > tr:first-child > th, .table-responsive > table.table > thead > tr:first-child > td { border-top: 0 !important; background: #176db947; border-color: #313448; color: #fff; border-radius: 12px; color: #000000; background:url(./files/groups_styles/bg14.gif) repeat,url(./files/groups_styles/2.gif) repeat; text-shadow:0 0 8px #cfaafe,0 0 2px #d26c59,0 1px 0 #cdf624,0 0 9px #b67023; font-weight:bold; } .table-responsive > table.table > thead > tr > th:first-child, .table-responsive > table.table > tbody > tr > th:first-child, .table-responsive > table.table > tfoot > tr > th:first-child, .table-responsive > table.table > thead > tr > td:first-child, .table-responsive > table.table > tbody > tr > td:first-child, .table-responsive > table.table > tfoot > tr > td:first-child { border-left: 0 !important; } .table-responsive > table.table > thead > tr > th:last-child, .table-responsive > table.table > tbody > tr > th:last-child, .table-responsive > table.table > tfoot > tr > th:last-child, .table-responsive > table.table > thead > tr > td:last-child, .table-responsive > table.table > tbody > tr > td:last-child, .table-responsive > table.table > tfoot > tr > td:last-child { border-right: 0 !important; } .table-responsive > table.table > tbody > tr:last-child > th, .table-responsive > table.table > tfoot > tr:last-child > th, .table-responsive > table.table > tbody > tr:last-child > td, .table-responsive > table.table > tfoot > tr:last-child > td { border-bottom: 0 !important; color: white; text-shadow:0px 0px 3px #2309c2,0px 0px 4px #2309c2,0px 0px 5px #2309c2,0px 0px 5px #2309c2,0px 0px 5px #2309c2,0px 0px 5px #2309c2,0px 0px 5px #2309c2,0px 0px 5px #2309c2,0px 0px 5px #2309c2; font-weight:bold; } .pagination { display: inline-block; padding-left: 0; border-radius: 4px; } .pagination > li { display: inline; } .pagination > li > a, .pagination > li > span { position: relative; float: left; padding: 8px 15px; margin-left: -1px; line-height: 1.42857; text-decoration: none; color: #b7bacd; background-color: #22232b; border-color: #313448; } .pagination > li:first-child > a, .pagination > li:first-child > span { margin-left: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .pagination > li:last-child > a, .pagination > li:last-child > span { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { color: #2a6496; background-color: #eee; border-color: #ddd; } .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { z-index: 2; cursor: default; color: #b7bacd; background-color: #292a33; border-color: #313448; } .pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus { color: #b7bacd; cursor: not-allowed; background-color: #22232b; border-color: #313448; } div[id^="pagination"] { display: block; margin: 0 auto; text-align: center; margin-bottom: 25px; } div[id^="pagination"] ul { margin: 0; padding: 0; } @media (max-width: 991.99px) { .pagination > li:nth-child(4), .pagination > li:nth-child(5), .pagination > li:nth-child(6), .pagination > li:nth-child(7), .pagination > li:nth-child(8), .pagination > li:nth-child(9), .pagination > li:nth-child(10) { display: none; } .pagination > li:nth-last-child(1), .pagination > li:nth-last-child(2), .pagination > li:nth-last-child(3), .pagination > li:nth-last-child(4) { display: inline !important; } } .m-icon { font-family: Font Awesome\ 5 Free; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-size: 1.33333em; line-height: 0.75em; vertical-align: -0.0667em; font-weight: 900; } .m-icon.icon-trash:before { content: "\f2ed"; } .m-icon.icon-remove:before { content: "\f00d"; } .m-icon.icon-ok:before { content: "\f00c"; } .m-icon.icon-pencil:before { content: "\f303"; } .m-icon.icon-link:before { content: "\f0c1"; } .m-icon.icon-time:before { font-weight: 400; content: "\f017"; } .m-icon.icon-user:before { content: "\f007"; } .m-icon.icon-up:before { content: "\f077"; } .m-icon.icon-down:before { content: "\f078"; } .m-icon.icon-left:before { content: "\f104"; } .m-icon.icon-right:before { content: "\f105"; } .m-icon.icon-plus:before { content: "\f067"; } .m-icon.icon-minus:before { content: "\f068"; } .m-icon.icon-bank:before { content: "\f19c"; } .m-icon.icon-marker:before { content: "\f041"; } .m-icon.icon-vk:before { font-family: 'Font Awesome 5 Brands'; content: "\f189"; } .m-icon.icon-steam:before { font-weight: 400; font-family: 'Font Awesome 5 Brands'; content: "\f3f6"; } .m-icon.icon-fb:before { font-family: 'Font Awesome 5 Brands'; content: "\f39e"; } .m-icon.icon-bars:before { content: "\f0c9"; } .m-icon.icon-compress:before { content: "\f066"; } .with_code { overflow-wrap: break-word; color: black; text-shadow:0px 0px 3px #03fce7,0px 0px 4px #03fce7,0px 0px 5px #03fce7,0px 0px 5px #03fce7,0px 0px 5px #03fce7,0px 0px 5px #03fce7,0px 0px 5px #03fce7,0px 0px 5px #03fce7,0px 0px 5px #03fce7; font-weight:bold; } .with_code ol { list-style: decimal; margin-left: 15px; } .with_code ul { list-style: disc; margin-left: 15px; } .with_code em { font-style: italic; } .with_code video { max-width: 100%; } .with_code .player { height: 40px; overflow: hidden; } .with_code .player object { position: relative; margin-top: -22px; } .with_code video, .with_code iframe { border: 0; max-width: 100%; } .with_code img { max-width: 100%; height: auto; border-radius: 2px; } .with_code img[style="margin-left:auto;margin-right:auto;"] { margin: 0 auto; display: block; } .with_code .m-icon { font-size: 11px; margin-right: 2px; } .with_code::after { clear: both; display: table; content: " "; } .with_code table { width: auto; max-width: 100% !important; } .with_code table tr td { border: 1px solid #313448; padding: 5px; word-break: break-all; white-space: pre-wrap; word-wrap: break-word; } img.thumbnail-img { border-radius: 2px; height: auto; margin: 0; width: 100%; } #imgs .thumbnail { max-width: 100px; margin-right: 10px; margin-bottom: 0; float: left; } #imgs::before, #imgs::after { display: table; content: " "; } #imgs::after { clear: both; } div.spoiler div.spoiler-title { font-size: 13px; font-weight: bold; padding: 5px 3px; border: 1px solid #313448; cursor: pointer; line-height: 25px; background: #77a175; height: 35px; } div.spoiler div.spoiler-title div.spoiler-toggle { display: inline-block; float: left; width: 11px; height: 11px; margin-top: 5px; margin-left: 10px; margin-right: 6px; cursor: pointer; -webkit-user-modify: read-only; } div.spoiler div.spoiler-title div.hide-icon { background: url('../img/minus.png') no-repeat scroll left center transparent; } div.spoiler div.spoiler-title div.show-icon { background: url('../img/plus.png') no-repeat scroll left center transparent; } div.spoiler div.spoiler-content { font-size: 13px; border: 1px solid #313448; border-top: 0px; padding: 6px 10px; background: #fff; } div.spoiler div.title-text { float: left; height: 24px; line-height: 20px; font-weight: normal; } .error_message, .success_message { height: 0; margin: 0; font-size: 14px; position: relative; float: right; top: -40px; right: 10px; } .input_error { border-color: #313448 !important; background-color: #77a175 !important; } .input_success { border-color: #313448 !important; background-color: #77a175 !important; } .success_message { color: #fff !important; } .error_message { color: #fff !important; } table.table > tbody > tr.danger > td { background: #313448; border-color: #313448; color: #b7bacd; } table.table > tbody > tr.danger > td span { color: #b7bacd; } table.table > tbody > tr.success > td { background: #176db947; border-color: #313448; color: #fff; border-radius: 12px; } table.table > tbody > tr.success > td span { color: #fff; } table.table > tbody > tr.warning > td { background: #77a175; border-color: #313448; color: #fff; } table.table > tbody > tr.warning > td span { color: #fff; } table.table > tbody > tr * { color: #b7bacd; } table.table > tbody > tr > td { vertical-align: middle; font-size: 13px; line-height: 40px; color: #42f366; } table.table > tbody > tr > td .btn { margin: 0; } table.table > tbody > tr > td p { margin: 0; } table.table > tbody > tr > td a { color: #ff4700; white-space: nowrap; } table.table > tbody > tr > td a[href*="profile"] img, table.table > tbody > tr > td a img[src="../files/avatars/no_avatar.jpg"] { height: 30px; width: 30px; margin-right: 5px; border-radius: 50%; } table.table > tbody > tr > td h4.modal-title { font-weight: bold; font-size: 18px; color: #333; } #search_ban_res_min > tr:nth-child(2n) { height: 0 !important; padding: 0 !important; margin: 0 !important; } #search_ban_res_min > tr:nth-child(2n) > td { height: 0 !important; padding: 0 !important; margin: 0 !important; border: 0 !important; } #bans tr td:nth-child(1):hover, #tickets tr td:nth-child(2):hover, #open_tickets tr td:nth-child(2):hover, #close_tickets tr td:nth-child(2):hover, #search_ban_res_min tr td:nth-child(2):hover { background: none; } #muts td, #banlist td, #stats td { vertical-align: middle; cursor: pointer; } td[colspan$="10"] img, td[colspan$="10"] { text-align: center; padding: 10px !important; color: #b7bacd; font-weight: normal; font-size: 13px; background-color: #0b10537d; margin: 0 auto; } table tr[data-toggle="modal"] > td, table.admins tr > td { border-bottom: 0 !important; } .hidden-tr > td { height: 0 !important; border: 0 !important; padding: 0 !important; } .mce-tinymce { box-shadow: none !important; } .mce-tinymce .mce-btn-small button { padding: 7px 6px; } .mce-tinymce .mce-path { padding: 14px; } .mce-tinymce .mce-btn-group:not(:first-child) { border-left: 0; } .label.label-default { color: #fff; } .label.label-success { color: #fff; } .label.label-danger { color: #fff; } .empty-element { display: block; width: 100%; padding: 10px; text-align: center; border-top: 1px solid #313448; color: #ffffff; max-height: 40px; } .owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; position: relative; } .owl-carousel.smiles_panel *::selection, .owl-carousel.smiles_panel *::-moz-selection { background: none; } .owl-carousel.smiles_panel .owl-stage-outer { z-index: 1060; width: 212px; margin-left: 20.5px; } .owl-carousel.smiles_panel .owl-nav { position: absolute; top: 0; width: 100%; z-index: 1059; } .owl-carousel.smiles_panel .owl-prev, .owl-carousel.smiles_panel .owl-next { overflow: hidden; border: 1px solid #272837; height: 40px; width: 18px; padding-top: 10px; text-align: center; } .owl-carousel.smiles_panel .owl-prev { border-radius: 3px 0 0 3px; float: left; } .owl-carousel.smiles_panel .owl-next { border-radius: 0 3px 3px 0; float: right; } .owl-carousel.smiles_panel .smilebtn { float: left; height: 40px; border: 1px solid #272837; cursor: pointer; display: block; width: 100%; line-height: 34px; text-align: center; border-right: 0; } .owl-carousel.smiles_panel .smilebtn img { display: inline-block; height: 30px; width: 30px; } .owl-carousel.smiles_panel .smilebtn:hover, .owl-carousel.smiles_panel .smilebtn:active { background: rgba(243, 243, 243, 1); } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } .owl-carousel.owl-text-select-on .owl-item { -webkit-user-select: auto; -moz-user-select: auto; -ms-user-select: auto; user-select: auto; } .owl-carousel.owl-loaded { display: block; } .owl-carousel .animated { -webkit-animation-duration: 1000ms; animation-duration: 1000ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .owl-carousel .owl-height { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; -webkit-transform: translate3d(0px, 0, 0); } .owl-carousel .owl-controls .owl-nav .owl-prev, .owl-carousel .owl-controls .owl-nav .owl-next, .owl-carousel .owl-controls .owl-dot { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel .owl-refresh .owl-item { display: none; } .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel .owl-item img { display: block; width: 100%; -webkit-transform-style: preserve-3d; } .owl-carousel .owl-grab { cursor: move; cursor: -webkit-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; } .owl-carousel .owl-item .owl-lazy { opacity: 0; -webkit-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; -ms-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease; } .owl-carousel .owl-item img { transform-style: preserve-3d; } .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url("owl.video.play.png") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; -webkit-transition: scale 100ms ease; -moz-transition: scale 100ms ease; -ms-transition: scale 100ms ease; -o-transition: scale 100ms ease; transition: scale 100ms ease; } .owl-carousel .owl-video-play-icon:hover { -webkit-transition: scale(1.3, 1.3); -moz-transition: scale(1.3, 1.3); -ms-transition: scale(1.3, 1.3); -o-transition: scale(1.3, 1.3); transition: scale(1.3, 1.3); } .owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { display: none; } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; -webkit-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; -ms-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease; } .owl-carousel .owl-video-frame { position: relative; z-index: 1; } .no-js .owl-carousel { display: block; } .lightboxOverlay { position: absolute; top: 0; left: 0; z-index: 1100; background-color: black; opacity: 0.75; display: none; } .lightbox { position: absolute; left: 0; width: 100%; z-index: 1110; text-align: center; line-height: 0; font-weight: normal; } .lightbox .lb-outerContainer { position: relative; background-color: white; *zoom: 1; width: 250px; height: 250px; margin: 0 auto; border-radius: 2px; } .lightbox .lb-outerContainer .lb-container { padding: 2px; } .lightbox .lb-outerContainer .lb-container > .nav { left: 0; } .lightbox .lb-outerContainer .lb-container .lb-loader { position: absolute; top: 43%; left: 0; height: 25%; width: 100%; text-align: center; line-height: 0; } .lightbox .lb-outerContainer .lb-container .lb-loader .lb-cancel { display: block; width: 32px; height: 32px; margin: 0 auto; background: url("../img/loading.gif") no-repeat; } .lightbox .lb-outerContainer .lb-container .lb-image { display: block; height: auto; max-width: inherit; border-radius: 3px; } .lightbox .lb-outerContainer .lb-container .lb-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } .lightbox .lb-outerContainer .lb-container .lb-nav a { outline: none; background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=='); } .lightbox .lb-outerContainer .lb-container .lb-nav .lb-prev, .lightbox .lb-outerContainer .lb-container .lb-nav .lb-next { height: 100%; cursor: pointer; display: block; } .lightbox .lb-outerContainer .lb-container .lb-nav a.lb-prev, .lightbox .lb-outerContainer .lb-container .lb-nav a.lb-next { opacity: 0; transition: opacity 0.6s; background: rgba(0, 0, 0, 0.26); } .lightbox .lb-outerContainer .lb-container .lb-nav a.lb-prev:after, .lightbox .lb-outerContainer .lb-container .lb-nav a.lb-next:after { font-family: Font Awesome\ 5 Free; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-size: 1.33333em; line-height: 0.75em; vertical-align: -0.0667em; line-height: 0.75em; font-weight: 900; font-size: 30px; color: #fff; position: absolute; top: 50%; margin-top: -0.325em; } .lightbox .lb-outerContainer .lb-container .lb-nav a.lb-prev { width: 20%; left: 0; float: left; } .lightbox .lb-outerContainer .lb-container .lb-nav a.lb-prev::after { margin-left: -8px; left: 10%; content: "\f104"; } .lightbox .lb-outerContainer .lb-container .lb-nav a.lb-next { width: 20%; right: 0; float: right; } .lightbox .lb-outerContainer .lb-container .lb-nav a.lb-next::after { margin-right: -8px; right: 10%; content: "\f105"; } .lightbox .lb-outerContainer .lb-container .lb-nav a.lb-prev:hover, .lightbox .lb-outerContainer .lb-container .lb-nav a.lb-next:hover { opacity: 0.8; } .lightbox .lb-outerContainer:after { content: ""; display: table; clear: both; } .lightbox a img { border: none; } .lb-dataContainer { margin: 0 auto; padding-top: 5px; *zoom: 1; width: 100%; } .lb-dataContainer::after { content: ""; display: table; clear: both; } .lb-dataContainer .lb-data { padding: 0 4px; color: #ccc; } .lb-dataContainer .lb-data .lb-details { width: 85%; float: left; text-align: left; line-height: 1.1em; } .lb-dataContainer .lb-data .lb-caption { font-size: 13px; font-weight: bold; line-height: 1em; } .lb-dataContainer .lb-data .lb-number { display: block; clear: left; padding-bottom: 1em; font-size: 12px; color: #999; } .lb-dataContainer .lb-data .lb-close { color: #ccc; display: block; float: right; width: 30px; height: 30px; text-align: right; outline: none; opacity: 0.7; transition: opacity 0.2s; } .lb-dataContainer .lb-data .lb-close::after { font-family: Font Awesome\ 5 Free; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; font-size: 1.33333em; line-height: 0.75em; vertical-align: -0.0667em; font-weight: 900; content: "\f00d"; } .lb-dataContainer .lb-data .lb-close:hover { cursor: pointer; opacity: 1; } .noty_bar.noty_type_error .noty_message { background: #77a175; color: #fff; border: 1px solid #313448; } .noty_bar.noty_type_error a { color: #fff; } .noty_bar .noty_message { background: #fff; color: #b7bacd; border: 1px solid #272837; box-shadow: 0 -1px 0 #d7d8db; border-radius: 2px; padding: 15px !important; } .noty_bar .noty_message .noty_text { font-weight: 400; } .animated { border: 0 !important; box-shadow: none !important; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated .infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animated .hinge { -webkit-animation-duration: 2s; animation-duration: 2s; } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } #nprogress { z-index: 1200; pointer-events: none; } #nprogress .bar { background: #ff4700; position: fixed; z-index: 1200; top: 0; left: 0; width: 100%; height: 2px; } #nprogress .peg { display: block; position: absolute; right: 0px; width: 100px; height: 100%; box-shadow: 0 0 10px #eee, 0 0 5px #eee; opacity: 1; -webkit-transform: rotate(3deg) translate(0px, -4px); -ms-transform: rotate(3deg) translate(0px, -4px); transform: rotate(3deg) translate(0px, -4px); } #nprogress .spinner { display: block; position: fixed; z-index: 1200; top: 15px; right: 15px; } #nprogress .spinner-icon { width: 20px; height: 20px; box-sizing: border-box; border: solid 2px transparent; border-top-color: #ff4700; border-left-color: #ff4700; border-radius: 50%; -webkit-animation: nprogress-spinner 400ms linear infinite; animation: nprogress-spinner 400ms linear infinite; } .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle { background: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), #ff4700 !important; color: #fff !important; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.08) 100%) !important; box-shadow: 0px 2px 20px rgba(255, 71, 0, 0.5) !important; border: 1px solid #ff4700; } .btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show > .btn-outline-primary.dropdown-toggle { background: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), #ff4700 !important; color: #fff !important; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.08) 100%) !important; box-shadow: 0px 2px 20px rgba(255, 71, 0, 0.5) !important; border: 1px solid #ff4700; } .btn { transition: none; } .nprogress-custom-parent { overflow: hidden; position: relative; } .nprogress-custom-parent .spinner, .nprogress-custom-parent .bar { position: absolute; } @-webkit-keyframes nprogress-spinner { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @keyframes nprogress-spinner { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .result_ok, .result_ok_b { display: block; position: fixed; z-index: 1200; top: 16px; right: 18px; color: #ff4700; font-size: 16px; } .result_error, .result_error_b { display: block; position: fixed; z-index: 1200; top: 17px; right: 18px; color: #ff4700; font-size: 16px; } #cote { height: 150px; width: 150px; position: absolute; right: -25px; cursor: pointer; bottom: -29px; z-index: 1001; } #cote img { height: 150px; width: 150px; } @media (max-width: 991.99px) { #cote { display: none; } } .vk-widgets a[id^="admin_widget"] { margin-top: 3px; margin-bottom: 3px; display: block; } .vk-widgets a[id^="admin_widget"] img { display: block; width: 30px; height: 30px; float: left; border-radius: 50%; } .vk-widgets a[id^="admin_widget"] span { display: block; width: calc(100% - 40px); float: right; line-height: 30px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .vk-widgets a[id^="admin_widget"]::after { clear: both; display: table; content: " "; } .disp-b { display: block; } .disp-n { display: none; }

select option { color: #000; } #bans tr td:nth-child(1) a, #tickets tr td:nth-child(2) a, #open_tickets tr td:nth-child(2) a, #close_tickets tr td:nth-child(2) a, #search_ban_res_min tr td:nth-child(2) a { max-width: 300px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: inline-block; }

/* CUSTOM */ .apo { background: #ddd; height: 50px; text-align: center; font-size: 50px; margin-top: 50px; opacity: 0.5; padding-bottom: 7px; }

.spark { background-color: #DE4A00; font-family: 'Helvetica', sans-serif; visibility: hidden; position: absolute; width: 4px; height: 4px; border-radius: 30%; box-shadow: 0 0 5px #AB000B; }

/* NICK */ .vt{ background-image:url("../files/extra/backround11.gif"); repeat-x; color:#0d5c97; text-shadow:0px 0px 5px #0d5c97 } .vt2{ background-image:url("../files/extra/backround11.gif"); repeat-x; color:white; text-shadow:0px 0px 5px #fff } .vt3{ background-image:url("../files/extra/backround11.gif"); repeat-x; color:red; text-shadow:0px 0px 5px #0d5c97 } .vt4{ background-image:url("../files/extra/backround11.gif"); repeat-x; color:#ff8c00; text-shadow:0px 0px 5px #0d5c97 } .nick{ color:#0d5c97; text-shadow:0px 0px 5px #0d5c97 }

/-- Sign Styles --/

.sign { min-height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; /font-size: 5.6rem;/ /text-align: center;/ line-height: 1; color: #c6e2ff; animation: neon .08s ease-in-out infinite alternate; }

/-- Animation Keyframes --/

@keyframes neon { from { text-shadow: 0 0 6px rgba(255,0,0,0.92), 0 0 30px rgba(255,0,0,0.34), 0 0 12px rgba(255,0,0,0.52), 0 0 21px rgba(255,0,0,0.92), 0 0 34px rgba(255,0,0,0.78), 0 0 54px rgba(255,0,0,0.92); } to { text-shadow: 0 0 6px rgba(255,0,0,0.98), 0 0 30px rgba(255,0,0,0.42), 0 0 12px rgba(255,0,0,0.58), 0 0 22px rgba(255,0,0,0.84), 0 0 38px rgba(255,0,0,0.88), 0 0 60px rgba(255,0,0,1); } }

.servers-online-line { border-radius: 3px; /* overflow: visible; */ position: relative; height: 30px; margin: -10px 0px -10px 0px; background: none; } .progress-val { position: absolute; height: 100%; width: 100%; text-align: center; line-height: 28px !important; font-size: 13px; } .progress-bar { margin: -1px; border-radius: 3px 0px 0px 3px; } .progress-bar.bg-info { background-color: #E1EFFA !important; border: 1px solid #CADDED; } .progress-bar.bg-success { background-color: #E3F5DC !important; border: 1px solid #CDE8C3; } .progress-bar.bg-warning { background-color: rgb(255, 240, 210) !important; border: 1px solid rgb(232, 221, 202); } .progress-bar.bg-danger { background-color: #FCE3E3 !important; border: 1px solid #E8CACA; } .monitoring-table { background: #134ae038; border: 12px solid rgb(19 218 62); border-radius: 16px; margin-bottom: 48px !important; } .monitoring-table thead td { padding: 15px 30px 15px 30px; font-weight: bold; font-size: 16px; color: inherit; background: #0b444638; } .monitoring-table tbody td { padding: 10px 5px; font-size: 16px; color: rgb(21, 21, 21); } .monitoring-table tbody > tr > td:not(:first-child), .monitoring-table thead > tr > td:not(:first-child) { text-align: center; } .monitoring-table tbody > tr > td a { color: #673AB7 !important; } .monitoring-table tbody > tr > td:first-child p { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: block; max-width: 230px; line-height: 19px; } .monitoring-table tbody > tr > td:last-child > a { display: inline-block; margin: -10px 0px -10px 0px; padding: 7px; border-radius: 2px; text-align: center; font-size: 15px; padding-right: 11px; } .monitoring-table tbody > tr > td:last-child > a > i { display: block; margin: 0; } .monitoring-table tbody > tr > td:last-child > a:nth-child(1) { background: rgb(41, 43, 57); border: 1px solid #2f3553; transition: all 250ms ease-in-out; } .monitoring-table tbody > tr > td:last-child > a:nth-child(1):hover { box-shadow: 0 0 2px 3px rgb(49, 52, 72); } .monitoring-table tbody > tr > td:last-child > a:nth-child(1) > i { color: inherit; } .monitoring-table tbody > tr > td:last-child > a:nth-child(2) { background: rgba(220, 53, 69, 0.37); border: 1px solid rgb(220, 53, 69); padding-right: 8px; transition: all 250ms ease-in-out; } .monitoring-table tbody > tr > td:last-child > a:nth-child(2):hover { box-shadow: 0 0 2px 3px rgb(220, 53, 69); } .monitoring-table tbody > tr > td:last-child > a:nth-child(2) > i { color: #b7bacd; } .monitoring-table tbody > tr > td:last-child > a:nth-child(3) { padding-right: 8px; background: rgb(41, 43, 57); border: 1px solid #2f3553; transition: all 250ms ease-in-out;
} .monitoring-table tbody > tr > td:last-child > a:nth-child(3):hover { box-shadow: 0 0 2px 3px rgb(49, 52, 72); } .monitoring-table tbody > tr > td:last-child > a:nth-child(3) > i { color: inherit; } .monitoring-table td[colspan="10"] { padding: 15px 5px 15px 5px !important; } .monitoring-table .game-icon { width: 20px; height: 20px; margin: -5px; margin-left: 0; margin-right: 5px; } .popover-map-img { width: 100px; height: 100px; margin: -5px -8px; border-radius: 2px; }

#show_all_servers b { font-weight: 400; display: block; width: 100%; height: 30px; margin: -10px 0; line-height: 28px; font-size: 13px; border-radius: 2px; transition: all 250ms ease-in-out; background: rgb(48, 41, 79); color: inherit; border: 1px solid rgb(76, 56, 158); } #show_all_servers b:hover { background: rgb(76, 56, 158); color: inherit; }

#main-slider.carousel .carousel-caption h1 { padding: 10px; background: #22232bb8; width: max-content; border-radius: 22px 6px 22px 6px; } #main-slider.carousel .carousel-caption p { padding: 7px; background: #22232bb8; width: max-content; border-radius: 6px 22px 6px 22px; } .block_head i { color: #dc3545; } .table-bordered td, .table-bordered th { border: 1px solid #313448 !important; }

.btn-group-toggle .btn.btn-default.active { box-shadow: 0 0 4px 1px rgb(76, 56, 158) !important; }

@media (min-width: 992px) { .wapper .header .collapsible-menu>li>a { padding: 18px; } }

div.modal-header > h4 > span { padding-right: 7px; color: #dc3545 !important; }

table.table>tbody>tr>td a { white-space: normal; }

.servers-online-line .progress-bar.bg-info { background-color: #40E0D0 !important; animation: 2s linear 0s normal none infinite running progress-bar-stripes; background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: 7px 7px; border: 0px solid #ccc; } .servers-online-line .progress-bar.bg-success { background-color: #40E0D0 !important; animation: 2s linear 0s normal none infinite running progress-bar-stripes; background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: 7px 7px; border: 0px solid #ccc; } .servers-online-line .progress-bar.bg-warning { background-color: #40E0D0 !important; animation: 2s linear 0s normal none infinite running progress-bar-stripes; background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: 7px 7px; border: 0px solid #ccc; } .servers-online-line .progress-bar.bg-danger { background-color:#40E0D0 !important; animation: 2s linear 0s normal none infinite running progress-bar-stripes; background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: 7px 7px; border: 0px solid #ccc; }

#servers > tr td * { color: #1fe566 !important; }

.progress { border: 1px solid #dc3545 !important; }

.monitoring-table i {color: #dc3545;}

canvas { display: block; vertical-align: bottom; } /* ---- particles.js container ---- */ #particles-js { position: absolute; width: 100%; height: 100%; }

@-moz-document domain('youtube.com') { .ytp-live .ytp-time-current { display: inline-block; margin-right: 8px; } }

Add a custom sidebar
Clone this wiki locally