106 lines
2.0 KiB
CSS
106 lines
2.0 KiB
CSS
.world_map{
|
|
background:black;
|
|
font-size:13px;
|
|
color:white;
|
|
}
|
|
|
|
.map_title{
|
|
width:700px;
|
|
height:20px;
|
|
text-align:center;
|
|
}
|
|
|
|
.map_detail .map_title{
|
|
background:
|
|
url('/images/ltitle.jpg') no-repeat left,
|
|
url('/images/rtitle.jpg') no-repeat right;
|
|
}
|
|
|
|
.map_title_text{
|
|
margin:auto;
|
|
text-align:center;
|
|
width:160px;
|
|
display:block;
|
|
line-height:20px;
|
|
font-size:13px;
|
|
font-weight:bold;
|
|
}
|
|
|
|
.map_detail.map_spring .map_title_text{
|
|
background:
|
|
url('/images/ad.gif') no-repeat left,
|
|
url('/images/spring.gif') no-repeat right;
|
|
}
|
|
|
|
.map_detail.map_summer .map_title_text{
|
|
background:
|
|
url('/images/ad.gif') no-repeat left,
|
|
url('/images/summer.gif') no-repeat right;
|
|
}
|
|
|
|
.map_detail.map_fall .map_title_text{
|
|
background:
|
|
url('/images/ad.gif') no-repeat left,
|
|
url('/images/fall.gif') no-repeat right;
|
|
}
|
|
|
|
.map_detail.map_winter .map_title_text{
|
|
background:
|
|
url('/images/ad.gif') no-repeat left,
|
|
url('/images/winter.gif') no-repeat right;
|
|
}
|
|
|
|
.map_body{
|
|
width:700px;
|
|
height:500px;
|
|
position:relative;
|
|
}
|
|
|
|
.map_spring .map_body{
|
|
background: url('/images/map1.jpg') no-repeat;
|
|
}
|
|
|
|
.map_summer .map_body{
|
|
background: url('/images/map2.jpg') no-repeat;
|
|
}
|
|
|
|
.map_fall .map_body{
|
|
background: url('/images/map3.jpg') no-repeat;
|
|
}
|
|
|
|
.map_winter .map_body{
|
|
background: url('/images/map4.jpg') no-repeat;
|
|
}
|
|
|
|
.world_map .city_tooltip{
|
|
position: absolute;
|
|
display:none;
|
|
width:120px;
|
|
border: 0.02em gray solid;
|
|
}
|
|
.world_map .city_name{
|
|
background-color: rgb(30, 164, 255);
|
|
z-index: 6;
|
|
line-height:15px;
|
|
height:15px;
|
|
|
|
}
|
|
.world_map .nation_name{
|
|
background-color: rgb(30, 164, 255);
|
|
z-index: 6;
|
|
line-height:15px;
|
|
height:15px;
|
|
border-top: 0.02em gray solid;
|
|
text-align:right;
|
|
}
|
|
|
|
.world_map .map_flag{
|
|
width:12px;
|
|
height:12px;
|
|
}
|
|
|
|
.world_map .my_city{
|
|
border:solid 0.02em red;/* Always 1px :) */
|
|
outline:dotted 3px red;
|
|
}
|