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/20220224201227') no-repeat center/cover; } .theme-fandomdesktop-dark .db153>#wrapper{background: url('https://static.wikia.nocookie.net/central/images/4/41/Db153-background.png/revision/latest?cb=20220224201228') no-repeat center/cover;} .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; }

.db153 #header { position: relative; top: 1.9vw; width: 50%; padding: 10px; margin-left: 10%; text-align: center; color: var(--fandom-global-nav-background-color); 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:normal 1rem 'Montserrat'; }

/*========================================================[ 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{width: 24%;display: table-cell;vertical-align: bottom;border: none;} .db153 .wds-tabs{flex-direction: column;align-items: center;} .db153 .wds-tabs__tab{width: 70%;right: 3%;top: 5px;} .db153 .wds-tabs__tab.wds-is-current{box-shadow: none;}

.db153 .wds-tabs__tab-label{ height: 100%; width: 100%; margin: 5px; } .db153 .wds-tabs__tab-label a{	display: block; height: 100%; width: 100%; margin: auto; padding: 2%; border: 3px double #FFF; background: #00000095; color: #FFF; font: bold 28px 'Kirang Haerang'; text-decoration: none; text-shadow: none; } .db153 .wds-tabs__tab-label a:hover{ text-shadow: 0 0 2px #000; background: #00000070; } .db153 .wds-tabs__tab.wds-is-current a{	background: #FFFFFF95; border-color: #000; color: #000; } .db153 .wds-is-current .wds-tabs__tab-label a:hover{ text-shadow: 0 0 2px #FFF; background: #FFFFFF70; }

/*========================================================[ Scrollbar ]*/ .db153 div::-webkit-scrollbar{width: 5px !important; background: none !important;} .db153 div::-webkit-scrollbar-track{background: none !important;} .db153 div::-webkit-scrollbar-track-piece{box-shadow: none !important;} .db153 div::-webkit-scrollbar-thumb:hover{background: #6D144B !important;} .db153 div::-webkit-scrollbar-thumb{ background: var(--theme-body-text-color) !important; box-shadow: none !important; border: none !important; border-radius: 0 !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; }