User:Mr Pie 5/fandomdesktop.css


 * root {

--template-color-1:#dfec24; }

/* button styling */

.blogsubhead { font-size: 14px; padding: 8px 0 0; font-weight: bold; margin-bottom: -5px; }

.helpmodule img:hover { opacity: .8; }

/** Portable Infoboxes **/ .portable-infobox.type-Card { clear: none; float: left; margin: 0 0 15px 15px; padding: 0.5em; }

.portable-infobox.type-Card .pi-data-value { hyphens: manual; word-break: break-word; }

.pi-theme-StaffCard { background: transparent; border-width: 1px; border-style: solid; }

.pi-theme-StaffCard .pi-title { border-bottom: 0; background:none; background-image: linear-gradient(90deg, var(--template-color-1), var(--template-color-1)); background-position: 0 0.9em; background-repeat: repeat-x; background-size: 1px 4px; -webkit-box-decoration-break: clone; box-decoration-break: clone; color: var(--theme-body-text-color); font-size: 28px; font-weight: 400; line-height: 1.2; padding: 0 6px; text-transform: uppercase; }

.pi-theme-StaffCard .pi-title, .pi-theme-StaffCard > .pi-header { text-align: center; }

.pi-theme-StaffCard:only-of-type { width: auto; clear: both; float: none; overflow: visible; }

.pi-theme-StaffCard .pi-group[data-item-name="biography"] { padding: 10px; }

.pi-theme-StaffCard .pi-item[data-source="biography"] { display: inline; padding: 0; }

.pi-theme-StaffCard .pi-item[data-source="biography"] p ~ p { margin-top: 1em; }

.pi-theme-StaffCard .pi-item[data-source="extimage"] { display: inline; padding: 0; }

.pi-theme-StaffCard .pi-item[data-source="extimage"] img { float: left; shape-outside: padding-box; padding: 0 10px 10px 0; width: 100px; height: auto; }

.pi-theme-StaffCard .pi-image[data-source="image"] { float: left; shape-outside: padding-box; padding: 0 10px 10px 0; }

.pi-theme-StaffCard .pi-image[data-source="image"] .pi-image-thumbnail { width: 100px; height: auto; }

.pi-theme-StaffCard .pi-title { text-align: center; }

.pi-theme-StaffCard > .pi-header { text-align: center; }

.pi-theme-StaffCard .pi-image + .pi-data { display: inline; }

.pi-theme-StaffCard .pi-image { float: left; padding: 15px; }

.pi-theme-StaffCard .pi-image-thumbnail { width: 100px; height: auto; }

.pi-theme-StaffCard:only-of-type { width: auto; clear: both; float: none; overflow: visible; }

.pi-theme-VolunteerCard { background: transparent; border-width: 1px; border-style: solid; clear: none; float: left; margin: 0 0 15px 15px; padding: 0.5em; }

.pi-theme-VolunteerCard { width: 45%; }

.pi-theme-VolunteerCard-wide { width: inherit; float: none; margin-left: auto; margin-right: auto; }

.pi-theme-VolunteerCard .pi-item-spacing { padding: initial; }

.pi-theme-VolunteerCard .pi-title { display: inline; font-size: inherit; padding: 3px; }

.pi-theme-VolunteerCard .pi-navigation { display: inline; }

.pi-theme-VolunteerCard .pi-image { float: right; }

.portable-infobox.pi-theme-VolunteerCard > .pi-data:not(:only-child) { display: inline; }

.portable-infobox.pi-theme-VolunteerCard > .pi-title + .pi-navigation { display: inline; border: 1px solid; border-radius: 5px; }

.portable-infobox.pi-theme-VolunteerCard > .pi-data .pi-data-label, .portable-infobox.pi-theme-VolunteerCard > .pi-data .pi-data-value { display: inline; text-align: justify; }

.pi-theme-VolunteerCard > .pi-data-value:only-child { display: inline; }

.pi-theme-VolunteerCard .pi-group { display: flex; width: 100%; }

.pi-theme-VolunteerCard .pi-group .pi-data { border-bottom: none; }

.pi-theme-VolunteerCard .pi-group .pi-data-value:only-child { text-align: center; margin: auto; }

.pi-theme-VolunteerCard .pi-data-label { flex-basis: 8em; min-width: 5.5em; }

.pi-theme-VolunteerCard .pi-data img { float: right; margin: 5px; }

.pi-theme-VolunteerCard .pi-data:not(:last-of-type) { border-bottom-style: initial; }

.pi-theme-VolunteerCard .pi-group .pi-data:not(:last-of-type) { border-right-style: solid; border-right-width: 1px; }

.pi-theme-VolunteerCard:nth-child(even) { clear: both; }

overflow: inherit; }
 * 1) content .profilecards + h2,
 * 2) content .profilecards + #INCONTENT_WRAPPER + h2 {

.main-page-tag-rcs .has-icon { font-size: 22px; font-weight: bold; border: none; }

.FANDOM-badge { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: normal; font-style: normal; font-family: Rubik, Helvetica, Arial, sans-serif; background-color: var(--theme-body-text-color); width:100%; max-width:700px; color: var(--theme-accent-dynamic-color-1); margin: auto; margin-top:40px; text-align: center; }

.FANDOM-avatar { border: 2px solid var(--theme-border-color); height: 90px; margin: 0 auto -40px; -webkit-transform: translateY(-45px); -moz-transform: translateY(-45px); -ms-transform: translateY(-45px); -o-transform: translateY(-45px); transform: translateY(-45px); width: 90px; }

.FANDOM-badge .fs1rem { color: var(--theme-accent-dynamic-color-1); display: block; }

.FANDOM-about { margin: 14px 70px 0; }

.FANDOM-profile { background-color: var(--theme-body-text-color--hover); margin-top: 20px; text-transform: uppercase; }

blockquote.FANDOM-badge.context-link { padding: 16px 8px }