<style>
::-webkit-scrollbar{width:2px;height:2px}
::-webkit-scrollbar-button{width:2px;height:2px}
#container .box{width:100vw;height:100vh;display:inline-block;position:relative;white-space:initial;flex:100vw 0 0;display:flex;flex-flow:row wrap;justify-content:center;align-items:center;align-content:center}
#container{overflow-y:scroll;overflow-x:hidden;transform:rotate(270deg) translateX(-100%);transform-origin:top left;position:absolute;width:100vh;height:100vw}
#allrecords{transform:rotate(90deg) translateY(-100vh);transform-origin:top left;white-space:nowrap;font-size:0;display:flex}
#container .custom-hidden{width:0;height:0}
.t-rec{flex:100% 0 0}
</style>
<script>
$("#allrecords").wrap("<div id='container'>"),$(".t-rec").wrap("<div class='box'>"),$("#container .box").each(function(n,a){(a=$(a)).find(".t123").length&&a.css("display","none")});
</script>