Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lilita+One&display=swap');

#mw-page-base {
    background: none;
}

body {
    background-image: url(https://cdn.umamusu.wiki/Profilecard_bg_00.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    font-family: Roboto, sans-serif;
}

.vector-menu-tabs {
    background: none;
    height: unset;
}

.vector-menu-tabs-legacy li {
    border: 1px solid #bebecf;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-color: #fff;
    background-image: linear-gradient(#fff, #e9e6f0);
    height: unset;
}

.vector-menu-tabs-legacy li.selected {
    background-color: #93d908;
	background-image: linear-gradient(#93d908, #6fc41a);
}

.vector-menu-tabs-legacy li.selected a,
.vector-menu-tabs-legacy li.selected a:visited {
    color: #fff;
}

.vector-menu-tabs-legacy li a,
.vector-menu-tabs-legacy li a:visited {
    color: #744015;
}

.vector-menu-tabs-legacy li a {
    height: unset;
    padding: 4px 10px 4px 10px;
    font-weight: 700;
    background: none;
    font-size: 14px;
}

.vector-menu-tabs-legacy li:first-child {
    border-top-left-radius: 13px;
    border-bottom-left-radius: 13px;
    padding-right: 0;
}

.vector-menu-tabs-legacy li:last-child {
    border-top-right-radius: 13px;
    border-bottom-right-radius: 13px;
    padding-right: 2px;
}

.vector-menu-tabs .mw-watchlink.icon a {
    padding: 26px 0 0 0;
}

.mw-body-content .mw-parser-output .mainbox h3 {
    display: block;
    background-color: #93d908;
	background-image: linear-gradient(#93d908, #6fc41a);
    color: #fff;
}

.mw-body {
    box-shadow: rgba(114, 114, 114, 0.52) 0px 0px 6px;
    border: 1px solid #bebecf;
    border-radius: 6px;
    margin-top: 0;
    margin-right: 16px;
}

.vector-menu-tabs .mw-watchlink.icon a::before {
    position: absolute;
    top: 5.375px;
    left: 6.25px;
    width: 1.23076923em;
    height: 1.23076923em;
}

#mw-head .vector-menu-dropdown .vector-menu-heading {
    padding: 6px 8px 6px 8px;
}

.vector-search-box form {
    margin: 0;
}

.vector-search-box-input {
    font-weight: 500;
    border-radius: 13px;
    padding: 5px 2.15384615em 5px 12px;
}

.mw-body h1, .mw-body-content h1, .mw-body-content h2 {
    font-family: Roboto, sans-serif;
    display: inline-block;
    max-width: 100%;
}

.mw-body-content h1, .mw-body-content h2 {
    border-bottom: none;
    position: relative;
    left: -24px;
    overflow: visible;
    padding-left: 24px;
}

.mw-body-content .tabber__panel h1, .mw-body-content .tabber__panel h2 {
    left: 0.34375em;
}

.mw-body-content:not(.ve-ui-surface) h1::before, .mw-body-content:not(.ve-ui-surface) h2::before {
    content: "";
    display: block;
    width: 0.34375em;
    height: 1.71875em;
    position: absolute;
    left: -0.34375em;
    background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%22128%22%3E%3Cpath%20d%3D%22M0%200h32v105.825H0z%22%20style%3D%22fill%3A%23f46bc7%3Bfill-opacity%3A1%3Bstroke%3Anone%3Bstroke-width%3A.5%3Bstroke-linecap%3Asquare%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A11.8%3Bpaint-order%3Astroke%20fill%20markers%22%2F%3E%3Cpath%20d%3D%22M32%20105.825V128L.049%20105.825Z%22%20style%3D%22fill%3A%23b65797%3Bfill-opacity%3A1%3Bstroke-width%3A.5%3Bstroke-linecap%3Asquare%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A11.8%3Bpaint-order%3Astroke%20fill%20markers%22%2F%3E%3C%2Fsvg%3E);
    background-size: cover;
    background-repeat: no-repeat;
}

.mw-body-content h1 .mw-headline, .mw-body-content h2 .mw-headline {
    position: relative;
    left: -24px;
    padding-inline: 24px 32px;
    clip-path: polygon(0 0,100% 0,calc(100% - 10px) 50%,100% 100%,0 100%);
    background-color: #ee6dca;
    color: #fff;
    width: fit-content;
    font-weight: 500;
    height: 1.5em;
    display: inline-block;
    box-sizing: border-box;
    padding-top: 4px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 100%;
}

.mw-body-content .tabber__panel h1 .mw-headline, .mw-body-content .tabber__panel h2 .mw-headline {
    padding-left: 4px;
}

.mw-body-content.mw-content-ltr h1 .mw-editsection, .mw-body-content.mw-content-ltr h2 .mw-editsection {
    margin: 0;
}

.mw-body .firstHeading {
    font-weight: 300;
    font-size: 32px;
    border: none;
}

.vector-legacy-sidebar .vector-menu-heading-label {
    font-family: "Lilita One", sans-serif;
    font-size: 16px;
    color: #f46bc7;
    display: block;
    position: absolute;
    left: -0px;
    top: -22px;
}

.vector-legacy-sidebar .vector-menu-heading-label::before,
.mw-body h1 .mw-headline::before, .mw-body-content h1 .mw-headline::before, .mw-body-content h2 .mw-headline::before,
.infobox-subheader::before,
.infobox-subheader::after {
    content: "";
    display: inline-block;
    width: 0.9em;
    height: 0.9em;
    background-repeat: no-repeat;
    background-size: contain;
}

.vector-legacy-sidebar .vector-menu-heading-label::before,
.infobox-subheader::before,
.infobox-subheader::after {
    background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20104.55%20108.47%22%3E%3Cpath%20d%3D%22M59.94%2033.96c-2.26-.75-4.7-1.12-7.31-1.12-3.14%200-6.18.33-9.09%201.54-6.31%202.62-10.3%207.35-12.47%2013.72-1.36%203.99-1.73%208.11-1.61%2012.31.17%206.02%201.09%2011.85%203.64%2017.35%201.77%203.83%204.24%207.15%207.29%2010.06.95.91%201.35%202%201.07%203.31-.2.92-.72%201.61-1.51%202.14-7.06%204.7-14.1%209.42-21.16%2014.11-.63.42-1.32.83-2.04%201-1.18.27-2.25-.15-3.07-1.05-2.86-3.17-5.73-6.34-8.57-9.54-1.35-1.52-1.13-3.7.49-4.99%201.17-.93%202.38-1.81%203.57-2.72%201.79-1.36%202.1-3.17.86-5.06C5.38%2077.91%202.19%2070.2.84%2061.8-1.35%2048.14.78%2035.2%207.87%2023.24c5.67-9.6%2014.06-16.01%2024.5-19.8C40.4.53%2048.71-.49%2057.21.21c8.46.7%2016.44%203.02%2023.77%207.38%209.27%205.52%2015.66%2013.47%2019.59%2023.45%202.67%206.77%203.96%2013.81%203.99%2021.66-.07%2011.26-3.44%2022.11-9.83%2032.06-.39.61-.75%201.32-.87%202.03-.21%201.25.3%202.31%201.3%203.09%201.2.93%202.41%201.84%203.62%202.76%201.88%201.44%202.09%203.59.52%205.34-2.64%202.94-5.28%205.89-7.93%208.82-1.81%202-3.24%202.15-5.48.65-6.04-4.04-12.08-8.07-18.12-12.1l-3.15-2.1c-1.91-1.28-2.17-3.73-.52-5.35%201.93-1.89%203.7-3.91%205.17-6.18%202.85-4.39%204.49-9.23%205.26-14.38.57-3.79.78-7.61.5-11.44-.42-5.83-2.07-11.27-5.98-15.76-2.61-3-5.65-5.04-9.11-6.19%22%20fill%3D%22%23f46bc7%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E);
    margin-right: 5px;
}

.infobox-subheader::after{
    margin-right: 0;
    margin-left: 5px;
}

.mw-body h1 .mw-headline::before, .mw-body-content h1 .mw-headline::before, .mw-body-content h2 .mw-headline::before {
    background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20104.55%20108.47%22%3E%3Cpath%20d%3D%22M59.94%2033.96c-2.26-.75-4.7-1.12-7.31-1.12-3.14%200-6.18.33-9.09%201.54-6.31%202.62-10.3%207.35-12.47%2013.72-1.36%203.99-1.73%208.11-1.61%2012.31.17%206.02%201.09%2011.85%203.64%2017.35%201.77%203.83%204.24%207.15%207.29%2010.06.95.91%201.35%202%201.07%203.31-.2.92-.72%201.61-1.51%202.14-7.06%204.7-14.1%209.42-21.16%2014.11-.63.42-1.32.83-2.04%201-1.18.27-2.25-.15-3.07-1.05-2.86-3.17-5.73-6.34-8.57-9.54-1.35-1.52-1.13-3.7.49-4.99%201.17-.93%202.38-1.81%203.57-2.72%201.79-1.36%202.1-3.17.86-5.06C5.38%2077.91%202.19%2070.2.84%2061.8-1.35%2048.14.78%2035.2%207.87%2023.24c5.67-9.6%2014.06-16.01%2024.5-19.8C40.4.53%2048.71-.49%2057.21.21c8.46.7%2016.44%203.02%2023.77%207.38%209.27%205.52%2015.66%2013.47%2019.59%2023.45%202.67%206.77%203.96%2013.81%203.99%2021.66-.07%2011.26-3.44%2022.11-9.83%2032.06-.39.61-.75%201.32-.87%202.03-.21%201.25.3%202.31%201.3%203.09%201.2.93%202.41%201.84%203.62%202.76%201.88%201.44%202.09%203.59.52%205.34-2.64%202.94-5.28%205.89-7.93%208.82-1.81%202-3.24%202.15-5.48.65-6.04-4.04-12.08-8.07-18.12-12.1l-3.15-2.1c-1.91-1.28-2.17-3.73-.52-5.35%201.93-1.89%203.7-3.91%205.17-6.18%202.85-4.39%204.49-9.23%205.26-14.38.57-3.79.78-7.61.5-11.44-.42-5.83-2.07-11.27-5.98-15.76-2.61-3-5.65-5.04-9.11-6.19%22%20fill%3D%22%23fff%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E);
    position: relative;
    top: 1px;
    margin-right: 6px;
}

.vector-legacy-sidebar .vector-menu-portal {
    position: relative;
    border: 1px solid #dedede;
    border-radius: 6px;
    box-shadow: rgba(114, 114, 114, 0.52) 0px 1px 1.57px 1.23px;
    background-color: #fff;
    margin-bottom: 36px;
}

.vector-legacy-sidebar .vector-menu-portal .vector-menu-heading {
    background: none;
    padding: 0;
    margin: 0;
}

#ca-watch span {
    display: none;
}

.toc .toctitle {
    background: #473f70;
    background: linear-gradient(109deg, #473f70, #473f70 calc(100% - 22px), transparent calc(100% - 21px), transparent calc(100% - 19px), #473f70 calc(100% - 18px), #473f70 calc(100% - 13px), transparent calc(100% - 12px));
    text-align: left;
    position: relative;
    left: -32px;
    width: 200px;
    padding-left: 32px;
    margin-bottom: 6px;
}

.vector-body .toc h2 {
    display: inline;
    left: 0;
    color: #fff;
    font-weight: 500;
}

.vector-body .toc h2::before {
    display: none;
    background: none;
}

.toctogglespan {
    color: #fff;
}

.toctogglelabel {
    color: #fff;
}

#mw-toc-heading {
    font-weight: bold;
    padding-left: 0;
}

.toc {
    background: none;
    border: none;
}

.tocnumber {
    background: #ede6e6;
    padding: 0 16px;
    margin-right: 2px;
    display: inline-block;
    border-radius: 22px;
    line-height: 1.45;
    font-weight: 500;
}

.mw-content-ltr .tocnumber {
    padding: 0 16px;
}

.toc > ul li {
    margin-bottom: 4px;
}

#mw-content-text .mw-parser-output .character-tabs td {
    border-color: #a7a2c7;
    border-bottom-color: #817aa2;
}

#mw-content-text .mw-parser-output .character-tabs td:not(.spacer) {
    background: none;
}

#mw-content-text .mw-parser-output .character-tabs td:not(.spacer) > a {
    color: #5f5d6f;
}

#mw-content-text .mw-parser-output .character-tabs td:not(.spacer).selected {
    border-color: #817aa2;
}

#mw-content-text .mw-parser-output .character-tabs td:not(.spacer).selected > a {
    border-color: #817aa2;
    color: #473f70;
}

.wikitable {
    background: #fcfafa;
}

.wikitable > tr > th, .wikitable > * > tr > th {
    background: #efecec;
}

.wikitable > tr > th, .wikitable > tr > td, .wikitable > * > tr > th, .wikitable > * > tr > td {
    border-color: #c1b4b4;
}

.lyrics tr:nth-child(even) {
    background: #fcfafa;
}

.lyrics tr:nth-child(odd) {
    background: #efecec;
}

.infobox {
    background: url(https://cdn.umamusu.wiki/Profilecard_bg_00.png);
    background-size: cover;
    background-position: 0 0;
    background-repeat: no-repeat;
    border-color: #c1b4b4;
    box-shadow: rgba(114, 114, 114, 0.2) 0px 0px 12px;
    border-radius: 6px;
    padding: 4px;
}

.infobox-title {
    color: #fff;
    background: linear-gradient(109deg, 
        transparent 12px,
        #867bfe 13px, #867bfe calc(100% - 13px),
        transparent calc(100% - 12px)
    );
    line-height: 1.2;
    font-style: italic;
    padding: 0.2em 12px;
}

.infobox-subheader {
    color: #f46bc7;
}

.tabber__tab[aria-selected='true'], .tabber__tab[aria-selected='true']:visited {
    color: #867bfe;
}

@media (hover: hover) {
    .tabber__tab:hover {
        color: #6458e5;
    }
}

.vector-menu-dropdown .vector-menu-content {
    border: none;
    border-radius: 6px;
    box-shadow: rgba(114, 114, 114, 0.52) 0px 0px 6px;
}

#p-personal .vector-menu-content-list {
    background: linear-gradient(109deg, 
        transparent 12px,
        #fff 13px, #fff calc(100% - 13px),
        transparent calc(100% - 12px)
    );
    padding: 0 24px 2px 16px;
    margin-left: 10em;
    filter: drop-shadow(rgba(114, 114, 114, 0.52) 0 0 2px);
}

.vector-menu-dropdown .mw-list-item a {
    color: #444;
    text-decoration: none;
}

.vector-menu-dropdown .mw-list-item {
    transition: 0.25s;
}

.vector-menu-dropdown .mw-list-item:hover {
    background-color: #eee;
}

.catlinks {
    background-color: #fcfafa;
    border-color: #c1b4b4;
    border-radius: 2em;
    padding: 5px 12px;
}

.catlinks li a {
    background: linear-gradient(109deg, #fcf8fe, #f0eefa);
    border: 2px solid #c1b4b4;
    border-radius: 1em;
    padding: 2px 8px;
    color: #744015;
    font-weight: 700;
}

.mw-body-content h1 + h1, .mw-body-content h2 + h2 {
    display: block;
    pointer-events: none;
}