Utilisateur:Kghbln/Tic-tac-toe.css

#tic-tac-toe a, #tic-tac-toe p, #tic-tac-toe div, #uebersicht a, #uebersicht p, #uebersicht div {margin:0;padding:0;line-height:1em;font-family:monospace;font-size:30px;white-space:nowrap;background:#FFF;color:#000}

#tic-tac-toe {position:relative;float:left;clear:left;text-align:left;}
#tic-tac-toe>div:nth-child(even) {position:fixed;top:0;left:0}
#tic-tac-toe>div:nth-child(odd) {position:absolute;top:0;left:0}
#tic-tac-toe>div:not(:target) + div {display:none}
#tic-tac-toe a {position:relative;text-decoration:none;color:#000}
#tic-tac-toe a:hover::after {content:'O';position:absolute;left:0;background:#FFF}

#uebersicht {position:relative;float:right;clear:right;text-align:right;}
#uebersicht div {display:inline-block;cursor:pointer;}
#uebersicht div a {display:none;text-decoration:none !important;color:#000}
#uebersicht div a:nth-child(2) {position:absolute;}
#uebersicht div:hover a, #uebersicht div:focus a, #uebersicht div:active a {display:block;text-decoration:none !important}
#uebersicht div:hover div, #uebersicht div:focus div, #uebersicht div:active div {animation:uebersicht .3s forwards}
@keyframes uebersicht {0%{transform:scale(1,0);opacity:0;}100%{transform:scale(1,1);opacity:1;}}

@keyframes seiten-name {0%{font-family:serif} 25%{font-family:cursive} 50%{font-family:monospace} 75%{font-family:sans-serif} 100%{font-family:serif}}