5,11c5,7 < td { border: 2px solid red; width: 33%; height:33%; } < th { border: 2px solid red; width: 33%; height:33%; } < div.indiv { font-size: 12px; background-color: yellow; opacity: 0.9; } < < span { < transform: rotate(45deg); < } --- > td { border: 2px solid red; } > th { border: 2px solid red; } > div.indiv { font-size: 12px; background-color: yellow; } 13c9 < .glowone { --- > .glowone { 17c13 < } --- > } 19c15 < .glow { --- > .glow { 23c19 < } --- > } 25c21 < /* Thanks to https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_glowing_text */ --- > /* Thanks to https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_glowing_text */ 27c23 < @-webkit-keyframes glow { --- > @-webkit-keyframes glow { 35c31 < } --- > } 41d36 < var spans=[]; 47d41 < var shadowtable=null; 53d46 < spans[eval(-1 + eval(('' + glower.outerHTML.split(' id="div')[1].split('"')[0])))].innerHTML=glower.className.replace('indiv',''); 96d88 < spans[eval(-1 + eval(('' + tdo.name).replace('td','')))].innerHTML=divo.className.replace('indiv',''); 113,114d104 < var shadowrect=null; < 116,120d105 < < document.getElementById('mytable').style.height='' + eval(-40 + screen.height) + 'px'; < shadowrect=document.getElementById('mytable').getBoundingClientRect(); < shadowtable=document.getElementById('mytable').outerHTML.replace('mytable', 'shadowtable').replace(' style="', ' style="position:absolute;top:' + shadowrect.top + 'px;left:' + shadowrect.left + 'px;opacity:0.5;z-index:-9;').replace(/\