.ak-popup-host {
display: inline;
position: relative;
font-size: 16px;
padding: 4px;
transition: all .13s ease-in-out;
color: #000;
white-space: nowrap;
}
.ak-popup-host>.ak-story-popup {
visibility: hidden;
opacity: 0;
height: 300px;
width: 300px;
font-size: 80%;
position: absolute;
bottom: calc(100% - 4px);
left: 0;
z-index: 5;
border-bottom: 5px solid #222;
background-color: #444;
background-color: rgba(0, 0, 0, 0.6);
transition: all .13s ease-in-out;
text-align: center;
color: #FFF;
overflow: hidden;
}
.ak-story-popup>.ak-chara-pic {
width: 700px;
position: absolute;
top: 0;
left: -200px;
z-index: 1;
}
.ak-story-popup>.ak-bg-pic {
height: 500px;
position: absolute;
top: -100px;
left: -100px;
z-index: 0;
opacity: 0.9;
}
/*pop up*/
.ak-popup-host:hover {
background-color: #222;
color: #fff;
}
.ak-popup-host:hover>.ak-story-popup {
visibility: visible;
opacity: 1;
}
.AkcharpopImg {
transition: all .13s ease-in-out;
margin-left: 2px;
}
.ak-popup-host:hover .AkcharpopImg {
opacity: 0;
}
/*
@media (hover: none){
.ak-popup-host{
}
.ak-popup-host>.ak-story-popup {
}
}*/
/* [[Category:在模板名字空间下的CSS页面]] */