Benutzer:Habitator terrae/style 2.css
aus Wikipedia, der freien Enzyklopädie
/*Für [[Benutzer:Habitator terrae]]:*/
#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}}
/*Für [[Benutzer:Habitator terrae/Switcher]]*/
.switcher {position:fixed;display:none;top:0;left:0;}
.switcher + span + span, .switcher:target + span {display:none;}
.switcher + span, .switcher:target + span + span {display:block}
.switcher:not(:target) + span + span + a, .switcher:target + span + span + a + a {color:black;font-weight:bold;}
.switcher ~ a {display:block;}
/*Für [[Benutzer:Habitator terrae/Schachpartie]]*/
.schachpartie {position:relative;background-color:#ffffff;line-height:1.6}
.schachpartie div:not(.schachpartie-Anker), .schachpartie a {position:absolute;}
.schachpartie-Anker {position:fixed;top:0;left:0;width:0;height:0}
.schachpartie-Brett {top:0;left:0;height:81.97%;width:100%;background-image:url("https://upload.wikimedia.org/wikipedia/commons/1/17/Schachfeld_mit_Beschriftung.png");background-size:cover}
.schachpartie-Figuren {position:relative;top:5.79%;left:6.04%;width:87.92%;height:70.39%;}
.schachpartie-Figuren div {background-size:93%;background-position:center;height:12.5%;width:12.5%}
.schachpartie-Weiss .schachpartie-B {background-image:url("https://upload.wikimedia.org/wikipedia/commons/4/45/Chess_plt45.svg")}
.schachpartie-Weiss .schachpartie-S {background-image:url("https://upload.wikimedia.org/wikipedia/commons/7/70/Chess_nlt45.svg")}
.schachpartie-Weiss .schachpartie-L {background-image:url("https://upload.wikimedia.org/wikipedia/commons/b/b1/Chess_blt45.svg")}
.schachpartie-Weiss .schachpartie-T {background-image:url("https://upload.wikimedia.org/wikipedia/commons/7/72/Chess_rlt45.svg")}
.schachpartie-Weiss .schachpartie-D {background-image:url("https://upload.wikimedia.org/wikipedia/commons/1/15/Chess_qlt45.svg")}
.schachpartie-Weiss .schachpartie-K {background-image:url("https://upload.wikimedia.org/wikipedia/commons/4/42/Chess_klt45.svg")}
.schachpartie-Schwarz .schachpartie-B {background-image:url("https://upload.wikimedia.org/wikipedia/commons/c/c7/Chess_pdt45.svg")}
.schachpartie-Schwarz .schachpartie-S {background-image:url("https://upload.wikimedia.org/wikipedia/commons/e/ef/Chess_ndt45.svg")}
.schachpartie-Schwarz .schachpartie-L {background-image:url("https://upload.wikimedia.org/wikipedia/commons/9/98/Chess_bdt45.svg")}
.schachpartie-Schwarz .schachpartie-T {background-image:url("https://upload.wikimedia.org/wikipedia/commons/f/ff/Chess_rdt45.svg")}
.schachpartie-Schwarz .schachpartie-D {background-image:url("https://upload.wikimedia.org/wikipedia/commons/4/47/Chess_qdt45.svg")}
.schachpartie-Schwarz .schachpartie-K {background-image:url("https://upload.wikimedia.org/wikipedia/commons/f/f0/Chess_kdt45.svg")}
.schachpartie a, .schachpartie-Link, .scharpartie-Link {display:block;top:81.97%;width:25%;height:18.03%;background-color:#ffffff;color:black;text-align:center}
.schachpartie a:nth-of-type(1) {left:0}
.schachpartie a:nth-of-type(2) {left:25%}
.schachpartie a:nth-of-type(3) {left:50%}
.schachpartie a:nth-of-type(4) {left:75%}
.schachpartie-Zug {top:0;left:0;width:100%;height:100%;opacity:1;display:block}
.schachpartie-Zug .schachpartie-Figuren {transition:opacity .5s}
div:target~.schachpartie-Zug {height:81.97%}
div:target~.schachpartie-Zug a, div:target~.schachpartie-Zug .scharpartie-Link {display:none}
div:target~.schachpartie-Zug .schachpartie-Figuren {opacity:0;height:85.87%;top:7.06%;}
.schachpartie-Beschriftung {display:none;}