Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /* fonts */
- @import url('https://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700');
- /* fonts */
- *{
- padding: 0px;
- margin: 0px;
- outline: none;
- }
- a {
- text-decoration: none;
- }
- @media (min-width: 1200px) and (max-width: 1920px) {
- body {
- margin: 0 auto;
- font-family: 'Ubuntu', sans-serif;
- background-position: center top!important;
- }
- #container {
- margin: auto;
- max-width: 1200px;
- }
- .clear {
- clear: both;
- height: 0;
- overflow: hidden;
- }
- /* HOME */
- body.s_Index {
- overflow: hidden;
- background: url('../img/bg1.jpg') no-repeat;
- width: 100%;
- height:100%;
- min-height:732px;
- }
- body.s_Donate {
- overflow: hidden;
- background: url('../img/bg1.jpg') no-repeat;
- width: 100%;
- height:100%;
- min-height:732px;
- }
- .SectionContent {
- float: left;
- z-index: 1;
- position: relative;
- width: 100%;
- }
- .SectionContent .s_IndexName {
- position: absolute;
- text-transform: uppercase;
- font-weight: 600;
- width: 100%;
- transition: 5s;
- }
- .SectionContent .s_IndexName h1 {
- position: absolute;
- top: 125px;
- left: 30px;
- font-size: 100px;
- color: #242525;
- }
- .SectionContent .s_IndexName h2 {
- position: absolute;
- top: 240px;
- right: 85px;
- font-size: 85px;
- color: #157ebb;
- }
- .SectionContent .s_persone {
- position: absolute;
- background: url('../img/man.png');
- background-repeat: no-repeat;
- background-position: center top;
- width: 100%;
- height: 936px;
- min-height: 732px;
- }
- #SectionNavigation {
- z-index: 3;
- margin-bottom: 15px;
- position: relative;
- background: #fff;
- line-height: 80px;
- box-shadow: 0 0 4px 1px rgba(0,0,0,.07);
- width: 100%;
- height: 80px;
- }
- #SectionNavigation .logo {
- float: left;
- background: url('../img/logo.png') no-repeat;
- background-position: left center;
- width: 23.333%;
- height: 80px;
- }
- #SectionNavigation .nav {
- float: left;
- text-align: center;
- width: 55.333%;
- height: 80px;
- }
- #SectionNavigation .account ul,
- #SectionNavigation ul {position: relative;}
- #SectionNavigation .account ul li,
- #SectionNavigation ul li {
- list-style: none;
- margin-right: 40px;
- display: inline-block;
- }
- #SectionNavigation .account ul li a,
- #SectionNavigation ul li a {
- line-height: 15px;
- text-decoration: none;
- display: inline-block;
- text-transform: uppercase;
- padding-bottom: 6px;
- font-size: 14px;
- font-weight: 400;
- color: #242525;
- }
- #SectionNavigation .account ul li:last-child,
- #SectionNavigation ul li:last-child {margin-right: 0px;}
- #SectionNavigation .account a:after,
- #SectionHeader a:after,
- #SectionNavigation ul li a:after {
- content: '';
- margin-top: 5px;
- display: block;
- height: 1.5px;
- width: 0;
- background: transparent;
- transition: width .5s ease, background-color .5s ease; /* .5 seonds for changes to the width and background-color */
- -webkit-transition: width .5s ease, background-color .5s ease; /* Chrome and Safari */
- -moz-transition: width .5s ease, background-color .5s ease; /* FireFox */
- }
- #SectionNavigation ul li a:hover:after {
- width: 100%;
- background: #157ebb;
- }
- #SectionNavigation .account {
- float: left;
- position: relative;
- width: 21.333%;
- height: 80px;
- }
- #SectionNavigation .account .imgprofile {
- float: left;
- margin: 15px 0;
- overflow: hidden;
- border-radius: 50%;
- background: #fff;
- width: 50px;
- height: 50px;
- }
- #SectionNavigation .account .imgprofile img {
- margin: -1px -3px;
- width: 100%;
- }
- /* DONATE & LOGIN */
- .SectionAbout form {
- width: 100%
- }
- .SectionAbout form h2 {
- height: 40px;
- line-height: 40px;
- font-size: 21px;
- font-weight: 400;
- color: #fff;
- }
- .SectionAbout form h3 {
- font-size: 14px;
- font-weight: 300;
- margin-bottom: 55px;
- color: #fff;
- }
- .doncf_wrap {
- display: block;
- max-width: 300px;
- min-width: 300px;
- max-height: 43px;
- min-height: 43px;
- margin-bottom: 17px;
- }
- .doncf_wrap .doncfw_icon_player {
- float: left;
- position: relative;
- top: 14px;
- margin-right: 9px;
- background: url('../img/form_icons.png') no-repeat 0px -27px;
- background-size: 14px;
- width: 17px;
- height: 16px;
- }
- .doncf_btn #input_ok {
- border: 0;
- padding: 14px 0 13px;
- background: #1db33a;
- color: white;
- font-weight: bold;
- text-transform: uppercase;
- border-radius: 7px;
- width: 100%;
- }
- .doncf_btn {
- float: left;
- margin-left: 30px;
- width: 270px;
- margin-top: 20px;
- }
- .doncf_wrap .doncfw_icon_rub {
- float: left;
- position: relative;
- top: 14px;
- margin-right: 9px;
- background: url('../img/form_icons.png') no-repeat center -115px;
- background-size: 17px;
- width: 17px;
- height: 16px;
- }
- .doncf_wrap input {
- float: right;
- width: 240px;
- border: 0;
- text-transform: inherit;
- font-size: 16px;
- background: white;
- padding: 13px 15px 12px;
- border-radius: 10px;
- }
- .doncf_wrap input#input_donate {
- width:50%;
- }
- /* DONATE */
- /* HOME */
- .block {
- float: left;
- top: -60px;
- z-index: 9999;
- padding-top: 60px;
- position: relative;
- background: #fff;
- width: 33.3333%;
- height:100%;
- min-height:732px;
- }
- .SectionAbout {
- margin: 0 auto;
- width: 1200px;
- height: 100%;
- position: absolute;
- top: 0;
- overflow: hidden;
- }
- .s_Auth_info,
- .s_About_info {
- position: absolute;
- width: 600px;
- height: 550px;
- margin-top: -125px;
- margin-bottom: -125px;
- top: 47%;
- bottom: 47%;
- }
- .s_Auth_pers,
- .s_About_pers {
- position: absolute;
- top: 20px;
- right: 0;
- background: url('../img/s_Aboutbg.png');
- background-repeat: no-repeat;
- background-position: center;
- width: 809px;
- height: 936px;
- min-height: 732px;
- }
- .s_Auth_pers .s_persone_man3 {
- position: relative;
- margin-top: 20px;
- background: url('../img/man3.png');
- background-repeat: no-repeat;
- background-position: center;
- width: 700px;
- height: 909px;
- min-height: 732px;
- }
- .s_About_pers .s_persone_man2 {
- position: relative;
- margin-top: 30px;
- background: url('../img/man2.png');
- background-repeat: no-repeat;
- background-position: center;
- width: 700px;
- height: 909px;
- min-height: 732px;
- }
- .s_About ul li a {
- color: #f4b650!important;
- }
- .s_About ul li a:hover:after {
- background: #f4b650!important;
- }
- .s_About .logo {
- background: url('../img/logo2.png')!important;
- }
- .mobile-menu {display: none;}
- /* cabinet */
- /* ------------- GLOBA: INNER-SECTION ------------- */
- .inner-container {
- float: left;
- overflow: hidden;
- background: #fff;
- border-radius: 9px;
- position: relative;
- box-shadow: 31.113px 31.113px 31px 0px rgba(0, 0, 0, 0.1);
- height: 400px;
- padding: 30px;
- }
- .inner-container:nth-child(1) {
- text-align: center;
- max-width: 305px;
- margin-right: 60px;
- }
- .inner-container:nth-child(1) .inner-photo {
- overflow: hidden;
- transition: all 0.3s ease-in-out;
- margin: 10px auto 0 auto;
- background-image: -webkit-linear-gradient(359deg, rgb(252,118,179) 0%, rgb(250,205,104) 100%);
- background-image: -o-linear-gradient(359deg, rgb(252,118,179) 0%, rgb(250,205,104) 100%);
- background-image: linear-gradient(89deg, rgb(252,118,179) 0%, rgb(250,205,104) 100%);
- border-radius: 50%;
- width: 100px;
- height: 100px;
- }
- .inner-container:nth-child(1) .inner-photo:hover {
- background-image: -webkit-linear-gradient(180deg, rgb(252,118,179) 0%, rgb(250,205,104) 100%);
- background-image: -o-linear-gradient(180deg, rgb(252,118,179) 0%, rgb(250,205,104) 100%);
- background-image: linear-gradient(180deg, rgb(252,118,179) 0%, rgb(250,205,104) 100%);
- box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.13);
- }
- .inner-container:nth-child(1) .inner-photo img {
- padding-top: 10px;
- width: 70%;
- }
- .inner-container:nth-child(1) h2 {
- padding-top: 30px;
- font-size: 16px;
- font-weight: 400;
- color: #b8bfc3;
- }
- .inner-container:nth-child(1) h2 span {
- font-weight: 600;
- color: #a1acb2;
- }
- .inner-container:nth-child(1) .inner-level {
- margin: 30px 0;
- padding: 20px 0;
- border-top: solid 1px #f4f4f4;
- border-bottom: solid 1px #f4f4f4;
- font-size: 24px;
- font-weight: 600;
- color: #444444;
- }
- .inner-container:nth-child(1) a.exit {
- display: inline-block;
- border-radius: 3px;
- padding: 15px 25px;
- transition: .3s;
- background-image: -webkit-linear-gradient(359deg, rgb(17,83,252) 0%, rgb(85,129,241) 100%);
- background-image: -o-linear-gradient(359deg, rgb(17,83,252) 0%, rgb(85,129,241) 100%);
- background-image: linear-gradient(89deg, rgb(17,83,252) 0%, rgb(85,129,241) 100%);
- box-shadow: 0px 20px 35px 0px rgba(0, 0, 0, 0.14);
- font-size: 14px;
- font-weight: 400;
- color: #fff;
- }
- .inner-container:nth-child(1) a.exit:hover {
- opacity: .9;
- box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.14);
- }
- .inner-container:nth-child(1) a.exit i {
- float: right;
- display: block;
- margin-left: 15px;
- background: url('../img/exit.png');
- width: 24px;
- height: 19px;
- }
- .inner-container:nth-child(2) {
- width: 805px;
- }
- .inner-container:nth-child(2):before {
- content: "";
- top: -600px;
- left: 150px;
- position: absolute;
- border-radius: 66px;
- transform: rotate(45deg);
- background-image: -webkit-linear-gradient(269deg, rgb(181,136,247) 0%, rgb(29,229,226) 100%);
- background-image: -o-linear-gradient(269deg, rgb(181,136,247) 0%, rgb(29,229,226) 100%);
- background-image: linear-gradient(359deg, rgb(181,136,247) 0%, rgb(29,229,226) 100%);
- width: 598px;
- height: 598px;
- }
- .inner-container:nth-child(2) .inner-stats {
- float: left;
- width: 300px;
- }
- .inner-container:nth-child(2) .inner-skills {
- float: right;
- position: relative;
- overflow-y: scroll;
- overflow-x: hidden;
- width: 210px;
- height: 370px;
- }
- .inner-container:nth-child(2) .inner-skills .item_weapon {
- padding: 15px;
- width: 85%;
- height: 700px;
- }
- .inner-container:nth-child(2) .inner-skills::-webkit-scrollbar {
- position: relative;
- transition: .3s;
- opacity: .3;
- width: 6px;
- height: 3px;
- }
- .inner-container:nth-child(2) .inner-skills::scrollbar {
- opacity: 0;
- }
- .inner-container:nth-child(2) .inner-skills::-webkit-scrollbar-track {
- background-color: #ab8ef6;
- }
- .inner-container:nth-child(2) .inner-skills::-webkit-scrollbar-track-piece {
- background-color: #eeeeee;
- }
- .inner-container:nth-child(2) .inner-skills::-webkit-scrollbar-thumb {
- height: 50px;
- background-color: #ab8ef6;
- border-radius: 3px;
- }
- .inner-container:nth-child(2) .inner-skills::-webkit-resizer {
- background-color: #ab8ef6;
- }
- .inner-container:nth-child(2) .inner-skills .item-drop {
- position: relative;
- margin-bottom: 40px;
- border-radius: 6px;
- background: #fff;
- text-align: center;
- box-shadow: 0px 15px 21px 0px rgba(0, 0, 0, 0.1);
- width: 100%;
- height: 105px;
- }
- .inner-container:nth-child(2) .inner-skills .item-drop img {
- margin: 20px 0 15px 0;
- }
- .inner-container:nth-child(2) .inner-skills .item-drop h4 {
- padding: 0 10px;
- font-size: 14px;
- font-weight: 400;
- color: #242424;
- width: 100%;
- }
- .inner-container:nth-child(2) .inner-skills .item-drop h4 strong {
- margin-left: 25px;
- font-weight: 400;
- }
- .inner-container:nth-child(2) .inner-skills:after {
- content: "";
- position: fixed;
- top: 410px;
- background: -moz-linear-gradient(top, rgba(255,255,255,1) 15%, rgba(255,255,255,0) 100%);
- background: -webkit-linear-gradient(top, rgba(255,255,255,1) 15%,rgba(255,255,255,0) 100%);
- background: linear-gradient(to top, rgba(255,255,255,1) 15%,rgba(255,255,255,0) 100%);
- filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 );
- width: 205px;
- height: 120px;
- }
- .player-stat {width: 100%;}
- .player-stat tr {
- border-bottom: solid 1px #fbfbfb;
- }
- .player-stat tr td:nth-child(1) {
- width: 50%;
- height: 40px;
- font-weight: 400;
- font-size: 14px;
- text-align: left;
- color: #8a9198;
- }
- .player-stat tr td:nth-child(2) {
- width: 50%;
- height: 40px;
- font-weight: 400;
- font-size: 14px;
- text-align: right;
- color: #55595d;
- }
- .container {
- margin: 0 auto;
- max-width: 1200px;
- padding: 0 15px;
- }
- .admin-nav {
- list-style: none;
- }
- .admin-nav li a {
- display: block;
- line-height: 40px;
- color: #333;
- font-size: 14px;
- }
- .acc-func {
- list-style: none;
- }
- .acc-func li a {
- display: block;
- font-size: 14px;
- line-height: 30px;
- }
- /* ---------- ADMIN PANEL STYLE ------------- */
- .admin-nav {
- list-style: none;
- }
- .admin-nav li a {
- display: block;
- line-height: 40px;
- color: #333;
- font-size: 14px;
- }
- .server-stats p {
- display: block;
- color: #999;
- font-size: 14px;
- line-height: 30px;
- }
- /* ------------------------------------------------------------ */
- /* ------------------------ CABINET.HTML ---------------------- */
- /* ------------------------------------------------------------ */
- .section-player-info {
- padding: 0;
- margin-top: 100px;
- }
- .pi-name {
- color: #ff4800;
- }
- .pi-wrap {
- margin-top: 100px;
- }
- .pi-skin {
- width: 144px;
- }
- .block-title {
- height: 50px;
- background: #202020;/*e7e7e7*/
- }
- .block-title h2 {
- text-transform: uppercase;
- line-height: 50px;
- font-size: 20px;
- font-family: 'Ubuntu', sans-serif;
- margin-left: 10px;
- color: #FFFFFF;/*909090*/
- }
- .pi-table {
- width: 100%;
- border: 1px solid #e4e4e4;
- }
- .pi-table td {
- padding: 10px;
- font-size: 16px;
- }
- /* */
- .section-player-info2 {
- padding: 0;
- margin-top: 100px;
- }
- .pi-name2 {
- color: #ff4800;
- }
- .pi-wrap2 {
- margin-top: 100px;
- }
- .pi-skin2 {
- width: 144px;
- }
- .block-title2 {
- height: 50px;
- background: #202020;
- }
- .block-title2 h2 {
- text-transform: uppercase;
- line-height: 50px;
- font-size: 20px;
- font-family: 'Ubuntu', sans-serif;
- margin-left: 10px;
- color: #FFFFFF;
- }
- .pi-table2 {
- width: 100%;
- border: 1px solid #e4e4e4;
- }
- .pi-table2 td {
- padding: 10px;
- font-size: 16px;
- }
- /**/
- /* play page */
- #gray {
- background: #fbfbfb;
- width: 100%;
- height: auto;
- }
- #white {
- background: #fff;
- width: 100%;
- height: auto;
- }
- #gray .header {
- text-align: center;
- margin-top: -13px;
- height: 200px;
- }
- #gray .header h2 {
- line-height: 40px;
- padding-top: 45px;
- padding-bottom: 30px;
- font-weight: 500;
- font-size: 27px;
- color: #242424;
- height: 40px;
- }
- #gray .header h2 span {
- color: #157ebb
- }
- #gray .header p {
- font-size: 14px;
- font-weight: 300;
- color: #b7b7b7;
- }
- .start,
- .add,
- .setup {
- height: 320px;
- }
- .setup .icon {
- float: left;
- background: url('../img/setup.png') no-repeat;
- background-position: center;
- width: 225px;
- height: 320px;
- }
- .start .info,
- .setup .info {
- float: left;
- width: 700px;
- }
- .setup .info ul,
- .add .info ul {
- float: left;
- margin-top: 30px;
- display: inline-block;
- }
- .add .info ul li,
- .setup .info ul li {
- margin-right: 20px;
- list-style: none;
- float: left;
- }
- .add .info ul li a,
- .setup .info ul li a {
- float: left;
- text-align: center;
- line-height: 51px;
- font-size: 14px;
- transition: 0.3s;
- background: url('../img/btn.png') no-repeat;
- background-position: 0 0;
- width: 201px;
- height: 51px;
- color: #fff;
- }
- .add .info ul li a:hover,
- .setup .info ul li a:hover {
- background-position: 0 -51px;
- }
- .add .info h3,
- .start .info h3,
- .setup .info h3 {
- padding-top: 60px;
- font-size: 18px;
- font-weight: 500;
- color: #157ebb;
- }
- .add .info p,
- .start .info p,
- .setup .info p {
- padding-top: 27px;
- font-size: 14px;
- font-weight: 300;
- color: #242424;
- }
- .add .info h3 {
- padding-top: 23px!important;
- }
- .add .info p {
- width: 700px;
- }
- .add .info {
- float: left;
- width: 935px;
- }
- .add .icon {
- float: left;
- background: url('../img/add.png') no-repeat;
- background-position: center;
- width: 225px;
- height: 320px;
- }
- .start .info h3 {
- padding-top: 80px!important;
- }
- .start .icon {
- float: left;
- background: url('../img/start.png') no-repeat;
- background-position: center;
- width: 225px;
- height: 320px;
- }
- .start .info a {
- margin: 0 3px;
- background: #edf4f8;
- color: #157ebb;
- transition: 0.3s;
- padding: 1px 6px;
- border-radius: 6px;
- }
- .start .info a:hover {
- background: #157ebb;
- color: #fff;
- }
- }
- @media (min-width: 769px) and (max-width: 1199px) {
- body {
- background: #f8fbfc;
- }
- }
- @media (min-width: 680px) and (max-width: 768px) {
- body {
- background: #f8fbfc;
- }
- }
- @media (min-width: 320px) and (max-width: 679px) {
- body {
- margin: 0 auto;
- overflow: hidden;
- font-family: 'Ubuntu', sans-serif;
- background-position: center top!important;
- width: 100%;
- height:100%;
- min-height:732px;
- }
- #container {
- margin: auto;
- max-width: 1200px;
- }
- .clear {
- clear: both;
- height: 0;
- overflow: hidden;
- }
- /* HOME */
- body.s_Index {
- background: url('../img/bg1.jpg') no-repeat;
- }
- body.s_Donate {
- overflow-y: auto;
- background: url('../img/bg2.jpg') no-repeat;
- }
- .SectionNavigation,
- .SectionHeader .right a,
- .SectionContent .s_IndexName,
- .SectionHeader,
- .s_About_pers {
- display: none;
- }
- .mobile-menu .left .logo,
- .SectionHeader .left .logo {
- float: left;
- transition: 0.3s;
- background: url('../img/logo.png');
- width: 93px;
- height: 19px;
- }
- .SectionContent {
- float: left;
- z-index: 1;
- position: relative;
- width: 100%;
- }
- .SectionContent .s_persone {
- position: absolute;
- background: url('../img/man_mobile.png');
- background-repeat: no-repeat;
- background-position: center top;
- width: 100%;
- height: 730px;
- min-height: 732px;
- }
- /* HOME */
- .SectionAbout {
- margin: 0 auto;
- max-width: 1200px;
- height: 100%;
- }
- .s_About_info {margin: 35px 0 0 20px;}
- .s_About_info h2 {
- height: 40px;
- line-height: 40px;
- margin-bottom: 55px;
- border-left: solid 4px #f19d30;
- padding-left: 45px;
- font-size: 21px;
- font-weight: 400;
- color: #fff;
- }
- .s_About_info p {
- padding-left: 49px;
- font-size: 14px;
- width: 70%;
- color: #fff;
- }
- /* Mobile Menu */
- .menu-toggle {
- display: block;
- z-index: 100;
- width: 23px;
- border-radius: 50%;
- position: absolute;
- top: 45px;
- right: 32px;
- cursor: pointer;
- }
- .menu-toggle:before,
- .menu-toggle:after,
- .menu-toggle span {
- display: block;
- height: 3px;
- content: "";
- background: #fff;
- position: relative;
- top: 0;
- -webkit-transform: rotate(0deg);
- -moz-transform: rotate(0deg);
- -o-transform: rotate(0deg);
- transform: rotate(0deg);
- -webkit-transition: all 0.5s;
- -moz-transition: all 0.5s;
- -o-transition: all 0.5s;
- transition: all 0.5s;
- }
- .menu-toggle span {
- margin: 4px 0;
- }
- .menu-toggle.open {
- z-index: 100;
- right: 32px;
- position: fixed;
- }
- .menu-toggle.open:before {
- top: 1px;
- background: #fff;
- -webkit-transform: rotate(-45deg);
- -moz-transform: rotate(-45deg);
- -o-transform: rotate(-45deg);
- transform: rotate(-45deg);
- }
- .menu-toggle.open:after {
- top: -1px;
- background: #fff;
- -webkit-transform: rotate(45deg);
- -moz-transform: rotate(45deg);
- -o-transform: rotate(45deg);
- transform: rotate(45deg);
- }
- .menu-toggle.open span {display: none;}
- .mobile-menu {
- width: 100%;
- height: 100%;
- text-align: center;
- overflow: auto;
- background: #f4b650;
- position: fixed;
- top: 0;
- right: -100%;
- z-index: 90;
- -webkit-transition: all 0.5s;
- -moz-transition: all 0.5s;
- -o-transition: all 0.5s;
- transition: all 0.5s;
- }
- .mobile-menu .mobile-header {display: none;}
- .mobile-menu.open {
- right: 0%;
- }
- .mobile-menu ul {
- padding: 90px 0 0;
- }
- .mobile-menu li {
- text-align: left;
- margin-bottom: 15px;
- margin-left: 35px;
- list-style: none;
- font-weight: 600;
- }
- .mobile-menu a {
- font-size: 14px;
- text-transform: uppercase;
- font-weight: 400;
- text-decoration: none;
- color: #242525;
- }
- .mobile-menu a:hover {color: #fff;}
- .mobile-menu p {
- width: 100%;
- position: absolute;
- left: 0;
- bottom: 60px;
- }
- .mobile-menu .btn {
- padding: 24px 38px;
- font: 16px/24px 'Stolzl-Medium', sans-serif;
- text-transform: uppercase;
- }
- .mobile-menu .left .logo {
- margin-top: 40px;
- margin-left: 35px;
- }
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement