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'); /*==============================================================================[ links ]=*/ .db153 a{color: var(--fandom-link-color);} .db153 a:hover{text-decoration: none;filter: invert(1);}

/*==============================================================================[ 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 { width: 250px;height: 60px; margin: 3% 2% 0 0; overflow: hidden; position: absolute;right: 50px;top: 125px; border: 3px double #FFFFFF90; mix-blend-mode: overlay; } .db153 #player{position: relative;bottom: 10px;} .embedvideo,.embedvideowrap,.embedvideowrap iframe{width:100% !important;height:auto;}

.db153 #portrait{ position: absolute; width: 18%; aspect-ratio: 2.1/3; margin-left: 2%; border-radius: 50%; background: #000 url('https://static.wikia.nocookie.net/central/images/a/ac/Db153.gif/revision/latest?cb=20220222235019')no-repeat center/90%; border: 6px double #FFF; }

.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'; }

.db153 #bookmarks{ position: relative;left: 20%;bottom: 67px; font: normal 24px 'Kirang Haerang'; }

/*========================================================[ 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: 75%;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; border: 2px solid #FFF;background: #000; font: bold 28px 'Kirang Haerang';color: #FFF; 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: #FFF; border-color: #000; color: #000; } .db153 .wds-tabs__tab.wds-is-current a::before{padding-right: 2%;font-size: 70%; content: "✄";} .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; }