/* Původní styly */
html, body, textarea {
font-family: Verdana, Arial, Helvetica, sans-serif;
line-height: 1.3;
}
.selector-for-some-widget {
box-sizing: content-box;
}
body {
font-size: 16px;
}
header, nav, main, footer, .topbar {
display: block;
}
.layout {
max-width: 1200px;
margin: 0 auto;
}
.display-flex {
display: flex;
display: -webkit-flex;
flex-wrap: wrap;
}
.color-black { color: #000; }
.relative { position: relative; }
.margin-top-15 { margin-top: 15px; }
.margin-top-10 { margin-top: 10px; }
.margin-bottom-10 { margin-bottom: 10px; }
.margin-bottom-15 { margin-bottom: 15px; }
.padding-5 { padding: 5px; }
.padding-15 { padding: 15px; }
.padding-top-15 { padding-top: 15px; }
.padding-left-15 { padding-left: 15px; }
.margin-left-15 { margin-left: 15px; }
.padding-bottom-0 { padding-bottom: 0px; }
.padding-bottom-5 { padding-bottom: 5px; }
.padding-right-5 { padding-right: 5px; }
.text-decoration-none { text-decoration: none; }
.link { text-decoration: none; }
.link:hover { text-decoration: underline; }
.font2 {
font-family: "Trebuchet MS", Helvetica, Arial, Sans-serif;
}
.output {
max-width: 100%;
}
.msg-holder {
width: 100%;
}
.error-ab {
display: block;
padding: 5px 10px;
background-color: #f2dede;
border: 1px solid #eed3d7;
color: #b94a48;
margin-bottom: 10px;
text-align: center;
}
.output .error,
.output .warning,
.output .success {
display: block;
padding: 5px 10px;
background-color: #f2dede;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
border: 1px solid #eed3d7;
color: #b94a48;
margin-bottom: 10px;
text-align: center;
}
.output .success {
background-color: #dff0d8;
border: 1px solid #d6e9c6;
color: #468847;
}
.output .warning {
background-color: #fcf8e3;
border: 1px solid #faebcc;
color: #8a6d3b;
}
.cookies-info {
min-width: 100%;
z-index: 1000;
position: fixed;
background: #050c11;
text-align: center;
color: #a4a4a4;
padding: 8px 0px;
bottom: 0;
font-size: 14px;
}
.cookies-info a {
color: #a4a4a4;
}
.cookies-info input {
margin-left: 15px;
height: 24px;
display: inline-block;
border-radius: 4px;
line-height: 1;
padding: 0 6px;
text-decoration: none;
font-size: 14px;
background-color: #d9d9d9;
cursor: pointer;
color: #000;
}
.cookies-info input:hover {
background-color: #a5a5a5;
}
input[type=text],
input[type=email],
input[type=number],
input[type=password] {
display: block;
width: 190px;
height: 24px;
padding: 2px 7px;
font-size: 15px;
outline: none;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: 1px solid white;
box-shadow: 0 0px 1px 0px #888888, inset 0 10px 10px 0px #e4e4e4;
border-bottom: solid 1px #bbbbbb;
border-left: solid 1px #bbbbbb;
border-right: solid 1px #bbbbbb;
color: #4e4e4e;
}
select {
box-shadow: 0 0px 1px 0px #888888, inset 0 10px 10px 0px #f3f3f3;
display: block;
font-size: 14px;
outline: none;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: 1px solid white;
border-bottom: solid 1px #bbbbbb;
border-left: solid 1px #bbbbbb;
border-right: solid 1px #bbbbbb;
}
textarea {
box-shadow: 0 0px 1px 0px #888888, inset 0 10px 10px 0px #f3f3f3;
display: block;
font-size: 14px;
outline: none;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: 1px solid white;
border-bottom: solid 1px #bbbbbb;
border-left: solid 1px #bbbbbb;
border-right: solid 1px #bbbbbb;
}
input[type=password] {
margin-top: 5px;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=password]:focus {
box-shadow: 0 0px 1px 0px #777777, inset 0 10px 10px 0px #d4d4d4;
}
input[type=submit],
.btn {
display: block;
width: 95px;
height: 27px;
font-size: 15px;
cursor: pointer;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: none;
background: url("/images/menu-bg.png?v=1.0");
color: #fff;
}
input[type=submit]:hover,
.btn:hover {
background: url("/images/menu-bg.png?v=1.0");
}
header {
max-width: 100%;
background: url('/images/csgo.jpg?v=2.0');
background-position: 50% 50%;
background-size: cover;
background-position: center center;
}
header h1 {
display: none;
}
header .header-image {
margin: 25px 0px;
}
header .header-image img {
max-width: 100%;
}
header .userbox {
position: absolute;
margin-top: 30px;
right: 10px;
width: 280px;
height: 190px;
background-color: #fff;
background: url("/images/login-bg.png?v=2.0");
-webkit-box-shadow: 0 1px 7px 0 rgba(0,0,0,0.3), 0 1.5px 3px 0 rgba(0,0,0,0.3);
-moz-box-shadow: 0 1px 7px 0 rgba(0,0,0,0.3),0 1.5px 3px 0 rgba(0,0,0,0.3);
box-shadow: 0 1px 7px 0 rgba(0,0,0,0.3), 0 1.5px 3px 0 rgba(0,0,0,0.3);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
/* Nové odstíny barev */
:root {
--primary-color: #0076b1;
--primary-color-light: #48a7e0;
--primary-color-dark: #004a73;
--secondary-color: #fcf8e3;
--secondary-color-light: #fff9e6;
--secondary-color-dark: #f0e5d6;
--success-color: #dff0d8;
--success-color-dark: #468847;
--error-color: #f2dede;
--error-color-dark: #b94a48;
--warning-color: #fcf8e3;
--warning-color-dark: #8a6d3b;
}
header .userbox .title-box {
display: block;
height: 30px;
text-align: center;
line-height: 30px;
padding: 7px;
margin-bottom: 2px;
}
header .userbox .title-box .title {
display: block;
width: 100%;
height: 30px;
text-align: center;
font-weight: bold;
font-size: 15px;
line-height: 28px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: none;
background: url("/images/menu-bg.png?v=2.0");
box-shadow: 0 0px 4px 0px #25a0ce, inset 0 10px 10px 0px #0ea9e2;
/*background-color: #04688d;*/
color: #fff;
position: relative;
}
header .userbox .title-box .status {
position: absolute;
padding: 4px;
top: 0;
left: 0;
width: calc(100% - 8px);
display: none;
}
header .userbox .title-box .status p {
padding: 1px 5px;
font-size: 14px;
line-height: 14px;
min-height: 32px;
display: flex;
justify-content: center;
align-items: center;
}
header .userbox input[type=submit] {
margin-left: auto;
margin-right: 3px;
}
header .userbox .login {
display: block;
margin: 0 auto;
width: 210px;
}
header .userbox .login label {
margin-top: 3px;
margin-bottom: 2px;
}
header .userbox .login label input {
display: block;
margin-right: 5px;
}
header .userbox .login label p {
display: block;
font-size: 13px;
line-height: 18px;
}
header .userbox .login .reg-btn {
font-size: 15px;
line-height: 26px;
text-decoration: none;
color: #2a5985;
}
header .userbox .login .reg-btn:hover {
text-decoration: underline;
}
header .userbox .forgot-box {
width: 100%;
text-align: right;
margin-top: 6px;
}
header .userbox .forgot-box .forgot-pw {
font-size: 13px;
text-decoration: none;
margin-right: 8px;
color: #555;
}
header .userbox .forgot-box .forgot-pw:hover {
text-decoration: underline;
}
header .userbox .avatar {
/*width: 90px;
height: 105px;*/
margin-left: 20px;
margin-top: 5px;
}
header .userbox .avatar .credit-btn {
font-size: 14px;
text-align: center;
display: block;
color: #505050;
text-decoration: none;
}
header .userbox .avatar .credit-btn:hover {
text-decoration: underline;
}
header .userbox .avatar img {
border: 1px solid #ddd;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
padding: 3px;
width: 90px;
height: 105px;
}
header .userbox .right {
/*width: 145px;*/
width: calc(100% - 150px);
/*width: auto;*/
/*height: 100px;*/
margin-left: 15px;
margin-top: 10px;
padding-left: 15px;
}
header .userbox .right ul {
height: 100px;
}
header .userbox .right li {
line-height: 1.5;
padding-left: 10px;
}
.administration-link,
header .userbox .right li a {
font-size: 12px;
text-decoration: none;
color: #2a5985;
}
.administration-link:hover,
header .userbox .right li a:hover {
text-decoration: underline;
}
.administration-link {
margin-left: 10px;
}
header .userbox .logout {
width: 85px !important;
height: 23px !important;
font-size: 14px !important;
margin-right: 5px !important;
margin-top: 5px;
}
nav {
max-width: 100%;
min-height: 45px;
box-shadow: 0 0px 4px 0px #25a0ce, inset 0 10px 15px 0px #0ea9e2;
background: url("/images/menu-bg.png?v=1.0");
}
nav .icon {
display: none;
height: 30px;
margin-left: 7px;
font-size: 22px;
text-decoration: none;
color: #e5e5e5;
border: 2px solid #e5e5e5;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding: 0px 8px;
line-height: 30px;
margin-right: 10px;
}
nav ul {
padding: 0px 5px;
}
nav ul li {
line-height: 45px;
}
nav ul li h2 a {
color: #fff;
text-decoration: none;
/*font-weight: bold;*/
font-size: 15px;
padding: 14px 14px;
margin: 0px 1px;
/*text-transform: uppercase;*/
}
nav ul li h2 a:hover,
nav ul li h2 .active {
color: #25a0ce;
background-color: #f5f5f5;
}
nav ul li h2 .plus-color:hover,
nav ul li h2 .active-plus:hover,
nav ul li h2 .active-plus {
color: #d49e00;
background-color: #f5f5f5;
}
.plus-color { color: #ffca00; }
main {
max-width: 100%;
min-height: 500px;
//background: #13151a;
//background-image: url("../images/bg.png");
background-position: center top;
background-attachment: fixed;
//background-color: #0c0c0c87;
background: rgb(39,55,199);
background: linear-gradient(90deg, rgba(39,55,199,0.5438550420168067) 0%, rgba(68,215,232,0.5494572829131652) 100%);
padding: 15px 0px;
}
main .box {
background-color: #fff;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: 0 1px 7px 0 rgba(0,0,0,0.1), 0 1.5px 3px 0 rgba(0,0,0,0.15);
-moz-box-shadow: 0 1px 7px 0 rgba(0,0,0,0.1),0 1.5px 3px 0 rgba(0,0,0,0.15);
box-shadow: 0 1px 7px 0 rgba(0,0,0,0.1), 0 1.5px 3px 0 rgba(0,0,0,0.15);
}
main .left-box {
flex: 0 0 69.99%;
max-width: 69.99%;
height: auto;
/*padding-right: 15px;*/
/*position: relative;*/
/*padding: 15px 0px 0px 15px; MOBILE*/
}
main .server-details-title,
main .servers-category {
text-align: left;
padding: 0px 5px;
background-color: #0076b1;
color: #fff;
text-transform: uppercase;
font-size: 12px;
height: 25px;
line-height: 25px;
/*
box-shadow: 0 0px 2px 0px #25a0ce, inset 0 10px 15px 0px #0ea9e2;*/
background: url(/images/menu-bg.png?v=1.0);
box-shadow: 0 0px 1px 0px #25a0ce, inset 0px 8px 15px 0px #0ea9e2;
}
main .admins-category {
text-align: left;
padding: 0px 5px;
/*background-color: #0076b1;*/
border-bottom: 1px solid #d2d2d2;
padding-bottom: 3px;
margin-bottom: 5px;
font-size: 17px;
}
main .admin-list-2 {
padding: 10px;
}
main .admin-list-2 li {
padding-bottom: 10px;
}
main .admin-list-2 .avatar {
margin-right: 10px;
}
main .admin-list-2 .name {
line-height: 36px;
margin-left: 5px;
}
main .admin-list-2 .avatar img {
border: 1px solid #ddd;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
main .servers {
/*padding: 5px;*/
padding-top: 0px;
}
main .servers li:hover {
background-color: #f7f7f7;
}
main .left-box .top-servers {
padding: 5px;
}
main .left-box .top-servers li {
width: 100%;
height: 30px;
border-bottom: 1px solid #efefef;
}
main .left-box .top-servers li:hover {
background-color: #f7f7f7;
}
main .servers li {
width: 100%;
height: 30px;
border-top: 1px solid #efefef;
}
main .servers span,
main .left-box .top-servers span {
display: block;
line-height: 30px;
font-size: 14px;
}
main .icon-cs,
main .icon-arma3,
main .icon-cs16cwtg,
main .icon-7dtd,
main .icon-csgo,
main .icon-minecraft,
main .icon-ds,
main .icon-rust,
main .icon-ts3,
main .icon-fivem,
main .icon-wotlk,
main .icon-samp {
height: 20px;
background-image: url(/images/icons/cs16.png);
background-repeat: no-repeat;
background-position: center center;
padding: 5px
}
main .icon-cs16cwtg {
background-image: url(/images/icons/cs16cwtg.png);
}
main .icon-ts3 {
background-image: url(/images/icons/ts3.png);
}
main .icon-rust {
background-image: url(/images/icons/rust.png);
}
main .icon-csgo {
background-image: url(/images/icons/csgo.png);
}
main .icon-arma3 {
background-image: url(/images/icons/arma3.png);
}
main .icon-7dtd {
background-image: url(/images/icons/7dtd.png);
}
main .icon-minecraft {
background-image: url(/images/icons/mc.png);
}
main .icon-ds {
background-image: url(/images/icons/ds.png);
}
main .icon-wotlk {
background-image: url(/images/icons/wotlk.png);
}
main .icon-fivem {
background-image: url(/images/icons/fivem.png);
}
main .icon-samp {
background-image: url(/images/icons/samp.png);
}
main .left-box .top-servers .icon {
flex: 0 0 4.99%;
max-width: 4.99%;
}
main .left-box .top-servers .name {
flex: 0 0 21.99%;
max-width: 22.99%;
}
main .left-box .top-servers .address {
flex: 0 0 24.99%;
max-width: 24.99%;
}
main .left-box .top-servers .map {
flex: 0 0 24.99%;
max-width: 24.99%;
}
main .left-box .top-servers .players {
flex: 0 0 9.99%;
max-width: 9.99%;
color: #55af2d;
}
main .left-box .top-servers .details {
flex: 0 0 12.99%;
max-width: 12.99%;
text-align: right;
}
main .servers .icon {
flex: 0 0 3.99%;
max-width: 3.99%;
}
main .servers .name {
flex: 0 0 18.99%;
max-width: 18.99%;
}
main .servers .address {
flex: 0 0 19.99%;
max-width: 19.99%;
}
main .servers .map {
flex: 0 0 17.99%;
max-width: 17.99%;
}
main .servers .players {
flex: 0 0 9.99%;
max-width: 9.99%;
color: #55af2d;
}
main .servers .details {
flex: 0 0 28.99%;
max-width: 28.99%;
text-align: right;
}
main .left-box .top-servers .details a,
main .servers .details a {
text-decoration: none;
color: #000;
margin-left: 3px;
margin-right: 8px;
}
main .left-box .top-servers .details .plus,
main .servers .details .plus {
font-weight: bold;
color: #ffca00;
}
main .left-box .top-servers .details a:hover,
main .servers .details a:hover {
text-decoration: underline;
}
main .server-details {
font-size: 14px;
}
main .server-details .players-info {
margin-top: 15px;
}
main .server-details .num-pl {
color: #55af2d;
}
main .server-details .players,
main .server-details .map,
main .server-details .address,
main .server-details .game {
font-weight: bold;
}
main .server-details .players span,
main .server-details .map span,
main .server-details .address span,
main .server-details .game span {
font-weight: normal;
}
main .server-details .players-info .score {
padding-left: 30px;
}
main .icon-plus {
display: block;
width: 100%;
text-align: center;
font-size: 18px;
color: #04688d;
padding: 3px 0px;
}
main .full-box .title-box,
main .left-box .title-box {
height: 35px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
text-align: center;
font-size: 17px;
line-height: 35px;
box-shadow: 0 0px 4px 0px #25a0ce, inset 0 10px 15px 0px #25a0ce;
background: url("/images/menu-bg1.png");
-webkit-box-shadow: 0 1px 7px 0 rgba(0,0,0,0.1), 0 1.5px 3px 0 rgba(0,0,0,0.15);
-moz-box-shadow: 0 1px 7px 0 rgba(0,0,0,0.1),0 1.5px 3px 0 rgba(0,0,0,0.15);
box-shadow: 0 1px 7px 0 rgba(0,0,0,0.1), 0 1.5px 3px 0 rgba(0,0,0,0.15);
color: #fff;
}
main .left-box .title-articles,
main .left-box .title-news {
text-align: left;
padding: 0px 10px;
font-size: 15px;
}
main .left-box .articles-right-box,
main .left-box .news-right-box {
flex: 0 0 calc(100% - 280px);
max-width: calc(100% - 280px);
position: relative;
}
main .left-box .articles-right-box .latest-articles-author,
main .left-box .news-right-box .latest-news-author {
position: absolute;
bottom: -5px;
right: 0px;
}
main .left-box .articles-image,
main .left-box .news-image {
/*flex: 0 0 34.99%;
max-width: 34.99%;*/
width: 280px;
height: 125px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
display: block;
}
main .left-box .articles-image-small,
main .left-box .news-image-small {
/*flex: 0 0 34.99%;
max-width: 34.99%;*/
width: 52px;
height: 24px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
display: block;
margin-top: 3px;
margin-right: 10px;
}
main .left-box .articles-right-box .articles-title,
main .left-box .news-right-box .news-title {
//font-size: 18px;
padding-bottom: 5px;
display: block;
padding-left: 15px;
}
main .left-box .articles-right-box .articles-title a,
main .left-box .news-right-box .news-title a {
text-decoration: none;
color: #04688d;
}
main .left-box .articles-right-box .articles-title a:hover,
main .left-box .news-right-box .news-title a:hover {
text-decoration: underline;
}
main .left-box .articles-right-box .articles-text,
main .left-box .news-right-box .news-text {
font-size: 13px;
display: block;
padding-left: 15px;
}
main .left-box .top-articles,
main .left-box .top-news {
padding: 5px;
}
main .left-box .top-articles li,
main .left-box .top-news li {
width: 100%;
/*height: 30px;*/
border-bottom: 1px solid #efefef;
}
main .left-box .top-articles li:hover,
main .left-box .top-news li:hover {
background-color: #f7f7f7;
}
main .left-box .top-articles li:first-child,
main .left-box .top-news li:first-child {
border-top: 1px solid #efefef;
}
main .border-bottom {
border-bottom: 1px solid #efefef;
padding-bottom: 15px;
margin-bottom: 15px;
}
main .left-box .actual-articles .info,
main .left-box .actual-news .info,
main .left-box .articles-right-box .info,
main .left-box .news-right-box .info,
main .left-box .top-news .title,
main .left-box .top-articles .title,
main .left-box .top-articles .info,
main .left-box .top-news .info {
/*width: 100%;*/
display: block;
line-height: 32px;
font-size: 14px;
padding: 0px 10px;
padding-right: 0px;
}
main .left-box .top-articles .title,
main .left-box .top-news .title {
}
main .left-box .top-articles .title a,
main .left-box .top-news .title a {
text-decoration: none;
color: #04688d;
}
main .left-box .top-articles .title a:hover,
main .left-box .top-news .title a:hover {
text-decoration: underline;
}
main .left-box .articles-text-full,
main .left-box .news-text-full {
margin-top: 15px;
margin-bottom: 5px;
display: block;
-ms-word-break: break-all;
word-break: break-all;
word-break: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
padding-right: 10px;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 14px;
line-height: 1.3;
}
main .left-box .articles-comment,
main .left-box .news-comment {
margin-top: 3px;
border-top: 1px solid #e0e0e0;
}
main .left-box .articles-comment .left-box-comment,
main .left-box .news-comment .left-box-comment {
flex: 0 0 19.99%;
max-width: 19.99%;
}
main .left-box .articles-comment .right-box-comment,
main .left-box .news-comment .right-box-comment {
flex: 0 0 79.99%;
max-width: 79.99%;
position: relative;
}
main .left-box .articles-comment .user,
main .left-box .news-comment .user {
padding: 20px;
border-right: 1px solid #CCCCCC;
height: calc(100% - 40px);
}
main .left-box .articles-comment .user .avatar,
main .left-box .news-comment .user .avatar {
width: 100%;
}
main .left-box .articles-comment .user .avatar a,
main .left-box .news-comment .user .avatar a {
width: 100%;
display: block;
position: relative;
}
main .left-box .articles-comment .user .avatar img,
main .left-box .news-comment .user .avatar img {
border: 1px solid #ddd;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
width: 60px;
display: block;
margin: 0 auto;
margin-bottom: 5px;
}
main .left-box .articles-comment input,
main .left-box .news-comment input {
width: 100px;
height: 22px;
line-height: 20px;
margin-left: auto;
margin-right: 5px;
margin-bottom: 5px;
}
main .left-box .articles-comment .user .name,
main .left-box .news-comment .user .name {
font-size: 14px;
text-align: center;
}
main .left-box .articles-comment .user .top_access,
main .left-box .articles-comment .user .top_access_small,
main .left-box .news-comment .user .top_access,
main .left-box .news-comment .user .top_access_small {
font-size: 14px;
text-align: center;
}
main .left-box .articles-comment .text textarea,
main .left-box .news-comment .text textarea {
max-width: calc(100% - 12px);
min-width: calc(100% - 12px);
min-height: 120px;
display: block;
margin: 0px;
padding: 0px;
border: none;
padding: 5px;
border: 1px solid #ddd;
}
main .left-box .articles-comment .text,
main .left-box .news-comment .text {
display: block;
-ms-word-break: break-all;
word-break: break-all;
word-break: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 14px;
line-height: 1.3;
padding: 10px;
padding-bottom: 30px;
}
main .left-box .articles-comment .text-new,
main .left-box .news-comment .text-new {
padding: 5px;
}
main .left-box .right-box-comment .info,
main .left-box .actual-articles .info,
main .left-box .actual-news .info,
main .left-box .articles-right-box .info,
main .left-box .news-right-box .info,
main .left-box .top-articles .info,
main .left-box .top-news .info {
margin-left: auto;
text-align: right;
font-size: 13px;
}
main .left-box .right-box-comment .info {
position: absolute;
bottom: 10px;
right: 10px;
padding-top: 5px;
}
main .left-box .news-right-box .bubble,
main .left-box .articles-right-box .bubble,
main .left-box .top-news .bubble,
main .left-box .top-articles .bubble,
main .left-box .latest-posts .bubble {
padding: 0px;
width: 40px;
height: 22px;
background: url('/images/bubble.png');
background-repeat: no-repeat;
/*background-position: right center;*/
margin-top: 3px;
/*margin-right: 5px;*/
text-align: center;
line-height: 20px;
color: #fff;
display: inline-block;
}
main .left-box .articles-right-box .bubble span,
main .left-box .news-right-box .bubble span,
main .left-box .top-articles .bubble span,
main .left-box .top-news .bubble span,
main .left-box .latest-posts .bubble span {
padding-left: 4px;
font-size: 13px;
width: 100%;
display: block;
height: 100%;
text-align: center;
}
main .left-box .articles-right-box .bubble a,
main .left-box .news-right-box .bubble a,
main .left-box .top-articles .bubble a,
main .left-box .top-news .bubble a,
main .left-box .latest-posts .bubble a {
color: #fff;
text-decoration: none;
}
main .left-box .articles-right-box .bubble a:hover,
main .left-box .news-right-box .bubble a:hover,
main .left-box .top-articles .bubble a:hover,
main .left-box .top-news .bubble a:hover,
main .left-box .latest-posts .bubble a:hover {
text-decoration: underline;
}
main .left-box .latest-posts {
padding: 5px;
}
main .left-box .latest-posts li {
width: 100%;
/*height: 30px;*/
border-bottom: 1px solid #efefef;
}
main .left-box .latest-posts li:hover {
background-color: #f7f7f7;
}
/*main .left-box .latest-posts li:first-child {
border-top: 1px solid #efefef;
}*/
main .left-box .latest-posts .title,
main .left-box .latest-posts .info {
/*width: 100%;*/
display: block;
line-height: 32px;
font-size: 14px;
padding: 0px 10px;
padding-right: 0px;
}
main .left-box .latest-posts .title {
}
main .left-box .latest-posts .title a {
text-decoration: none;
color: #04688d;
}
main .left-box .latest-posts .title a:hover {
text-decoration: underline;
}
main .left-box .latest-posts .info {
margin-left: auto;
text-align: right;
font-size: 13px;
}
main .left-box .latest-posts .info img {
/*padding: 5px;*/
padding-left: 7px;
}
main .left-box .latest-posts .read-icon {
margin-top: 2px;
margin-left: 5px;
}
/**/
main .left-box .register {
margin: 0 auto;
max-width: 382px;
}
main .left-box .register label {
/*display: block;*/
}
main .left-box .register .label span,
main .left-box .register label span {
width: 150px;
display: inline-block;
font-size: 14px;
}
main .left-box .register label input[type=text],
main .left-box .register label input[type=password],
main .left-box .register label input[type=email] {
width: 210px;
display: inline-block;
margin-top: 5px;
margin-bottom: 5px;
padding: 2px 7px;
}
main .left-box .register label #captcha-code {
width: 110px;
}
main .left-box .register label input[type=checkbox] {
width: 14px;
height: 14px;
margin-right: 10px;
}
main .left-box .register label p {
display: inline-block;
font-size: 14px;
margin-top: 3px;
/*margin-top: 7px;
margin-bottom: 10px;
display: block;*/
}
main .left-box .register input[type=submit] {
margin-top: 10px;
width: 130px;
display: inline-block;
}
main .right-box {
flex: 0 0 29.99%;
max-width: 29.99%;
height: auto;
/*position: relative;*/
/*padding: 15px 15px 0px 15px; MOBILE*/
}
main .right-box .box {
margin-left: 15px;
}
main .right-box .title-right-box {
display: block;
text-align: center;
border-bottom: 1px solid #bbbbbb;
color: #2d2d2d;
padding-bottom: 7px;
font-size: 17px;
}
main .full-box {
width: 100%;
height: auto;
}
main .plus-bar,
main .forum .bar {
margin-bottom: 10px;
padding: 5px;
font-size: 14px;
}
main .plus-bar a,
main .forum .bar a {
color: #444;
text-decoration: none;
}
main .plus-bar a:hover,
main .forum .bar a:hover {
text-decoration: underline;
}
main .forum .title-box {
text-align: left;
padding: 0px 5px;
background-color: #0076b1;
color: #fff;
text-transform: uppercase;
font-size: 12px;
height: 25px;
line-height: 25px;
background: url("/images/menu-bg1.png");
//box-shadow: 0 0px 4px 0px #25a0ce, inset 0 10px 15px 0px #25a0ce;
}
main .forum .box .row {
font-size: 14px;
padding: 5px;
height: 30px;
line-height: 1;
}
main .forum .box .row:hover {
background-color: #f8f8f8;
}
main .forum .box .row:not(:last-child) {
border-bottom: 1px solid #cccccc;
}
main .forum .title-box span,
main .forum .box .row span {
display: inline-block;
}
main .forum .title-box .read-icon,
main .forum .box .row .read-icon {
flex: 0 0 35px;
max-width: 35px;
margin-top: 2px;
}
main .forum .title-box .game-icon,
main .forum .box .row .game-icon {
flex: 0 0 35px;
max-width: 35px;
height: 35px;
margin-top: 2px;
}
main .forum .title-box .title,
main .forum .box .row .title {
flex: 0 0 calc(49.99% - 70px);
max-width: calc(49.99% - 70px);
text-align: left;
}
main .forum .title-box .title {
flex: 0 0 49.99%;
max-width: 49.99%;
}
main .forum .title-box .title {
font-weight: bold;
}
main .forum .title-box .answers,
main .forum .box .row .answers,
main .forum .title-box .themes,
main .forum .box .row .themes {
flex: 0 0 9.99%;
max-width: 9.99%;
text-align: center;
}
main .forum .title-box .views,
main .forum .box .row .views,
main .forum .title-box .posts,
main .forum .box .row .posts {
flex: 0 0 19.99%;
max-width: 19.99%;
text-align: center;
}
main .forum .title-box .lastpost,
main .forum .box .row .lastpost {
flex: 0 0 19.99%;
max-width: 19.99%;
text-align: left;
}
main .forum .box .row .answers,
main .forum .box .row .themes,
main .forum .box .row .views,
main .forum .box .row .posts {
line-height: 30px;
}
main .forum .box .row .lastpost .date,
main .forum .box .row .title .description,
main .forum .box .row .title .info {
display: block;
line-height: 20px;
}
main .forum .box .row .lastpost,
main .forum .box .row .posts,
main .forum .box .row .views,
main .forum .box .row .themes,
main .forum .box .row .answers,
main .forum .box .row .title .info,
main .forum .box .row .title .description {
color: #444;
font-size: 13px;
}
main .forum .box .row .title .info,
main .forum .box .row .title .description {
color: #666;
}
main .forum .box .row .title .new-font {
color: #04688d;
text-decoration: none;
font-size: 14px;
font-family: "Trebuchet MS", Helvetica, Arial, Sans-serif;
font-weight: bold;
}
main .forum .box .row .info a {
font-weight: normal;
}
main .forum .date-btns {
border-bottom: 1px solid #CCCCCC;
margin-bottom: 10px;
}
main .forum .post-date {
font-size: 14px;
padding-left: 10px;
}
main .forum .box .row .title a:hover {
text-decoration: underline;
}
main .forum .section,
main .forum .post,
main .forum .answer {
margin-bottom: 10px;
}
main .forum .post .user,
main .forum .answer .user {
padding: 20px;
border-right: 1px solid #CCCCCC;
height: calc(100% - 40px);
}
main .forum .answer .user-answer {
border-right: none;
padding-left: 17px;
}
main .forum .post .message,
main .forum .answer .message {
padding: 10px;
}
main .message-text,
main .page-text,
main .forum .post .message .edit,
main .forum .post .message .title,
main .forum .post .message .text,
main .forum .answer .message .title,
main .forum .answer .message .text {
display: block;
-ms-word-break: break-all;
word-break: break-all;
word-break: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 14px;
line-height: 1.3;
padding-left: 20px;
padding-right: 20px;
}
main .message-text,
main .page-text,
main .forum .post .message .edit,
main .forum .post .message .title,
main .forum .post .message .text,
main .forum .answer .message .title,
main .forum .answer .message .text {
display: block;
-ms-word-break: break-all;
word-break: break-all;
word-break: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 14px;
line-height: 1.3;
padding-left: 10px;
padding-right: 10px;
}
main .message-text-editor {
margin-left: 10px;
margin-right: 10px;
display: block;
margin-top: 10px;
}
main .forum .post .message .title,
main .forum .answer .message .title {
font-size: 16px;
padding-bottom: 5px;
font-weight: bold;
}
main .forum .post .message .edit,
main .forum .answer .message .edit {
width: 100%;
text-align: right;
}
main .forum .small-forum-btn {
margin-top: 0px !important;
margin-bottom: 5px !important;
padding: 0px !important;
line-height: 20px !important;
height: 20px !important;
margin-left: 5px;
}
main .forum .post .message .text,
main .forum .answer .message .text {
font-size: 15px;
}
main .forum .post .user .avatar,
main .forum .answer .user .avatar {
width: 90px;
height: 105px;
margin: 0 auto;
}
main .forum .post .user .avatar a,
main .forum .answer .user .avatar a {
position: relative;
}
main .forum .post .user .avatar img,
main .forum .answer .user .avatar img {
border: 1px solid #ddd;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
width: 90px;
height: 105px;
}
main .forum .post .user .name,
main .forum .answer .user .name {
width: 100%;
text-align: center;
font-size: 16px;
margin-top: 15px;
}
main .forum .post .user .name a,
main .forum .answer .user .name a {
color: #000;
text-decoration: none;
}
main .forum .post .user .name a:hover,
main .forum .answer .user .name a:hover {
text-decoration: underline;
}
main .forum .post .user .top_access,
main .forum .answer .user .top_access {
font-size: 14px;
text-align: center;
margin-top: 8px;
background-color: #fff;
border: 1px solid #c5c5c5;
padding: 4px 0px;
}
main .forum .post .user .top_access_small,
main .forum .answer .user .top_access_small {
font-size: 13px;
text-align: center;
margin-top: 5px;
margin-left: 5px;
margin-right: 5px;
background-color: #fff;
border: 1px solid #c5c5c5;
padding: 2px 0px;
}
main .forum .post .user .top_access span,
main .forum .answer .user .top_access span {
line-height: 1.3;
display: block;
padding: 0px 2px;
}
main .forum .post .user .top_access_small span,
main .forum .answer .user .top_access_small span {
line-height: 1.3;
display: block;
padding: 0px 2px;
}
main .forum .post .user .info,
main .forum .answer .user .info {
font-size: 13px;
text-align: center;
line-height: 16px;
}
main .forum .btn {
width: 85px;
height: 23px;
font-size: 14px;
padding: 0px 5px;
line-height: 23px;
text-align: center;
margin-top: 15px;
margin-bottom: 7px;
text-decoration: none;
display: block;
}
main .forum .btn-fix {
text-decoration: none;
}
main .forum .top-forum-btn {
margin-top: 0px;
margin-left: 5px;
width: auto;
padding-left: 10px;
padding-right: 10px;
}
main .paging {
width: 100%;
text-align: center;
}
main .paging a {
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
display: inline-block;
padding: 5px;
background: #fff;
-webkit-box-shadow: 0 1px 7px 0 rgba(0,0,0,0.1), 0 1.5px 3px 0 rgba(0,0,0,0.15);
-moz-box-shadow: 0 1px 7px 0 rgba(0,0,0,0.1),0 1.5px 3px 0 rgba(0,0,0,0.15);
box-shadow: 0 1px 7px 0 rgba(0,0,0,0.1), 0 1.5px 3px 0 rgba(0,0,0,0.15);
margin-top: 0px;
margin-bottom: 8px;
color: #000;
text-decoration: none;
}
main .paging a:hover {
text-decoration: underline;
}
main .paging .actual-page {
background: url("/images/menu-bg.png?v=1.0");
box-shadow: 0 0px 4px 0px #25a0ce, inset 0 10px 10px 0px #0ea9e2;
color: #fff;
text-decoration: none;
}
main .paging .actual-page:hover {
text-decoration: none;
}
main .profil {
}
main .profil .header-cover-image {
background-color: #dadada;
background-position: center top;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 225px;
position: relative;
}
main .profil .header-cover-image .avatar {
width: 90px;
height: 105px;
position: absolute;
z-index: 100;
left: 15px;
top: 15px;
}
main .profil .header-cover-image .avatar a {
position: relative;
}
main .profil .header-cover-image .avatar img {
border: 3px solid #b5b5b5;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
padding: 0px;
width: 100px;
height: 115px;
}
main .mybg {
position: relative;
}
main .mybg[alt]:after {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #fff;
font-family: 'Helvetica';
font-weight: 300;
line-height: 111px;
text-align: center;
content: attr(alt);
border: 1px solid #b5b5b5;
}
main .settings-backgrounds {
}
main .settings-backgrounds li {
position: relative;
}
main .settings-backgrounds li .active,
main .settings-backgrounds li span {
position: absolute;
top: 20px;
right: 10px;
background-color: #dadada;
padding: 5px 10px;
min-width: 70px;
text-align: center;
cursor: pointer;
-webkit-transition: background .3s ease-in-out;
-moz-transition: background .3s ease-in-out;
-o-transition: background .3s ease-in-out;
transition: background .3s ease-in-out;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
main .settings-backgrounds li span:hover {
background-color: #94ff86;
}
main .settings-backgrounds li .active {
background-color: #94ff86;
}
main .settings-backgrounds li .only-plus {
position: absolute;
bottom: 10px;
right: 10px;
background-color: #ffb0b0;
padding: 5px 10px;
min-width: 70px;
text-align: center;
cursor: pointer;
-webkit-transition: background .3s ease-in-out;
-moz-transition: background .3s ease-in-out;
-o-transition: background .3s ease-in-out;
transition: background .3s ease-in-out;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
color: #000;
}
main .profil .header-cover-image .name {
position: absolute;
z-index: 100;
left: 135px;
top: 20px;
background-color: #fff;
padding: 5px 10px;
}
main .profil .header-cover-image .top_access_name {
position: absolute;
z-index: 100;
left: 135px;
top: 60px;
background-color: #fff;
padding: 5px 10px;
font-size: 14px;
}
main .profil .header-cover-image .top_access_name_small {
position: absolute;
z-index: 100;
left: 135px;
top: 60px;
background-color: #fff;
padding: 3px 6px;
font-size: 13px;
}
main .profil .header-cover-image .send_message {
position: absolute;
z-index: 100;
right: 10px;
bottom: 10px;
background-color: #fff;
padding: 5px 10px;
font-size: 14px;
text-decoration: none;
color: #005ea5;
}
main .settings .settings-menu,
main .profil .profil-menu {
/*margin-top: 10px;*/
}
main .settings .settings-menu a,
main .profil .profil-menu a {
display: block;
padding: 5px 10px;
background-color: #e5edf1;
margin-right: 10px;
text-decoration: none;
font-size: 15px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 2px;
color: #0a0a0a;
/*-webkit-transition: background .3s ease-in-out;
-moz-transition: background .3s ease-in-out;
-o-transition: background .3s ease-in-out;
transition: background .3s ease-in-out;*/
border: 1px solid #DDD;
background: #F0F3F5;
}
main .settings .settings-menu .active,
main .profil .profil-menu .active,
main .settings .settings-menu a:hover,
main .profil .profil-menu a:hover {
background-color: #2e8ac3;
color: #fff;
}
main .settings .settings-box,
main .profil .profil-box {
padding-top: 10px;
}
main .settings .settings-box ul,
main .profil .profil-box ul {
border-top: 1px solid #eaeaea;
}
main .settings .settings-box ul li,
main .profil .profil-box ul li {
border-bottom: 1px solid #eaeaea;
color: #3e3e3e;
padding: 7px 3px;
font-size: 15px;
}
main .settings .settings-box .info li,
main .profil .profil-box .info li {
padding: 0px;
}
main .messages-box .avatar {
/*border: 1px solid #ddd;*/
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
main .profil .profil-box ul li .avatar {
margin-right: 10px;
}
main .profil .profil-box ul li .avatar a {
position: relative;
}
main .profil .profil-box ul li .name {
display: block;
}
main .profil .profil-box ul li .date {
display: block;
font-size: 14px;
padding-top: 2px;
}
main .profil .profil-box ul li .text {
padding-top: 5px;
padding-left: 5px;
}
main .settings .settings-box ul li .info-tit,
main .profil .profil-box ul li .info-tit {
width: 140px;
display: block;
padding: 7px 3px;
}
main .settings .settings-box ul li .info-tit {
width: 140px;
line-height: 25px;
}
main .settings .settings-box ul li .info-text,
main .profil .profil-box ul li .info-text {
display: block;
padding: 7px 3px;
padding-left: 10px;
border-left: 1px solid #eaeaea;
max-width: calc(100% - 160px);
}
main .settings .settings-box .output {
margin-top: 5px;
}
main .settings .settings-box ul li .info-text2 {
padding: 7px 3px;
padding-left: 10px;
border-left: 1px solid #eaeaea;
}
main .settings .settings-box ul li .info-text2 select {
margin-right: 7px;
width: 65px;
height: 25px;
}
main .settings .settings-box ul li .info-text2 select option {
}
main .settings .settings-box ul li .info-text textarea {
min-width: 400px;
max-width: 400px;
height: 70px;
min-height: 70px;
padding: 5px 7px;
}
main .settings .settings-box ul li .info-text input[type=email],
main .settings .settings-box ul li .info-text input[type=password],
main .settings .settings-box ul li .info-text input[type=text] {
height: 20px;
margin-top: 0px;
}
main .settings .settings-box input[type=submit] {
height: 24px;
margin-top: 10px;
margin-left: auto;
}
main .profil .profil-box ul li .avatar img {
border: 1px solid #ddd;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
padding: 3px;
width: 33px;
height: 38px;
}
main .plus .plus-tip,
main .plus .plus-info,
main .admin-team .team-info {
margin-top: 15px;
display: block;
padding: 5px 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
border: 1px solid #faebcc;
color: #b94a48;
margin-bottom: 10px;
text-align: center;
color: #8a6d3b;
background-color: #fcf8e3;
}
main .plus .plus-info a,
main .admin-team .team-info a {
color: #8a6d3b;
}
main .plus .plus-tip {
margin-top: 5px;
margin-bottom: 5px;
background: #d9edf7;
border-color: #bce8f1;
color: #31708f;
}
main .plus .plus-tip a {
color: #31708f;
}
main .admin-team ul li {
padding: 10px;
padding-left: 15px;
width: calc(33.33% - 25px);
}
main .admin-team .avatar {
margin-right: 10px;
}
main .admin-team .avatar img {
border: 1px solid #ddd;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
main .admin-team .name {
display: block;
}
main .admin-team .access {
display: block;
font-size: 15px;
padding-top: 3px;
}
main .right-box .pool {
}
main .right-box .pool .pool-title {
display: block;
font-size: 16px;
padding-top: 3px;
text-align: center;
padding-bottom: 5px;
border-bottom: 1px solid #bbbbbb;
}
main .right-box .pool label {
display: block;
margin-top: 5px;
cursor: pointer;
}
main .right-box .pool label:hover li {
border: solid 1px #212121;
}
main .right-box .pool .option {
display: block;
font-size: 15px;
padding-bottom: 3px;
padding-left: 5px;
}
main .right-box .pool ul {
display: block;
padding: 5px 10px;
}
main .right-box .pool ul li {
display: block;
width: 100%;
border: solid 1px #bbbbbb;
margin-bottom: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
main .right-box .pool ul li .percent {
display: block;
background: url("/images/menu-bg1.png");
/*box-shadow: 0 0px 2px 0px #25a0ce, inset 0 5px 5px 0px #0ea9e2;*/
text-align: center;
color: #fff;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
font-size: 15px;
}
main .plus-title {
display: block;
color: #000;
font-size: 18px;
padding-bottom: 10px;
width: 100%;
text-align: center;
}
main .plus .plus-cs16,
main .plus .plus-csgo,
main .plus .plus-mc,
main .plus .plus-fivem,
main .plus .plus-7dtd,
main .plus .plus-rust,
main .plus .plus-web,
main .plus .plus-ts3 {
padding: 15px;
margin: 0 auto;
}
main .plus .plus-web a,
main .plus .plus-ts3 a,
main .plus .plus-mc a,
main .plus .plus-fivem a,
main .plus .plus-rust a,
main .plus .plus-csgo a,
main .plus .plus-7dtd a,
main .plus .plus-cs16 a {
color: #000;
text-decoration: none;
}
main .plus .plus-web a:hover,
main .plus .plus-ts3 a:hover,
main .plus .plus-mc a:hover,
main .plus .plus-fivem a:hover,
main .plus .plus-rust a:hover,
main .plus .plus-csgo a:hover,
main .plus .plus-7dtd a:hover,
main .plus .plus-cs16 a:hover {
color: #000;
/*text-decoration: underline;*/
}
main .plus .plus-web span,
main .plus .plus-ts3 span,
main .plus .plus-mc span,
main .plus .plus-fivem span,
main .plus .plus-7dtd span,
main .plus .plus-rust span,
main .plus .plus-csgo span,
main .plus .plus-cs16 span {
color: #000;
display: block;
text-align: center;
padding-bottom: 5px;
font-size: 15px;
}
main .plus .plus-web img,
main .plus .plus-ts3 img,
main .plus .plus-cs16 img,
main .plus .plus-7dtd img,
main .plus .plus-rust img,
main .plus .plus-csgo img,
main .plus .plus-fivem img,
main .plus .plus-mc img {
border: 1px solid #ddd;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
width: 200px;
-o-transition:.5s;
-ms-transition:.5s;
-moz-transition:.5s;
-webkit-transition:.5s;
transition:.5s;
}
main .plus .plus-web a:hover img,
main .plus .plus-ts3 a:hover img,
main .plus .plus-mc a:hover img,
main .plus .plus-fivem a:hover img,
main .plus .plus-rust a:hover img,
main .plus .plus-csgo a:hover img,
main .plus .plus-7dtd a:hover img,
main .plus .plus-cs16 a:hover img {
-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.7);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.7);
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.7);
}
main .plus .payment {
color: #000;
}
main .plus .payment .payment-block {
padding-bottom: 15px;
}
main .plus .payment .payment-block ul {
margin-left: 25px;
}
main .plus .payment .payment-block ul li {
padding-top: 3px;
font-size: 15px;
}
main .plus .payment .agreements {
color: #676767;
padding-top: 5px;
}
.shoutboxname {
background: #1B3249;
font-weight : bold;
color : #FFF;
font-size : 12px;
}
.shoutboxname a hover {
color: #0F76AD;
}
.shoutbox {
background: rgba(4, 104, 141, 0.1);
color : 000;
//font-weight : bold;
}
.akce a {
color: #a62f08;
}
.shoutboxdate {
font-size : 12px;
color : #ff0000;
}
main .plus .payment .agreements p {
font-size: 14px;
}
main .plus .payment .agreements p a {
font-size: 14px;
color: #676767;
text-decoration: underline;
}
main .plus .mcplusshadow {
-o-transition:.5s;
-ms-transition:.5s;
-moz-transition:.5s;
-webkit-transition:.5s;
transition:.5s;
}
main .plus .mcplusshadow:hover {
-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.7);
-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.7);
box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.7);
}
main .online-icon {
position: absolute;
bottom: 8px;
right: 4px;
width: 10px;
height: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
background-color: #37b137;
border: 1px solid #848484;
}
footer {
position: relative;
max-width: 100%;
min-height: 210px;
background-color: #101822;
color: #a4a4a4;
}
footer .footer-box {
/*width: 100%;*/
padding: 15px 34px;
position: relative;
/*padding-left: 40px;*/
}
footer .footer-box .footer-logo {
width: 130px;
height: 130px;
background: #a4a4a4;
-webkit-transition: background .3s ease-in-out;
-moz-transition: background .3s ease-in-out;
-o-transition: background .3s ease-in-out;
transition: background .3s ease-in-out;
}
footer .footer-box .footer-logo .image {
background: url('/images/footer-logo.png');
width: 130px;
height: 130px;
background-repeat: no-repeat;
background-size: 130px auto;
}
footer .footer-box .footer-logo:hover {
text-decoration: none;
background: #d8d8d8;
}
footer .footer-box h3 a {
color: #a4a4a4;
font-size: 17px;
text-decoration: none;
display: inline-block;
font-weight: bold;
line-height: 17px;
margin-bottom: 5px;
}
footer .footer-box h3 a:after {
content: '';
display: block;
height: 1px;
width: 0;
background: transparent;
-webkit-transition: all .30s ease-in-out;
-moz-transition: all .30s ease-in-out;
-o-transition: all .30s ease-in-out;
transition: all .30s ease-in-out;
margin: auto;
}
footer .footer-box h3 a:hover {
color: #d8d8d8;
}
footer .footer-box h3 a:hover:after {
width: 100%;
background: #d8d8d8;
}
footer .footer-box h4 {
line-height: 1.0;
}
footer .footer-box h4 a {
text-decoration: none;
color: #a4a4a4;
/*font-weight: bold;*/
margin-left: 7px;
font-size: 12px;
}
footer .footer-box h4 a:hover {
color: #d8d8d8;
}
footer .footer-box .border {
position: absolute;
right: 0px;
/*border-right: 1px solid white;*/
width: 1px;
background-color: #a4a4a4;
height: 135px;
}
footer .footer-box .icons {
margin-top: 17px;
margin-left: 20px;
}
footer .footer-box .icons .social {
width: 45px;
height: 45px;
display: inline-block;
background: #a4a4a4;
-webkit-transition: background .3s ease-in-out;
-moz-transition: background .3s ease-in-out;
-o-transition: background .3s ease-in-out;
transition: background .3s ease-in-out;
margin: 3px;
}
footer .footer-box .icons .social:hover {
text-decoration: none;
background: #d8d8d8;
}
footer .footer-box .icons .social .icon-facebook { width: 45px; height: 45px; background: url('/images/icons/facebook.png'); }
footer .footer-box .icons .social .icon-twitter { width: 45px; height: 45px; background: url('/images/icons/twitter.png'); }
footer .footer-box .icons .social .icon-email { width: 45px; height: 45px; background: url('/images/icons/email.png'); }
footer .footer-box .icons .social .icon-steam { width: 45px; height: 45px; background: url('/images/icons/steam.png'); }
footer .footer-box .icons .social .icon-youtube { width: 45px; height: 45px; background: url('/images/icons/youtube.png'); }
footer .footer-box .icons .social .icon-googleplus { width: 45px; height: 45px; background: url('/images/icons/google.png'); }
footer .bottom {
width: 100%;
background-color: #050c11;
font-size: 13px;
padding-top: 15px;
padding-bottom: 15px;
}
footer .bottom p {
display: block;
padding-left: 10px;
padding-right: 10px;
color: #a4a4a4;
font-size: 13px;
}
footer .bottom p:last-child {
margin-left: auto;
}
footer .bottom a {
color: #000;
text-decoration: none;
color: #a4a4a4;
}
footer .bottom a:hover {
text-decoration: underline;
}
main .message-left {
width: 230px;
border-right: 1px solid #ddd;
}
main .message-right {
width: calc(100% - 251px);
}
main .vyhoda-50 {
width: 50%;
}
@media (min-width: 1201px) {
main .forum .post .user-width,
main .forum .answer .user-width {
flex: 0 0 14.99%;
max-width: 14.99%;
height: auto;
}
main .forum .post .message-width,
main .forum .answer .message-width,
main .forum .answer .my-answer-width {
flex: 0 0 84.99%;
max-width: 84.99%;
height: auto;
}
}
.fixed-bottom-bar-mobile,
.fixed-bottom-bar-mobile .g-ad {
display: none;
}
@media (max-width: 1200px) {
main {
padding-left: 15px;
padding-right: 15px;
}
main .forum .post .user-width,
main .forum .answer .user-width {
width: 170px;
height: auto;
}
main .forum .post .message-width,
main .forum .answer .message-width,
main .forum .answer .my-answer-width {
max-width: calc(100% - 170px);
height: auto;
}
footer .footer-box {
width: 100%;
}
footer .footer-logo,
footer .footer-part {
margin: 0 auto;
}
footer .footer-part {
text-align: center;
}
footer .footer-part .icons {
margin-top: 0px;
margin-left: 0px;
width: 102px;
margin: 0 auto;
}
footer .footer-box .border {
display: none;
}
/* SERVERS */
main .servers .icon {
flex: 0 0 4.99% !important;
max-width: 4.99% !important;
}
main .servers .name {
flex: 0 0 22.99% !important;
max-width: 22.99% !important;
}
main .servers .address {
flex: 0 0 24.99% !important;
max-width: 24.99% !important;
}
main .servers .map {
display: none !important;
}
main .servers .players {
flex: 0 0 9.99% !important;
max-width: 9.99% !important;
}
main .servers .details {
flex: 0 0 36.99% !important;
max-width: 36.99% !important;
}
}
@media (max-width: 992px) {
main .left-box,
main .right-box {
flex: 0 0 100%;
max-width: 100%;
padding: 0px;
}
main .right-box {
margin-top: 15px;
}
main .right-box .box {
margin-left: 0px;
}
nav .icon {
display: block;
margin-left: auto;
width: 21px;
}
nav .nav-bar {
margin: 0px;
padding: 0px;
padding-top: 5px;
justify-content: left;
}
nav .nav-bar ul {
display: none;
padding-top: 0px;
padding-bottom: 5px;
padding-right: 5px;
margin-top: 5px;
}
nav .nav-bar ul li {
line-height: 2;
margin-top: 2px;
}
nav .nav-bar ul li h2 a {
display: block;
padding: 0px;
margin: 0px;
padding-left: 10px;
border-radius: 10px;
text-align: center;
font-size: 16px;
}
header .userbox {
margin: 0 auto;
position: relative;
top: 0;
right: 0;
margin-top: 0px;
margin-bottom: 10px;
}
footer .bottom p {
width: 100%;
display: block;
text-align: center;
}
header .header-image {
margin: 25px auto;
}
/* SERVERS */
main .servers .icon {
flex: 0 0 4.99% !important;
max-width: 4.99% !important;
}
main .servers .name {
flex: 0 0 24.99% !important;
max-width: 24.99% !important;
}
main .servers .address {
flex: 0 0 23.99% !important;
max-width: 23.99% !important;
}
main .servers .players {
display: none !important;
}
main .servers .details {
flex: 0 0 45.99% !important;
max-width: 45.99% !important;
}
}
@media (max-width: 780px) {
main .forum .title-box .views,
main .forum .box .row .views,
main .forum .title-box .themes,
main .forum .box .row .themes {
display: none !important;
}
main .forum .title-box .title,
main .forum .box .row .title {
flex: 0 0 calc(49.99% - 35px) !important;
max-width: calc(49.99% - 35px) !important;
}
main .forum .title-box .title {
flex: 0 0 49.99% !important;
max-width: 49.99% !important;
}
main .forum .title-box .answers,
main .forum .box .row .answers,
main .forum .title-box .themes,
main .forum .box .row .themes {
flex: 0 0 19.99% !important;
max-width: 19.99% !important;
}
main .forum .title-box .views,
main .forum .box .row .views,
main .forum .title-box .posts,
main .forum .box .row .posts {
flex: 0 0 19.99% !important;
max-width: 19.99% !important;
}
main .forum .title-box .lastpost,
main .forum .box .row .lastpost {
flex: 0 0 29.99% !important;
max-width: 29.99% !important;
}
/* SERVERS */
main .servers .details .s-stats {
display: none !important;
}
}
@media (max-width: 680px) {
header .header-image {
}
/* TOP Servers */
main .left-box .top-servers .icon {
flex: 0 0 9.99%;
max-width: 9.99%;
}
main .left-box .top-servers .name {
flex: 0 0 29.99%;
max-width: 29.99%;
}
main .left-box .top-servers .address {
flex: 0 0 33.99%;
max-width: 33.99%;
}
main .left-box .top-servers .map {
display: none !important;
}
main .left-box .top-servers .players {
display: none !important;
}
main .left-box .top-servers .players {
flex: 0 0 10.99%;
max-width: 10.99%;
color: #55af2d;
}
main .left-box .top-servers .details {
flex: 0 0 14.99%;
max-width: 14.99%;
text-align: right;
}
main .articles-right-box .bubble,
main .news-right-box .bubble,
main .top-articles .bubble,
main .top-news .bubble {
margin-left: auto;
}
main .articles-right-box,
main .news-right-box {
flex: 0 0 calc(100% - 10px) !important;
max-width: calc(100% - 10px) !important;
padding-top: 5px;
padding-bottom: 5px;
padding-right: 10px;
}
main .articles-image,
main .news-image {
max-width: 100%;
height: auto !important;
}
main .news-link,
main .articles-link {
margin: 0 auto;
}
main .left-box .articles-right-box .latest-articles-author,
main .left-box .news-right-box .latest-news-author {
position: relative;
bottom: 0;
right: 0;
}
main .left-box .right-box-comment .info,
main .left-box .actual-articles .info,
main .left-box .actual-news .info,
main .left-box .articles-right-box .info,
main .left-box .news-right-box .info,
main .left-box .top-articles .info,
main .left-box .top-news .info,
main .left-box .latest-posts .info {
margin-left: 0;
text-align: right;
font-size: 13px;
width: 100%;
}
main .left-box-comment,
main .right-box-comment {
flex: 0 0 calc(100%) !important;
max-width: calc(100%) !important;
}
main .left-box-comment {
border-bottom: 1px solid #aaa;
}
main .admin-team ul li {
width: auto !important;
}
/* FORUM */
main .forum .title-box .title,
main .forum .box .row .title {
flex: 0 0 calc(69.99% - 35px) !important;
max-width: calc(69.99% - 35px) !important;
}
main .forum .title-box .title {
flex: 0 0 69.99% !important;
max-width: 69.99% !important;
}
main .forum .title-box .lastpost,
main .forum .box .row .lastpost {
flex: 0 0 29.99% !important;
max-width: 29.99% !important;
}
main .forum .title-box .posts,
main .forum .box .row .posts,
main .forum .title-box .answers,
main .forum .box .row .answers {
display: none !important;
}
/* SERVERS */
main .servers .details .s-banlist {
display: none !important;
}
}
@media (max-width: 540px) {
/* TOP Servers */
main .left-box .top-servers .icon {
flex: 0 0 9.99%;
max-width: 9.99%;
}
main .left-box .top-servers .name {
flex: 0 0 49.99%;
max-width: 49.99%;
}
main .left-box .top-servers .address {
display: none !important;
}
main .left-box .top-servers .players {
flex: 0 0 19.99%;
max-width: 19.99%;
color: #55af2d;
}
main .left-box .top-servers .details {
flex: 0 0 19.99%;
max-width: 19.99%;
text-align: right;
}
main .players-info .score,
main .players-info th:last-child {
display: none;
}
/* FORUM */
main .forum .title-box .title,
main .forum .box .row .title {
flex: 0 0 calc(99.99% - 35px) !important;
max-width: calc(99.99% - 35px) !important;
}
main .forum .title-box .lastpost,
main .forum .box .row .lastpost {
flex: 0 0 99.99% !important;
max-width: 99.99% !important;
display: none !important;
}
main .forum .box .row {
height: auto;
}
main .forum .post .user-width,
main .forum .answer .user-width {
flex: 0 0 99.99%;
max-width: 99.99%;
}
main .forum .post .message-width,
main .forum .answer .message-width,
main .forum .answer .my-answer-width {
flex: 0 0 99.99%;
max-width: 99.99%;
}
main .mark-as-read {
margin-top: 10px;
display: block;
}
main .message-left {
width: 100%;
border-right: none;
border-bottom: 1px solid #ddd;
margin-bottom: 5px;
}
main .message-right {
width: 100%;
}
main .settings-box .info-tit,
main .profil-box .info .info-tit {
width: 100% !important;
}
main .settings-box .info-text,
main .profil-box .info .info-text {
width: 100% !important;
max-width: 100% !important;
}
main .settings-box ul li .info-text textarea {
min-width: 95% !important;
max-width: 95% !important;
}
main .settings-menu a {
margin-bottom: 5px;
}
main .settings-backgrounds img {
min-width: 100% !important;
max-width: 100% !important;
}
main .vyhoda-50 {
width: 100% ! important;
}
/* SERVERS */
main .servers .details .s-admins {
display: none !important;
}
/* SERVERS */
main .servers .icon {
flex: 0 0 6.99% !important;
max-width: 6.99% !important;
}
main .servers .name {
flex: 0 0 34.99% !important;
max-width: 34.99% !important;
}
main .servers .address {
flex: 0 0 25.99% !important;
max-width: 25.99% !important;
}
main .servers .details {
flex: 0 0 31.99% !important;
max-width: 31.99% !important;
}
.fixed-bottom-bar-mobile {
display: block;
position: fixed;
width: 100%;
left: 0;
bottom: 0;
z-index: 100;
margin-top: 0px !important;
padding: 0px !important;
/*max-height: 80px !important;*/
background-color: #f4f4f4;
text-align: center;
}
.fixed-bottom-bar-mobile .g-ad {
text-align: center;
border: 0pt none;
display: block;
max-width: 94% !important;
/*max-height: 80px !important;*/
margin-top: 5px;
margin-bottom: 5px;
}
.maxadpage {
display: none;
}
footer .bottom {
margin-bottom: 70px;
}
}
@media (max-width: 450px) {
main .servers .details .s-plus {
display: none !important;
}
}
@media (max-width: 390px) {
main .servers .icon {
flex: 0 0 6.99% !important;
max-width: 6.99% !important;
}
main .servers .name {
flex: 0 0 68.99% !important;
max-width: 68.99% !important;
}
main .servers .address {
display: none !important;
}
main .servers .details {
flex: 0 0 23.99% !important;
max-width: 23.99% !important;
}
}
@media (min-width: 993px) {
main .mobile {
display: flex;
display: -webkit-flex;
flex-wrap: wrap;
}
}
.editor * {border:0;padding:0;margin:0;text-decoration:none;color:inherit;box-sizing:border-box;font-weight:400}
.editor *:focus{outline:0}
.editor b,
.editor b *,
.editor strong,
.editor strong *{font-weight:700}
.editor ol,
.editor ul{list-style:none}
.editor button,
.editor input,
.editor input:not([type]),
.editor input[type=color],
.editor input[type=text],
.editor input[type=time],
.editor input[type=url],
.editor input[type=week],
.editor input[type=button],
.editor input[type=reset],
.editor input[type=submit],
.editor input[type=date],
.editor input[type=datetime],
.editor input[type=datetime-local],
.editor input[type=email],
.editor input[type=month],
.editor input[type=number],
.editor input[type=password],
.editor input[type=search],
.editor input[type=tel],
.editor pre,
.editor select,
.editor textarea {font:inherit}
.editor {
/*font-family:Verdana, Arial, Helvetica, sans-serif;*/
/*font-family: "Times New Roman", Times, serif;*/
font-size:16px;
color:#000;
}
.editor h1,.editor h2,.editor h3,.editor h4,.editor h5,.editor h6{font-family:aileron;font-weight:200;line-height:1.2em;margin:0px 0 0px}
.editor h1{font-size:34px}
.editor h2{font-size:30px}
.editor h3{font-size:26px}
.editor h4{font-size:22px}
.editor h5{font-size:18px}
.editor h6{font-size:14px}
.editor p{margin:0px;padding: 0px;}
.editor ol,.editor ul{margin-left:15px;list-style-position:outside;margin-bottom:20px}
.editor ol li,.mce-content-body ul li{margin-left:5px;margin-bottom:0px;color:#000}
.editor ul{list-style-type:disc}
.editor ol{list-style-type:decimal}
.editor table{width:100%;border-spacing:0;border-collapse:separate}
/*.editor table tr:nth-child(even){background:#FAFAFA}*/
.editor table caption,.editor table td,.editor table th{padding:15px 7px;font:inherit}
.editor table th{font-weight:400;color:#6E6E6E;background-position:100% 100%;background-size:2px 10px;background-repeat:no-repeat}
.editor table th:last-child{background:0 0}
.editor a[href]{text-decoration:none}
.editor a[href]:hover{text-decoration: underline}
.editor img, video{max-width: 100%; height: auto;padding: 5px;}
.editor iframe {max-width: 100%;}
.editor table{border-bottom:1px solid #aaa;border-right:1px solid #aaa;}
.editor table td{border-top:1px solid #aaa;border-left:1px solid #aaa;}
.nav ul {
border-bottom: 1px solid #282828;
margin-bottom: 10px;
list-style: none;
}
.nav ul li {
display: block;
background-color: #fff;
margin-right: 10px;
text-decoration: none;
font-size: 14px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 1px solid #bfbfbf;
padding: 0px 15px;
margin-bottom: 10px;
font-weight: bold;
}
.nav ul li a {
display: block;
height: 30px;
line-height: 30px;
text-decoration: none;
color: #656565;
}
.nav ul li a:active,
.nav ul li a:focus,
.nav ul li a.active {
outline: none;
color: #005ba2;
}
.tabs .tab {
display: none;
}
.plus .benefits {
width: calc(100% - 40px);
padding: 5px 20px;
background-color: #ddd;
border-radius: 10px;
text-align: center;
font-weight: bold;
font-size: 15px;
color: #383633;
-webkit-transition: background .2s ease-in-out;
-moz-transition: background .2s ease-in-out;
-o-transition: background .2s ease-in-out;
transition: background .2s ease-in-out;
}
.plus .choice a {
display: block;
/*width: calc(33.33% - 80px);*/
margin: 0px 38px;
margin-bottom: 40px;
color: #005ea5;
text-decoration: none;
}
.plus .choice a span {
color: #4e4e4e;
}
.plus .choice .credit-new,
.plus .choice .days,
.plus .choice .moons,
.plus .choice .forever {
margin-top: 15px;
width: 190px;
height: 60px;
background-color: #ddd;
border-radius: 5px;
text-align: center;
padding-top: 90px;
font-weight: bold;
line-height: 1.5;
background-repeat: no-repeat;
background-position: center center;
-o-transition:.3s;
-ms-transition:.3s;
-moz-transition:.3s;
-webkit-transition:.3s;
transition:.3s;
/*line-height: 70px;*/
}
.plus .choice .credit-new {
height: 45px;
padding-top: 35px;
line-height: 1.1;
background-position: center bottom;
font-size: 13px;
}
.plus .choice .cs16-new-img { background-image: url(/images/plus-cs16-new.png); }
.plus .choice .mc-new-img { background-image: url(/images/plus-mc-new.png); }
.plus .choice .rust-new-img { background-image: url(/images/plus-rust-new.png); }
.plus .choice .web-new-img { background-image: url(/images/plus-web-new.png); }
.plus .choice .ts3-new-img { background-image: url(/images/plus-ts3-new.png); }
.plus .choice .7dtd-new-img { background-image: url(/images/plus-7dtd-new.png); }
.plus .choice .credit-new { background-image: url(/images/plus-web-new2.png); }
.plus .choice .credit-new3 { background-image: url(/images/plus-web-new3.png); }
.plus .choice .cs16-new-img-20 { background-image: url(/images/plus-cs16-new-20.png); }
.plus .choice .mc-new-img-20 { background-image: url(/images/plus-mc-new-20.png); }
.plus .choice .rust-new-img-20 { background-image: url(/images/plus-rust-new-20.png); }
.plus .choice .web-new-img-20 { background-image: url(/images/plus-web-new-20.png); }
.plus .choice .ts3-new-img-20 { background-image: url(/images/plus-ts3-new-20.png); }
.plus .choice .7dtd-new-img-20 { background-image: url(/images/plus-7dtd-new-20.png); }
.plus .choice .credit-new-20 { background-image: url(/images/plus-web-new2-20.png); }
.plus .choice .credit-new3-20 { background-image: url(/images/plus-web-new3-20.png); }
.plus .choice .cs16-new-img-30 { background-image: url(/images/plus-cs16-new-30.png); }
.plus .choice .mc-new-img-30 { background-image: url(/images/plus-mc-new-30.png); }
.plus .choice .7dtd-new-img-30 { background-image: url(/images/plus-7dtd-new-30.png); }
.plus .choice .rust-new-img-30 { background-image: url(/images/plus-rust-new-30.png); }
.plus .choice .web-new-img-30 { background-image: url(/images/plus-web-new-30.png); }
.plus .choice .ts3-new-img-30 { background-image: url(/images/plus-ts3-new-30.png); }
.plus .choice .credit-new-30 { background-image: url(/images/plus-web-new2-30.png); }
.plus .choice .credit-new3-30 { background-image: url(/images/plus-web-new3-30.png); }
.plus .choice .cs16-new-img-50 { background-image: url(/images/plus-cs16-new-50.png); }
.plus .choice .mc-new-img-50 { background-image: url(/images/plus-mc-new-50.png); }
.plus .choice .rust-new-img-50 { background-image: url(/images/plus-rust-new-50.png); }
.plus .choice .web-new-img-50 { background-image: url(/images/plus-web-new-50.png); }
.plus .choice .7dtd-new-img-50 { background-image: url(/images/plus-7dtd-new-50.png); }
.plus .choice .ts3-new-img-50 { background-image: url(/images/plus-ts3-new-50.png); }
.plus .choice .credit-new-50 { background-image: url(/images/plus-web-new2-50.png); }
.plus .choice .credit-new3-50 { background-image: url(/images/plus-web-new3-50.png); }
.plus .choice .cs16-new-img-75 { background-image: url(/images/plus-cs16-new-75.png); }
.plus .choice .mc-new-img-75 { background-image: url(/images/plus-mc-new-75.png); }
.plus .choice .rust-new-img-75 { background-image: url(/images/plus-rust-new-75.png); }
.plus .choice .web-new-img-75 { background-image: url(/images/plus-web-new-75.png); }
.plus .choice .ts3-new-img-75 { background-image: url(/images/plus-ts3-new-75.png); }
.plus .choice .7dtd-new-img-75 { background-image: url(/images/plus-7dtd-new-75.png); }
.plus .choice .credit-new-75 { background-image: url(/images/plus-web-new2-75.png); }
.plus .choice .credit-new3-75 { background-image: url(/images/plus-web-new3-75.png); }
.plus .choice .credit-new:hover,
.plus .choice .days:hover,
.plus .choice .moons:hover,
.plus .choice .forever:hover {
-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.7);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.7);
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.7);
}
.plus .choice span {
display: block;
font-size: 13px;
font-weight: normal;
}
.plus .link {
text-decoration: none;
}
.plus .link:hover {
text-decoration: none;
}
.plus .benefits:hover {
background-color: #ccc;
}
.plus .box-payments {
margin-top: 5px;
}
.plus .box-payments li {
width: 170px;
height: 40px;
/*background-color: #ddd;*/
border: 1px solid #ddd;
margin: 5px;
-o-transition:.3s;
-ms-transition:.3s;
-moz-transition:.3s;
-webkit-transition:.3s;
}
.plus .box-payments li:hover {
border: 1px solid #ddd;
background-color: #eee;
cursor: pointer;
}
.plus .box-payments li img {
margin-top: 3px;
margin-left: 10px;
width: 30px;
height: 30px;
}
.plus .box-payments li span {
display: block;
margin-left: 10px;
line-height: 40px;
}
.plus .benefits-list-title {
display: block;
font-weight: bold;
}
.plus .benefits-list {
display: block;
margin-bottom: 10px;
}
.plus .benefits-list li {
display: block;
padding: 2px 0px;
padding-left: 10px;
font-size: 15px;
}
.statistics .name,
.statistics .time,
.statistics .online,
.banlist .date,
.banlist .name,
.banlist .steamid,
.banlist .reason,
.banlist .length,
.banlist .detail,
.banlist .admin {
font-size: 15px;
}
.banlist .date { width: 15%; }
.banlist .name { width: 30%; }
.banlist .reason { width: 35%; }
.banlist .length { width: 20%; }
.statistics .name { width: 40%; }
.statistics .time { width: 30%; }
.statistics .online { width: 30%; }
.banlist .detail, .statistics .detail { float: right;cursor: pointer;background-color: #fff;border-radius: 5px;border: 1px solid black;padding: 0px 5px; }
.banlist .detail-banm .statistics .detail-ban { border: 1px solid #eaeaea;padding: 5px }
.banlist .detail-ban .rowban, .statistics .detail-ban .rowban { border-bottom: 1px solid #eaeaea;padding: 3px; }
.banlist .detail-title, .statistics .detail-title { width: 30%; }
.banlist .other-color, .statistics .other-color { font-weight: bold; }
.banlist .detail-data, .statistics .detail-data { width: 70%; }
.banlist .detail-data .link, .statistics .detail-data .link { text-decoration: none;color: #0060a6; }
.banlist .detail-data .link:hover, .statistics .detail-data .link:hover { text-decoration: underline; }
.banlist .banlist-li:hover, .statistics .banlist-li:hover { background-color: #eee; }
.banlist .banlist-hidden, .statistics .banlist-hidden { background-color: #fff;margin-top: 5px; }
.banlist .unban-btn, .statistics .unban-btn { background-color: #bf1c1c;color: #fff;padding: 7px 20px;border-radius: 5px;text-decoration: none;display: inline-block; }
.banlist .unban-btn:hover, .statistics .unban-btn:hover { background-color: #9e2626; }
.search-row { font-size: 15px;padding-bottom: 5px; }
.adblock-info {
display: none;
background: #d30000;
color: #fff;
padding-top: 5px;
padding-bottom: 5px;
width: 100%;
text-align: center;
font-size: 15px;
border-radius: 10px;
margin-bottom: 10px;
margin-top: -5px;
font-weight: bold;
}
.adblock-info a {
color: #fff;
text-decoration: underline;
}
.dont-break-out-news {
width: calc(100% - 62px);
}
#myBtn {
display: none;
position: fixed;
bottom: 80px;
right: 20px;
z-index: 99;
border: none;
outline: none;
background-color: #585858;
color: white;
cursor: pointer;
/*width: 33px;
height: 33px;*/
padding: 10px 13px;
border-radius: 50px;
font-size: 17px;
}
#myBtn:hover {
background-color: #555;
}
.christmas-lights li {
--christmas-lights-1: #057d70; /*color - 1*/
--christmas-lights-2: #d41a21; /*color - 2*/
--christmas-lights-3: #ffd27c; /*color - 3*/
animation-duration: 2s;
animation-fill-mode: both;
animation-iteration-count: infinite;
animation-name: flash-1;
border-radius: 50%;
display: inline-block;
height: 20px;
margin: 25px 20px;
position: relative;
width: 20px;
}
.christmas-lights {
left: 0;
margin: 0;
pointer-events: none;
position: fixed;
right: 0;
top: -15px;
white-space: nowrap;
width: 100%;
z-index: 100;
}
.christmas-lights li:before {
content: "";
position: absolute;
background: #505050;
width: 10px;
height: 10px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
top: -9px;
left: 5px;
}
.christmas-lights li:after {
content: "";
top: -23px;
left: 10px;
position: absolute;
width: 60px;
height: 20px;
border-bottom: solid #505050 2px;
border-radius: 50%;
}
.christmas-lights li:last-child:after {
content: none;
}
.christmas-lights li:first-child {
margin-left: -40px;
}
.christmas-lights li:nth-child(2n+1) {
background: var(--christmas-lights-1);
box-shadow: 0px 5px 24px 3px rgb(249 212 129);
animation-name: flash-2;
animation-duration: 0.4s;
}
.christmas-lights li:nth-child(4n+2) {
background: var(--christmas-lights-2);
box-shadow: 0px 5px 24px 3px var(--christmas-lights-2);
animation-name: flash-3;
animation-duration: 1.1s;
}
.christmas-lights li:nth-child(odd) {
animation-duration: 1.8s;
}
.christmas-lights li:nth-child(3n+1) {
animation-duration: 1.4s;
}
@keyframes flash-1 {
0%, 100% {
background: var(--christmas-lights-1);
box-shadow: 0px 5px 24px 3px var(--christmas-lights-1);
}
50% {
background: var(--christmas-lights-2);
box-shadow: 0px 5px 24px 3px var(--christmas-lights-2);
}
}
@keyframes flash-2 {
0%, 100% {
background: var(--christmas-lights-2);
box-shadow: 0px 5px 24px 3px var(--christmas-lights-2);
}
50% {
background: var(--christmas-lights-3);
box-shadow: 0px 5px 24px 3px var(--christmas-lights-3);
}
}
@keyframes flash-3 {
0%, 100% {
background: var(--christmas-lights-3);
box-shadow: 0px 5px 24px 3px var(--christmas-lights-3);
}
50% {
background: var(--christmas-lights-1);
box-shadow: 0px 5px 24px 3px var(--christmas-lights-1);
}
}
@media (max-width: 1024px){
.christmas-lights[data-position="left"] {
left: -14px;
}
.christmas-lights[data-position="right"] {
right: -14px;
}
.christmas-lights[data-position="left"],
.christmas-lights[data-position="right"] {
height: 100vh;
}
}
@-webkit-keyframes progress-bar-stripes {
from {
background-position: 40px 0;
}
to {
background-position: 0 0;
}
}
@-o-keyframes progress-bar-stripes {
from {
background-position: 40px 0;
}
to {
background-position: 0 0;
}
}
@keyframes progress-bar-stripes {
from {
background-position: 40px 0;
}
to {
background-position: 0 0;
}
}
.progress {
height: 20px;
margin-bottom: 20px;
overflow: hidden;
background-color: #f5f5f5;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
}
.progress-bar {
float: left;
width: 0;
height: 100%;
font-size: 12px;
line-height: 20px;
color: #fff;
text-align: center;
background-color: #428bca;
-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
-webkit-transition: width .6s ease;
-o-transition: width .6s ease;
transition: width .6s ease;
}
.progress-striped .progress-bar,
.progress-bar-striped {
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
-webkit-background-size: 40px 40px;
background-size: 40px 40px;
}
.progress.active .progress-bar,
.progress-bar.active {
-webkit-animation: progress-bar-stripes 2s linear infinite;
-o-animation: progress-bar-stripes 2s linear infinite;
animation: progress-bar-stripes 2s linear infinite;
}
.progress-bar-success {
background-color: #5cb85c;
}
.progress-striped .progress-bar-success {
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}
.progress-bar-info {
background-color: #5bc0de;
}
.progress-striped .progress-bar-info {
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}
.progress-bar-warning {
background-color: #f0ad4e;
}
.progress-striped .progress-bar-warning {
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}
.progress-bar-danger {
background-color: #d9534f;
}
.progress-striped .progress-bar-danger {
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}
/***************************************************************************************/
.chat {
width: 100%;
margin-bottom: 30px;
}
.chat-guest {
color: #797983;
font-family: 'Segoe UI Regular', sans-serif;
font-size: 13px;
text-align: center;
padding-top: 17px;
padding-bottom: 17px;
}
.chat-head {
background: #e0e0e0;
min-height: 55px;
position: relative;
width: 100%;
}
.chat-head button {
background-color: #f2f2f2;
border: none;
width: 40px;
height: 40px;
position: absolute;
bottom: 0;
left: 15px;
outline: none;
}
.chat-head button span {
background-color: transparent;
background-image: url(../img/misc/chat-button.png);
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: center center;
display: block;
}
.chat-head button:hover {
background: #16d5ff;
}
.chat-head button:hover span {
filter: brightness(0) invert(1);
}
.chat-head input {
position: absolute;
bottom: 0;
left: 55px;
border: none;
height: 40px;
padding: 5px 15px;
width: calc(100% - 70px);
background: #c8c8c8;
font-size: 13px;
color: #6b6b6b;
outline: none;
margin-right: 15px;
}
.chat-head input::-webkit-input-placeholder {color:#6b6b6b;text-align: center;font-family: 'PantonDemoLight', sans-serif;font-size: 12px;}
.chat-head input:-moz-placeholder {color:#6b6b6b;text-align: center;font-family: 'PantonDemoLight', sans-serif;font-size: 12px;}
.chat-head input::-moz-placeholder {color:#6b6b6b;text-align: center;font-family: 'PantonDemoLight', sans-serif;font-size: 12px;}
.chat-head input:-ms-input-placeholder {color:#6b6b6b;text-align: center;font-family: 'PantonDemoLight', sans-serif;font-size: 12px;}
.chat-body {
padding: 10px 10px 10px 0;
}
.chat-scroll {
height: 500px;
overflow: hidden;
overflow-y: scroll;
}
.chat-scroll::-webkit-scrollbar {background: #e0e0e0;width:3px;height: 3px; }
.chat-scroll::-webkit-scrollbar-track{background: #e0e0e0; }
.chat-scroll::-webkit-scrollbar-thumb{background: #969696; }
.chat-scroll::-webkit-input-placeholder{color:#78879b}
.chat-line {
padding: 0 22px 0 20px;
}
.chat-line:first-child {
padding-top: 30px;
}
.chat-line a {
text-decoration: none;
color: #272727;
}
.chat-avatar {padding: 0 10px;padding-bottom: 20px;}
.chat-avatar img {
width: 50px;
max-width: 50px;
border-radius: 50%;
}
.chat-content {
}
.chat-author {
font-size: 12px;
}
.chat-author a {
color: #272727;
text-transform: uppercase;
font-family: 'PantonDemoBlack', sans-serif;
}
.chat-author span {
display: inline-block;
width: 10px;
height: 10px;
background: #2ae29a;
border-radius: 50%;
margin-left: 5px;
}
.chat-author span.online {
background: #2ae29a;
}
.chat-author span.offline {
background: #f5334c;
}
.chat-options {
color: #a4a4a4;
font-size: 11px;
font-family: 'Segoe UI Regular', sans-serif;
}
.chat-msg {
color: #919191;
font-size: 13px;
font-family: 'Segoe UI Regular', sans-serif;
line-height: 1.3;
margin-top: 10px;
}
.chat-border {padding-left: 20px;padding-right: 5px;margin-top: 25px;margin-bottom: 22px;}
.chat-border span {
display: block;
width: 100%;
height: 1px;
background: #e0e0e0;
}
.chat-line:last-child .chat-border span {
height: 0px;
}