User:Db153/common.css

@import url('https://fonts.googleapis.com/css2?family=Montserrat&family=Redacted+Script&family=Aveira+Sans+Libre&family=Grenze&family=Kirang+Haerang&family=Palette+Mosaic&family=Astloch&family=Almendra+Display&family=Snowburst+One&family=Reenie+Beanie&family=Beth+Ellen');

/*==============================================================================[ profile ]=*/ .db153 #wrapper { width: 90%; margin: auto; padding: 0.5%; aspect-ratio: 5 /3; border: 2px dashed black; } .db153 #playerwrapper{ float: right; width: 250px; height: 100px; margin: 3% 2% 0 0; overflow: hidden }

.db153 #player{ position: relative; bottom: 6px; right: 1px; }

.db153 #portrait{ position: absolute; width: 17%; aspect-ratio: 2.1/3; margin-left: 2%; padding: 10px; border-radius: 50%; overflow: hidden; background: black; border: 6px double white; }

.db153 #header{ position: relative; top: 5%; width:50%; padding: 10px; margin-left:10%; background: white; border: 1px solid black; text-align: center; }

.db153 #contentwrapper{ width: 100%; height: 90%; padding: 5% 3%; background: #FFFFFF50; }

.db153 #content{ width: 100%; height: 95%; margin: auto; overflow-y: scroll; font-family: 'Redacted Script'; }

/*========================================================[ tabber ]=*/ .db153 .tabber{ display: table; width: 100%; } .db153 div.wds-tabs__tab-label a{	height: auto; color: #000; font-size: 1rem; text-decoration: none;text-shadow:none; } .db153 div.wds-tabs__tab-label a:hover{text-shadow: 0 0 2px black;}

.db153 .wds-tabs__wrapper{ display: table-cell; width: 25%; border: none; vertical-align: bottom; } .db153 .wds-tabs{ flex-direction: column; align-items: center; } .db153 .wds-tabs a{   display: block; padding: 3px; } .db153 .wds-tabs .wds-tabs__tab{ padding: 0; box-shadow: none; } .db153 .wds-tab__content.wds-is-current { aspect-ratio: 2/1; margin-right: 10%; }

/*========================================================[ Scrollbar / div ]*/ .db153 div::-webkit-scrollbar{ width: 5px !important; background: none !important; } .db153 div::-webkit-scrollbar-thumb{ background: black !important; box-shadow: none !important; border: none !important; border-radius: 0 !important; } .db153 div::-webkit-scrollbar-thumb:hover{background: #6D144B !important;}

.db153 div::-webkit-scrollbar-track{background: none !important;} .db153 div::-webkit-scrollbar-track-piece{box-shadow: none !important;}

/*========================================================[ thumb scaling ]=*/ .thumb,.thumbimage, .embedvideo,.embedvideowrap,.embedvideowrap iframe{ width:100% !important; height:auto; image-rendering:-webkit-optimize-contrast; image-rendering:-moz-crisp-edges; image-rendering:-o-crisp-edges; }