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: 100%; aspect-ratio: 10/7; margin: auto; padding: 0.5%; background: url('https://static.wikia.nocookie.net/central/images/4/41/Db153-background.png/revision/latest?cb=20220224175029') no-repeat center/cover; } .theme-fandomdesktop-dark .db153 #wrapper{filter: invert(1);} .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: 18%; aspect-ratio: 2.1/3; margin-left: 2%; padding: 10px; border-radius: 50%; overflow: hidden; background: black; border: 6px double white; } .theme-fandomdesktop-dark .db153 #portrait{filter: invert(1);}

.db153 #header { position: relative; top: 1.9vw; width: 50%; padding: 10px; margin-left: 10%; text-align: center; color: #FFF; font: normal 1.5vw 'Beth Ellen'; }

.db153 #contentwrapper { width: 100%; height: 90%; padding: 7% 4% 7% 5%; }

.db153 #content{ height: 95%; padding-right: 3%; overflow-y: scroll; font-family: 'Redacted Script'; color: #000; }

/*========================================================[ tabber ]=*/ .db153 .tabber{display: table; width: 100%;} .db153 .wds-tab__content.wds-is-current {aspect-ratio: 2/1; margin-right: 10%;}

.db153 .wds-tabs__wrapper{ display: table-cell; width: 24%; border: none; vertical-align: bottom; } .db153 .wds-tabs{ flex-direction: column; align-items: center; }

.db153 .wds-tabs__tab { width: 70%; height: auto; position: relative; right: 3%; top: 5px; }

.db153 .wds-tabs__tab.wds-is-current{ box-shadow: none; } .db153 div.wds-tabs__tab-label{ height: 100%; width: 100%; margin: 5px; } .db153 div.wds-tabs__tab-label a{	display: block; height: 100%; width: 100%; margin: auto; padding: 2%; border: 1px solid black; background: #FFFFFF30; backdrop-filter: blur(2px) invert(100%); color: #000; font: bold 30px 'Kirang Haerang'; text-decoration: none; text-shadow: none; } .db153 div.wds-tabs__tab-label a:hover{text-shadow: 0 0 2px black;}

/*========================================================[ 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; }