239 lines
4.7 KiB
CSS
239 lines
4.7 KiB
CSS
|
#main_map {
|
||
|
width:800px;
|
||
|
height:350px;
|
||
|
background-image:url(central_bg.jpg);
|
||
|
display:inline-block;
|
||
|
position:relative;
|
||
|
margin-top:30px;
|
||
|
}
|
||
|
|
||
|
.cobj1 {
|
||
|
background:url(objects_capitalcity1.png) no-repeat -10px -10px;
|
||
|
cursor:pointer;
|
||
|
left: 14px;
|
||
|
top: 156px;
|
||
|
position:absolute;
|
||
|
display:inline-block;
|
||
|
}
|
||
|
.cobj1:hover {
|
||
|
background:url(objects_capitalcity1.png) no-repeat -10px -244px;
|
||
|
cursor:pointer;
|
||
|
}
|
||
|
.cobj1:active {
|
||
|
background:url(objects_capitalcity1.png) no-repeat -10px -244px;
|
||
|
cursor:pointer;
|
||
|
}
|
||
|
|
||
|
.cobj2 {
|
||
|
background:url(objects_capitalcity1.png) no-repeat -170px 0;
|
||
|
cursor:pointer;
|
||
|
left: 151px;
|
||
|
top: 126px;
|
||
|
position:absolute;
|
||
|
display:inline-block;
|
||
|
}
|
||
|
.cobj2:hover {
|
||
|
background:url(objects_capitalcity1.png) no-repeat -170px -234px;
|
||
|
cursor:pointer;
|
||
|
}
|
||
|
.cobj2:active {
|
||
|
background:url(objects_capitalcity1.png) no-repeat -170px -234px;
|
||
|
cursor:pointer;
|
||
|
}
|
||
|
|
||
|
.cobj3 {
|
||
|
background:url(objects_capitalcity1.png) no-repeat -355px 0;
|
||
|
cursor:pointer;
|
||
|
left: 515px;
|
||
|
top: 130px;
|
||
|
position:absolute;
|
||
|
display:inline-block;
|
||
|
}
|
||
|
.cobj3:hover {
|
||
|
background:url(objects_capitalcity1.png) no-repeat -355px -234px;
|
||
|
cursor:pointer;
|
||
|
}
|
||
|
.cobj3:active {
|
||
|
background:url(objects_capitalcity1.png) no-repeat -355px -234px;
|
||
|
cursor:pointer;
|
||
|
}
|
||
|
|
||
|
.cobj4 {
|
||
|
background:url(objects_capitalcity1.png) no-repeat -527px -33px;
|
||
|
cursor:pointer;
|
||
|
left: 565px;
|
||
|
top: 80px;
|
||
|
position:absolute;
|
||
|
display:inline-block;
|
||
|
}
|
||
|
.cobj4:hover {
|
||
|
background:url(objects_capitalcity1.png) no-repeat -527px -267px;
|
||
|
cursor:pointer;
|
||
|
}
|
||
|
.cobj4:active {
|
||
|
background:url(objects_capitalcity1.png) no-repeat -527px -267px;
|
||
|
cursor:pointer;
|
||
|
}
|
||
|
|
||
|
.cobj5 {
|
||
|
background:url(objects_capitalcity1.png) no-repeat -667px -10px;
|
||
|
cursor:pointer;
|
||
|
left: 654px;
|
||
|
top: 158px;
|
||
|
position:absolute;
|
||
|
display:inline-block;
|
||
|
}
|
||
|
.cobj5:hover {
|
||
|
background:url(objects_capitalcity1.png) no-repeat -667px -244px;
|
||
|
cursor:pointer;
|
||
|
}
|
||
|
.cobj5:active {
|
||
|
background:url(objects_capitalcity1.png) no-repeat -667px -244px;
|
||
|
cursor:pointer;
|
||
|
}
|
||
|
|
||
|
.cobj6 {
|
||
|
background:url(objects_capitalcity1.png) no-repeat -860px 0px;
|
||
|
cursor:pointer;
|
||
|
left: 290px;
|
||
|
top: 15px;
|
||
|
position:absolute;
|
||
|
display:inline-block;
|
||
|
}
|
||
|
.cobj6:hover {
|
||
|
background:url(objects_capitalcity1.png) no-repeat -860px -234px;
|
||
|
cursor:pointer;
|
||
|
}
|
||
|
.cobj6:active {
|
||
|
background:url(objects_capitalcity1.png) no-repeat -860px -234px;
|
||
|
cursor:pointer;
|
||
|
}
|
||
|
|
||
|
.cobj7 {
|
||
|
background:url(objects_capitalcity1.png) no-repeat -1100px 0px;
|
||
|
cursor:pointer;
|
||
|
left: 29px;
|
||
|
top: 21px;
|
||
|
position:absolute;
|
||
|
display:inline-block;
|
||
|
height: 146px;
|
||
|
}
|
||
|
.cobj7:hover {
|
||
|
background:url(objects_capitalcity1.png) no-repeat -1100px -234px;
|
||
|
cursor:pointer;
|
||
|
}
|
||
|
.cobj7:active {
|
||
|
background:url(objects_capitalcity1.png) no-repeat -1100px -234px;
|
||
|
cursor:pointer;
|
||
|
}
|
||
|
|
||
|
.cobj8 {
|
||
|
background:url(objects_capitalcity1.png) no-repeat -1267px -20px;
|
||
|
cursor:pointer;
|
||
|
left: 318px;
|
||
|
top: 226px;
|
||
|
position:absolute;
|
||
|
display:inline-block;
|
||
|
height: 110px;
|
||
|
width: 136px;
|
||
|
}
|
||
|
.cobj8:hover {
|
||
|
background:url(objects_capitalcity1.png) no-repeat -1267px -254px;
|
||
|
cursor:pointer;
|
||
|
}
|
||
|
.cobj8:active {
|
||
|
background:url(objects_capitalcity1.png) no-repeat -1267px -254px;
|
||
|
cursor:pointer;
|
||
|
}
|
||
|
|
||
|
.cobj_newyear {
|
||
|
background:url(newyear.png) no-repeat top;
|
||
|
cursor:pointer;
|
||
|
left: 690px;
|
||
|
top: 40px;
|
||
|
position:absolute;
|
||
|
display:inline-block;
|
||
|
height: 110px;
|
||
|
width: 80px;
|
||
|
}
|
||
|
.cobj_newyear:hover {
|
||
|
background:url(newyear.png) no-repeat bottom;
|
||
|
cursor:pointer;
|
||
|
}
|
||
|
.cobj_newyear:active {
|
||
|
background:url(newyear.png) no-repeat;
|
||
|
cursor:pointer;
|
||
|
}
|
||
|
.cobj9 {
|
||
|
background:url(objects_dec.png) no-repeat -20px -5px;
|
||
|
cursor:pointer;
|
||
|
position:absolute;
|
||
|
display:inline-block;
|
||
|
width: 61px;
|
||
|
height: 82px;
|
||
|
}
|
||
|
.cobj9:hover {
|
||
|
background:url(objects_dec.png) no-repeat -20px -108px;
|
||
|
cursor:pointer;
|
||
|
}
|
||
|
|
||
|
.cobj10 {
|
||
|
background:url(objects_dec.png) no-repeat -20px -5px;
|
||
|
cursor:pointer;
|
||
|
position:absolute;
|
||
|
display:inline-block;
|
||
|
width: 36px;
|
||
|
height: 82px;
|
||
|
}
|
||
|
|
||
|
.cobj11 {
|
||
|
background:url(objects_dec.png) no-repeat -120px -10px;
|
||
|
cursor:pointer;
|
||
|
position:absolute;
|
||
|
display:inline-block;
|
||
|
width: 38px;
|
||
|
height: 53px;
|
||
|
}
|
||
|
|
||
|
.cobj12 {
|
||
|
background:url(objects_dec.png) no-repeat -190px -10px;
|
||
|
cursor:pointer;
|
||
|
position:absolute;
|
||
|
display:inline-block;
|
||
|
width: 50px;
|
||
|
height: 72px;
|
||
|
}
|
||
|
|
||
|
.cobj13 {
|
||
|
background:url(objects_dec.png) no-repeat -270px -10px;
|
||
|
cursor:pointer;
|
||
|
position:absolute;
|
||
|
display:inline-block;
|
||
|
width: 40px;
|
||
|
height: 72px;
|
||
|
}
|
||
|
|
||
|
.cobj14 {
|
||
|
background:url(objects_dec2.png) no-repeat -5px -10px;
|
||
|
cursor:pointer;
|
||
|
position:absolute;
|
||
|
display:inline-block;
|
||
|
width: 51px;
|
||
|
height: 48px;
|
||
|
}
|
||
|
.cobj14:hover {
|
||
|
background:url(objects_dec2.png) no-repeat -5px -71px;
|
||
|
cursor:pointer;
|
||
|
}
|
||
|
.cobj15 {
|
||
|
background:url(objects_dec2.png) no-repeat -70px -10px;
|
||
|
cursor:pointer;
|
||
|
position:absolute;
|
||
|
display:inline-block;
|
||
|
width: 51px;
|
||
|
height: 48px;
|
||
|
}
|
||
|
.cobj15:hover {
|
||
|
background:url(objects_dec2.png) no-repeat -70px -71px;
|
||
|
cursor:pointer;
|
||
|
}
|