Обучение/Помощь новичкам | поправить
BiSepToL , есть щас закину
body {
background: #010101;
color: silver;
max-width: 420px;
min-width: 250px;
font-family: AnastasiaScript, sans-serif;
font-style: oblique;
font-variant: small-caps;
font-size: 12px;
margin: 0px auto;
}
.hint {
position: relative;
display: block;
height: 80px;
text-align: left;
max-width: 360px;
min-width: 330px;
margin: 0 auto 17px;
}
.hint .bot {
position: absolute;
top: 0;
left: 3%;
z-index: 2;
}
.hint .border {
top: 14px;
position: relative;
background: url(https://ohota.mobi/images/design/hint-r.png) no-repeat right 10%,url(https://ohota.mobi/images/design/hint-l.png) no-repeat left 10%,url(https://ohota.mobi/images/design/hint-m.png) no-repeat 81%;
background-clip: border-box;
background-size: auto,auto,90% 65px;
height: 65px;
width: 97%;
margin-left: auto;
margin-right: auto;
}
.hint .border .button_text {
padding-left: 115px;
padding-right: 10px;
padding-top: 2px;
text-align: left;
font-size: 13px;
display: inline-block;
color: #76feff;
max-width: 360px;
}
.col-xs-12 {
width: 100%;
}
.level_wrapper {
padding: 2px 10px;
height: 44px;
}
.level_name_progress {
display: block;
float: left;
padding-bottom: 3px;
margin-top: 2px;
}
.level_name {
color: #fddbaa;
font-size: 18px;
display: block;
padding-top: 1px;
}
.level_progress {
display: block;
color: #8b8b8b;
font-size: 13px;
padding-bottom: 2px;
margin-top: -3px;
}
.btn-test-main {
position: relative;
margin: 20px 15px 30px 15px;
}
.btn-test {
background: url(https://ohota.mobi/images/buttons/btn-main-gr.png) repeat-x;
height: 36px;
line-height: 36px;
max-width: 280px;
margin: 0 auto;
position: absolute;
bottom: -18px;
z-index: 1;
left: 0;
right: 0;
cursor: pointer;
text-align: left;
}
.btn-test .button_text {
position: absolute;
color: #68fffe;
font-size: 16px;
left: 0;
right: 0;
text-align: center;
font-family: Munchkin;
z-index: 2;
padding: 0;
white-space: nowrap;
}
.row.level-row {
background: rgba(0,0,0,.64);
}
.campaign {
background: url("https://ohota.mobi/images/design/campaign.jpg") top no-repeat;
background-size: cover;
width: 100%;
padding-top: 10px;
}
.campaign .info {
max-width: 330px;
min-width: 330px;
margin: 0 auto;
}
.campaign .boss-left {
margin-left: -61px;
float: left;
}
.boss-hint {
position: absolute;
font-family: Arial,serif;
font-size: 16px;
color: #8f9b9d;
text-align: center;
top: 151px;
width: 100%;
}
.boss-hint-text {
position: absolute;
bottom: 0;
left: 50%;
margin-left: -76px;
top: -25px;
height: 13px;
width: 141px;
}
.clr-white2 {
color: #fff;
}
.campaign .boss-right {
margin-right: 3px;
float: right;
}
.clb {
clear: both;
}
.back-street-enter {
position: relative;
height: 100px;
max-width: 322px;
min-width: 323px;
margin: 0 auto;
top: 8px;
}
.campaign .back-street-name-text {
font-family: chaos2,arial,verdana,tahoma,sans-serif;
font-size: 16px;
color: #fff;
}
.campaign .back-street-hint-new {
position: absolute;
top: 28px;
left: 15px;
text-align: center;
font-size: 14px;
color: #5f5f5f;
z-index: 3;
margin: 0 auto;
width: 130px;
}
.header-section_p {
display: flex;
position: relative;
background: rgba(0,0,0,.7);
}
.header-section {
display: flex;
position: relative;
background: #000;
width: 100%;
}
.b-crown {
z-index: 5;
}
.b-crown__border {
background: url('https://ohota.mobi/asset/img/ava-border1.png') no-repeat;
width: 40px;
height: 39px;
position: relative;
}
.b-crow__img {
background: url('https://ohota.mobi/asset/img/nosave.jpg');
width: 35px;
height: 35px;
position: absolute;
top: 2px;
left: 2px;
}
.b-sword {
display: flex;
line-height: 35px;
color: #8b8b8b;
width: 50%;
font-size: 14px;
}
.sword-icon {
background: url('/images/icon_alm.png') no-repeat;
width: 20px;
height: 18px;
line-height: 35px;
margin-top: 7px;
margin-left: 3px;
}
.b-coin {
width: 50%;
color: #8b8b8b;
display: flex;
line-height: 35px;
justify-content: flex-end;
font-size: 14px;
}
.b-coin span {
margin-right: 5px;
margin-left: 20px;
position: relative;
white-space: nowrap;
}
.green{
background: url(https://ohota.mobi/images/buttons/btn-main-gr.png) repeat-x;
display: block;
margin:auto;
margin-top:5px; border: 1px solid #050505;
width: 150px; padding: 4px 0 4px 0; text-align: center; font-weight: bold;
font-family: Munchkin;
color: #68fffe;
font-size: 14px;
}
.headm {
background: url("bgus.jpg");
}
.item {
background: url("/images/item/0.png");
width: 51px;
height:50px;
background-size: 52px;
}
.progress-bar,
.progress{
height: 7px;
}
.progress-bar{
border: 1px solid #000000;
background: #494949 url("http://mdrag.ru/style/css/img/bg_prg-bar.jpg") repeat-x;
}
.progress-bar._fight{margin-top: 2px}
.progress-bar._fight,
._fight .progress{
height: 3px;
}
.progress{max-width: 100%;}
.progress._green{background: #059114 url("http://mdrag.ru/style/css/img/bg_prg-red.jpg") repeat-x;}
.slot {
border: 3px solid #00a8e1;
}
.ability{
display: table;
table-layout: fixed;
width: 100%;
height: 78px; /*54*/
}
.ability a{
display: table-cell;
padding-bottom: 4px;
vertical-align: bottom;
border-bottom: 1px solid #000000;
text-align: center;
font-size: 13px;
color: #92ace4;
background-color: #222222;
}
.ability
background: #010101;
color: silver;
max-width: 420px;
min-width: 250px;
font-family: AnastasiaScript, sans-serif;
font-style: oblique;
font-variant: small-caps;
font-size: 12px;
margin: 0px auto;
}
.hint {
position: relative;
display: block;
height: 80px;
text-align: left;
max-width: 360px;
min-width: 330px;
margin: 0 auto 17px;
}
.hint .bot {
position: absolute;
top: 0;
left: 3%;
z-index: 2;
}
.hint .border {
top: 14px;
position: relative;
background: url(https://ohota.mobi/images/design/hint-r.png) no-repeat right 10%,url(https://ohota.mobi/images/design/hint-l.png) no-repeat left 10%,url(https://ohota.mobi/images/design/hint-m.png) no-repeat 81%;
background-clip: border-box;
background-size: auto,auto,90% 65px;
height: 65px;
width: 97%;
margin-left: auto;
margin-right: auto;
}
.hint .border .button_text {
padding-left: 115px;
padding-right: 10px;
padding-top: 2px;
text-align: left;
font-size: 13px;
display: inline-block;
color: #76feff;
max-width: 360px;
}
.col-xs-12 {
width: 100%;
}
.level_wrapper {
padding: 2px 10px;
height: 44px;
}
.level_name_progress {
display: block;
float: left;
padding-bottom: 3px;
margin-top: 2px;
}
.level_name {
color: #fddbaa;
font-size: 18px;
display: block;
padding-top: 1px;
}
.level_progress {
display: block;
color: #8b8b8b;
font-size: 13px;
padding-bottom: 2px;
margin-top: -3px;
}
.btn-test-main {
position: relative;
margin: 20px 15px 30px 15px;
}
.btn-test {
background: url(https://ohota.mobi/images/buttons/btn-main-gr.png) repeat-x;
height: 36px;
line-height: 36px;
max-width: 280px;
margin: 0 auto;
position: absolute;
bottom: -18px;
z-index: 1;
left: 0;
right: 0;
cursor: pointer;
text-align: left;
}
.btn-test .button_text {
position: absolute;
color: #68fffe;
font-size: 16px;
left: 0;
right: 0;
text-align: center;
font-family: Munchkin;
z-index: 2;
padding: 0;
white-space: nowrap;
}
.row.level-row {
background: rgba(0,0,0,.64);
}
.campaign {
background: url("https://ohota.mobi/images/design/campaign.jpg") top no-repeat;
background-size: cover;
width: 100%;
padding-top: 10px;
}
.campaign .info {
max-width: 330px;
min-width: 330px;
margin: 0 auto;
}
.campaign .boss-left {
margin-left: -61px;
float: left;
}
.boss-hint {
position: absolute;
font-family: Arial,serif;
font-size: 16px;
color: #8f9b9d;
text-align: center;
top: 151px;
width: 100%;
}
.boss-hint-text {
position: absolute;
bottom: 0;
left: 50%;
margin-left: -76px;
top: -25px;
height: 13px;
width: 141px;
}
.clr-white2 {
color: #fff;
}
.campaign .boss-right {
margin-right: 3px;
float: right;
}
.clb {
clear: both;
}
.back-street-enter {
position: relative;
height: 100px;
max-width: 322px;
min-width: 323px;
margin: 0 auto;
top: 8px;
}
.campaign .back-street-name-text {
font-family: chaos2,arial,verdana,tahoma,sans-serif;
font-size: 16px;
color: #fff;
}
.campaign .back-street-hint-new {
position: absolute;
top: 28px;
left: 15px;
text-align: center;
font-size: 14px;
color: #5f5f5f;
z-index: 3;
margin: 0 auto;
width: 130px;
}
.header-section_p {
display: flex;
position: relative;
background: rgba(0,0,0,.7);
}
.header-section {
display: flex;
position: relative;
background: #000;
width: 100%;
}
.b-crown {
z-index: 5;
}
.b-crown__border {
background: url('https://ohota.mobi/asset/img/ava-border1.png') no-repeat;
width: 40px;
height: 39px;
position: relative;
}
.b-crow__img {
background: url('https://ohota.mobi/asset/img/nosave.jpg');
width: 35px;
height: 35px;
position: absolute;
top: 2px;
left: 2px;
}
.b-sword {
display: flex;
line-height: 35px;
color: #8b8b8b;
width: 50%;
font-size: 14px;
}
.sword-icon {
background: url('/images/icon_alm.png') no-repeat;
width: 20px;
height: 18px;
line-height: 35px;
margin-top: 7px;
margin-left: 3px;
}
.b-coin {
width: 50%;
color: #8b8b8b;
display: flex;
line-height: 35px;
justify-content: flex-end;
font-size: 14px;
}
.b-coin span {
margin-right: 5px;
margin-left: 20px;
position: relative;
white-space: nowrap;
}
.green{
background: url(https://ohota.mobi/images/buttons/btn-main-gr.png) repeat-x;
display: block;
margin:auto;
margin-top:5px; border: 1px solid #050505;
width: 150px; padding: 4px 0 4px 0; text-align: center; font-weight: bold;
font-family: Munchkin;
color: #68fffe;
font-size: 14px;
}
.headm {
background: url("bgus.jpg");
}
.item {
background: url("/images/item/0.png");
width: 51px;
height:50px;
background-size: 52px;
}
.progress-bar,
.progress{
height: 7px;
}
.progress-bar{
border: 1px solid #000000;
background: #494949 url("http://mdrag.ru/style/css/img/bg_prg-bar.jpg") repeat-x;
}
.progress-bar._fight{margin-top: 2px}
.progress-bar._fight,
._fight .progress{
height: 3px;
}
.progress{max-width: 100%;}
.progress._green{background: #059114 url("http://mdrag.ru/style/css/img/bg_prg-red.jpg") repeat-x;}
.slot {
border: 3px solid #00a8e1;
}
.ability{
display: table;
table-layout: fixed;
width: 100%;
height: 78px; /*54*/
}
.ability a{
display: table-cell;
padding-bottom: 4px;
vertical-align: bottom;
border-bottom: 1px solid #000000;
text-align: center;
font-size: 13px;
color: #92ace4;
background-color: #222222;
}
.ability
не ну точно копировать зачем? хоть картинки смени именно фона
и отступ убери просто
Graph Aizen , покажи где
.red-button-wrapper_i {
background: url('https://ohota.mobi/asset/img/red-button.png');
width: 314px;
height: 90px;
margin: 0 auto;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
margin-top: 309px;
position: relative;
margin-bottom: 10px;
}
тут
margin-top: 309px; это убери или 5ставь
background: url('https://ohota.mobi/asset/img/red-button.png');
width: 314px;
height: 90px;
margin: 0 auto;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
margin-top: 309px;
position: relative;
margin-bottom: 10px;
}
тут
margin-top: 309px; это убери или 5ставь
KRAKEN (21.01.2019 в 13:13)
Graph Aizen , покажи где
Graph Aizen , покажи где
а ты хоть картинки смени я ее вырезал
Graph Aizen , при регистрации где картинка смотри начала темы там скрин
Стр.: 1, 2