단순 모드도 추가

This commit is contained in:
2018-01-31 17:24:45 +09:00
parent 9efb83323a
commit 1352009350
4 changed files with 212 additions and 33 deletions
+144 -24
View File
@@ -100,10 +100,22 @@
height:12px;
}
.world_map .my_city{
outline:dotted 3px red;
.world_map.map_detail .my_city{
border:solid 1px red;
outline:dotted 4px red;
}
.world_map.map_detail .city_filler{
position:absolute;
width:100%;
height:100%;
left:-1px;
top:-1px;
background:transparent;
}
.city_base{
position:absolute;
width:40px;
@@ -208,7 +220,7 @@
}
/*
.city_base.city_level_{0} .city_img{
.map_detail .city_base.city_level_{0} .city_img{
//$img = loadImg('/images/cast_{0}.gif');
//$parent = cssSelect('.city_base');
width: $img.width;
@@ -217,120 +229,122 @@
top: ($parent.height - $img.height)/2;
}
*/
.city_base.city_level_1 .city_img{
.map_detail .city_base.city_level_1 .city_img{
width:16px;
height:15px;
left:12px;
top:7.5px;
}
.city_base.city_level_2 .city_img{
.map_detail .city_base.city_level_2 .city_img{
width:20px;
height:14px;
left:10px;
top:8px;
}
.city_base.city_level_3 .city_img{
.map_detail .city_base.city_level_3 .city_img{
width:14px;
height:14px;
left:13px;
top:8px;
}
.city_base.city_level_4 .city_img{
.map_detail .city_base.city_level_4 .city_img{
width:20px;
height:15px;
left:10px;
top:7.5px;
}
.city_base.city_level_5 .city_img{
.map_detail .city_base.city_level_5 .city_img{
width:24px;
height:16px;
left:8px;
top:7px;
}
.city_base.city_level_6 .city_img{
.map_detail .city_base.city_level_6 .city_img{
width:26px;
height:18px;
left:7px;
top:6px;
}
.city_base.city_level_7 .city_img{
.map_detail .city_base.city_level_7 .city_img{
width:28px;
height:20px;
left:6px;
top:5px;
}
.city_base.city_level_8 .city_img{
.map_detail .city_base.city_level_8 .city_img{
width:32px;
height:24px;
left:4px;
top:3px;
}
.city_base .city_state{
.map_detail .city_base .city_state{
position: absolute;
top:5px; /*TODO:도시 레벨 별로 다르게 위치 설정해볼 것*/
left:0;
}
.city_base .city_flag{
.map_detail .city_base .city_flag{
position: absolute;
width:12px;
height:12px;
}
.city_base .city_flag > img{
.map_detail .city_base .city_flag > img{
width:12px;
height:12px;
}
.city_base.city_level_1 .city_flag{
.map_detail .city_base.city_level_1 .city_flag{
right:-8px;
top:-4px;
}
.city_base.city_level_2 .city_flag{
.map_detail .city_base.city_level_2 .city_flag{
right:-8px;
top:-4px;
}
.city_base.city_level_3 .city_flag{
.map_detail .city_base.city_level_3 .city_flag{
right:-8px;
top:-4px;
}
.city_base.city_level_4 .city_flag{
.map_detail .city_base.city_level_4 .city_flag{
right:-6px;
top:-3px;
}
.city_base.city_level_5 .city_flag{
.map_detail .city_base.city_level_5 .city_flag{
right:-6px;
top:-4px;
}
.city_base.city_level_6 .city_flag{
.map_detail .city_base.city_level_6 .city_flag{
right:-6px;
top:-4px;
}
.city_base.city_level_7 .city_flag{
.map_detail .city_base.city_level_7 .city_flag{
right:-6px;
top:-4px;
}
.city_base.city_level_8 .city_flag{
.map_detail .city_base.city_level_8 .city_flag{
right:-6px;
top:-3px;
}
.city_base .city_flag .city_capital{
.map_detail .city_base .city_flag .city_capital{
position: absolute;
width:10px;
height:10px;
@@ -338,7 +352,113 @@
right:-1px;
}
.city_base .city_flag .city_capital > img{
.map_detail .city_base .city_flag .city_capital > img{
width:10px;
height:10px;
}
/* Basic */
.world_map.map_basic .city_filler{
position:absolute;
width:100%;
height:100%;
left:0;
top:0;
background:transparent;
}
.world_map.map_basic .my_city{
outline:dotted 4px red;
}
.map_basic .city_base .city_img{
background-color:white;
}
.map_basic .city_base.city_level_1 .city_img{
width:12px;
height:12px;
left:14px;
top:9px;
}
.map_basic .city_base.city_level_2 .city_img{
width:12px;
height:12px;
left:14px;
top:9px;
}
.map_basic .city_base.city_level_3 .city_img{
width:14px;
height:14px;
left:13px;
top:8px;
}
.map_basic .city_base.city_level_4 .city_img{
width:16px;
height:14px;
left:12px;
top:8px;
}
.map_basic .city_base.city_level_5 .city_img{
width:18px;
height:16px;
left:11px;
top:7px;
}
.map_basic .city_base.city_level_6 .city_img{
width:20px;
height:16px;
left:10px;
top:7px;
}
.map_basic .city_base.city_level_7 .city_img{
width:22px;
height:18px;
left:9px;
top:6px;
}
.map_basic .city_base.city_level_8 .city_img{
width:24px;
height:18px;
left:8px;
top:6px;
}
.map_basic .city_base .city_capital{
position: absolute;
width:5px;
height:5px;
top:-2px;
right:-2px;
background-color:yellow;
}
.map_basic .city_base .city_state{
position: absolute;
width:10px;
height:10px;
top:-2px;
left:-4px;
background-color:white;
}
.map_basic .city_base .city_state.city_state_war{
background-color:red;
}
.map_basic .city_base .city_state.city_state_bad{
background-color:orange;
}
.map_basic .city_base .city_state.city_state_good{
background-color:blue;
}