.akcc{ height:45px; width:53px; position:relative; display:inline-block; } .akcc:hover .akcc-text{ visibility:visible; overflow:inherit; width:200%; max-width:350px; bottom:100%; height:auto; background:white; border:1px solid; border-radius:5%; padding:10px; z-index:3; } .akcc-text{ position:absolute; z-index:1; height:45px; overflow:hidden; left:2px; visibility:hidden; } .akcc-img{ position:absolute; left:2px; z-index:1; } .akcc-levelbackground{ position:absolute; top:80%; width:0; height:0; border-left:10px solid transparent; border-right:10px solid transparent; border-bottom:17px solid; z-index:2; } .akcc-level{ position:absolute; top:80%; left:5px; color:white; font-size:10px; z-index:2; width:1em; text-align:center; } .akcc-level1tri, .akcc-level2tri, .akcc-level3tri{ position:relative; background:white; display:inline-block; width:32px; height:17px; border-radius:15%; margin-right:0.5em; top:3px; } .akcc-triangle{ border-left:5px solid transparent; border-right:5px solid transparent; position:relative; width:0; height:0; z-index:1; } .akcc-level1tri span:nth-child(1), .akcc-level2tri span:nth-child(1), .akcc-level3tri span:nth-child(odd){ border-bottom:9px solid; top:-1.2em; } .akcc-level2tri span:nth-child(2), .akcc-level3tri span:nth-child(2){ border-top:9px solid; bottom:-0.75em; } .akcc-level1tri span:nth-child(1){ left:11px; } .akcc-level2tri span:nth-child(1){ left:6.5px; } .akcc-level2tri span:nth-child(2){ left:5.5px; } .akcc-level3tri span:nth-child(1){ left:3px; } .akcc-level3tri span:nth-child(2){ left:1px } .akcc-level3tri span:nth-child(3){ left:-1px; } /* [[Category:在模板名字空间下的CSS页面]] */