새 지도에서 배경, 도시가 정상적으로 보이도록 수정

This commit is contained in:
2018-01-31 02:32:37 +09:00
parent 7542248641
commit ce0fab873b
5 changed files with 150 additions and 65 deletions
+99 -27
View File
@@ -74,6 +74,7 @@
.world_map .city_tooltip{
position: absolute;
z-index:6;
display:none;
width:120px;
border: 0.02em gray solid;
@@ -108,24 +109,36 @@
position:absolute;
width:40px;
height:30px;
margin-left:-20px;
margin-top:-10px;
}
.city_base .city_bg{
z-index:1;
position:absolute;
left:10px;
top:20px;
background-position: center;
}
.city_base div{
z-index:2;
}
/*
.map_detail .city_base.city_level_{0} .city_bg{
//$img = loadImg('/images/cast_{0}.gif');
//$parent = cssSelect('.city_base');
width: $img.width;
height: $img.height;
left: ($parent.width - $img.width)/2;
top: ($parent.height - $img.height)/2;
}
*/
.map_detail .city_base.city_level_1 .city_bg{
/*수*/
width:48px;
height:45px;
background-size:48px 45px;
margin-top:-24px;
margin-left:-22.5px;
left:-4px;
top:-7.5px;
}
.map_detail .city_base.city_level_2 .city_bg{
@@ -133,8 +146,8 @@
width:60px;
height:42px;
background-size:60px 42px;
margin-top:-30px;
margin-left:-21px;
left:-10px;
top:-6px;
}
.map_detail .city_base.city_level_3 .city_bg{
@@ -142,8 +155,8 @@
width:42px;
height:42px;
background-size:42px 42px;
margin-top:-21px;
margin-left:-21px;
left:-1px;
top:-6px;
}
.map_detail .city_base.city_level_4 .city_bg{
@@ -151,8 +164,8 @@
width:60px;
height:45px;
background-size:60px 45px;
margin-top:-30px;
margin-left:-22.5px;
left:-10px;
top:-7.5px;
}
.map_detail .city_base.city_level_5 .city_bg{
@@ -160,8 +173,8 @@
width:72px;
height:48px;
background-size:72px 48px;
margin-top:-36px;
margin-left:-24px;
left:-16px;
top:-9px;
}
.map_detail .city_base.city_level_6 .city_bg{
@@ -169,8 +182,8 @@
width:78px;
height:54px;
background-size:78px 54px;
margin-top:-39px;
margin-left:-27px;
left:-19px;
top:-12px;
}
.map_detail .city_base.city_level_7 .city_bg{
@@ -178,8 +191,8 @@
width:84px;
height:60px;
background-size:84px 60px;
margin-top:-42px;
margin-left:-30px;
left:-22px;
top:-15px;
}
.map_detail .city_base.city_level_8 .city_bg{
@@ -187,17 +200,76 @@
width:96px;
height:72px;
background-size:96px 72px;
margin-top:-48px;
margin-left:-36px;
left:-28px;
top:-21px;
}
.city_img{
display: table-cell;
position:absolute;
/*line-height:30px;*/
vertical-align: middle;
width:40px;
height:30px;
text-align:center;
align-items: center;
}
/*
.city_base.city_level_{0} .city_img{
//$img = loadImg('/images/cast_{0}.gif');
//$parent = cssSelect('.city_base');
width: $img.width;
height: $img.height;
left: ($parent.width - $img.width)/2;
top: ($parent.height - $img.height)/2;
}
*/
.city_base.city_level_1 .city_img{
width:16px;
height:15px;
left:12px;
top:7.5px;
}
.city_base.city_level_2 .city_img{
width:20px;
height:14px;
left:10px;
top:8px;
}
.city_base.city_level_3 .city_img{
width:14px;
height:14px;
left:13px;
top:8px;
}
.city_base.city_level_4 .city_img{
width:20px;
height:15px;
left:10px;
top:7.5px;
}
.city_base.city_level_5 .city_img{
width:24px;
height:16px;
left:8px;
top:7px;
}
.city_base.city_level_6 .city_img{
width:26px;
height:18px;
left:7px;
top:6px;
}
.city_base.city_level_7 .city_img{
width:28px;
height:20px;
left:6px;
top:5px;
}
.city_base.city_level_8 .city_img{
width:32px;
height:24px;
left:4px;
top:3px;
}