.tpl{font-weight:bold;font-family:corben,bn,hi,hy,ja,ka,km,ko,ml,my,sans-serif}
.tpl:nth-child(-n+10){display:block;transform:none}
.tpl:before,.tpl p:before{display:none}
.tpl p:after{filter:url(#bevel)drop-shadow(0 0 #000)drop-shadow(.03em .03em .01em rgba(0,0,0,.6))}
.tpl:nth-child(1) p:after{color:red;clip-path:polygon(0 0,10% 0,10% 100%,0 100%)}
.tpl:nth-child(2) p:after{color:orange;clip-path:polygon(10% 0,20% 0,20% 100%,10% 100%)}
.tpl:nth-child(3) p:after{color:green;clip-path:polygon(20% 0,30% 0,30% 100%,20% 100%)}
.tpl:nth-child(4) p:after{color:#099;clip-path:polygon(30% 0,40% 0,40% 100%,30% 100%)}
.tpl:nth-child(5) p:after{color:blue;clip-path:polygon(40% 0,50% 0,50% 100%,40% 100%)}
.tpl:nth-child(6) p:after{color:indigo;clip-path:polygon(50% 0,60% 0,60% 100%,50% 100%)}
.tpl:nth-child(7) p:after{color:violet;clip-path:polygon(60% 0,70% 0,70% 100%,60% 100%)}
.tpl:nth-child(8) p:after{color:orange;clip-path:polygon(70% 0,80% 0,80% 100%,70% 100%)}
.tpl:nth-child(9) p:after{color:red;clip-path:polygon(80% 0,90% 0,90% 100%,80% 100%)}
.tpl:nth-child(10) p:after{color:orange;clip-path:polygon(90% 0,100% 0,100% 100%,90% 100%)}
@-moz-document url-prefix(){#dropbox:after{content:"Set about:config -> layout.css.clip-path-shapes.enabled -> true"}}