Vorlage:Schachpartie interaktiv/styles.css

.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:90%;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:6.35%;left:6.04%;width:87.92%;height:77.29%;}
.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:90%;width:15%;height:10%;background-color:#ffffff;color:black;text-align:center}
.schachpartie a:nth-of-type(1),.schachpartie-L1 {left:0}
.schachpartie a:nth-of-type(2),.schachpartie-L2 {left:15%}
.schachpartie a:nth-of-type(3),.schachpartie-L3 {left:70%}
.schachpartie a:nth-of-type(4),.schachpartie-L4 {left:85%}
.schachpartie-Nummer {left:30%;white-space:nowrap;width:40%;vertical-align:middle}
.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:90%}
div:target~.schachpartie-Zug a, div:target~.schachpartie-Zug .schachpartie-Link, 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;}