diff --git a/Account_Manager/css/register.css b/Account_Manager/css/register.css deleted file mode 100644 index d56734c663..0000000000 --- a/Account_Manager/css/register.css +++ /dev/null @@ -1,1634 +0,0 @@ -@font-face { - font-family: 'Avenir'; - src: url("../fonts/AvenirNext-Regular/AvenirNext-Regular.eot"); - src: local('☺'), url("../fonts/AvenirNext-Regular/AvenirNext-Regular.woff") format("woff"), url("../fonts/AvenirNext-Regular/AvenirNext-Regular.ttf") format("truetype"), url("../fonts/AvenirNext-Regular/AvenirNext-Regulard41d.eot?#iefix")format("embedded-opentype"); - font-weight: 400; -} - -@font-face { - font-family: 'Avenir'; - src: url("../fonts/AvenirNext-DemiBold/AvenirNext-DemiBold.eot"); - src: local('☺'), url("../fonts/AvenirNext-DemiBold/AvenirNext-DemiBold.woff") format("woff"), url("../fonts/AvenirNext-DemiBold/AvenirNext-DemiBold.ttf") format("truetype"), url("../fonts/AvenirNext-DemiBold/AvenirNext-DemiBoldd41d.eot?#iefix")format("embedded-opentype"); - font-weight: 700; -} - -@font-face { - font-family: 'Avenir'; - src: url("../fonts/AvenirNext-Bold/AvenirNext-Bold.eot"); - src: local('☺'), url("../fonts/AvenirNext-Bold/AvenirNext-Bold.woff") format("woff"), url("../fonts/AvenirNext-Bold/AvenirNext-Bold.ttf") format("truetype"), url("../fonts/AvenirNext-Bold/AvenirNext-Boldd41d.eot?#iefix")format("embedded-opentype"); - font-weight: 800; -} - -@font-face { - font-family: 'RussoOne'; - src: url("../fonts/Russo_One/Russo_One.eot"); - src: local('☺'), url("../fonts/Russo_One/Russo_One.woff") format("woff"), url("../fonts/Russo_One/Russo_One.ttf") format("truetype"), url("../fonts/Russo_One/Russo_Oned41d.eot?#iefix")format("embedded-opentype"); - font-weight: normal; -} - -/* CSS Reset */ - -html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { - margin: 0; - padding: 0; - border: 0; - font-size: 100%; - vertical-align: baseline; -} - -/* HTML5 display-role reset for older browsers */ - -article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { - display: block; -} - -body { - line-height: 1; -} - -ol, ul { - list-style: none; -} - -blockquote, q { - quotes: none; -} - -blockquote:before, blockquote:after, q:before, q:after { - content: ''; - content: none; -} - -table { - border-collapse: separate; - border-spacing: 3px; -} - -/* End of CSS Reset */ - -* { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; -} - -html { - height: 100%; - width: 100%; -} - -article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { - display: block; -} - -body { - font-size: 18px; - line-height: 1.4; - font-family: 'Avenir', sans-serif; - font-weight: 700; - color: #ffedc2; - background: #0d0b0e; - background-image: url("../images/bg.jpg"); - background-position: top center; - background-repeat: no-repeat; - width: 100%; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - /*animation: bluring 3s infinite linear;*/ -} - -body.inner { - background-image: url("../images/bg-inner.jpg"); -} - -body.soon { - width: 100%; - height: 100%; - background-color: #000; - background: url("../images/soon.jpg") center center no-repeat; - background-size: cover; -} - -p { - margin: 0 0 15px; -} - -img { - border: none; -} - -input { - outline: none; - vertical-align: middle; -} - -h1, h2, h3, h4, h5, h6 { - text-transform: uppercase; - font-family: 'RussoOne'; - background: linear-gradient(#ffdc87, #ff5400); - -webkit-background-clip: text; - -moz-background-clip: text; - -ms-background-clip: text; - -o-background-clip: text; - background-clip: text; - color: transparent; -} - -h1 { - font-size: 60px; - background: linear-gradient(#fcdb4e, #ff5400); - -webkit-background-clip: text; - -moz-background-clip: text; - -ms-background-clip: text; - -o-background-clip: text; - background-clip: text; - color: transparent; -} - -h2 { - font-size: 50px; -} - -h3 { - font-size: 44px; -} - -h4 { - font-size: 30px; -} - -h5 { - font-size: 24px; -} - -h6 { - font-size: 18px; -} - -a { - cursor: pointer; -} - -.row {} - -.row:after { - clear: both; - display: table; - content: ''; -} - -.clearfix:after { - clear: both; - display: table; - content: ''; -} - -.container { - width: 1240px; - margin-left: auto; - margin-right: auto; -} - -a { - text-decoration: underline; - color: #fff; - -webkit-transition: all 300ms ease-in-out; - -moz-transition: all 300ms ease-in-out; - -o-transition: all 300ms ease-in-out; - transition: all 300ms ease-in-out; -} - -a:hover { - text-decoration: none; -} - -a.close { - display: block; - width: 20px; - height: 20px; - background-color: #f00; - border-radius: 100%; - position: relative; - -webkit-transition: all 300ms ease-in-out; - -moz-transition: all 300ms ease-in-out; - -o-transition: all 300ms ease-in-out; - transition: all 300ms ease-in-out; -} - -a.close:before { - content: ''; - width: 14px; - height: 2px; - background-color: #fff; - position: absolute; - top: 50%; - left: 3px; - margin-top: -1px; - -webkit-transform: rotate(45deg); - -moz-transform: rotate(45deg); - -o-transform: rotate(45deg); - transform: rotate(45deg); -} - -a.close:after { - content: ''; - width: 14px; - height: 2px; - background-color: #fff; - position: absolute; - top: 50%; - right: 3px; - margin-top: -1px; - -webkit-transform: rotate(-45deg); - -moz-transform: rotate(-45deg); - -o-transform: rotate(-45deg); - transform: rotate(-45deg); -} - -a.close:hover { - -webkit-transform: rotate(180deg); - -moz-transform: rotate(180deg); - -o-transform: rotate(180deg); - transform: rotate(180deg); -} - -ul { - margin: 0; - padding: 0; - list-style: none; -} - -input, select, button { - /*width: 600px;*/ - width: 100%; - height: 50px; - font-size: 20px; - color: #555; - border-radius: 10px; - border: 2px solid #876625; - padding-left: 20px; - margin-bottom: 10px; - font-family: "Avenir"; -} - -select { - background-color: #fff; - background-image: url('../images/select.png'); - background-position: 97% 8px; - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - background-repeat: no-repeat; -} - -textarea { - min-width: 600px; - max-width: 600px; - min-height: 150px; - max-height: 150px; - font-size: 20px; - color: #555; - border-radius: 10px; - padding-top: 10px; - font-family: "Avenir"; - border: 2px solid #876625; - padding-left: 20px; - margin-bottom: 10px; -} - -#preloader { - display: none; - position: fixed; - top: 0; - right: 0; - bottom: 0; - left: 0; - z-index: 99999; - background-color: #000; -} - -#preloader-image { - position: absolute; - top: 50%; - left: 50%; - margin: -100px 0 0 -100px; - width: 200px; - height: 200px; - background-image: url(../images/loader.png); - background-position: center; - background-repeat: no-repeat; - background-size: 200px 200px; - -webkit-animation-name: animates; - -webkit-animation-duration: 600ms; - -webkit-animation-iteration-count: infinite; - -webkit-animation-timing-function: linear; - -moz-animation-name: animates; - -moz-animation-duration: 600ms; - -moz-animation-iteration-count: infinite; - -moz-animation-timing-function: linear; - -ms-animation-name: animates; - -ms-animation-duration: 600ms; - -ms-animation-iteration-count: infinite; - -ms-animation-timing-function: linear; - animation-name: animates; - animation-duration: 600ms; - animation-iteration-count: infinite; - animation-timing-function: linear; -} - -@keyframes animates { - 0% { - -webkit-transform: scale(1); - -moz-transform: scale(1); - -o-transform: scale(1); - transform: scale(1); - filter: brightness(100%); - } - 50% { - -webkit-transform: scale(1.3); - -moz-transform: scale(1.3); - -o-transform: scale(1.3); - transform: scale(1.3); - filter: brightness(250%); - } - 99% { - -webkit-transform: scale(1); - -moz-transform: scale(1); - -o-transform: scale(1); - transform: scale(1); - filter: brightness(100%); - } -} - -@keyframes animatesss { - 0% { - -webkit-transform: scale(1); - -moz-transform: scale(1); - -o-transform: scale(1); - transform: scale(1); - } - 50% { - -webkit-transform: scale(0.97); - -moz-transform: scale(0.97); - -o-transform: scale(0.97); - transform: scale(0.97); - } - 99% { - -webkit-transform: scale(1); - -moz-transform: scale(1); - -o-transform: scale(1); - transform: scale(1); - } -} - -@keyframes preloading { - 0% { - background-image: url('../images/animation/1.png'); - } - 5% { - background-image: url('../images/animation/2.png'); - } - 10% { - background-image: url('../images/animation/3.png'); - } - 15% { - background-image: url('../images/animation/4.png'); - } - 20% { - background-image: url('../images/animation/5.png'); - } - 25% { - background-image: url('../images/animation/6.png'); - } - 30% { - background-image: url('../images/animation/7.png'); - } - 35% { - background-image: url('../images/animation/8.png'); - } - 40% { - background-image: url('../images/animation/9.png'); - } - 45% { - background-image: url('../images/animation/10.png'); - } - 50% { - background-image: url('../images/animation/11.png'); - } - 55% { - background-image: url('../images/animation/12.png'); - } - 60% { - background-image: url('../images/animation/13.png'); - } - 65% { - background-image: url('../images/animation/14.png'); - } - 70% { - background-image: url('../images/animation/15.png'); - } - 75% { - background-image: url('../images/animation/16.png'); - } - 80% { - background-image: url('../images/animation/17.png'); - } - 85% { - background-image: url('../images/animation/18.png'); - } - 90% { - background-image: url('../images/animation/19.png'); - } - 95% { - background-image: url('../images/animation/20.png'); - } -} - -.preload-anim { - background-repeat: no-repeat; - background-position: center center; - background-size: cover; - animation: preloading 2000ms infinite linear; - position: fixed; - top: 0; - right: 0; - bottom: 0; - left: 0; - z-index: 99990; -} - -/* PAGE Styles */ - -video#bgvid { - z-index: -1; - opacity: 0.2; - position: fixed; - top: 50%; - left: 50%; - min-width: 100%; - min-height: 100%; - width: auto; - height: auto; - -webkit-transform: translateX(-50%) translateY(-50%); - -moz-transform: translateX(-50%) translateY(-50%); - -o-transform: translateX(-50%) translateY(-50%); - transform: translateX(-50%) translateY(-50%); -} - -header { - width: 100%; -} - -.header-left { - margin-top: 40px; - width: 600px; - display: inline-block; - text-align: left; - vertical-align: top; -} - -.header-left .social { - margin-top: 99%; -} - -body.inner .header-left .social { - margin-top: 550px; -} - -.header-left .langs, .header-left .social { - display: block; -} - -.header-left .langs a, .header-left .social a { - opacity: 0.6; - text-decoration: none; -} - -.header-left .langs a:hover, .header-left .langs a.active, .header-left .social a:hover { - opacity: 1; -} - -.header-right { - width: 630px; - display: inline-block; - text-align: center; - vertical-align: top; -} - -.logo { - margin-top: 70px; - text-align: center; -} - -.logo a { - display: inline-block; - width: 621px; - height: 104px; - background: url(../images/logo.png) top center no-repeat; -} - -.logo a:hover { - -webkit-filter: brightness(130%); - -moz-filter: brightness(130%); - -ms-filter: brightness(130%); - -o-filter: brightness(130%); - filter: brightness(130%); - -webkit-transform: scale(1.1); - -moz-transform: scale(1.1); - -ms-transform: scale(1.1); - -o-transform: scale(1.1); - transform: scale(1.1); - background: url(../images/logo.png) top center no-repeat; -} - -body.soon .logo { - position: absolute; - top: 20%; - left: 50%; - margin-left: -394px; -} - -body.soon .logo a { - width: 789px; - height: 132px; - background: url(../images/logo-big.png) top center no-repeat; -} - -body.soon .logo h1 { - margin-top: -15px; -} - -.menu { - margin-top: 40px; -} - -.menu a { - display: inline-block; - font-size: 24px; - text-decoration: none; - text-transform: uppercase; - color: #ebd7a9; - font-weight: 800; - margin: 0 10px; - text-shadow: 2px 1px 3px #000; -} - -.menu a.active, .menu a:hover { - color: #fbb527; -} - -.menu a.active:after { - background: none; -} - -.menu a:after { - display: block; - content: ""; - height: 2px; - width: 100%; - background-color: #ebd7a9; - transition: width .3s ease-in-out; -} - -.menu a:focus:after, .menu a:hover:after { - width: 0%; - background-color: #fbb527; -} - -.statuses { - margin-top: 73px; -} - -body.inner .statuses { - margin-top: 40px; -} - -.statuses .stat-2, .statuses .stat-1 { - -webkit-animation-name: animatesss; - -webkit-animation-duration: 2600ms; - -webkit-animation-iteration-count: infinite; - -webkit-animation-timing-function: linear; - -moz-animation-name: animatesss; - -moz-animation-duration: 2600ms; - -moz-animation-iteration-count: infinite; - -moz-animation-timing-function: linear; - -ms-animation-name: animatesss; - -ms-animation-duration: 2600ms; - -ms-animation-iteration-count: infinite; - -ms-animation-timing-function: linear; - animation-name: animatesss; - animation-duration: 2600ms; - animation-iteration-count: infinite; - animation-timing-function: linear; - cursor: pointer; - padding-top: 150px; - width: 300px; - display: inline-block; - font-weight: 800; - font-size: 36px; - line-height: 1; - text-shadow: 2px 1px 3px #000; - -webkit-transition: all 300ms ease-in-out; - -moz-transition: all 300ms ease-in-out; - -o-transition: all 300ms ease-in-out; - transition: all 300ms ease-in-out; -} - -.statuses .stat-2.off, .statuses .stat-1.off { - opacity: 0.5; - cursor: default; - animation-name: none; -} - -.statuses .stat-2.off:hover, .statuses .stat-1.off:hover { - transform: none; - filter: none; -} - -.statuses .stat-2:hover, .statuses .stat-1:hover { - animation-name: none; -} - -.statuses .stat-2 i, .statuses .stat-1 i { - color: #fff; - font-style: normal; -} - -.statuses .stat-2 span, .statuses .stat-1 span { - font-size: 24px; - color: #f9b934; -} - -.statuses .stat-2 { - background: url('../images/serv-1.png') top center no-repeat; -} - -.statuses .stat-1 { - background: url('../images/serv-2.png') top center no-repeat; -} - -.entercp { - margin-top: 30px; - font-size: 30px; - font-weight: 400; - text-shadow: 2px 1px 3px #000; -} - -body.inner .entercp { - margin-top: 40px; -} - -.entercp a { - display: inline-block; - font-size: 30px; - text-decoration: none; - text-transform: uppercase; - color: #fbb527; - font-weight: 800; - text-shadow: 2px 1px 3px #000; -} - -.entercp a:after { - display: block; - content: ""; - height: 2px; - width: 100%; - background-color: #fbb527; - transition: width .3s ease-in-out; -} - -.entercp a:focus:after, .entercp a:hover:after { - width: 0%; - background-color: #ebd7a9; -} - -.register { - margin-top: 10px; - margin-bottom: 10px; - text-align: center; -} - -.register a { - display: inline-block; - width: 624px; - height: 89px; - background: url('../images/reg-btn.png'); - color: #261700; - font-family: "RussoOne"; - font-size: 48px; - text-decoration: none; - text-transform: uppercase; - line-height: 89px; - text-shadow: 1px 1px 0px #fff; -} - -.register a:hover { - -webkit-filter: brightness(150%); - -moz-filter: brightness(150%); - -ms-filter: brightness(150%); - -o-filter: brightness(150%); - filter: brightness(150%); - -webkit-transform: scale(1.1); - -moz-transform: scale(1.1); - -ms-transform: scale(1.1); - -o-transform: scale(1.1); - transform: scale(1.1); -} - -.news, .files { - vertical-align: top; - text-align: center; -} - -h3.page-title { - text-align: center; - margin-bottom: 30px; -} - -h3.page-title img { - padding-right: 15px; - padding-left: 15px; - display: inline-block; - vertical-align: middle; -} - -.files .morenws, .news .morenws { - width: 100%; - display: block; - text-align: center; - margin-top: 10px; -} - -.files .morenws a, .news .morenws a { - width: 1212px; - padding-top: 10px; - padding-bottom: 10px; - display: inline-block; - border-radius: 15px; - border: 2px solid #876625; - color: #876625; - font-weight: 400; - font-size: 30px; - text-transform: uppercase; - text-decoration: none; -} - -.files .morenws a:hover, .news .morenws a:hover { - background: #f9b934; - border: 2px solid #f9b934; - color: #fff; - font-weight: 800; -} - -.nws-in { - padding: 20px 30px 10px; -} - -.files .nws, .news .nws { - width: 388px; - margin: 10px; - /*padding: 0 30px 10px 30px;*/ - background: rgba(0, 0, 0, 0.7); - border-radius: 15px; - display: inline-block; - vertical-align: top; - text-align: left; - font-size: 14px; -} - -.files .nws.files, .news .nws.files { - text-align: center; - padding-bottom: 30px; -} - -.files .nws.files strong, .news .nws.files b { - color: #fff; - display: block; - margin-bottom: 15px; - font-size: 18px; -} - -.files .nws img, .news .nws img { - display: block; - max-width: 100%; - /*margin-left: -30px;*/ - border-top-left-radius: 15px; - border-top-right-radius: 15px; -} - -.files .nws a, .news .nws a { - font-family: "RussoOne"; - color: #f9b934; - text-decoration: none; - font-size: 24px; - /*display: block;*/ - /*margin-top: 15px;*/ - /* margin-bottom: 15px;*/ - /*line-height: 1;*/ -} - -.files .nws a:hover, .news .nws a:hover { - color: #fff; -} - -.files .nws .more, .files .nws .date, .news .nws .more, .news .nws .date { - display: inline-block; -} - -.files .nws .date, .news .nws .date { - float: right; - font-size: 14px; - font-weight: 400; - color: #9a6018; - background: url("../images/ico-date.png") left center no-repeat; - padding-left: 18px; - margin-top: 23px; -} - -.files .nws.big, .news .nws.big { - width: 595px; - font-size: 16px; -} - -.files .nws.big img, .news .nws.big img { - width: 595px; -} - -.files .nws.big a, .news .nws.big a { - font-size: 30px; -} - -.files .nws.big .date, .news .nws.big .date { - font-size: 16px; -} - -.files .nws.files a, .news .nws.files a { - margin-top: -15px; -} - -.files .nws.files img, .news .nws.files img { - padding: 0; - margin: 0; - display: inline-block; - width: 200px; - height: 200px; -} - -.news-detail .img-wrap { - text-align: center; - margin-bottom: 20px; -} - -.news-detail .img-wrap img { - display: inline-block; -} - -.news-detail {} - -.cabinet-nav-left-block { - float: left; - /* width: 23%; */ - margin: 10px; - padding: 23px 30px 10px 30px; - background: rgba(0, 0, 0, 0.7); - border-radius: 15px; - display: inline-block; - vertical-align: top; - text-align: left; - font-size: 18px; - line-height: 1.8; -} - -.cabinet-nav-left-block a:hover { - text-decoration: none; - color: #fbb527; -} - -.cabinet-content-right-block { - float: right; - width: 75%; -} - -.block-row {} - -.page-register .cont, .page-login .cont, .page-forgottenPassword .cont { - text-align: center; -} - -/*.page-title img {*/ - -/*display: block;*/ - -/*margin: 0 auto 40px;*/ - -/*}*/ - -a.form-btn { - text-decoration: none; -} - -.form-btn, .news .nws .more a, .button { - padding: 10px 20px; - background: #fff; - border-radius: 10px; - display: inline-block; - background: linear-gradient(#fcdb4e, #ff5400); - font-family: "Avenir"; - color: #241600; - font-size: 18px; - text-transform: uppercase; - font-weight: 800; - border: none; - cursor: pointer; -} - -.form-btn:hover, .news .nws .more a:hover, .button:hover { - background: linear-gradient(#ff5400, #fcdb4e); -} - -.form-btn, .button { - font-size: 24px; -} - -.cont { - width: 100%; - margin-top: 10px; - padding: 30px; - background: rgba(0, 0, 0, 0.7); - border-radius: 15px; - display: block; - vertical-align: top; - text-align: left; - font-size: 18px; -} - -.forrank { - width: 100%; - min-height: 448px; - background: url('../images/bg-forum.png') center center no-repeat; -} - -.forrank .forum, .forrank .rank { - width: 615px; - text-align: center; - vertical-align: top; - display: inline-block; -} - -.forrank .forum .name h3, .forrank .rank .name h3 { - font-size: 36px; -} - -.forrank .forum ul { - margin-left: 30px; - margin-right: 20px; - margin-top: 20px; - text-align: left; -} - -.forrank .forum ul li { - display: block; - padding: 12px 0; - border-bottom: 1px solid rgba(255, 255, 255, 0.1); - -webkit-transition: all 300ms ease-in-out; - -moz-transition: all 300ms ease-in-out; - -o-transition: all 300ms ease-in-out; - transition: all 300ms ease-in-out; -} - -.forrank .forum ul li:hover { - background: rgba(0, 0, 0, 0.3); -} - -.forrank .forum ul li:last-child { - border-bottom: none; -} - -.forrank .forum ul li .img, .forrank .forum ul li .link, .forrank .forum ul li .date { - display: inline-block; - vertical-align: middle; - padding-left: 10px; -} - -.forrank .forum ul li .img { - width: 45px; - height: 45px; - line-height: 48px; - overflow: hidden; - border-radius: 22px; - border: 4px solid #f9b934; - transition: border .5s; -} - -.forrank .forum ul li img { - display: inline-block; - max-width: 150%; - margin-left: -12px; -} - -.forrank .forum ul li:hover .img { - border-color: transparent; -} - -.forrank .forum ul li .link a { - font-size: 18px; - font-weight: 800; - color: #ffedc2; - text-transform: uppercase; - text-decoration: none; -} - -.forrank .forum ul li:hover .link a { - color: #f9b934; -} - -.forrank .forum ul li .date { - float: right; - margin-top: 15px; - background: url('../images/ico-date.png') center left no-repeat; - padding-left: 18px; - color: #bf761d; - font-size: 14px; - font-weight: 400; -} - -.forrank .rank .half { - margin-left: 20px; - margin-right: 10px; - width: 260px; - text-align: left; - display: inline-block; - vertical-align: top; -} - -.forrank .rank .half ul li { - display: block; - -webkit-transition: all 300ms ease-in-out; - -moz-transition: all 300ms ease-in-out; - -o-transition: all 300ms ease-in-out; - transition: all 300ms ease-in-out; -} - -.forrank .rank .half ul li:hover { - transform: scale(1.05); -} - -.forrank .rank .half ul li div { - margin-right: 10px; - line-height: 34px; - display: inline-block; - vertical-align: top; -} - -.forrank .rank .half ul li .place { - font-size: 16px; - color: #3f2d18; - font-weight: 400; - min-width: 20px; -} - -.forrank .rank .half ul li.ff .place { - color: #6b4316; - font-weight: 800; -} - -.forrank .rank .half ul li .name { - font-size: 20px; - text-transform: uppercase; - color: #ffedc2; - font-weight: 400; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - max-width: 150px; -} - -.forrank .rank .half ul li.ff .name { - font-weight: 800; -} - -.forrank .rank .half ul li .point { - font-size: 18px; - color: #6e4c23; - font-family: 'RussoOne'; - float: right; -} - -.forrank .rank .half ul li.ff .point { - color: #bf761d; -} - -.forrank .rank .half ul li.hh div { - text-transform: none; - font-size: 12px; - color: #bf761d; - font-weight: 400; -} - -.separator { - background: url('../images/sep-content.png') center center no-repeat; - width: 100%; - min-height: 100px; -} - -footer1 { - padding-top: 20px; - padding-bottom: 10px; - opacity: 0.2; - font-size: 14px; - font-weight: 400; - text-align: center; - /* background: url("../images/bg-footer.jpg") bottom center no-repeat;*/ - -webkit-transition: all 300ms ease-in-out; - -moz-transition: all 300ms ease-in-out; - -o-transition: all 300ms ease-in-out; - transition: all 300ms ease-in-out; - background: url('../images/bg-footer.jpg') bottom center no-repeat; -} - -footer:hover { - opacity: 1; -} - -footer img { - padding: 10px 0; -} - -@-moz-document url-prefix() { - h1, h2, h3, h4, h5, h6 { - background: none; - color: #ff8a00; - } - h1 { - color: #ffc347; - } -} - -.alert { - width: 100%; - margin-bottom: 30px; - border: 1px solid transparent; - display: inline-block; - padding: 20px 30px; - border-radius: 10px; -} - -.alert>p { - margin-bottom: 0; -} - -.alert .close { - display: none; -} - -.alert-danger { - color: #a94442; - background-color: #f2dede; - border-color: #ebccd1; -} - -.alert-info { - color: #31708f; - background-color: #d9edf7; - border-color: #bce8f1; -} - -.alert-success { - color: #3c763d; - background-color: #dff0d8; - border-color: #d6e9c6; -} - -.form-horizontal { - width: 600px; - margin: 0 auto; -} - -.page-cabinet .form-horizontal { - width: 100%; -} - -.page-cabinet textarea { - min-width: 100%; - max-width: 100%; -} - -.page-cabinet .form-horizontal select { - background-position: 98% 8px; -} - -.form-group {} - -.form-group .field {} - -.form-group .help-block {} - -.captcha {} - -.captcha input { - width: 76%; - float: left; -} - -.captcha .captcha-image { - margin-left: auto; - width: 120px; - cursor: pointer; - padding-top: 2px; -} - -.captcha .captcha-image img { - display: block; - border-radius: 8px; -} - -.table { - margin-bottom: 20px; - width: 100%; -} - -.table>thead>tr {} - -.table>thead>tr>th { - background-color: #23190D; - color: #cb9b3d; -} - -.table>tbody>tr>td, .table>thead>tr>th { - padding: 10px 20px; - vertical-align: middle; -} - -.table>tbody>tr {} - -.table>tbody>tr:hover>td { - background-color: #23190D; -} - -.table>tbody>tr>td { - background-color: #392713; -} - -.table>thead>tr>th:first-child, .table>tbody>tr>td:first-child { - border-top-left-radius: 10px; - border-bottom-left-radius: 10px; -} - -.table>thead>tr>th:last-child, .table>tbody>tr>td:last-child { - border-top-right-radius: 10px; - border-bottom-right-radius: 10px; -} - -.cabinet-menu a { - text-decoration: none; -} - -.cabinet-menu .active a, .cabinet-menu li:hover a { - text-decoration: underline; -} - -.cabinet-menu .active a, .tabs>li.active a { - text-decoration: none; - color: #fbb527; -} - -.tabs { - font-size: 0; - margin-bottom: 20px; -} - -.tabs>li { - display: inline-block; - vertical-align: top; - margin-right: 15px; -} - -.tabs>li>a { - font-size: 16px; -} - -.status-online { - color: #037503; -} - -.status-offline { - color: #a71e21; -} - -.char-info {} - -.char-info .name { - margin-bottom: 0; -} - -.char-info .class, .char-info .level { - font-size: 13px; -} - -.char-info .class {} - -.char-info .level {} - -.count-new-tickets { - border-radius: 25px; - width: 20px; - height: 20px; - line-height: 20px; - background-color: #238a3d; - text-align: center; - display: inline-block; - font-size: 12px; - color: #ffffff; -} - -.active-bonuses {} - -.active-bonuses .title { - margin-top: 30px; - font-size: 30px; -} - -.active-bonuses .table { - margin-bottom: 0; -} - -.active-bonuses .table .active>td { - background-color: green; -} - -.streamers { - margin-bottom: 50px; -} - -.streamers>ul { - font-size: 0; - text-align: center; -} - -.streamers>ul>li { - vertical-align: top; - display: inline-block; -} - -.streamers>ul>li p { - background-color: rgba(0, 0, 0, .95); - padding: 10px 0; - font-size: 20px; - margin: 0; - font-family: 'RussoOne', sans-serif; - color: #d57602; - text-transform: uppercase; -} - -.streamers>ul>li>iframe { - width: 100%; - height: 200px; -} - -.tickets-view {} - -.tickets-view .admin .text { - background-color: rgba(107, 185, 120, 0.19); - border-left: 3px solid rgba(75, 197, 122, 0.16); -} - -.tickets-view .text { - margin-top: 20px; - border-radius: 5px; - background-color: rgba(204, 204, 204, 0.19); - padding: 20px 20px 20px 30px; - border-left: 3px solid rgba(204, 204, 204, 0.16); -} - -.bonus-items {} - -.bonus-items form .buttons { - font-size: 0; -} - -.bonus-items form .buttons button, .bonus-items form .buttons select { - display: inline-block; - vertical-align: top; -} - -.bonus-items form .buttons button { - margin-bottom: 0; - width: 60%; -} - -.bonus-items form .buttons select { - width: 35%; - margin-left: 5%; - margin-bottom: 0; -} - -.nws-in p a { - font-size: 16px !important; - display: inline-block; - font-weight: 100; -} - -.btn-send { - font-weight: 300; - text-transform: uppercase; - letter-spacing: 0.1em; - margin-bottom: 20px; -} - -.footer { - padding-top: 20px; - padding-bottom: 50px; - opacity: 0.5; - position: fixed; - left: 0; - bottom: 0; - width: 100%; - height: 4%; - background-color: #130401; - color: white; - text-align: center; - /* background: url("../images/bg-footer.jpg") bottom center no-repeat;*/ - -webkit-transition: all 300ms ease-in-out; - -moz-transition: all 300ms ease-in-out; - -o-transition: all 300ms ease-in-out; - transition: all 300ms ease-in-out; - background: url('../images/bg-footer.jpg') bottom center no-repeat; -} - -.modal-open { - overflow: hidden -} - -.modal { - position: fixed; - top: 0; - right: 0; - bottom: 0; - left: 0; - z-index: 1050; - display: none; - overflow: hidden; - -webkit-overflow-scrolling: touch; - outline: 0 -} - -.modal.fade .modal-dialog { - -webkit-transition: -webkit-transform .3s ease-out; - -o-transition: -o-transform .3s ease-out; - transition: transform .3s ease-out; - -webkit-transform: translate(0, -25%); - -ms-transform: translate(0, -25%); - -o-transform: translate(0, -25%); - transform: translate(0, -25%) -} - -.modal.in .modal-dialog { - -webkit-transform: translate(0, 0); - -ms-transform: translate(0, 0); - -o-transform: translate(0, 0); - transform: translate(0, 0) -} - -.modal-open .modal { - overflow-x: hidden; - overflow-y: auto -} - -.modal-dialog { - position: relative; - width: auto; - margin: 10px -} - -.modal-content { - position: relative; - background-color: #fff; - -webkit-background-clip: padding-box; - background-clip: padding-box; - border: 1px solid #999; - border: 1px solid rgba(0, 0, 0, .2); - border-radius: 6px; - outline: 0; - -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .9); - box-shadow: 0 3px 9px rgba(0, 0, 0, .9) -} - -.modal-backdrop { - position: fixed; - top: 0; - right: 0; - bottom: 0; - left: 0; - z-index: 1040; - background-color: #000 -} - -.modal-backdrop.fade { - filter: alpha(opacity=0); - opacity: 0 -} - -.modal-backdrop.in { - filter: alpha(opacity=50); - opacity: .8 -} - -.modal-header { - padding: 15px; -} - -.modal-header .close { - margin-top: -2px -} - -.modal-title { - margin: 0; - text-align: center; - line-height: 1.12857143 -} - -.modal-body { - position: relative; - padding: 15px -} - -.modal-footer { - padding: 15px; - text-align: right; -} - -.modal-footer .btn+.btn { - margin-bottom: 0; - margin-left: 5px -} - -.modal-footer .btn-group .btn+.btn { - margin-left: -1px -} - -.modal-footer .btn-block+.btn-block { - margin-left: 0 -} - -.modal-scrollbar-measure { - position: absolute; - top: -9999px; - width: 50px; - height: 50px; - overflow: scroll -} - -@media (min-width:768px) { - .modal-dialog { - width: 600px; - margin: 30px auto - } - .modal-content { - -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5); - box-shadow: 0 5px 15px rgba(0, 0, 0, .5) - } - .modal-sm { - width: 300px - } -} - -@media (min-width:992px) { - .modal-lg { - width: 900px - } -} - -.close { - float: right; - font-size: 21px; - font-weight: 700; - line-height: 1; - color: #ffffff; - text-shadow: 0 1px 0 #fff; - filter: alpha(opacity=20); - opacity: .2 -} - -.close:focus, .close:hover { - color: #ffffff; - text-decoration: none; - cursor: pointer; - filter: alpha(opacity=50); - opacity: .5 -} - -button.close { - -webkit-appearance: none; - padding: 0; - cursor: pointer; - background: 0 0; - border: 0 -} - -.form { - width: 600px; - float: right; - margin-top: 60px; - margin-left: auto; - margin-right: 20px; -} \ No newline at end of file diff --git a/Account_Manager/css/style.css b/Account_Manager/css/style.css index bcfd037669..9bd723829a 100644 --- a/Account_Manager/css/style.css +++ b/Account_Manager/css/style.css @@ -1,717 +1,1698 @@ -body, html { - overflow-x: hidden -} - -.btn, article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { - display: block -} - -.btn, body { - font-weight: 400 -} - -ol, ul { - list-style: none -} - -header.head nav .right a>img, input, select { - vertical-align: middle -} - -@font-face { - font-family: Lineage2; - src: url(../fonts/Lineage2Font/Lineage2Font.eot); - src: local('☺'), url(../fonts/Lineage2Font/Lineage2Font.woff) format("woff"), url(../fonts/Lineage2Font/Lineage2Font.ttf) format("truetype"), url(../fonts/Lineage2Font/Lineage2Fontd41d.eot?#iefix) format("embedded-opentype"); - font-weight: 400 -} - -@font-face { - font-family: Raleway; - src: url(../fonts/RalewayRegular/RalewayRegular.eot); - src: local('☺'), url(../fonts/RalewayRegular/RalewayRegular.woff) format("woff"), url(../fonts/RalewayRegular/RalewayRegular.ttf) format("truetype"), url(../fonts/RalewayRegular/RalewayRegulard41d.eot?#iefix) format("embedded-opentype"); - font-weight: 400 -} - -@font-face { - font-family: Raleway; - src: url(../fonts/RalewayMedium/RalewayMedium.eot); - src: local('☺'), url(../fonts/RalewayMedium/RalewayMedium.woff) format("woff"), url(../fonts/RalewayMedium/RalewayMedium.ttf) format("truetype"), url(../fonts/RalewayMedium/RalewayMediumd41d.eot?#iefix) format("embedded-opentype"); - font-weight: 500 -} - -@font-face { - font-family: Raleway; - src: url(../fonts/RalewayBold/RalewayBold.eot); - src: local('☺'), url(../fonts/RalewayBold/RalewayBold.woff) format("woff"), url(../fonts/RalewayBold/RalewayBold.ttf) format("truetype"), url(../fonts/RalewayBold/RalewayBoldd41d.eot?#iefix) format("embedded-opentype"); - font-weight: 800 -} - -a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video { - margin: 0; - padding: 0; - border: 0 -} - -* { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box -} - -html { - height: 100%; - width: 100% -} - -body { - font-size: 18px; - line-height: 1.2; - font-family: Raleway, sans-serif; - color: #9a8e7a; - background: #000000 -} - -h1, h2, h3, h4, h5, h6, main .server header { - font-family: Lineage2 -} - -img { - border: none -} - -input, select { - outline: 0 -} - -h1, h2, h3, h4, h5, h6 { - margin: 0; - line-height: 1; - color: transparent; - background: linear-gradient(to bottom, #f3d466, #db8326); - -webkit-background-clip: text; - -moz-background-clip: text; - -ms-background-clip: text; - -o-background-clip: text; - background-clip: text -} - -h1 { - font-size: 60px -} - -h2 { - font-size: 48px -} - -h3 { - font-size: 30px -} - -h4 { - font-size: 24px -} - -h5 { - font-size: 18px -} - -.clearfix::after { - display: block; - content: ""; - clear: both -} - -a { - text-decoration: none; - color: #ffe6bc; - -webkit-transition: all .2s ease-in-out; - -moz-transition: all .2s ease-in-out; - -ms-transition: all .2s ease-in-out; - -o-transition: all .2s ease-in-out; - transition: all .2s ease-in-out -} - -a:hover { - color: #e6a944 -} - -.btn { - margin: auto; - width: 249px; - height: 47px; - line-height: 47px; - color: #e7ac47; - font-size: 24px; - background: url(../images/btn.png) center center no-repeat -} - -.btn:hover { - font-weight: 800; - color: #501d01; - background: url(../images/btn-hover.png) center center no-repeat -} - -ul { - margin: 0; - padding: 0 -} - -.container { - position: relative; - width: 1240px; - margin: auto -} - -header.head nav.anim, main.anim { - opacity: 0 -} - -header.head .logo.anim { - transform: scale(.1); - opacity: 0 -} - -header.head { - position: relative; - width: 100%; - background: url(../images/header-main-bg.jpg) top center no-repeat; - min-height: 500px; - -webkit-transition: all .5s ease-in-out; - -moz-transition: all .5s ease-in-out; - -o-transition: all .5s ease-in-out; - transition: all .5s ease-in-out -} - -header.head .logo, header.head nav { - -webkit-transition: all .5s ease-in-out; - -moz-transition: all .5s ease-in-out; - -o-transition: all .5s ease-in-out -} - -header.head.s1 { - background: url(../images/header-main-bg-s1.jpg) top center no-repeat -} - -header.head.s2 { - background: url(../images/header-main-bg-s2.jpg) top center no-repeat -} - -header.head.s3 { - background: url(../images/header-main-bg-s3.jpg) top center no-repeat -} - -header.head nav .left a, header.head nav .right a.vote { - background-position: center left; - background-repeat: no-repeat -} - -header.head nav { - width: 100%; - height: 120px; - line-height: 120px; - transition: all .5s ease-in-out -} - -header.head nav a { - font-size: 20px; - font-weight: 800; - text-transform: uppercase; - display: inline-block; - line-height: 28px -} - -header.head nav a:hover { - filter: brightness(120%) -} - -header.head nav a.hvr:after { - display: block; - content: ""; - top: -45px; - height: 1px; - width: 100%; - background-color: rgba(255, 198, 102, .5); - transition: width .2s ease-in-out -} - -header.head nav a.hvr:hover:after { - width: 0 -} - -header.head nav .left, nav .right { - position: relative; - display: inline-block; - width: 50% -} - -header.head nav .left { - float: left; - text-align: left -} - -header.head nav .right { - float: right; - text-align: right -} - -header.head nav .left a { - padding-left: 38px -} - -header.head nav .left a.support { - background-image: url(../images/ico-support.png); - margin-right: 130px -} - -header.head nav .left a.community { - background-image: url(../images/ico-community.png) -} - -header.head nav .right a { - margin-left: 10px; - opacity: .7 -} - -header.head nav .right a.active { - opacity: 1 -} - -header.head nav .right a:hover img { - animation: blinking .6s infinite linear -} - -header.head nav .right .openvote { - display: inline-block -} - -header.head nav .right a.vote { - opacity: 1; - margin-left: 80px; - background-image: url(../images/ico-vote.png); - padding-left: 35px -} - -header.head nav .right .openvote:hover a.vote:before, header.head nav .right a.vote:before { - width: 0; - height: 0; - margin-left: 135px; - position: absolute; - display: block; - content: '' -} - -header.head nav .right a.vote:before { - border: 5px solid transparent; - border-top: 7px solid #ffc666; - margin-top: 10px -} - -header.head nav .right .openvote:hover a.vote:before { - border: 5px solid transparent; - border-bottom: 7px solid #ffc666; - margin-top: 5px -} - -header.head nav .right .openvote .voting { - position: absolute; - top: 80px; - right: -50px; - text-align: center; - opacity: 0; - visibility: hidden; - -webkit-transition: all .2s ease-in-out; - -moz-transition: all .2s ease-in-out; - -o-transition: all .2s ease-in-out; - transition: all .2s ease-in-out -} - -header.head nav .right .openvote:hover .voting { - opacity: 1; - visibility: visible -} - -header.head nav .right .openvote .voting a { - display: block; - width: 230px; - background: linear-gradient(to top, rgba(0, 0, 0, .5), transparent); - color: #e6a944; - line-height: 60px; - opacity: 1 -} - -header.head nav .right .openvote .voting a:hover { - background: linear-gradient(to top, rgba(0, 0, 0, 1), rgba(0, 0, 0, .5)); - color: #fff -} - -header.head .logo { - margin-top: 175px; - text-align: center; - transition: all .5s ease-in-out -} - -main, main .container:after, main .container:before { - -webkit-transition: all .5s ease-in-out; - -moz-transition: all .5s ease-in-out; - -o-transition: all .5s ease-in-out -} - -header.head .logo a { - display: block; - margin: auto; - width: 430px; - height: 304px; - background: url(../images/logo.png) center center no-repeat -} - -header.head .logo a:hover { - filter: brightness(120%); - transform: scale(.9) -} - -header.head .logo a.down { - display: block; - margin: 20px auto auto; - background: url(../images/arrow-down.png) center center no-repeat; - width: 93px; - height: 54px; - animation: down 1.2s infinite linear -} - -footer .copy, footer .payments, main .server { - display: inline-block; - float: left -} - -main { - position: relative; - width: 100%; - margin-top: -310px; - z-index: 10; - transition: all .5s ease-in-out -} - -main .container:after, main .container:before { - top: 0; - position: absolute; - width: 175px; - min-height: 406px; - content: ''; - background-position: center center; - background-repeat: no-repeat; - opacity: .5; - transition: all .5s ease-in-out -} - -main .container:before { - left: -175px; - background-image: url(../images/sep-side-left.png) -} - -main .container:after { - right: -175px; - background-image: url(../images/sep-side-right.png) -} - -main .container:hover:after, main .container:hover:before { - opacity: 1 -} - -main .server { - width: 33.3333%; - text-align: center; - background: url(../images/sep.png) center right no-repeat; - min-height: 406px; - padding: 40px 20px; - border-radius: 5px; - -webkit-transition: all .5s ease-in-out; - -moz-transition: all .5s ease-in-out; - -o-transition: all .5s ease-in-out; - transition: all .5s ease-in-out -} - -main .server:hover { - background: url(../images/sep.png) center right no-repeat rgba(255, 198, 102, .05) -} - -main .server.hover { - opacity: .7; - filter: blur(3px); - transform: scale(.9) -} - -main .server:hover .btn { - font-weight: 800; - color: #501d01; - background: url(../images/btn-hover.png) center center no-repeat -} - -main .server:hover .btn:hover { - filter: brightness(120%); - transform: scale(1.1) -} - -main .server.s3 { - background: 0 0 -} - -main .server.s3:hover { - background: rgba(255, 198, 102, .05) -} - -main .server header { - font-size: 70px; - color: #fff -} - -main .server p { - color: #ffc666; - font-size: 30px -} - -main .server p>span { - color: #ffe6bc; - font-weight: 800 -} - -main .server .about { - padding: 20px 50px -} - -footer { - position: relative; - width: 100%; - background: url(../images/footer-bg.png) top center no-repeat; - min-height: 502px; - margin-top: -180px; - padding-top: 380px -} - -footer .copy { - width: 33.3333%; - font-size: 14px; - color: #ffc666; - font-weight: 800; - padding-right: 10px -} - -footer .copy span { - color: #ffe6bc -} - -footer .copy p { - margin-top: 5px; - color: #6b6151; - text-transform: uppercase; - font-size: 10px; - font-weight: 400 -} - -footer .payments { - width: 66.6666%; - padding-left: 50px; - -webkit-transition: all .2s ease-in-out; - -moz-transition: all .2s ease-in-out; - -ms-transition: all .2s ease-in-out; - -o-transition: all .2s ease-in-out; - transition: all .2s ease-in-out -} - -footer .payments a { - opacity: .5 -} - -footer .payments a:hover { - opacity: 1 -} - -footer .payments a.g2a { - float: right; - margin-top: -15px -} - -@media (max-width:1439px) { - header.head { - margin-top: -40px - } - header.head nav { - padding-top: 40px; - height: 80px; - line-height: 80px - } -} - -@media (max-width:1279px) { - body, h5 { - font-size: 16px - } - h1 { - font-size: 50px - } - h2 { - font-size: 38px - } - h3 { - font-size: 24px - } - h4 { - font-size: 20px - } - .container { - width: 980px - } - header.head nav .left a.support { - margin-right: 60px - } - header.head nav .right a.vote { - margin-left: 20px - } - main .server { - padding: 20px - } - main .server header { - font-size: 54px - } - main .server p { - font-size: 24px - } - main .server .about { - padding: 20px 30px - } - footer { - margin-top: -230px; - padding-top: 330px - } - footer .payments a { - float: right - } - footer .payments a.g2a { - margin-top: 10px - } -} - -.preloader { - position: fixed; - top: 0; - right: 0; - bottom: 0; - left: 0; - z-index: 99999; - text-align: center; - background-color: #000 -} - -.preloader-image { - position: absolute; - top: 50%; - left: 50%; - margin: -64px 0 0 -64px; - width: 128px; - height: 128px; - background-image: url(../favicons/favicon.png); - background-position: center; - background-repeat: no-repeat; - background-size: 128px 128px; - animation: blinking .6s infinite linear -} - -@keyframes preloading { - 0% { - background-image: url(../images/animation/1.png) - } - 5% { - background-image: url(../images/animation/2.png) - } - 10% { - background-image: url(../images/animation/3.png) - } - 15% { - background-image: url(../images/animation/4.png) - } - 20% { - background-image: url(../images/animation/5.png) - } - 25% { - background-image: url(../images/animation/6.png) - } - 30% { - background-image: url(../images/animation/7.png) - } - 35% { - background-image: url(../images/animation/8.png) - } - 40% { - background-image: url(../images/animation/9.png) - } - 45% { - background-image: url(../images/animation/10.png) - } - 50% { - background-image: url(../images/animation/11.png) - } - 55% { - background-image: url(../images/animation/12.png) - } - 60% { - background-image: url(../images/animation/13.png) - } - 65% { - background-image: url(../images/animation/14.png) - } - 70% { - background-image: url(../images/animation/15.png) - } - 75% { - background-image: url(../images/animation/16.png) - } - 80% { - background-image: url(../images/animation/17.png) - } - 85% { - background-image: url(../images/animation/18.png) - } - 90% { - background-image: url(../images/animation/19.png) - } - 95% { - background-image: url(../images/animation/20.png) - } -} - -.preload-anim { - background-repeat: no-repeat; - background-position: center center; - background-size: cover; - animation: preloading 2s infinite linear; - position: fixed; - top: 0; - right: 0; - bottom: 0; - left: 0; - z-index: 99990 -} - -@keyframes blinking { - from { - -webkit-transform: scale(1); - -moz-transform: scale(1); - -o-transform: scale(1); - transform: scale(1) - } - to { - -webkit-transform: scale(.8); - -moz-transform: scale(.8); - -o-transform: scale(.8); - transform: scale(.8); - filter: brightness(120%) - } -} - -@keyframes down { - from { - margin-top: 20px - } - to { - margin-top: 50px - } +@font-face { + font-family: 'Avenir'; + src: url("../fonts/AvenirNext-Regular/AvenirNext-Regular.eot"); + src: local('☺'), url("../fonts/AvenirNext-Regular/AvenirNext-Regular.woff") format("woff"), url("../fonts/AvenirNext-Regular/AvenirNext-Regular.ttf") format("truetype"), url("../fonts/AvenirNext-Regular/AvenirNext-Regulard41d.eot?#iefix")format("embedded-opentype"); + font-weight: 400; +} + +@font-face { + font-family: 'Avenir'; + src: url("../fonts/AvenirNext-DemiBold/AvenirNext-DemiBold.eot"); + src: local('☺'), url("../fonts/AvenirNext-DemiBold/AvenirNext-DemiBold.woff") format("woff"), url("../fonts/AvenirNext-DemiBold/AvenirNext-DemiBold.ttf") format("truetype"), url("../fonts/AvenirNext-DemiBold/AvenirNext-DemiBoldd41d.eot?#iefix")format("embedded-opentype"); + font-weight: 700; +} + +@font-face { + font-family: 'Avenir'; + src: url("../fonts/AvenirNext-Bold/AvenirNext-Bold.eot"); + src: local('☺'), url("../fonts/AvenirNext-Bold/AvenirNext-Bold.woff") format("woff"), url("../fonts/AvenirNext-Bold/AvenirNext-Bold.ttf") format("truetype"), url("../fonts/AvenirNext-Bold/AvenirNext-Boldd41d.eot?#iefix")format("embedded-opentype"); + font-weight: 800; +} + +@font-face { + font-family: 'RussoOne'; + src: url("../fonts/Russo_One/Russo_One.eot"); + src: local('☺'), url("../fonts/Russo_One/Russo_One.woff") format("woff"), url("../fonts/Russo_One/Russo_One.ttf") format("truetype"), url("../fonts/Russo_One/Russo_Oned41d.eot?#iefix")format("embedded-opentype"); + font-weight: normal; +} + +/* CSS Reset */ + +html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + vertical-align: baseline; +} + +/* HTML5 display-role reset for older browsers */ + +article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { + display: block; +} + +body { + line-height: 1; +} + +ol, ul { + list-style: none; +} + +blockquote, q { + quotes: none; +} + +blockquote:before, blockquote:after, q:before, q:after { + content: ''; + content: none; +} + +table { + border-collapse: separate; + border-spacing: 3px; +} + +/* End of CSS Reset */ + +* { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +html { + height: 100%; + width: 100%; +} + +article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { + display: block; +} + +body { + font-size: 18px; + line-height: 1.4; + font-family: 'Avenir', sans-serif; + font-weight: 700; + color: #ffedc2; + background: #0d0b0e; + background-image: url("../images/bg.jpg"); + background-position: top center; + background-repeat: no-repeat; + width: 100%; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + /*animation: bluring 3s infinite linear;*/ +} + +body.inner { + background-image: url("../images/bg-inner.jpg"); +} + +body.soon { + width: 100%; + height: 100%; + background-color: #000; + background: url("../images/soon.jpg") center center no-repeat; + background-size: cover; +} + +p { + margin: 0 0 15px; +} + +img { + border: none; +} + +input { + outline: none; + vertical-align: middle; +} + +h1, h2, h3, h4, h5, h6 { + text-transform: uppercase; + font-family: 'RussoOne'; + background: linear-gradient(#ffdc87, #ff5400); + -webkit-background-clip: text; + -moz-background-clip: text; + -ms-background-clip: text; + -o-background-clip: text; + background-clip: text; + color: transparent; +} + +h1 { + font-size: 60px; + background: linear-gradient(#fcdb4e, #ff5400); + -webkit-background-clip: text; + -moz-background-clip: text; + -ms-background-clip: text; + -o-background-clip: text; + background-clip: text; + color: transparent; +} + +h2 { + font-size: 50px; +} + +h3 { + font-size: 44px; +} + +h4 { + font-size: 30px; +} + +h5 { + font-size: 24px; +} + +h6 { + font-size: 18px; +} + +a { + cursor: pointer; +} + +.row {} + +.row:after { + clear: both; + display: table; + content: ''; +} + +.clearfix:after { + clear: both; + display: table; + content: ''; +} + +.container { + width: 1240px; + margin-left: auto; + margin-right: auto; +} + +a { + text-decoration: underline; + color: #fff; + -webkit-transition: all 300ms ease-in-out; + -moz-transition: all 300ms ease-in-out; + -o-transition: all 300ms ease-in-out; + transition: all 300ms ease-in-out; +} + +a:hover { + text-decoration: none; +} + +a.close { + display: block; + width: 20px; + height: 20px; + background-color: #f00; + border-radius: 100%; + position: relative; + -webkit-transition: all 300ms ease-in-out; + -moz-transition: all 300ms ease-in-out; + -o-transition: all 300ms ease-in-out; + transition: all 300ms ease-in-out; +} + +a.close:before { + content: ''; + width: 14px; + height: 2px; + background-color: #fff; + position: absolute; + top: 50%; + left: 3px; + margin-top: -1px; + -webkit-transform: rotate(45deg); + -moz-transform: rotate(45deg); + -o-transform: rotate(45deg); + transform: rotate(45deg); +} + +a.close:after { + content: ''; + width: 14px; + height: 2px; + background-color: #fff; + position: absolute; + top: 50%; + right: 3px; + margin-top: -1px; + -webkit-transform: rotate(-45deg); + -moz-transform: rotate(-45deg); + -o-transform: rotate(-45deg); + transform: rotate(-45deg); +} + +a.close:hover { + -webkit-transform: rotate(180deg); + -moz-transform: rotate(180deg); + -o-transform: rotate(180deg); + transform: rotate(180deg); +} + +ul { + margin: 0; + padding: 0; + list-style: none; +} + +input, select, button { + /*width: 600px;*/ + width: 100%; + height: 50px; + font-size: 20px; + color: #555; + border-radius: 10px; + border: 2px solid #876625; + padding-left: 20px; + margin-bottom: 10px; + font-family: "Avenir"; +} + +select { + background-color: #fff; + background-image: url('../images/select.png'); + background-position: 97% 8px; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + background-repeat: no-repeat; +} + +textarea { + min-width: 600px; + max-width: 600px; + min-height: 150px; + max-height: 150px; + font-size: 20px; + color: #555; + border-radius: 10px; + padding-top: 10px; + font-family: "Avenir"; + border: 2px solid #876625; + padding-left: 20px; + margin-bottom: 10px; +} + +#preloader { + display: none; + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 99999; + background-color: #000; +} + +#preloader-image { + position: absolute; + top: 50%; + left: 50%; + margin: -100px 0 0 -100px; + width: 200px; + height: 200px; + background-image: url(../images/loader.png); + background-position: center; + background-repeat: no-repeat; + background-size: 200px 200px; + -webkit-animation-name: animates; + -webkit-animation-duration: 600ms; + -webkit-animation-iteration-count: infinite; + -webkit-animation-timing-function: linear; + -moz-animation-name: animates; + -moz-animation-duration: 600ms; + -moz-animation-iteration-count: infinite; + -moz-animation-timing-function: linear; + -ms-animation-name: animates; + -ms-animation-duration: 600ms; + -ms-animation-iteration-count: infinite; + -ms-animation-timing-function: linear; + animation-name: animates; + animation-duration: 600ms; + animation-iteration-count: infinite; + animation-timing-function: linear; +} + +@keyframes animates { + 0% { + -webkit-transform: scale(1); + -moz-transform: scale(1); + -o-transform: scale(1); + transform: scale(1); + filter: brightness(100%); + } + 50% { + -webkit-transform: scale(1.3); + -moz-transform: scale(1.3); + -o-transform: scale(1.3); + transform: scale(1.3); + filter: brightness(250%); + } + 99% { + -webkit-transform: scale(1); + -moz-transform: scale(1); + -o-transform: scale(1); + transform: scale(1); + filter: brightness(100%); + } +} + +@keyframes animatesss { + 0% { + -webkit-transform: scale(1); + -moz-transform: scale(1); + -o-transform: scale(1); + transform: scale(1); + } + 50% { + -webkit-transform: scale(0.97); + -moz-transform: scale(0.97); + -o-transform: scale(0.97); + transform: scale(0.97); + } + 99% { + -webkit-transform: scale(1); + -moz-transform: scale(1); + -o-transform: scale(1); + transform: scale(1); + } +} + +@keyframes preloading { + 0% { + background-image: url('../images/animation/1.png'); + } + 5% { + background-image: url('../images/animation/2.png'); + } + 10% { + background-image: url('../images/animation/3.png'); + } + 15% { + background-image: url('../images/animation/4.png'); + } + 20% { + background-image: url('../images/animation/5.png'); + } + 25% { + background-image: url('../images/animation/6.png'); + } + 30% { + background-image: url('../images/animation/7.png'); + } + 35% { + background-image: url('../images/animation/8.png'); + } + 40% { + background-image: url('../images/animation/9.png'); + } + 45% { + background-image: url('../images/animation/10.png'); + } + 50% { + background-image: url('../images/animation/11.png'); + } + 55% { + background-image: url('../images/animation/12.png'); + } + 60% { + background-image: url('../images/animation/13.png'); + } + 65% { + background-image: url('../images/animation/14.png'); + } + 70% { + background-image: url('../images/animation/15.png'); + } + 75% { + background-image: url('../images/animation/16.png'); + } + 80% { + background-image: url('../images/animation/17.png'); + } + 85% { + background-image: url('../images/animation/18.png'); + } + 90% { + background-image: url('../images/animation/19.png'); + } + 95% { + background-image: url('../images/animation/20.png'); + } +} + +.preload-anim { + background-repeat: no-repeat; + background-position: center center; + background-size: cover; + animation: preloading 2000ms infinite linear; + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 99990; +} + +/* PAGE Styles */ + +video#bgvid { + z-index: -1; + opacity: 0.2; + position: fixed; + top: 50%; + left: 50%; + min-width: 100%; + min-height: 100%; + width: auto; + height: auto; + -webkit-transform: translateX(-50%) translateY(-50%); + -moz-transform: translateX(-50%) translateY(-50%); + -o-transform: translateX(-50%) translateY(-50%); + transform: translateX(-50%) translateY(-50%); +} + +header { + width: 100%; +} + +.header-left { + margin-top: 40px; + width: 600px; + display: inline-block; + text-align: left; + vertical-align: top; +} + +.header-left .social { + margin-top: 99%; +} + +body.inner .header-left .social { + margin-top: 550px; +} + +.header-left .langs, .header-left .social { + display: block; +} + +.header-left .langs a, .header-left .social a { + opacity: 0.6; + text-decoration: none; +} + +.header-left .langs a:hover, .header-left .langs a.active, .header-left .social a:hover { + opacity: 1; +} + +.header-right { + width: 630px; + display: inline-block; + text-align: center; + vertical-align: top; +} + +.logo { + margin-top: 70px; + text-align: center; +} + +.logo a { + display: inline-block; + width: 621px; + height: 104px; + background: url(../images/logo.png) top center no-repeat; +} + +.logo a:hover { + -webkit-filter: brightness(130%); + -moz-filter: brightness(130%); + -ms-filter: brightness(130%); + -o-filter: brightness(130%); + filter: brightness(130%); + -webkit-transform: scale(1.1); + -moz-transform: scale(1.1); + -ms-transform: scale(1.1); + -o-transform: scale(1.1); + transform: scale(1.1); + background: url(../images/logo.png) top center no-repeat; +} + +body.soon .logo { + position: absolute; + top: 20%; + left: 50%; + margin-left: -394px; +} + +body.soon .logo a { + width: 789px; + height: 132px; + background: url(../images/logo-big.png) top center no-repeat; +} + +body.soon .logo h1 { + margin-top: -15px; +} + +.menu { + margin-top: 40px; +} + +.menu a { + display: inline-block; + font-size: 24px; + text-decoration: none; + text-transform: uppercase; + color: #ebd7a9; + font-weight: 800; + margin: 0 10px; + text-shadow: 2px 1px 3px #000; +} + +.menu a.active, .menu a:hover { + color: #fbb527; +} + +.menu a.active:after { + background: none; +} + +.menu a:after { + display: block; + content: ""; + height: 2px; + width: 100%; + background-color: #ebd7a9; + transition: width .3s ease-in-out; +} + +.menu a:focus:after, .menu a:hover:after { + width: 0%; + background-color: #fbb527; +} + +.statuses { + margin-top: 73px; +} + +body.inner .statuses { + margin-top: 40px; +} + +.statuses .stat-2, .statuses .stat-1 { + -webkit-animation-name: animatesss; + -webkit-animation-duration: 2600ms; + -webkit-animation-iteration-count: infinite; + -webkit-animation-timing-function: linear; + -moz-animation-name: animatesss; + -moz-animation-duration: 2600ms; + -moz-animation-iteration-count: infinite; + -moz-animation-timing-function: linear; + -ms-animation-name: animatesss; + -ms-animation-duration: 2600ms; + -ms-animation-iteration-count: infinite; + -ms-animation-timing-function: linear; + animation-name: animatesss; + animation-duration: 2600ms; + animation-iteration-count: infinite; + animation-timing-function: linear; + cursor: pointer; + padding-top: 150px; + width: 300px; + display: inline-block; + font-weight: 800; + font-size: 36px; + line-height: 1; + text-shadow: 2px 1px 3px #000; + -webkit-transition: all 300ms ease-in-out; + -moz-transition: all 300ms ease-in-out; + -o-transition: all 300ms ease-in-out; + transition: all 300ms ease-in-out; +} + +.statuses .stat-2.off, .statuses .stat-1.off { + opacity: 0.5; + cursor: default; + animation-name: none; +} + +.statuses .stat-2.off:hover, .statuses .stat-1.off:hover { + transform: none; + filter: none; +} + +.statuses .stat-2:hover, .statuses .stat-1:hover { + animation-name: none; +} + +.statuses .stat-2 i, .statuses .stat-1 i { + color: #fff; + font-style: normal; +} + +.statuses .stat-2 span, .statuses .stat-1 span { + font-size: 24px; + color: #f9b934; +} + +.statuses .stat-2 { + background: url('../images/serv-1.png') top center no-repeat; +} + +.statuses .stat-1 { + background: url('../images/serv-2.png') top center no-repeat; +} + +.entercp { + margin-top: 30px; + font-size: 30px; + font-weight: 400; + text-shadow: 2px 1px 3px #000; +} + +body.inner .entercp { + margin-top: 40px; +} + +.entercp a { + display: inline-block; + font-size: 30px; + text-decoration: none; + text-transform: uppercase; + color: #fbb527; + font-weight: 800; + text-shadow: 2px 1px 3px #000; +} + +.entercp a:after { + display: block; + content: ""; + height: 2px; + width: 100%; + background-color: #fbb527; + transition: width .3s ease-in-out; +} + +.entercp a:focus:after, .entercp a:hover:after { + width: 0%; + background-color: #ebd7a9; +} + +.register { + margin-top: 10px; + margin-bottom: 10px; + text-align: center; +} + +.register a { + display: inline-block; + width: 624px; + height: 89px; + background: url('../images/reg-btn.png'); + color: #261700; + font-family: "RussoOne"; + font-size: 48px; + text-decoration: none; + text-transform: uppercase; + line-height: 89px; + text-shadow: 1px 1px 0px #fff; +} + +.register a:hover { + -webkit-filter: brightness(150%); + -moz-filter: brightness(150%); + -ms-filter: brightness(150%); + -o-filter: brightness(150%); + filter: brightness(150%); + -webkit-transform: scale(1.1); + -moz-transform: scale(1.1); + -ms-transform: scale(1.1); + -o-transform: scale(1.1); + transform: scale(1.1); +} + +.news, .files { + vertical-align: top; + text-align: center; +} + +h3.page-title { + text-align: center; + margin-bottom: 30px; +} + +h3.page-title img { + padding-right: 15px; + padding-left: 15px; + display: inline-block; + vertical-align: middle; +} + +.files .morenws, .news .morenws { + width: 100%; + display: block; + text-align: center; + margin-top: 10px; +} + +.files .morenws a, .news .morenws a { + width: 1212px; + padding-top: 10px; + padding-bottom: 10px; + display: inline-block; + border-radius: 15px; + border: 2px solid #876625; + color: #876625; + font-weight: 400; + font-size: 30px; + text-transform: uppercase; + text-decoration: none; +} + +.files .morenws a:hover, .news .morenws a:hover { + background: #f9b934; + border: 2px solid #f9b934; + color: #fff; + font-weight: 800; +} + +.nws-in { + padding: 20px 30px 10px; +} + +.files .nws, .news .nws { + width: 388px; + margin: 10px; + /*padding: 0 30px 10px 30px;*/ + background: rgba(0, 0, 0, 0.7); + border-radius: 15px; + display: inline-block; + vertical-align: top; + text-align: left; + font-size: 14px; +} + +.files .nws.files, .news .nws.files { + text-align: center; + padding-bottom: 30px; +} + +.files .nws.files strong, .news .nws.files b { + color: #fff; + display: block; + margin-bottom: 15px; + font-size: 18px; +} + +.files .nws img, .news .nws img { + display: block; + max-width: 100%; + /*margin-left: -30px;*/ + border-top-left-radius: 15px; + border-top-right-radius: 15px; +} + +.files .nws a, .news .nws a { + font-family: "RussoOne"; + color: #f9b934; + text-decoration: none; + font-size: 24px; + /*display: block;*/ + /*margin-top: 15px;*/ + /* margin-bottom: 15px;*/ + /*line-height: 1;*/ +} + +.files .nws a:hover, .news .nws a:hover { + color: #fff; +} + +.files .nws .more, .files .nws .date, .news .nws .more, .news .nws .date { + display: inline-block; +} + +.files .nws .date, .news .nws .date { + float: right; + font-size: 14px; + font-weight: 400; + color: #9a6018; + background: url("../images/ico-date.png") left center no-repeat; + padding-left: 18px; + margin-top: 23px; +} + +.files .nws.big, .news .nws.big { + width: 595px; + font-size: 16px; +} + +.files .nws.big img, .news .nws.big img { + width: 595px; +} + +.files .nws.big a, .news .nws.big a { + font-size: 30px; +} + +.files .nws.big .date, .news .nws.big .date { + font-size: 16px; +} + +.files .nws.files a, .news .nws.files a { + margin-top: -15px; +} + +.files .nws.files img, .news .nws.files img { + padding: 0; + margin: 0; + display: inline-block; + width: 200px; + height: 200px; +} + +.news-detail .img-wrap { + text-align: center; + margin-bottom: 20px; +} + +.news-detail .img-wrap img { + display: inline-block; +} + +.news-detail {} + +.cabinet-nav-left-block { + float: left; + /* width: 23%; */ + margin: 10px; + padding: 23px 30px 10px 30px; + background: rgba(0, 0, 0, 0.7); + border-radius: 15px; + display: inline-block; + vertical-align: top; + text-align: left; + font-size: 18px; + line-height: 1.8; +} + +.cabinet-nav-left-block a:hover { + text-decoration: none; + color: #fbb527; +} + +.cabinet-content-right-block { + float: right; + width: 75%; +} + +.block-row {} + +.page-register .cont, .page-login .cont, .page-forgottenPassword .cont { + text-align: center; +} + +/*.page-title img {*/ + +/*display: block;*/ + +/*margin: 0 auto 40px;*/ + +/*}*/ + +a.form-btn { + text-decoration: none; +} + +.form-btn, .news .nws .more a, .button { + padding: 10px 20px; + background: #fff; + border-radius: 10px; + display: inline-block; + background: linear-gradient(#fcdb4e, #ff5400); + font-family: "Avenir"; + color: #241600; + font-size: 18px; + text-transform: uppercase; + font-weight: 800; + border: none; + cursor: pointer; +} + +.form-btn:hover, .news .nws .more a:hover, .button:hover { + background: linear-gradient(#ff5400, #fcdb4e); +} + +.form-btn, .button { + font-size: 24px; +} + +.cont { + width: 100%; + margin-top: 10px; + padding: 30px; + background: rgba(0, 0, 0, 0.7); + border-radius: 15px; + display: block; + vertical-align: top; + text-align: left; + font-size: 18px; +} + +.forrank { + width: 100%; + min-height: 448px; + background: url('../images/bg-forum.png') center center no-repeat; +} + +.forrank .forum, .forrank .rank { + width: 615px; + text-align: center; + vertical-align: top; + display: inline-block; +} + +.forrank .forum .name h3, .forrank .rank .name h3 { + font-size: 36px; +} + +.forrank .forum ul { + margin-left: 30px; + margin-right: 20px; + margin-top: 20px; + text-align: left; +} + +.forrank .forum ul li { + display: block; + padding: 12px 0; + border-bottom: 1px solid rgba(255, 255, 255, 0.1); + -webkit-transition: all 300ms ease-in-out; + -moz-transition: all 300ms ease-in-out; + -o-transition: all 300ms ease-in-out; + transition: all 300ms ease-in-out; +} + +.forrank .forum ul li:hover { + background: rgba(0, 0, 0, 0.3); +} + +.forrank .forum ul li:last-child { + border-bottom: none; +} + +.forrank .forum ul li .img, .forrank .forum ul li .link, .forrank .forum ul li .date { + display: inline-block; + vertical-align: middle; + padding-left: 10px; +} + +.forrank .forum ul li .img { + width: 45px; + height: 45px; + line-height: 48px; + overflow: hidden; + border-radius: 22px; + border: 4px solid #f9b934; + transition: border .5s; +} + +.forrank .forum ul li img { + display: inline-block; + max-width: 150%; + margin-left: -12px; +} + +.forrank .forum ul li:hover .img { + border-color: transparent; +} + +.forrank .forum ul li .link a { + font-size: 18px; + font-weight: 800; + color: #ffedc2; + text-transform: uppercase; + text-decoration: none; +} + +.forrank .forum ul li:hover .link a { + color: #f9b934; +} + +.forrank .forum ul li .date { + float: right; + margin-top: 15px; + background: url('../images/ico-date.png') center left no-repeat; + padding-left: 18px; + color: #bf761d; + font-size: 14px; + font-weight: 400; +} + +.forrank .rank .half { + margin-left: 20px; + margin-right: 10px; + width: 260px; + text-align: left; + display: inline-block; + vertical-align: top; +} + +.forrank .rank .half ul li { + display: block; + -webkit-transition: all 300ms ease-in-out; + -moz-transition: all 300ms ease-in-out; + -o-transition: all 300ms ease-in-out; + transition: all 300ms ease-in-out; +} + +.forrank .rank .half ul li:hover { + transform: scale(1.05); +} + +.forrank .rank .half ul li div { + margin-right: 10px; + line-height: 34px; + display: inline-block; + vertical-align: top; +} + +.forrank .rank .half ul li .place { + font-size: 16px; + color: #3f2d18; + font-weight: 400; + min-width: 20px; +} + +.forrank .rank .half ul li.ff .place { + color: #6b4316; + font-weight: 800; +} + +.forrank .rank .half ul li .name { + font-size: 20px; + text-transform: uppercase; + color: #ffedc2; + font-weight: 400; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + max-width: 150px; +} + +.forrank .rank .half ul li.ff .name { + font-weight: 800; +} + +.forrank .rank .half ul li .point { + font-size: 18px; + color: #6e4c23; + font-family: 'RussoOne'; + float: right; +} + +.forrank .rank .half ul li.ff .point { + color: #bf761d; +} + +.forrank .rank .half ul li.hh div { + text-transform: none; + font-size: 12px; + color: #bf761d; + font-weight: 400; +} + +.separator { + background: url('../images/sep-content.png') center center no-repeat; + width: 100%; + min-height: 100px; +} + +footer1 { + padding-top: 20px; + padding-bottom: 10px; + opacity: 0.2; + font-size: 14px; + font-weight: 400; + text-align: center; + /* background: url("../images/bg-footer.jpg") bottom center no-repeat;*/ + -webkit-transition: all 300ms ease-in-out; + -moz-transition: all 300ms ease-in-out; + -o-transition: all 300ms ease-in-out; + transition: all 300ms ease-in-out; + background: url('../images/bg-footer.jpg') bottom center no-repeat; +} + +footer:hover { + opacity: 1; +} + +footer img { + padding: 10px 0; +} + +@-moz-document url-prefix() { + h1, h2, h3, h4, h5, h6 { + background: none; + color: #ff8a00; + } + h1 { + color: #ffc347; + } +} + +.alert { + width: 100%; + margin-bottom: 30px; + border: 1px solid transparent; + display: inline-block; + padding: 20px 30px; + border-radius: 10px; +} + +.alert>p { + margin-bottom: 0; +} + +.alert .close { + display: none; +} + +.alert-danger { + color: #a94442; + background-color: #f2dede; + border-color: #ebccd1; +} + +.alert-info { + color: #31708f; + background-color: #d9edf7; + border-color: #bce8f1; +} + +.alert-success { + color: #3c763d; + background-color: #dff0d8; + border-color: #d6e9c6; +} + +.form-horizontal { + width: 600px; + margin: 0 auto; +} + +.page-cabinet .form-horizontal { + width: 100%; +} + +.page-cabinet textarea { + min-width: 100%; + max-width: 100%; +} + +.page-cabinet .form-horizontal select { + background-position: 98% 8px; +} + +.form-group {} + +.form-group .field {} + +.form-group .help-block {} + +.captcha {} + +.captcha input { + width: 76%; + float: left; +} + +.captcha .captcha-image { + margin-left: auto; + width: 120px; + cursor: pointer; + padding-top: 2px; +} + +.captcha .captcha-image img { + display: block; + border-radius: 8px; +} + +.table { + margin-bottom: 20px; + width: 100%; +} + +.table>thead>tr {} + +.table>thead>tr>th { + background-color: #23190D; + color: #cb9b3d; +} + +.table>tbody>tr>td, .table>thead>tr>th { + padding: 10px 20px; + vertical-align: middle; +} + +.table>tbody>tr {} + +.table>tbody>tr:hover>td { + background-color: #23190D; +} + +.table>tbody>tr>td { + background-color: #392713; +} + +.table>thead>tr>th:first-child, .table>tbody>tr>td:first-child { + border-top-left-radius: 10px; + border-bottom-left-radius: 10px; +} + +.table>thead>tr>th:last-child, .table>tbody>tr>td:last-child { + border-top-right-radius: 10px; + border-bottom-right-radius: 10px; +} + +.cabinet-menu a { + text-decoration: none; +} + +.cabinet-menu .active a, .cabinet-menu li:hover a { + text-decoration: underline; +} + +.cabinet-menu .active a, .tabs>li.active a { + text-decoration: none; + color: #fbb527; +} + +.tabs { + font-size: 0; + margin-bottom: 20px; +} + +.tabs>li { + display: inline-block; + vertical-align: top; + margin-right: 15px; +} + +.tabs>li>a { + font-size: 16px; +} + +.status-online { + color: #037503; +} + +.status-offline { + color: #a71e21; +} + +.char-info {} + +.char-info .name { + margin-bottom: 0; +} + +.char-info .class, .char-info .level { + font-size: 13px; +} + +.char-info .class {} + +.char-info .level {} + +.count-new-tickets { + border-radius: 25px; + width: 20px; + height: 20px; + line-height: 20px; + background-color: #238a3d; + text-align: center; + display: inline-block; + font-size: 12px; + color: #ffffff; +} + +.active-bonuses {} + +.active-bonuses .title { + margin-top: 30px; + font-size: 30px; +} + +.active-bonuses .table { + margin-bottom: 0; +} + +.active-bonuses .table .active>td { + background-color: green; +} + +.streamers { + margin-bottom: 50px; +} + +.streamers>ul { + font-size: 0; + text-align: center; +} + +.streamers>ul>li { + vertical-align: top; + display: inline-block; +} + +.streamers>ul>li p { + background-color: rgba(0, 0, 0, .95); + padding: 10px 0; + font-size: 20px; + margin: 0; + font-family: 'RussoOne', sans-serif; + color: #d57602; + text-transform: uppercase; +} + +.streamers>ul>li>iframe { + width: 100%; + height: 200px; +} + +.tickets-view {} + +.tickets-view .admin .text { + background-color: rgba(107, 185, 120, 0.19); + border-left: 3px solid rgba(75, 197, 122, 0.16); +} + +.tickets-view .text { + margin-top: 20px; + border-radius: 5px; + background-color: rgba(204, 204, 204, 0.19); + padding: 20px 20px 20px 30px; + border-left: 3px solid rgba(204, 204, 204, 0.16); +} + +.bonus-items {} + +.bonus-items form .buttons { + font-size: 0; +} + +.bonus-items form .buttons button, .bonus-items form .buttons select { + display: inline-block; + vertical-align: top; +} + +.bonus-items form .buttons button { + margin-bottom: 0; + width: 60%; +} + +.bonus-items form .buttons select { + width: 35%; + margin-left: 5%; + margin-bottom: 0; +} + +.nws-in p a { + font-size: 16px !important; + display: inline-block; + font-weight: 100; +} + +.btn-send { + font-weight: 300; + text-transform: uppercase; + letter-spacing: 0.1em; + margin-bottom: 20px; +} + +.footer { + padding-top: 20px; + padding-bottom: 50px; + opacity: 0.5; + position: fixed; + left: 0; + bottom: 0; + width: 100%; + height: 4%; + background-color: #130401; + color: white; + text-align: center; + /* background: url("../images/bg-footer.jpg") bottom center no-repeat;*/ + -webkit-transition: all 300ms ease-in-out; + -moz-transition: all 300ms ease-in-out; + -o-transition: all 300ms ease-in-out; + transition: all 300ms ease-in-out; + background: url('../images/bg-footer.jpg') bottom center no-repeat; +} + +.modal-open { + overflow: hidden +} + +.modal { + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 1050; + display: none; + overflow: hidden; + -webkit-overflow-scrolling: touch; + outline: 0 +} + +.modal.fade .modal-dialog { + -webkit-transition: -webkit-transform .3s ease-out; + -o-transition: -o-transform .3s ease-out; + transition: transform .3s ease-out; + -webkit-transform: translate(0, -25%); + -ms-transform: translate(0, -25%); + -o-transform: translate(0, -25%); + transform: translate(0, -25%) +} + +.modal.in .modal-dialog { + -webkit-transform: translate(0, 0); + -ms-transform: translate(0, 0); + -o-transform: translate(0, 0); + transform: translate(0, 0) +} + +.modal-open .modal { + overflow-x: hidden; + overflow-y: auto +} + +.modal-dialog { + position: relative; + width: auto; + margin: 10px +} + +.modal-content { + position: relative; + background-color: #fff; + -webkit-background-clip: padding-box; + background-clip: padding-box; + border: 1px solid #999; + border: 1px solid rgba(0, 0, 0, .2); + border-radius: 6px; + outline: 0; + -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .9); + box-shadow: 0 3px 9px rgba(0, 0, 0, .9) +} + +.modal-backdrop { + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 1040; + background-color: #000 +} + +.modal-backdrop.fade { + filter: alpha(opacity=0); + opacity: 0 +} + +.modal-backdrop.in { + filter: alpha(opacity=50); + opacity: .8 +} + +.modal-header { + padding: 15px; +} + +.modal-header .close { + margin-top: -2px +} + +.modal-title { + margin: 0; + text-align: center; + line-height: 1.12857143 +} + +.modal-body { + position: relative; + padding: 15px +} + +.modal-footer { + padding: 15px; + text-align: right; +} + +.modal-footer .btn+.btn { + margin-bottom: 0; + margin-left: 5px +} + +.modal-footer .btn-group .btn+.btn { + margin-left: -1px +} + +.modal-footer .btn-block+.btn-block { + margin-left: 0 +} + +.modal-scrollbar-measure { + position: absolute; + top: -9999px; + width: 50px; + height: 50px; + overflow: scroll +} + +@media (min-width:768px) { + .modal-dialog { + width: 600px; + margin: 30px auto + } + .modal-content { + -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5); + box-shadow: 0 5px 15px rgba(0, 0, 0, .5) + } + .modal-sm { + width: 300px + } +} + +@media (min-width:992px) { + .modal-lg { + width: 900px + } +} + +.close { + float: right; + font-size: 21px; + font-weight: 700; + line-height: 1; + color: #ffffff; + text-shadow: 0 1px 0 #fff; + filter: alpha(opacity=20); + opacity: .2 +} + +.close:focus, .close:hover { + color: #ffffff; + text-decoration: none; + cursor: pointer; + filter: alpha(opacity=50); + opacity: .5 +} + +button.close { + -webkit-appearance: none; + padding: 0; + cursor: pointer; + background: 0 0; + border: 0 +} + +.form { + width: 600px; + float: right; + margin-top: 60px; + margin-left: auto; + margin-right: 20px; +} + +.info { + margin-top: 30px; + font-size: 30px; + font-weight: 400; + text-shadow: 2px 1px 3px #000; +} +.info .message { + display: inline-block; + width: 100%; + line-height: 1.4; + overflow: hidden; + padding: 20px; + background: url(../images/sep.png) center right no-repeat; + background-size: contain; + border-radius: 5px; + -ms-transition: all .5s ease-in-out; + transition: all .5s ease-in-out +} + +.info a { + display: inline-block; + font-size: 30px; + text-decoration: none; + text-transform: uppercase; + color: #fbb527; + font-weight: 800; + text-shadow: 2px 1px 3px #000; +} + +.info a:after { + display: block; + content: ""; + height: 2px; + width: 200px; + background-color: #fbb527; + transition: width .3s ease-in-out; +} + +.info a:focus:after, .info a:hover:after { + width: 0%; + background-color: #ebd7a9; +} + +.info .message:last-child { + background: 0 0 +} +.info .message:hover { + background: url(../images/sep.png) center right no-repeat rgba(230, 169, 68, .1); + background-size: contain +} +.info .message:last-child:hover { + background: rgba(230, 169, 68, .1) +} + +.info .message a { + display: block; + white-space: nowrap; + font-size: 18px; + color: #e6a944 +} +.info .message a:hover { + color: #fff } \ No newline at end of file diff --git a/Account_Manager/dashboard.php b/Account_Manager/dashboard.php index 032c395e5a..62000fe75e 100644 --- a/Account_Manager/dashboard.php +++ b/Account_Manager/dashboard.php @@ -89,7 +89,7 @@ $error = "";