MediaWiki:KevinCharacterPage.css

.eden-ui { --main-background-image: url('https://images.pexels.com/photos/129830/pexels-photo-129830.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260'); --accent-background-image: url('https://images.pexels.com/photos/592063/pexels-photo-592063.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260'); --accent-background-image-secondary: url('https://images.pexels.com/photos/3772442/pexels-photo-3772442.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260'); --main-color: #222; --main-color-hover: #314047; --accent-color: #538a74; --accent-color-hover: #a0d0b5; --theme-main: white; --theme-secondary: #222; --theme-drop-shadow: black; --theme-drop-shadow-opacity: rgba(0, 0, 0, 0.75); --backdrop-color: rgba(0, 0, 0, 0.35); --backdrop-blur: blur(2px); --font-stack: Raleway, 'Helvetica Neue', Helvetica, Arial, ui-sans-serif, sans-serif; height: 450px; color: #222; font-family: 'Darker Grotesque', 'Helvetica Neue', Helvetica, Arial, ui-sans-serif, sans-serif; border-radius: 2px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.eden-ui, .eden-ui .navigation, .eden-ui .misc-links, .eden-ui .info-block, .eden-ui .history, .eden-ui .personality, .eden-ui .polaroid-image > .wikia-gallery, .eden-ui.ve-ce-mwTransclusionNode .polaroid-image > .wikia-gallery .accent > a { display: flex; }

.eden-ui, .eden-ui .navigation, .eden-ui .navigation-block, .eden-ui .navigation-block:not(.navigation-home):hover::before, .eden-ui .main-content-slide, .eden-ui .last-name > div:only-child, .eden-ui .last-name > div:nth-child(2), .eden-ui .inner-container, .eden-ui .inner-content-container, .eden-ui .polaroid-image, .eden-ui .polaroid-image > div, .eden-ui .polaroid-image > div > a.new, .eden-ui .polaroid-image > .wikia-gallery .wikia-gallery-item, .eden-ui .polaroid:nth-last-child(2) > .polaroid-image > div a.external::after, .eden-ui.ve-ce-mwTransclusionNode .polaroid-image > div > figure-inline > a { position: relative; }

.eden-ui, .eden-ui .navigation-block, .eden-ui .main-content-slide, .eden-ui .first-name > div, .eden-ui .last-name > div, .eden-ui .last-name > div:not(:only-child):first-child img, .eden-ui .inner-container::before, .eden-ui .inner-container::after, .eden-ui .inner-content-container, .eden-ui .history-text, .eden-ui .personality-text, .eden-ui .polaroid:nth-last-child(2) > .polaroid-image > div, .eden-ui .polaroid-image::before, .eden-ui .polaroid-image > div, .eden-ui .polaroid-image > div img, .eden-ui .polaroid-caption > div { width: 100%; }

.eden-ui, .eden-ui .misc-links, .eden-ui .character-highlight, .eden-ui .main-content, .eden-ui .main-content-slide, .eden-ui .first-name, .eden-ui .last-name, .eden-ui .inner-container, .eden-ui .polaroid:nth-last-child(2) > .polaroid-image, .eden-ui .polaroid-image, .eden-ui .polaroid-image > .wikia-gallery .accent > a > span { overflow: hidden; }

.eden-ui *:focus { outline: none; }

.eden-ui *::-webkit-scrollbar { width: 5px; height: 5px; }

.eden-ui *::-webkit-scrollbar-track, .eden-ui *::-webkit-scrollbar-corner { background-color: transparent; }

.eden-ui *::-moz-selection { background-color: #222; }

.eden-ui *::selection { background-color: #222; }

.eden-ui .navigation, .eden-ui .history, .eden-ui .personality, .eden-ui .polaroid-image > .wikia-gallery { flex-direction: column; }

.eden-ui .navigation, .eden-ui .main-content, .eden-ui .main-content-slide, .eden-ui .first-name > div, .eden-ui .last-name > div, .eden-ui .last-name > div:not(:only-child):first-child img, .eden-ui .header-vertical, .eden-ui .inner-container::before, .eden-ui .inner-container::after, .eden-ui .inner-content-container, .eden-ui .polaroid-image::before, .eden-ui .polaroid-image > div, .eden-ui .polaroid-image > div img, .eden-ui .polaroid-caption > div { height: 100%; }

.eden-ui .navigation, .eden-ui .misc-links { background-color: var(--main-color); }

.eden-ui .navigation, .eden-ui .misc-links, .eden-ui .misc-links > div > a > span::before { color: var(--accent-color); }

.eden-ui .navigation { width: 75px; }

.eden-ui .navigation-block, .eden-ui .header-vertical, .eden-ui .info-label, .eden-ui .history > .header, .eden-ui .personality > .header, .eden-ui .polaroid-caption, .eden-ui.ve-ce-mwTransclusionNode .polaroid-image > .wikia-gallery > .wikia-gallery-row { text-align: center; }

.eden-ui .navigation-block, .eden-ui .misc-links, .eden-ui .first-name, .eden-ui .last-name, .eden-ui .inner-container, .eden-ui .inner-content-container, .eden-ui .info-label, .eden-ui .history, .eden-ui .personality, .eden-ui .polaroid, .eden-ui .history-text, .eden-ui .personality-text, .eden-ui .polaroid:nth-last-child(2) > .polaroid-image > div, .eden-ui .polaroid-image > .wikia-gallery .accent, .eden-ui .polaroid-caption { box-sizing: border-box; }

.eden-ui .navigation-block, .eden-ui .misc-links > div > *, .eden-ui .previous, .eden-ui .next { cursor: pointer; }

.eden-ui .navigation-block, .eden-ui .main-content-slide:nth-child(2) .info-block:nth-last-child(2) .inner-container:nth-of-type(2) h3, .eden-ui .main-content-slide:nth-child(2) > .info-block:nth-child(3) .inner-container h4, .eden-ui .main-content-slide:nth-child(2) > .info-block:nth-child(3) .inner-container h5 { font-size: 24px; }

.eden-ui .navigation-block { height: 75px; }

.eden-ui .navigation-block::before { line-height: 75px; }

.eden-ui .navigation-block:not(.navigation-home):hover, .eden-ui .character-highlight { background-color: var(--main-color-hover); }

.eden-ui .navigation-block:not(.navigation-home):hover { border-left: 5px solid var(--accent-color-hover); }

.eden-ui .navigation-block:not(.navigation-home):hover::before { left: -2.5px; }

.eden-ui .navigation-home, .eden-ui .navigation-home:hover { transition: color 0.15s linear; }

.eden-ui .navigation-home { background-color: var(--accent-color); }

.eden-ui .navigation-home:hover { color: var(--main-color); }

.eden-ui .misc-links, .eden-ui .character-highlight, .eden-ui .last-name > div:not(:only-child):first-child, .eden-ui .inner-container::before, .eden-ui .inner-container::after, .eden-ui .polaroid-image::before, .eden-ui .polaroid-image > .wikia-gallery .wikia-gallery-item > .thumb, .eden-ui .polaroid-image > .wikia-gallery .accent > a > img { top: 0; }

.eden-ui .misc-links, .eden-ui .character-highlight { height: 35px; border-bottom-left-radius: 40px; }

.eden-ui .misc-links, .eden-ui .polaroid:nth-last-child(2) > .polaroid-image > div > div:nth-child(even) { font-size: 16px; }

.eden-ui .misc-links, .eden-ui .character-highlight, .eden-ui .first-name, .eden-ui .last-name, .eden-ui .last-name > div:not(:only-child):first-child, .eden-ui .info-block, .eden-ui .inner-container::before, .eden-ui .inner-container::after, .eden-ui .previous, .eden-ui .next, .eden-ui .history, .eden-ui .personality, .eden-ui .polaroid, .eden-ui .polaroid-image::before, .eden-ui .polaroid-image > .wikia-gallery .wikia-gallery-item > .thumb, .eden-ui .polaroid-image > .wikia-gallery .accent > a > img { position: absolute; }

.eden-ui .misc-links { justify-content: space-between; align-items: center; right: 0; z-index: 4; width: 125px; }

.eden-ui .misc-links > *:first-child { margin-left: 30px; }

.eden-ui .misc-links > *:last-child { margin-right: 15px; }

.eden-ui .misc-links > div > a, .eden-ui.ve-ce-mwTransclusionNode .polaroid-image > .wikia-gallery .accent > a { text-decoration: none; }

.eden-ui .misc-links > div > span::before, .eden-ui .misc-links > div > span:hover::before, .eden-ui .misc-links > div > a > span::before, .eden-ui .misc-links > div > a > span:hover::before { transition: color 0.25s ease; }

.eden-ui .misc-links > div > span:hover::before, .eden-ui .misc-links > div > a > span:hover::before, .eden-ui .character-highlight, .eden-ui .character-highlight a { color: var(--accent-color-hover); }

.eden-ui .character-highlight, .eden-ui .main-content-slide:nth-child(2) > .info-block:nth-child(3) .inner-container, .eden-ui .info-label, .eden-ui .history-text, .eden-ui .personality-text, .eden-ui .polaroid-caption > div > div:nth-child(even) { font-size: 18px; }

.eden-ui .character-highlight, .eden-ui .polaroid-caption { line-height: 30px; }

.eden-ui .character-highlight { right: 90px; z-index: 3; width: auto; max-width: 350px; white-space: nowrap; text-overflow: ellipsis; padding: 0 45px 0 30px; }

.eden-ui .main-content, .eden-ui .inner-container, .eden-ui .history-text, .eden-ui .personality-text { flex-grow: 1; }

.eden-ui .main-content, .eden-ui .first-name > div, .eden-ui .last-name, .eden-ui .header-vertical, .eden-ui .inner-container::before, .eden-ui .history > .header > div, .eden-ui .personality > .header > div, .eden-ui .polaroid-caption > div > div, .eden-ui .inner-container::before, .eden-ui .inner-container::after { background-size: cover; }

.eden-ui .main-content, .eden-ui .first-name > div, .eden-ui .last-name, .eden-ui .header-vertical, .eden-ui .history > .header > div, .eden-ui .personality > .header > div, .eden-ui .polaroid-caption > div > div { background-position: center; }

.eden-ui .main-content { background-image: var(--main-background-image); scroll-behavior: smooth; }

.eden-ui .main-content-slide { content-visibility: auto; contain-intrinsic-size: 450px; }

.eden-ui .first-name, .eden-ui .last-name, .eden-ui .header-vertical, .eden-ui .history > .header, .eden-ui .personality > .header, .eden-ui .polaroid:nth-last-child(2) > .polaroid-image > div { font-family: var(--font-stack); }

.eden-ui .first-name, .eden-ui .last-name, .eden-ui .header-vertical, .eden-ui .history > .header, .eden-ui .personality > .header, .eden-ui .polaroid:nth-last-child(2) > .polaroid-image > div > div:nth-child(odd) { text-transform: uppercase; }

.eden-ui .first-name > div, .eden-ui .last-name, .eden-ui .header-vertical, .eden-ui .inner-container::before, .eden-ui .history > .header > div, .eden-ui .personality > .header > div, .eden-ui .polaroid-caption > div > div { background-image: var(--accent-background-image); }

.eden-ui.high-contrast-mode .first-name > div, .eden-ui.high-contrast-mode .last-name, .eden-ui.high-contrast-mode .header-vertical, .eden-ui.high-contrast-mode .history > .header > div, .eden-ui.high-contrast-mode .personality > .header > div, .eden-ui.high-contrast-mode .polaroid-caption > div > div { background-image: none; color: var(--theme-secondary); -webkit-text-fill-color: initial; filter: none; }

.eden-ui .first-name > div, .eden-ui .header-vertical, .eden-ui .history > .header > div, .eden-ui .personality > .header > div, .eden-ui .polaroid-caption > div > div { -webkit-background-clip: text; background-clip: text; }

.eden-ui .first-name > div, .eden-ui .last-name > div, .eden-ui .header-vertical, .eden-ui .history > .header > div, .eden-ui .personality > .header > div, .eden-ui .polaroid-caption > div > div { -webkit-text-fill-color: transparent; }

.eden-ui .first-name > div, .eden-ui .last-name > div:only-child, .eden-ui .last-name > div:nth-child(2), .eden-ui .history > .header > div, .eden-ui .personality > .header > div, .eden-ui .polaroid-caption > div > div { filter: drop-shadow(1px 1px 1px var(--theme-drop-shadow)); }

.eden-ui .first-name, .eden-ui .last-name { width: 250px; height: 250px; filter: drop-shadow(2px 2px 4px var(--theme-drop-shadow-opacity)); line-height: 105px; word-break: break-all; letter-spacing: 15px; }

.eden-ui .first-name > div, .eden-ui .last-name > div { text-overflow: clip; }

.eden-ui .first-name { bottom: calc(50% - 65px); right: calc(50% - 20px); font-size: var(--first-name-font-size, 55px); font-weight: 800; padding: 20px; }

.eden-ui .last-name { top: calc(50% - 65px); left: calc(50% - 20px); border: 10px solid; font-size: var(--last-name-font-size, 40px); font-weight: 900; padding: 10px 20px; }

.eden-ui .last-name > div:not(:only-child):first-child, .eden-ui .inner-container::before, .eden-ui .inner-container::after, .eden-ui .polaroid-image::before, .eden-ui .polaroid-image > .wikia-gallery .wikia-gallery-item > .thumb, .eden-ui .polaroid-image > .wikia-gallery .accent > a > img { left: 0; }

.eden-ui .last-name > div:not(:only-child):first-child img, .eden-ui .polaroid-image > div img { object-fit: cover; }

.eden-ui .last-name > div:not(:only-child):first-child img { object-position: var(--main-image-position, center); }

.eden-ui .last-name > div:only-child, .eden-ui .last-name > div:nth-child(2), .eden-ui .inner-content-container, .eden-ui .polaroid-image > div { z-index: 2; }

.eden-ui .last-name > div:only-child, .eden-ui .last-name > div:nth-child(2) { -webkit-text-stroke-width: 2px; }

.eden-ui.dark-mode .last-name > div:only-child, .eden-ui.dark-mode .last-name > div:nth-child(2) { -webkit-text-stroke-width: 3px; }

.eden-ui .info-block, .eden-ui .history, .eden-ui .personality, .eden-ui .polaroid { box-shadow: 2px 2px 8px var(--theme-drop-shadow-opacity); }

.eden-ui .info-block, .eden-ui .polaroid { top: calc(100% + 10px); transition: all 0.5s ease-in-out; }

.eden-ui .info-block { left: calc(50% - 250px); width: 500px; height: 300px; }

.eden-ui .info-block:only-child, .eden-ui .info-block.active, .eden-ui .polaroid.active { transition: all 0.5s 0.65s ease-in-out; }

.eden-ui .info-block:only-child, .eden-ui .info-block.active { top: calc(50% - 150px); }

.eden-ui .header-vertical, .eden-ui .polaroid-caption > div > div:nth-child(odd) { font-weight: 600; }

.eden-ui .header-vertical, .eden-ui .personality > .header { font-size: 36px; }

.eden-ui .header-vertical { width: 50px; filter: drop-shadow(-1px 1px 1px var(--theme-drop-shadow)); writing-mode: vertical-rl; line-height: 60px; transform: rotate(180deg); }

.eden-ui .inner-container { margin: 10px; height: calc(100% - 20px); padding: 15px 0 15px 15px; }

.eden-ui .inner-container::before, .eden-ui .inner-container::after, .eden-ui .polaroid-image::before { content: ''; }

.eden-ui .inner-container::before { background-image: var(--accent-background-image); -webkit-clip-path: polygon(0 100%, 100% 0, 100% 100%, 100% 100%); clip-path: polygon(0 100%, 100% 0, 100% 100%, 100% 100%); background-position: center right; }

.eden-ui .inner-container::after { background-image: var(--accent-background-image-secondary); -webkit-clip-path: polygon(0 0, calc(100% + 2px) 0, 0 calc(100% + 2px), 0 calc(100% + 2px)); clip-path: polygon(0 0, calc(100% + 2px) 0, 0 calc(100% + 2px), 0 calc(100% + 2px)); background-position: center left; }

.eden-ui .main-content-slide:nth-child(2) > .info-block:nth-child(3) .inner-container, .eden-ui .history-text, .eden-ui .history-text a, .eden-ui .personality-text, .eden-ui .personality-text a, .eden-ui .polaroid:nth-last-child(2) > .polaroid-image, .eden-ui .polaroid:nth-last-child(2) > .polaroid-image > div a, .eden-ui .polaroid-image > div > a.new, .eden-ui .polaroid-image > .wikia-gallery .accent > a, .eden-ui .polaroid:nth-last-child(2) > .polaroid-image > div a, .eden-ui.ve-ce-mwTransclusionNode .polaroid-image > div > figure-inline > a { color: white; }

.eden-ui .main-content-slide:nth-child(2) > .info-block:nth-child(3) .inner-container, .eden-ui .history-text, .eden-ui .personality-text { -webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text; }

.eden-ui .main-content-slide:nth-child(2) > .info-block:nth-child(3) .inner-container::before, .eden-ui .main-content-slide:nth-child(2) > .info-block:nth-child(3) .inner-container::after { filter: var(--backdrop-blur); }

.eden-ui .main-content-slide:nth-child(2) > .info-block:nth-child(3) .inner-container::before { background-image: linear-gradient(var(--backdrop-color), var(--backdrop-color)), var(--accent-background-image); }

.eden-ui .main-content-slide:nth-child(2) > .info-block:nth-child(3) .inner-container::after { background-image: linear-gradient(var(--backdrop-color), var(--backdrop-color)), var(--accent-background-image-secondary); }

.eden-ui .main-content-slide:nth-child(2) > .info-block:nth-child(3) .inner-container h3, .eden-ui .main-content-slide:nth-child(2) > .info-block:nth-child(3) .inner-container h4, .eden-ui .main-content-slide:nth-child(2) > .info-block:nth-child(3) .inner-container h5 { margin: 20px 0 5px; border-left: 4px solid white; height: auto; padding-left: 8px; }

.eden-ui .main-content-slide:nth-child(2) > .info-block:nth-child(3) .inner-container h3:first-of-type, .eden-ui .main-content-slide:nth-child(2) > .info-block:nth-child(3) .inner-container h4:first-of-type, .eden-ui .main-content-slide:nth-child(2) > .info-block:nth-child(3) .inner-container h5:first-of-type { margin-top: 10px; }

.eden-ui .main-content-slide:nth-child(2) > .info-block:nth-child(3) .inner-container .mw-editsection { display: none; }

.eden-ui .main-content-slide:nth-child(2) > .info-block:nth-child(3) .inner-container ol, .eden-ui .main-content-slide:nth-child(2) > .info-block:nth-child(3) .inner-container ol, .eden-ui .main-content-slide:nth-child(2) > .info-block:nth-child(3) .inner-container ol { margin: 5px 0 10px 45px; }

.eden-ui .inner-content-container, .eden-ui .history-text, .eden-ui .personality-text, .eden-ui .polaroid:nth-last-child(2) > .polaroid-image > div, .eden-ui .polaroid-image > .wikia-gallery, .eden-ui .polaroid-caption > div { overflow: auto; }

.eden-ui .inner-content-container { padding-right: 15px; }

.eden-ui .main-content-slide:not(:nth-child(2)) .inner-content-container, .eden-ui .main-content-slide:nth-child(2) > .info-block:nth-child(2) .inner-content-container, .eden-ui .polaroid, .eden-ui .polaroid-image > .wikia-gallery > .wikia-gallery-row, .eden-ui .polaroid-caption > div { display: grid; }

.eden-ui .main-content-slide:not(:nth-child(2)) .inner-content-container, .eden-ui .main-content-slide:nth-child(2) > .info-block:nth-child(2) .inner-content-container { grid-template-columns: 1fr 1fr; grid-auto-rows: min-content; grid-gap: 20px 15px; gap: 20px 15px; }

.eden-ui .previous, .eden-ui .next { display: block; top: calc(50% - 20px); height: 40px; filter: drop-shadow(1px 1px 2px var(--theme-drop-shadow-opacity)); font-size: 40px; line-height: 40px; }

.eden-ui .previous.hidden, .eden-ui .next.hidden { display: none; }

.eden-ui .previous-info-block { right: calc(50% + 260px); }

.eden-ui .next-info-block { left: calc(50% + 260px); }

.eden-ui .info-label { width: fit-content; min-width: 40px; height: fit-content; min-height: 27px; filter: drop-shadow(1px 1px 2px var(--theme-drop-shadow-opacity)); line-height: 22px; padding: 0 10px 5px 10px; vertical-align: top; }

.eden-ui .info-label:nth-child(odd) { font-weight: 700; }

.eden-ui .info-label a { color: var(--theme-secondary); }

.eden-ui .history, .eden-ui .personality, .eden-ui .polaroid { left: calc(50% - 175px); width: 350px; height: 350px; border-width: 10px; border-style: solid; }

.eden-ui .history, .eden-ui .personality, .eden-ui .polaroid-image::before { background-color: var(--backdrop-color); -webkit-backdrop-filter: var(--backdrop-blur); backdrop-filter: var(--backdrop-blur); }

.eden-ui .history, .eden-ui .personality, .eden-ui .polaroid.active { top: calc(50% - 175px); }

.eden-ui .history > .header, .eden-ui .personality > .header, .eden-ui .polaroid-image > .wikia-gallery .wikia-gallery-item { margin: 0; }

.eden-ui .history > .header, .eden-ui .personality > .header { height: 100px; line-height: 90px; letter-spacing: 5px; }

.eden-ui .history > .header, .eden-ui .personality > .header { font-weight: 700; }

.eden-ui .history > .header { font-size: 44px; }

.eden-ui .history-text, .eden-ui .personality-text, .eden-ui .polaroid:nth-last-child(2) > .polaroid-image > div > div:nth-child(odd), .eden-ui .polaroid:nth-last-child(2) > .polaroid-image > div > div:nth-child(even) { line-height: 24px; }

.eden-ui .history-text, .eden-ui .personality-text { margin: 15px 0; padding: 0 20px; }

.eden-ui .history-text > p:first-child, .eden-ui .personality-text > p:first-child { margin-top: 0; }

.eden-ui .history-text > p:last-child, .eden-ui .personality-text > p:last-child { margin-bottom: 0; }

.eden-ui .previous-polaroid { right: calc(50% + 195px); }

.eden-ui .next-polaroid { left: calc(50% + 195px); }

.eden-ui .polaroid { grid-template-columns: 1fr; grid-template-rows: 1fr 75px; }

.eden-ui .polaroid:nth-child(2) > .polaroid-image > div img { object-position: var(--image-one-position, top); }

.eden-ui .polaroid:nth-child(3) > .polaroid-image > div img { object-position: var(--image-two-position, top); }

.eden-ui .polaroid:nth-child(4) > .polaroid-image > div img { object-position: var(--image-three-position, top); }

.eden-ui .polaroid:nth-last-child(2) > .polaroid-image { background-color: black; }

.eden-ui .polaroid:nth-last-child(2) > .polaroid-image > div { margin: 20px 0; height: calc(100% - 40px); padding: 0 20px; }

.eden-ui .polaroid:nth-last-child(2) > .polaroid-image > div a.external::after { left: 2px; margin-right: 2px; }

.eden-ui .polaroid-image > div > a.new, .eden-ui.ve-ce-mwTransclusionNode .polaroid-image > div > figure-inline > a, .eden-ui.ve-ce-mwTransclusionNode .polaroid-image > .wikia-gallery .wikia-gallery-item { display: inline-block; }

.eden-ui .polaroid-image > div > a.new, .eden-ui.ve-ce-mwTransclusionNode .polaroid-image > div > figure-inline > a { top: 50%; left: 50%; text-shadow: 1px 1px 4px black; transform: translate(-50%, -50%); }

.eden-ui .polaroid:nth-of-type(5) > .polaroid-image { padding: 15px 0; }

.eden-ui .polaroid-image > .wikia-gallery, .eden-ui .polaroid-image > .wikia-gallery > .wikia-gallery-row { gap: 15px; }

.eden-ui .polaroid-image > .wikia-gallery > .wikia-gallery-row { grid-auto-columns: 1fr; grid-auto-flow: column; grid-gap: 15px; padding: 0 15px; }

.eden-ui .polaroid-image > .wikia-gallery .wikia-gallery-item, .eden-ui .polaroid-image > .wikia-gallery .wikia-gallery-item > .thumb, .eden-ui .polaroid-image > .wikia-gallery .accent, .eden-ui .polaroid-image > .wikia-gallery .accent > a { width: 100% !important; }

.eden-ui .polaroid-image > .wikia-gallery .wikia-gallery-item { height: 0; padding: 0 0 100% 0; }

.eden-ui .polaroid-image > .wikia-gallery .wikia-gallery-item > .thumb, .eden-ui .polaroid-image > .wikia-gallery .accent, .eden-ui .polaroid-image > .wikia-gallery .accent > a { height: 100% !important; }

.eden-ui .polaroid-image > .wikia-gallery .wikia-gallery-item > .thumb { background-color: rgba(255, 255, 255, 0.05); }

.eden-ui .polaroid-image > .wikia-gallery .accent { border: none; filter: drop-shadow(1px 1px 4px black); padding: 10px; }

.eden-ui .polaroid-image > .wikia-gallery .accent > a > span { max-height: 100%; }

.eden-ui .polaroid:nth-last-child(2) > .polaroid-image > div > div:nth-child(odd), .eden-ui .polaroid-caption > div > div:nth-child(even) { font-weight: 500; }

.eden-ui .polaroid:nth-last-child(2) > .polaroid-image > div > div:nth-child(odd) { font-size: 20px; }

.eden-ui .polaroid:nth-last-child(2) > .polaroid-image > div > div:nth-child(even) { margin-left: 60px; font-weight: 200; font-variant: small-caps; }

.eden-ui .polaroid:nth-last-child(2) > .polaroid-image > div > div:not(:last-child):nth-child(even) { margin-bottom: 10px; }

.eden-ui .polaroid-caption { padding: 10px 0 5px 0; }

.eden-ui .polaroid-caption > div { grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(2, minmax(min-content, 1fr)); grid-auto-flow: column; }

.eden-ui .polaroid-caption > div > div:nth-child(odd) { font-size: 28px; }

.eden-ui .polaroid-caption > div > div:only-child { grid-column: 1 / span 2; grid-row: 1 / span 2; font-size: 48px; line-height: 50px; }

/* FandomDesktop Gallery Styling */ .eden-ui .polaroid-image > div > a:hover { text-decoration: underline solid !important; }

.eden-ui .gallery, .eden-ui .gallery > .gallerybox, .eden-ui .gallery .thumb > div { margin: 0 !important; }

.eden-ui .gallery, .eden-ui .gallery > .gallerybox { position: relative; }

.eden-ui .gallery, .eden-ui .gallery > .gallerybox, .eden-ui .gallery > .gallerybox * { width: 100% !important; }

.eden-ui .gallery, .eden-ui .gallery > .gallerybox * { height: 100% !important; }

.eden-ui .gallery { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 15px; gap: 15px; padding: 0 15px; overflow: auto; }

.eden-ui .gallery > .gallerybox, .eden-ui .gallery .thumb { overflow: hidden; }

.eden-ui .gallery > .gallerybox { padding-bottom: 100%; }

.eden-ui .gallery > .gallerybox > div, .eden-ui .gallery img { position: absolute; top: 0; left: 0; }

.eden-ui .gallery .thumb { border: none !important; color: white; font-size: 14px; line-height: 115px; text-align: center; white-space: nowrap; text-overflow: ellipsis; padding: 10px; box-sizing: border-box; }

.eden-ui .gallery a { line-height: 135px; }

.eden-ui .gallery img { object-fit: cover; }

/* Light and Dark Mode Theming */ .eden-ui.dark-mode { --theme-main: #222; --theme-secondary: white; --theme-drop-shadow: white; --theme-drop-shadow-opacity: rgba(255, 255, 255, 0.5); }

.eden-ui *::-webkit-scrollbar-thumb { background-color: var(--theme-main); }

.eden-ui .polaroid-caption > div::-webkit-scrollbar-thumb { background-color: var(--theme-secondary); }

.eden-ui .first-name, .eden-ui .info-block, .eden-ui .info-label, .eden-ui .history > .header, .eden-ui .personality > .header, .eden-ui .polaroid-caption { background-color: var(--theme-main); }

.eden-ui .last-name, .eden-ui .history, .eden-ui .personality, .eden-ui .polaroid { border-color: var(--theme-main); }

.eden-ui .last-name > div:only-child, .eden-ui .last-name > div:nth-child(2) { -webkit-text-stroke-color: var(--theme-main); }

.eden-ui .previous, .eden-ui .next { color: var(--theme-main); }

.eden-ui .info-label { color: var(--theme-secondary); }

/* Visual Editor Tranclusion */ .eden-ui.ve-ce-mwTransclusionNode .polaroid-image > .wikia-gallery .wikia-gallery-item { vertical-align: middle; padding: 5px; }

.eden-ui.ve-ce-mwTransclusionNode .polaroid-image > .wikia-gallery .accent > a { justify-content: center; }

.eden-ui.ve-ce-mwTransclusionNode .polaroid-image > .wikia-gallery .accent > a > span { align-self: center; }