MediaWiki:Common.css: Difference between revisions

From VRChat Wiki
← Older editNewer edit →
test bundled theme
mNo edit summary
Line 1: Line 1:
a:not(.icon-none)[href^="https://ask.vrchat.com"], a:not(.icon-none)[href^="https://docs.vrchat.com/"] {
a:not(.icon-none)[href^="https://ask.vrchat.com"],a:not(.icon-none)[href^="https://docs.vrchat.com/"]{padding-left:1.5em;background-image:var(--icon-url)!important;background-position:0!important;background-repeat:no-repeat!important;background-size:contain!important;padding-right:0!important}a[href^="https://ask.vrchat.com"]{--icon-url:url(https://upload.wikimedia.org/wikipedia/commons/1/17/Discourse_icon.svg)}a:not(.icon-none)[href^="https://docs.vrchat.com"]{--icon-url:url(https://docs.vrchat.com/favicon.ico);padding-left:1.6em}[alt*=vrcat i],[alt*=vrrat i]{cursor:grab;transform-origin:bottom;transition:transform .1s}[alt*=vrcat i]:active,[alt*=vrrat i]:active{cursor:grabbing;transform:scaleY(.9)scaleX(1.1)}#localNotice{background:var(--less-dark-grey);border:3px solid var(--less-dark-grey-border);border-radius:12px}.wikitable.navbox{text-align:center;width:100%}.hlist ul{margin:0}.hlist li{display:inline}.hlist li:before{content:" · ";margin:0 .25em 0 .3em;font-weight:700}.hlist li:first-child:before{content:none}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.mw-gallery-traditional .gallerybox>.thumb:before{content:unset}#mw-content-text>div>ul>li{padding-top:unset!important}.mw-body li.gallerybox div.thumb{overflow:hidden;height:auto!important}li.gallerybox div.thumb img{width:100%}.mw-gallery-traditional .gallerybox>.thumb>*{display:block}figure[typeof~="mw:File/Thumb"]>:not(figcaption) .mw-file-element,figure[typeof~="mw:File/Frame"]>:not(figcaption) .mw-file-element{margin:0}.mw-body-content figure[typeof~="mw:File/Thumb"]>a,.mw-body-content figure[typeof~="mw:File/Frame"]>a{background:var(--less-dark-grey);border:solid var(--less-dark-grey-border);border-radius:10px;min-width:256px;max-width:384px;padding:0;display:inline-block;overflow:hidden}figure[typeof~="mw:File/Thumb"],figure[typeof~="mw:File/Thumb"]>figcaption{background:0 0!important;border:none!important}figure[typeof~="mw:File/Thumb"]>figcaption{padding:.5em}@media screen{.mw-body h1.firstHeading{flex-direction:column;padding-bottom:.25em;display:flex}.mw-page-title-separator{display:none}.mw-page-title-namespace{font-size:.7em}.ns-2 .mw-body h1.firstHeading,.ns-3 .mw-body h1.firstHeading,.ns-3000 .mw-body h1.firstHeading,.ns-3100 .mw-body h1.firstHeading{border-color:#2ace5b}.ns-2 .mw-body h1.firstHeading,.ns-3 .mw-body h1.firstHeading,.ns-3000 .mw-body h1.firstHeading,.ns-3100 .mw-page-title-namespace{color:#2ace5b}}[class*=\ page-Main_Page] #firstHeading,[class*=\ page-Main_Page] .mw-editsection{display:none}[class*=\ page-Main_Page] .mw-body .mw-parser-output h2{margin:.9em .7em 0;padding:0}[class*=\ page-Main_Page] .mw-body .mw-parser-output h2:after{border-bottom:0}[class*=\ page-Main_Page] .mw-body .mw-parser-output h3{margin:0 .3em .3em;padding:0}.qm-icon:before{content:"";background-size:.85em;width:.85em;height:.85em;margin-right:.4em;display:inline-block;position:relative;top:.1em}@media screen and (width<=600px){[class*=\ page-Main_Page] .mw-body .mw-parser-output h3{margin:0 0 .3em;font-size:1.4em}.qm-icon:before{background-size:.75em;width:.75em;height:.75em}}.qm-icon.version:before{background-image:url(https://wiki-files.vrchat.com/Icons_PinFPS_25.png)}.qm-icon.news:before{background-image:url(https://wiki-files.vrchat.com/Icons_Announcement_25.png)}.qm-icon.basics:before{background-image:url(https://wiki-files.vrchat.com/Icons_LaunchPad_25.png)}.qm-icon.social:before{background-image:url(https://wiki-files.vrchat.com/Icons_Social_25.png)}.qm-icon.economy:before{background-image:url(https://wiki-files.vrchat.com/Icons_VRCPlus_25.png)}.qm-icon.worlds:before{background-image:url(https://wiki-files.vrchat.com/Icons_Worlds_25.png)}.qm-icon.avatars:before{background-image:url(https://wiki-files.vrchat.com/Icons_Avatars_25.png)}.qm-icon.creation:before{background-image:url(https://wiki-files.vrchat.com/Icons_CommunityLabs_25.png)}.qm-icon.help:before{background-image:url(https://wiki-files.vrchat.com/Icons_HelpInfo_25.png)}.qm-icon.community:before{background-image:url(https://wiki-files.vrchat.com/Icons_Favorite_25.png)}.qm-container{flex-flow:wrap;justify-content:space-around;gap:1.5em;margin:.75em 0 1.5em;display:flex}.qm-box{background-color:#325a781a;border:3px solid #14468c80;border-radius:1em;flex:15%;min-width:180px;padding:1.5em;font-size:1em}.qm-box.community{background-color:#288c281a;border-color:#28782880}.qm-box.flex{min-width:inherit;max-width:inherit;flex-flow:wrap;justify-content:space-around;gap:.75em;display:flex}@media screen and (width<=600px){.qm-container{gap:.75em}.qm-box{min-width:120px;padding:.75em}}@media screen and (width<=1099px){.desktop-only{display:none!important}}@media screen and (width>=1100px){.mobile-only{display:none!important}}[data-ooui*=Real\ name]{pointer-events:none;display:none}.reflist-upper-alpha ol{list-style-type:upper-alpha}.reflist-upper-roman ol{list-style-type:upper-roman}.reflist-lower-alpha ol{list-style-type:lower-alpha}.reflist-lower-roman ol{list-style-type:lower-roman}@media screen and (height>=600px){.tux-messagetable-header{background:0 0}}.spoiler{position:relative}.spoiler .spoiler-overlay{background-color:var(--very-dark-grey);cursor:pointer;z-index:1;border-radius:8px;display:flex;position:absolute;inset:0}.spoiler .spoiler-overlay span{margin:auto;font-weight:600}.spoiler .spoiler-overlay,.spoiler .spoiler-content{transition:opacity .25s}.spoiler .spoiler-overlay,.spoiler[data-open] .spoiler-content{opacity:1;pointer-events:auto}.spoiler[data-open] .spoiler-overlay,.spoiler .spoiler-content{opacity:0;pointer-events:none}.tpl-infopush{aspect-ratio:1024/312;grid-column:span 2/span 2;position:relative;overflow:hidden;transform:translate(0%);padding:0!important}.tpl-infopush-content{transition:transform .3s;display:flex;transform:translate(0%)}.tpl-infopush-item,.tpl-infopush-item p{margin:0;display:contents}.tpl-infopush-item a{flex-shrink:0;width:100%;background:0 0!important;padding:0!important}.tpl-infopush-item img{flex-shrink:0;width:100%}.tpl-infopush-navigation{pointer-events:none;justify-content:space-between;display:flex;position:absolute;inset:0}.tpl-infopush-navigation-item{cursor:pointer;pointer-events:all;opacity:0;background-color:#0006;background-position:50%;background-repeat:no-repeat;background-size:2rem;width:15%;height:100%;transition:opacity .2s}.tpl-infopush-navigation-item:hover{opacity:1}.tpl-infopush-navigation-previous{background-image:url(https://wiki-files.vrchat.com/Icons_Arrow_Left.png)}.tpl-infopush-navigation-next{background-image:url(https://wiki-files.vrchat.com/Icons_Arrow_Right.png)}
  background-image: var(--icon-url) !important;
  background-position: center left !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
  padding-right: 0 !important;
  padding-left: 1.5em;
}
 
a[href^="https://ask.vrchat.com"] {
--icon-url: url("https://upload.wikimedia.org/wikipedia/commons/1/17/Discourse_icon.svg");
}
 
a:not(.icon-none)[href^="https://docs.vrchat.com"] {
--icon-url: url("https://docs.vrchat.com/favicon.ico");
padding-left: 1.6em;
}
 
[alt*="vrcat" i], [alt*="vrrat" i] {
cursor: grab;
transform-origin: bottom center;
transition: transform 0.1s ease;
}
 
[alt*="vrcat" i]:active, [alt*="vrrat" i]:active {
cursor: grabbing;
transform: scaleY(.9) scaleX(1.1);
}
 
#localNotice {
  background: var(--less-dark-grey);
  border: 3px solid var(--less-dark-grey-border);
  border-radius: 12px;
}
 
.wikitable.navbox {
  width: 100%;
  text-align: center;
}
 
.hlist ul {
  margin: 0;
}
 
.hlist li {
  display: inline;
}
 
.hlist li::before {
  content: " · ";
  font-weight: bold;
  margin: 0 0.25em 0 0.3em;
}
 
.hlist li:first-child::before {
  content: none;
}
 
@keyframes pulse {
            0% {
                transform: scale(1);
            }
 
            50% {
                transform: scale(1.3);
            }
 
            100% {
                transform: scale(1);
            }
        }
 
/* Image Gallery */
.mw-gallery-traditional .gallerybox > .thumb::before {
    content: unset;
}
 
#mw-content-text > div > ul > li {
    padding-top: unset !important;
}
 
.mw-body li.gallerybox div.thumb {
    height: auto !important;
    overflow: hidden;
}
 
li.gallerybox div.thumb img {
    width: 100%;
}
 
.mw-gallery-traditional .gallerybox > .thumb > * {
    display: block;
}
 
/* Image Thumbnail */
figure[typeof~='mw:File/Thumb'] > :not(figcaption) .mw-file-element, figure[typeof~='mw:File/Frame'] > :not(figcaption) .mw-file-element {
    margin: 0;
}
 
.mw-body-content figure[typeof~='mw:File/Thumb'] > a, .mw-body-content figure[typeof~='mw:File/Frame'] > a {
    background: var(--less-dark-grey);
    border: solid var(--less-dark-grey-border);
    border-radius: 10px;
    padding: 0;
    min-width: 256px;
    max-width: 384px;
    display:inline-block;
    overflow: hidden;
}
 
figure[typeof~="mw:File/Thumb"], figure[typeof~="mw:File/Thumb"] > figcaption {
    border: none !important;
    background: none !important;
}
 
figure[typeof~="mw:File/Thumb"] > figcaption {
    padding: 0.5em;
}
 
/* Community distinction experiment */
@media screen {
  .mw-body h1.firstHeading {
  display: flex;
    flex-direction: column;
    padding-bottom: .25em;
  }
 
  .mw-page-title-separator {
    display: none;
  }
 
  .mw-page-title-namespace {
    font-size: 0.7em;
  }
 
  /* User namespace */
  .ns-2 .mw-body h1.firstHeading,
  .ns-3 .mw-body h1.firstHeading,
  /* Community namespace */
  .ns-3000 .mw-body h1.firstHeading,
  .ns-3100 .mw-body h1.firstHeading {
    border-color: #2ace5b;
  }
 
  /* User namespace */
  .ns-2 .mw-body h1.firstHeading,
  .ns-3 .mw-body h1.firstHeading,
  /* Community namespace */
  .ns-3000 .mw-body h1.firstHeading,
  .ns-3100 .mw-page-title-namespace {
    color: #2ace5b;
  }
}
 
/* Note: The MediaWiki code editor will sometimes give errors for css parameters like --pi-background. These may safely be ignored. */
 
 
 
/* Hide Main Page unneeded stuff */
[class*=" page-Main_Page"] #firstHeading { display: none; }
[class*=" page-Main_Page"] .mw-editsection { display: none; }
 
/* Main Page Classes */
[class*=" page-Main_Page"] .mw-body .mw-parser-output h2 {
    margin: 0.9em 0.7em 0;
    padding: 0;
}
 
[class*=" page-Main_Page"] .mw-body .mw-parser-output h2:after {
border-bottom: 0;
}
 
[class*=" page-Main_Page"] .mw-body .mw-parser-output h2:after {
    border-bottom: 0;
}
 
[class*=" page-Main_Page"] .mw-body .mw-parser-output h3 {
    margin: 0 0.3em 0.3em;
    padding: 0;
}
 
.qm-icon:before {
display: inline-block;
content: '';
background-size: 0.85em;
    width: 0.85em;
    height: 0.85em;
    margin-right: 0.4em;
    position: relative;
    top: 0.1em;
}
 
@media screen and (max-width: 600px) {
    [class*=" page-Main_Page"] .mw-body .mw-parser-output h3 {
        margin: 0 0 0.3em;
        font-size: 1.4em;
    }
   
    .qm-icon:before {
background-size: 0.75em;
    width: 0.75em;
    height: 0.75em;
}
}
 
.qm-icon.version:before {background-image: url('https://wiki-files.vrchat.com/Icons_PinFPS_25.png');}
.qm-icon.news:before {background-image: url('https://wiki-files.vrchat.com/Icons_Announcement_25.png');}
.qm-icon.basics:before {background-image: url('https://wiki-files.vrchat.com/Icons_LaunchPad_25.png');}
.qm-icon.social:before {background-image: url('https://wiki-files.vrchat.com/Icons_Social_25.png');}
.qm-icon.economy:before {background-image: url('https://wiki-files.vrchat.com/Icons_VRCPlus_25.png');}
.qm-icon.worlds:before {background-image: url('https://wiki-files.vrchat.com/Icons_Worlds_25.png');}
.qm-icon.avatars:before {background-image: url('https://wiki-files.vrchat.com/Icons_Avatars_25.png');}
.qm-icon.creation:before {background-image: url('https://wiki-files.vrchat.com/Icons_CommunityLabs_25.png');}
.qm-icon.help:before {background-image: url('https://wiki-files.vrchat.com/Icons_HelpInfo_25.png');}
.qm-icon.community:before {background-image: url('https://wiki-files.vrchat.com/Icons_Favorite_25.png');}
 
.qm-container {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
    column-gap: 1.5em;
    row-gap: 1.5em;
    margin: 0.75em 0 1.5em;
}
 
.qm-box {
    flex: 1 1 15%;
    min-width: 180px;
    padding: 1.5em;
    font-size: 1em;
    background-color: #171e28;
    background-color: rgba(50, 90, 120, 0.1);
    border: 3px solid #102f5b;
    border: 3px solid rgba(20, 70, 140, 0.5);
    border-radius: 1em;
}
 
.qm-box.community {
    background-color: #1a251c;
    background-color: rgba(40, 140, 40, 0.1);
    border-color: #1a4c24;
    border-color: rgba(40, 120, 40, 0.5);
}
 
.qm-box.flex {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
    column-gap: 0.75em;
    row-gap: 0.75em;
    min-width: inherit;
    max-width: inherit;
}
 
@media screen and (max-width: 600px) {
    .qm-container {
    column-gap: 0.75em;
    row-gap: 0.75em;
    }
   
    .qm-box {
    min-width: 120px;
    padding: 0.75em;
    }
}
 
@media screen and (max-width: 1099px) {
.desktop-only {
display: none !important;
}
}
 
@media screen and (min-width: 1100px) {
.mobile-only {
display: none !important;
}
}
 
/* 🦀 REAL NAME IS GONE 🦀 */
[data-ooui*="Real name"] {
pointer-events: none;
display: none;
}
 
/* REFLIST STYLES */
.reflist-upper-alpha ol {
list-style-type: upper-alpha;
}
 
.reflist-upper-roman ol {
list-style-type: upper-roman;
}
 
.reflist-lower-alpha ol {
list-style-type: lower-alpha;
}
 
.reflist-lower-roman ol {
list-style-type: lower-roman;
}
 
/* Navigation background fix */
/* eg. https://wiki.vrchat.com/index.php?title=Special%3ATranslate&group=page-Main+Page&action=page&filter=&action_source=translate_page&language=de */
@media screen and (min-height: 600px) {
    .tux-messagetable-header {
        background: transparent;
    }
}
.tpl-infopush {
position: relative;
padding: 0 !important;
overflow: hidden;
aspect-ratio: 1024 / 312;
transform: translateX(0%);
grid-column: span 2 / span 2;
}
 
.tpl-infopush-content {
display: flex;
transition: transform 0.3s;
transform: translateX(0%);
}
 
.tpl-infopush-item, .tpl-infopush-item p {
margin: 0;
display: contents;
}
 
.tpl-infopush-item a {
width: 100%;
flex-shrink: 0;
background: none !important;
padding: 0 !important;
}
 
.tpl-infopush-item img {
width: 100%;
flex-shrink: 0;
}
 
.tpl-infopush-navigation {
display: flex;
justify-content: space-between;
pointer-events: none;
position: absolute;
inset: 0;
}
 
.tpl-infopush-navigation-item {
height: 100%;
width: 15%;
cursor: pointer;
pointer-events: all;
background-size: 2rem;
background-repeat: no-repeat;
background-position: center;
opacity: 0%;
transition: opacity 200ms;
background-color: #0006; /* 😺 darken section on hover */
}
 
.tpl-infopush-navigation-item:hover {
opacity: 100%;
}
 
.tpl-infopush-navigation-previous {
background-image: url("https://wiki-files.vrchat.com/Icons_Arrow_Left.png");
}
 
.tpl-infopush-navigation-next {
background-image: url("https://wiki-files.vrchat.com/Icons_Arrow_Right.png");
}
.spoiler {
position: relative;
}
 
.spoiler .spoiler-overlay {
position: absolute;
inset: 0;
background-color: var(--very-dark-grey);
display: flex;
border-radius: 8px;
cursor: pointer;
z-index: 1;
}
 
.spoiler .spoiler-overlay span {
margin: auto;
font-weight: 600;
}
 
.spoiler .spoiler-overlay, .spoiler .spoiler-content {
transition: opacity .25s;
}
 
.spoiler .spoiler-overlay, .spoiler[data-open] .spoiler-content {
opacity: 1;
pointer-events: auto;
}
 
.spoiler[data-open] .spoiler-overlay, .spoiler .spoiler-content {
opacity: 0;
pointer-events: none;
}

Revision as of 13:28, 13 December 2025

a:not(.icon-none)[href^="https://ask.vrchat.com"],a:not(.icon-none)[href^="https://docs.vrchat.com/"]{padding-left:1.5em;background-image:var(--icon-url)!important;background-position:0!important;background-repeat:no-repeat!important;background-size:contain!important;padding-right:0!important}a[href^="https://ask.vrchat.com"]{--icon-url:url(https://upload.wikimedia.org/wikipedia/commons/1/17/Discourse_icon.svg)}a:not(.icon-none)[href^="https://docs.vrchat.com"]{--icon-url:url(https://docs.vrchat.com/favicon.ico);padding-left:1.6em}[alt*=vrcat i],[alt*=vrrat i]{cursor:grab;transform-origin:bottom;transition:transform .1s}[alt*=vrcat i]:active,[alt*=vrrat i]:active{cursor:grabbing;transform:scaleY(.9)scaleX(1.1)}#localNotice{background:var(--less-dark-grey);border:3px solid var(--less-dark-grey-border);border-radius:12px}.wikitable.navbox{text-align:center;width:100%}.hlist ul{margin:0}.hlist li{display:inline}.hlist li:before{content:" · ";margin:0 .25em 0 .3em;font-weight:700}.hlist li:first-child:before{content:none}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.mw-gallery-traditional .gallerybox>.thumb:before{content:unset}#mw-content-text>div>ul>li{padding-top:unset!important}.mw-body li.gallerybox div.thumb{overflow:hidden;height:auto!important}li.gallerybox div.thumb img{width:100%}.mw-gallery-traditional .gallerybox>.thumb>*{display:block}figure[typeof~="mw:File/Thumb"]>:not(figcaption) .mw-file-element,figure[typeof~="mw:File/Frame"]>:not(figcaption) .mw-file-element{margin:0}.mw-body-content figure[typeof~="mw:File/Thumb"]>a,.mw-body-content figure[typeof~="mw:File/Frame"]>a{background:var(--less-dark-grey);border:solid var(--less-dark-grey-border);border-radius:10px;min-width:256px;max-width:384px;padding:0;display:inline-block;overflow:hidden}figure[typeof~="mw:File/Thumb"],figure[typeof~="mw:File/Thumb"]>figcaption{background:0 0!important;border:none!important}figure[typeof~="mw:File/Thumb"]>figcaption{padding:.5em}@media screen{.mw-body h1.firstHeading{flex-direction:column;padding-bottom:.25em;display:flex}.mw-page-title-separator{display:none}.mw-page-title-namespace{font-size:.7em}.ns-2 .mw-body h1.firstHeading,.ns-3 .mw-body h1.firstHeading,.ns-3000 .mw-body h1.firstHeading,.ns-3100 .mw-body h1.firstHeading{border-color:#2ace5b}.ns-2 .mw-body h1.firstHeading,.ns-3 .mw-body h1.firstHeading,.ns-3000 .mw-body h1.firstHeading,.ns-3100 .mw-page-title-namespace{color:#2ace5b}}[class*=\ page-Main_Page] #firstHeading,[class*=\ page-Main_Page] .mw-editsection{display:none}[class*=\ page-Main_Page] .mw-body .mw-parser-output h2{margin:.9em .7em 0;padding:0}[class*=\ page-Main_Page] .mw-body .mw-parser-output h2:after{border-bottom:0}[class*=\ page-Main_Page] .mw-body .mw-parser-output h3{margin:0 .3em .3em;padding:0}.qm-icon:before{content:"";background-size:.85em;width:.85em;height:.85em;margin-right:.4em;display:inline-block;position:relative;top:.1em}@media screen and (width<=600px){[class*=\ page-Main_Page] .mw-body .mw-parser-output h3{margin:0 0 .3em;font-size:1.4em}.qm-icon:before{background-size:.75em;width:.75em;height:.75em}}.qm-icon.version:before{background-image:url(https://wiki-files.vrchat.com/Icons_PinFPS_25.png)}.qm-icon.news:before{background-image:url(https://wiki-files.vrchat.com/Icons_Announcement_25.png)}.qm-icon.basics:before{background-image:url(https://wiki-files.vrchat.com/Icons_LaunchPad_25.png)}.qm-icon.social:before{background-image:url(https://wiki-files.vrchat.com/Icons_Social_25.png)}.qm-icon.economy:before{background-image:url(https://wiki-files.vrchat.com/Icons_VRCPlus_25.png)}.qm-icon.worlds:before{background-image:url(https://wiki-files.vrchat.com/Icons_Worlds_25.png)}.qm-icon.avatars:before{background-image:url(https://wiki-files.vrchat.com/Icons_Avatars_25.png)}.qm-icon.creation:before{background-image:url(https://wiki-files.vrchat.com/Icons_CommunityLabs_25.png)}.qm-icon.help:before{background-image:url(https://wiki-files.vrchat.com/Icons_HelpInfo_25.png)}.qm-icon.community:before{background-image:url(https://wiki-files.vrchat.com/Icons_Favorite_25.png)}.qm-container{flex-flow:wrap;justify-content:space-around;gap:1.5em;margin:.75em 0 1.5em;display:flex}.qm-box{background-color:#325a781a;border:3px solid #14468c80;border-radius:1em;flex:15%;min-width:180px;padding:1.5em;font-size:1em}.qm-box.community{background-color:#288c281a;border-color:#28782880}.qm-box.flex{min-width:inherit;max-width:inherit;flex-flow:wrap;justify-content:space-around;gap:.75em;display:flex}@media screen and (width<=600px){.qm-container{gap:.75em}.qm-box{min-width:120px;padding:.75em}}@media screen and (width<=1099px){.desktop-only{display:none!important}}@media screen and (width>=1100px){.mobile-only{display:none!important}}[data-ooui*=Real\ name]{pointer-events:none;display:none}.reflist-upper-alpha ol{list-style-type:upper-alpha}.reflist-upper-roman ol{list-style-type:upper-roman}.reflist-lower-alpha ol{list-style-type:lower-alpha}.reflist-lower-roman ol{list-style-type:lower-roman}@media screen and (height>=600px){.tux-messagetable-header{background:0 0}}.spoiler{position:relative}.spoiler .spoiler-overlay{background-color:var(--very-dark-grey);cursor:pointer;z-index:1;border-radius:8px;display:flex;position:absolute;inset:0}.spoiler .spoiler-overlay span{margin:auto;font-weight:600}.spoiler .spoiler-overlay,.spoiler .spoiler-content{transition:opacity .25s}.spoiler .spoiler-overlay,.spoiler[data-open] .spoiler-content{opacity:1;pointer-events:auto}.spoiler[data-open] .spoiler-overlay,.spoiler .spoiler-content{opacity:0;pointer-events:none}.tpl-infopush{aspect-ratio:1024/312;grid-column:span 2/span 2;position:relative;overflow:hidden;transform:translate(0%);padding:0!important}.tpl-infopush-content{transition:transform .3s;display:flex;transform:translate(0%)}.tpl-infopush-item,.tpl-infopush-item p{margin:0;display:contents}.tpl-infopush-item a{flex-shrink:0;width:100%;background:0 0!important;padding:0!important}.tpl-infopush-item img{flex-shrink:0;width:100%}.tpl-infopush-navigation{pointer-events:none;justify-content:space-between;display:flex;position:absolute;inset:0}.tpl-infopush-navigation-item{cursor:pointer;pointer-events:all;opacity:0;background-color:#0006;background-position:50%;background-repeat:no-repeat;background-size:2rem;width:15%;height:100%;transition:opacity .2s}.tpl-infopush-navigation-item:hover{opacity:1}.tpl-infopush-navigation-previous{background-image:url(https://wiki-files.vrchat.com/Icons_Arrow_Left.png)}.tpl-infopush-navigation-next{background-image:url(https://wiki-files.vrchat.com/Icons_Arrow_Right.png)}
Retrieved from "https://wiki.vrchat.com/index.php?title=MediaWiki:Common.css&oldid=57733"