User:Rii.ul/common.css

/* External CSS */ @import "/load.php?mode=articles&articles=u:dev:MediaWiki:BalancedSlider.css&only=styles"; @import "/load.php?mode=articles&articles=u:dev:MediaWiki:SpoilerBlur/code.css&only=styles";

/* Fonts */ @import url("https://fonts.googleapis.com/css?family=Inknut Antiqua:400,400italic,700,700italic"); /* Link changes */ a:hover, a:active { text-shadow: #208c20 0 0 3px; transition: all 0.5s ease-in; } a.new:hover, a.new:active { text-shadow: #bf0017 0 0 3px; transition: all 0.5s ease-in; } a { transition: all 0.5s ease-out; }

/* Admin username highlights */ a[href="/wiki/User:Just_Some_Guy_in_a_Nutshell"] { background: linear-gradient( 65.9deg, rgba(85,228,224,1) 5.5%, rgba(75,68,224,0.74) 54.2%, rgba(64,198,238,1) 55.2%, rgba(177,36,224,1) 98.4% ); border: 4px solid black; border-image: linear-gradient( 65.9deg, rgba(85,228,224,1) 5.5%, rgba(75,68,224,0.74) 54.2%, rgba(64,198,238,1) 55.2%, rgba(177,36,224,1) 98.4% ); color: white!important; text-shadow: #00ffff 0 0 7px, #00ffff 0 0 7px, #00ffff 0 0 7px, #00ffff 0 0 7px, #00ffff 0 0 7px!important; } a[href*="Message_Wall:Just_Some_Guy_in_a_Nutshell"] { background: linear-gradient( 65.9deg, rgba(85,228,224,1) 5.5%, rgba(75,68,224,0.74) 54.2%, rgba(64,198,238,1) 55.2%, rgba(177,36,224,1) 98.4% ); border:4px solid black; border-image: linear-gradient( 65.9deg, rgba(85,228,224,1) 5.5%, rgba(75,68,224,0.74) 54.2%, rgba(64,198,238,1) 55.2%, rgba(177,36,224,1) 98.4% ); color: white!important; text-shadow: #00ffff 0 0 7px, #00ffff 0 0 7px, #00ffff 0 0 7px, #00ffff 0 0 7px, #00ffff 0 0 7px, #00ffff 0 0 7px!important; } .comments li[data-user="Just Some Guy in a Nutshell"] blockquote { background: linear-gradient( 65.9deg, rgba(85,228,224,1) 5.5%, rgba(75,68,224,0.74) 54.2%, rgba(64,198,238,1) 55.2%, rgba(177,36,224,1) 98.4% ); border: 4px solid black; border-image: linear-gradient( 65.9deg, rgba(85,228,224,1) 5.5%, rgba(75,68,224,0.74) 54.2%, rgba(64,198,238,1) 55.2%, rgba(177,36,224,1) 98.4% ); color: white!important; text-shadow: #00ffff 0 0 7px,#00ffff 0 0 7px, #00ffff 0 0 7px, #00ffff 0 0 7px ,#00ffff  0 0 7px, #00ffff 0 0 7px!important; }

/* 	General theme design: START */ .page__main { background: var(--theme-page-background-color); }

/* Header embellishments */ .header-frieren:before, .header-frieren:after { content: ""; border-bottom: 3px double #ad6e18; flex: 1; height: 33px; /* height of img + border size */ } .header-frieren { overflow: hidden; display: flex; }

/* Page reference adjustments */ ol.references { column-count: 2; font-size: small; }

/* Affiliate wordmark sizing */ max-width: 100%; max-height: 50px; }
 * 1) wmDiv img {

/* Front page character portal */ background: url(https://static.wikia.nocookie.net/frieren/images/7/7a/Frame_%28gold%29.png/revision/latest?cb=20230714085632) no-repeat center; background-size: cover; position: relative; height: 150px; width: 150px; transform-style: preserve-3d; transition: 1s ease-out; }   background: url(https://static.wikia.nocookie.net/frieren/images/d/d5/Frame_%28black%29.png/revision/latest?cb=20230714085626) no-repeat center; transition: 1s ease-in-out; }
 * 1) portal_frame {
 * 1) portal_frame:hover {

position: absolute; left: 7px; top: 7px; display: block; margin: auto; transform: translateZ(-10px); }
 * 1) portal_img {

/* From w:c:myheroacademia:MediaWiki:Common.css, credit to User:Ursuul : Oasis infobox image tabs */ .portable-infobox .pi-image-collection .wds-tabs__wrapper .wds-tabs__arrow-left, .portable-infobox .pi-image-collection .wds-tabs__wrapper .wds-tabs__arrow-right { display: none; }

.portable-infobox .pi-image-collection .wds-tabs__tab-label, .portable-infobox .pi-image-collection .wds-tabs__tab, .portable-infobox .pi-image-collection .wds-tabs { all: unset; }

.portable-infobox .pi-image-collection .wds-tabs__wrapper .wds-tabs { display: block; font-weight: bold; font-family: Arial; padding: 0 0.5em; text-align: center; }

.portable-infobox .pi-image-collection .wds-tabs__tab { font-size: smaller; color: var(--theme-page-text-color); }

.portable-infobox .pi-image-collection .wds-tabs__tab:not(:last-of-type):after { content: "·"; width: 1em; }

.portable-infobox .pi-image-collection .wds-tabs__tab:not(.wds-is-current) .wds-tabs__tab-label { color: var(--theme-link-color); cursor: pointer; }

/* 	General theme design: END */

/* Infobox */ .portable-infobox { --pi-background: transparent; --pi-secondary-background: transparent; border-radius: 7px; } .pi-border-color { border-color: #AD6E18; } .pi-background { background-color: transparent; } .page-content .portable-infobox .pi-title { margin-top: 5px; padding-top: 16px; } .page-content .portable-infobox h2 { background: url(https://static.wikia.nocookie.net/riiul-testing-wiki/images/1/16/Blue_moonweed.png/revision/latest?cb=20220816172801) no-repeat right; background-size: cover; border-bottom: 5px double #AD6E18; border-image: url(https://static.wikia.nocookie.net/frieren/images/0/03/Divider.svg/revision/latest?cb=20230802073916) 50 / 5px; color: var(--theme-page-text-color); font-family: 'Inknut Antiqua',rubik,helvetica,arial,sans-serif; /* this is incredibly disgusting in css code form, but for testing purposes it should be fine I guess >.> */ text-shadow: var(--theme-page-background-color) 3px 0px 0px, var(--theme-page-background-color) 2.83487px 0.981584px 0px, var(--theme-page-background-color) 2.35766px 1.85511px 0px, var(--theme-page-background-color) 1.62091px 2.52441px 0px, var(--theme-page-background-color) 0.705713px 2.91581px 0px, var(--theme-page-background-color) -0.287171px 2.98622px 0px, var(--theme-page-background-color) -1.24844px 2.72789px 0px, var(--theme-page-background-color) -2.07227px 2.16926px 0px, var(--theme-page-background-color) -2.66798px 1.37182px 0px, var(--theme-page-background-color) -2.96998px 0.42336px 0px, var(--theme-page-background-color) -2.94502px -0.571704px 0px, var(--theme-page-background-color) -2.59586px -1.50383px 0px, var(--theme-page-background-color) -1.96093px -2.27041px 0px, var(--theme-page-background-color) -1.11013px -2.78704px 0px, var(--theme-page-background-color) -0.137119px -2.99686px 0px, var(--theme-page-background-color) 0.850987px -2.87677px 0px, var(--theme-page-background-color) 1.74541px -2.43999px 0px, var(--theme-page-background-color) 2.44769px -1.73459px 0px, var(--theme-page-background-color) 2.88051px -0.838247px 0px; } .page-content .portable-infobox .pi-header { padding-top: 16px; }

.pi-image img { padding: 5px; } .portable-infobox .pi-image-collection .wds-tabs__wrapper .wds-tabs { font-family: 'Inknut Antiqua',rubik,helvetica,arial,sans-serif; font-size: small; }

.pi-data { border-top: none; border-bottom: 1px solid #AD6E1850; /* unsure */ } /* unsure */ .pi-data:last-child { border-bottom: none; }

.page-content .portable-infobox .pi-data-label { flex-basis: 150px; } .pi-navigation { text-align: center; padding: 7px; }

.pi-navigation:last-child { background-color: #b6eda8; border-radius: 0 0 5px 5px; }