MediaWiki:Common.css: Difference between revisions

From Blank Chronicle
No edit summary
No edit summary
Line 233: Line 233:
.disc-revo
.disc-revo
{
{
 
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 1em;
    margin-bottom: 1em;
}
}



Revision as of 20:04, 30 June 2020

/* CSS placed here will be applied to all skins */

@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i&display=swap&subset=latin-ext');

html, body
{
    font-family: 'Open Sans', sans-serif;
}

/* @media screen and (min-width: 1000px)
.mw-body {
    padding-left: auto;
    padding-right: auto;
    width: 90%;
    max-width: 993.3px;
}

@media screen and (min-width: 720px)
.mw-body {
    max-width: 993.3px;
    padding: 0 3.35em;
} */

.mw-wiki-logo
{
    background-size: contain;
}

.mw-body-content
{
    font-size: unset;
}

h1, h2, h3, h4, h5, h6
{
    border-bottom: 1px solid #d5d5d5;
    font-weight: bold;
}

.mw-body h1, .mw-body-content h1
{
    font-size: 2em;
}

.mw-body h1, .mw-body-content h1, .mw-body-content h2
{
    font-weight: bold;
    padding-bottom: 0.3em;
    margin-bottom: 0.3em;
}

img
{
    max-width: 100%;
    height: auto;
}

.diff-addedline
{
    border-color: #a3d3ff;
}

.diff-addedline, .diff-deletedline, .diff-context
{
    font-size: 88%;
    line-height: 1.6;
    vertical-align: top;
    white-space: -moz-pre-wrap;
    white-space: pre-wrap;
    border-style: solid;
    border-width: 1px 1px 1px 4px;
    border-radius: 0.33em;
}

.highlight
{
    background: #ff0;
    font-weight: unset;
}

.highlight-warning
{
    background: #fa0;
    font-weight: unset;
}

.highlight-bad,
.highlight-danger,
.highlight-todo
{
    background: #f00;
    font-weight: unset;
}

.highlight-good,
.highlight-done
{
    background: #0f0;
    font-weight: unset;
}



.intro-container
{

}

.mp-banner
{

}

.intro-text
{

}

.mp-container
{
    display: grid;
}

.mp-left
{
    width: 60%
}

.mp-right
{
    width: 40%;
}

.sh-container
{
    background-color: #F3ECD6;
    border-color: #F3ECD6;
}

.button-sh a
{
    color: #fff !important;
    background-color: #36c;
    border-color: #36c;
    padding: 0.5em 1em 0.5em 1em !important;
    display: inline-block;
    font-weight: bold;
    border-radius: 2px;
    margin-bottom: 4px;
}

.button-sh a:hover
{
    text-decoration: none;
    background-color: #447ff5;
    border-color: #447ff5;
}

.disc-sh
{

}

.live-sh
{

}



.lh-container
{
    background-color: #F3ECD6;
    border-color: #F3ECD6;
}

.button-lh a
{
    color: #fff !important;
    background-color: #36c;
    border-color: #36c;
    padding: 0.5em 1em 0.5em 1em !important;
    display: inline-block;
    font-weight: bold;
    border-radius: 2px;
    margin-bottom: 4px;
}

.button-lh a:hover
{
    text-decoration: none;
    background-color: #447ff5;
    border-color: #447ff5;
}

.disc-lh
{

}

.live-lh
{

}



.revo-container
{
    background-color: #F3ECD6;
    border-color: #F3ECD6;
}

.button-revo a
{
    color: #fff !important;
    background-color: #36c;
    border-color: #36c;
    padding: 0.5em 1em 0.5em 1em !important;
    display: inline-block;
    font-weight: bold;
    border-radius: 2px;
    margin-bottom: 4px;
}

.button-revo a:hover
{
    text-decoration: none;
    background-color: #447ff5;
    border-color: #447ff5;
}

.disc-revo
{
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 1em;
    margin-bottom: 1em;
}



.disc-sh-album-container
{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap: .5em;
    margin-bottom: 1em;
}

.disc-chronicle
{
    height: 350px;
    width: 350px;
    background-image: url('http://blankchronicle.com/images/9/97/ChronicleCover.jpg');
    background-position: center bottom;
    background-size: contain;
    background-repeat: no-repeat;
}

.disc-chronicle a:link, a:visited
{
    display: inline-block;
    height: 350px;
    width: 350px;
    opacity: 0;
    text-align: center;
}

.disc-chronicle a:link, a:visited
{
    display: inline-block;
    height: 350px;
    width: 350px;
    opacity: 0;
}


.disc-thanatos
{
    height: 350px;
    width: 350px;
    background-image: url('http://blankchronicle.com/images/c/c2/ThanatosCover.jpg');
    background-position: center bottom;
    background-size: contain;
    background-repeat: no-repeat;
}

.disc-thanatos a:link, a:visited
{
    display: inline-block;
    height: 350px;
    width: 350px;
    opacity: 0;
    text-align: center;
}

.disc-thanatos a:link, a:visited
{
    display: inline-block;
    height: 350px;
    width: 350px;
    opacity: 0;
}

.disc-lost
{
    height: 350px;
    width: 350px;
    background-image: url('http://blankchronicle.com/images/6/6c/LostCover.jpg');
    background-position: center bottom;
    background-size: contain;
    background-repeat: no-repeat;
}

.disc-lost a:link, a:visited
{
    display: inline-block;
    height: 350px;
    width: 350px;
    opacity: 0;
    text-align: center;
}

.disc-lost a:link, a:visited
{
    display: inline-block;
    height: 350px;
    width: 350px;
    opacity: 0;
}

.disc-pico
{
    height: 350px;
    width: 350px;
    background-image: url('http://blankchronicle.com/images/9/98/PicoMagicCover.jpg');
    background-position: center bottom;
    background-size: contain;
    background-repeat: no-repeat;
}

.disc-pico a:link, a:visited
{
    display: inline-block;
    height: 350px;
    width: 350px;
    opacity: 0;
    text-align: center;
}

.disc-pico a:link, a:visited
{
    display: inline-block;
    height: 350px;
    width: 350px;
    opacity: 0;
}

.disc-reloaded
{
    height: 350px;
    width: 350px;
    background-image: url('http://blankchronicle.com/images/3/37/ReloadedCover.JPG');
    background-position: center bottom;
    background-size: contain;
    background-repeat: no-repeat;
}

.disc-reloaded a:link, a:visited
{
    display: inline-block;
    height: 350px;
    width: 350px;
    opacity: 0;
    text-align: center;
}

.disc-reloaded a:link, a:visited
{
    display: inline-block;
    height: 350px;
    width: 350px;
    opacity: 0;
}

.disc-chrsecond
{
    height: 350px;
    width: 350px;
    background-image: url('http://blankchronicle.com/images/0/05/Chronicle2ndCover.jpg');
    background-position: center bottom;
    background-size: contain;
    background-repeat: no-repeat;
}

.disc-chrsecond a:link, a:visited
{
    display: inline-block;
    height: 350px;
    width: 350px;
    opacity: 0;
    text-align: center;
}

.disc-chrsecond a:link, a:visited
{
    display: inline-block;
    height: 350px;
    width: 350px;
    opacity: 0;
}

.disc-prelude
{
    height: 350px;
    width: 350px;
    background-image: url('http://blankchronicle.com/images/8/8b/PreludetoElysionCover.jpg');
    background-position: center bottom;
    background-size: contain;
    background-repeat: no-repeat;
}

.disc-prelude a:link, a:visited
{
    display: inline-block;
    height: 350px;
    width: 350px;
    opacity: 0;
    text-align: center;
}

.disc-prelude a:link, a:visited
{
    display: inline-block;
    height: 350px;
    width: 350px;
    opacity: 0;
}

.disc-elysion
{
    height: 350px;
    width: 350px;
    background-image: url('http://blankchronicle.com/images/8/8a/ElysionCover.png');
    background-position: center bottom;
    background-size: contain;
    background-repeat: no-repeat;
}

.disc-elysion a:link, a:visited
{
    display: inline-block;
    height: 350px;
    width: 350px;
    opacity: 0;
    text-align: center;
}

.disc-elysion a:link, a:visited
{
    display: inline-block;
    height: 350px;
    width: 350px;
    opacity: 0;
}

.disc-roman
{
    height: 350px;
    width: 350px;
    background-image: url('http://blankchronicle.com/images/8/8e/RomanCover.jpg');
    background-position: center bottom;
    background-size: contain;
    background-repeat: no-repeat;
}

.disc-roman a:link, a:visited
{
    display: inline-block;
    height: 350px;
    width: 350px;
    opacity: 0;
    text-align: center;
}

.disc-roman a:link, a:visited
{
    display: inline-block;
    height: 350px;
    width: 350px;
    opacity: 0;
}

.disc-moira
{
    height: 350px;
    width: 350px;
    background-image: url('http://blankchronicle.com/images/2/29/MoiraCover.jpg');
    background-position: center bottom;
    background-size: contain;
    background-repeat: no-repeat;
}

.disc-moira a:link, a:visited
{
    display: inline-block;
    height: 350px;
    width: 350px;
    opacity: 0;
    text-align: center;
}

.disc-moira a:link, a:visited
{
    display: inline-block;
    height: 350px;
    width: 350px;
    opacity: 0;
}

.disc-marchen
{
    height: 350px;
    width: 350px;
    background-image: url('http://blankchronicle.com/images/4/4f/MarchenCover2.jpg');
    background-position: center bottom;
    background-size: contain;
    background-repeat: no-repeat;
}

.disc-marchen a:link, a:visited
{
    display: inline-block;
    height: 350px;
    width: 350px;
    opacity: 0;
    text-align: center;
}

.disc-marchen a:link, a:visited
{
    display: inline-block;
    height: 350px;
    width: 350px;
    opacity: 0;
}

.disc-rinne
{
    height: 350px;
    width: 350px;
    background-image: url('http://blankchronicle.com/images/c/c2/ThanatosCover.jpg');
    background-position: center bottom;
    background-size: contain;
    background-repeat: no-repeat;
}

.disc-rinne a:link, a:visited
{
    display: inline-block;
    height: 350px;
    width: 350px;
    opacity: 0;
    text-align: center;
}

.disc-rinne a:link, a:visited
{
    display: inline-block;
    height: 350px;
    width: 350px;
    opacity: 0;
}

.disc-nein
{
    height: 350px;
    width: 350px;
    background-image: url('http://blankchronicle.com/images/c/c2/ThanatosCover.jpg');
    background-position: center bottom;
    background-size: contain;
    background-repeat: no-repeat;
}

.disc-nein a:link, a:visited
{
    display: inline-block;
    height: 350px;
    width: 350px;
    opacity: 0;
    text-align: center;
}

.disc-nein a:link, a:visited
{
    display: inline-block;
    height: 350px;
    width: 350px;
    opacity: 0;
}


.disc-sh-single-container
{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap: .5em;
    margin-bottom: 1em;
}

.disc-swordboy
{
    height: 350px;
    width: 350px;
    background-image: url('http://blankchronicle.com/images/6/68/SwordboyCover.jpg');
    background-position: center bottom;
    background-size: contain;
    background-repeat: no-repeat;
}

.disc-swordboy a:link, a:visited
{
    display: inline-block;
    height: 350px;
    width: 350px;
    opacity: 0;
    text-align: center;
}

.disc-swordboy a:link, a:visited
{
    display: inline-block;
    height: 350px;
    width: 350px;
    opacity: 0;
}

.disc-iberia
{
    height: 350px;
    width: 350px;
    background-image: url('http://blankchronicle.com/images/2/2f/IberiaCover.jpg');
    background-position: center bottom;
    background-size: contain;
    background-repeat: no-repeat;
}

.disc-iberia a:link, a:visited
{
    display: inline-block;
    height: 350px;
    width: 350px;
    opacity: 0;
    text-align: center;
}

.disc-iberia a:link, a:visited
{
    display: inline-block;
    height: 350px;
    width: 350px;
    opacity: 0;
}

.disc-ido
{
    height: 350px;
    width: 350px;
    background-image: url('http://blankchronicle.com/images/2/26/IdoIdoCover.jpg');
    background-position: center bottom;
    background-size: contain;
    background-repeat: no-repeat;
}

.disc-ido a:link, a:visited
{
    display: inline-block;
    height: 350px;
    width: 350px;
    opacity: 0;
    text-align: center;
}

.disc-ido a:link, a:visited
{
    display: inline-block;
    height: 350px;
    width: 350px;
    opacity: 0;
}

.disc-halloween
{
    height: 350px;
    width: 350px;
    background-image: url('http://blankchronicle.com/images/d/d1/HalloYoruCover.jpg');
    background-position: center bottom;
    background-size: contain;
    background-repeat: no-repeat;
}

.disc-halloween a:link, a:visited
{
    display: inline-block;
    height: 350px;
    width: 350px;
    opacity: 0;
    text-align: center;
}

.disc-halloween a:link, a:visited
{
    display: inline-block;
    height: 350px;
    width: 350px;
    opacity: 0;
}

.disc-vanisuta
{
    height: 350px;
    width: 350px;
    background-image: url('http://blankchronicle.com/images/c/c2/ThanatosCover.jpg');
    background-position: center bottom;
    background-size: contain;
    background-repeat: no-repeat;
}

.disc-vanisuta a:link, a:visited
{
    display: inline-block;
    height: 350px;
    width: 350px;
    opacity: 0;
    text-align: center;
}

.disc-vanisuta a:link, a:visited
{
    display: inline-block;
    height: 350px;
    width: 350px;
    opacity: 0;
}

.disc-marvelous
{
    height: 350px;
    width: 350px;
    background-image: url('http://blankchronicle.com/images/c/c2/ThanatosCover.jpg');
    background-position: center bottom;
    background-size: contain;
    background-repeat: no-repeat;
}

.disc-marvelous a:link, a:visited
{
    display: inline-block;
    height: 350px;
    width: 350px;
    opacity: 0;
    text-align: center;
}

.disc-marvelous a:link, a:visited
{
    display: inline-block;
    height: 350px;
    width: 350px;
    opacity: 0;
}

.disc-nearest
{
    height: 350px;
    width: 350px;
    background-image: url('http://blankchronicle.com/images/c/c2/ThanatosCover.jpg');
    background-position: center bottom;
    background-size: contain;
    background-repeat: no-repeat;
}

.disc-nearest a:link, a:visited
{
    display: inline-block;
    height: 350px;
    width: 350px;
    opacity: 0;
    text-align: center;
}

.disc-nearest a:link, a:visited
{
    display: inline-block;
    height: 350px;
    width: 350px;
    opacity: 0;
}



.disc-sh-other-container
{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap: .5em;
    margin-bottom: 1em;
}

.disc-riddle
{
    height: 350px;
    width: 350px;
    background-image: url('http://blankchronicle.com/images/c/c2/ThanatosCover.jpg');
    background-position: center bottom;
    background-size: contain;
    background-repeat: no-repeat;
}

.disc-riddle a:link, a:visited
{
    display: inline-block;
    height: 350px;
    width: 350px;
    opacity: 0;
    text-align: center;
}

.disc-riddle a:link, a:visited
{
    display: inline-block;
    height: 350px;
    width: 350px;
    opacity: 0;
}

.disc-genome
{
    height: 350px;
    width: 350px;
    background-image: url('http://blankchronicle.com/images/c/c2/ThanatosCover.jpg');
    background-position: center bottom;
    background-size: contain;
    background-repeat: no-repeat;
}

.disc-genome a:link, a:visited
{
    display: inline-block;
    height: 350px;
    width: 350px;
    opacity: 0;
    text-align: center;
}

.disc-genome a:link, a:visited
{
    display: inline-block;
    height: 350px;
    width: 350px;
    opacity: 0;
}

.disc-sister
{
    height: 350px;
    width: 350px;
    background-image: url('http://blankchronicle.com/images/c/c2/ThanatosCover.jpg');
    background-position: center bottom;
    background-size: contain;
    background-repeat: no-repeat;
}

.disc-sister a:link, a:visited
{
    display: inline-block;
    height: 350px;
    width: 350px;
    opacity: 0;
    text-align: center;
}

.disc-sister a:link, a:visited
{
    display: inline-block;
    height: 350px;
    width: 350px;
    opacity: 0;
}

.disc-link
{
    height: 350px;
    width: 350px;
    background-image: url('http://blankchronicle.com/images/c/c2/ThanatosCover.jpg');
    background-position: center bottom;
    background-size: contain;
    background-repeat: no-repeat;
}

.disc-link a:link, a:visited
{
    display: inline-block;
    height: 350px;
    width: 350px;
    opacity: 0;
    text-align: center;
}

.disc-link a:link, a:visited
{
    display: inline-block;
    height: 350px;
    width: 350px;
    opacity: 0;
}

.disc-pastel
{
    height: 350px;
    width: 350px;
    background-image: url('http://blankchronicle.com/images/c/c2/ThanatosCover.jpg');
    background-position: center bottom;
    background-size: contain;
    background-repeat: no-repeat;
}

.disc-pastel a:link, a:visited
{
    display: inline-block;
    height: 350px;
    width: 350px;
    opacity: 0;
    text-align: center;
}

.disc-pastel a:link, a:visited
{
    display: inline-block;
    height: 350px;
    width: 350px;
    opacity: 0;
}

.disc-rasp
{
    height: 350px;
    width: 350px;
    background-image: url('http://blankchronicle.com/images/c/c2/ThanatosCover.jpg');
    background-position: center bottom;
    background-size: contain;
    background-repeat: no-repeat;
}

.disc-rasp a:link, a:visited
{
    display: inline-block;
    height: 350px;
    width: 350px;
    opacity: 0;
    text-align: center;
}

.disc-rasp a:link, a:visited
{
    display: inline-block;
    height: 350px;
    width: 350px;
    opacity: 0;
}

.disc-leviathan
{
    height: 350px;
    width: 350px;
    background-image: url('http://blankchronicle.com/images/1/18/LeviathanCover.jpg');
    background-position: center bottom;
    background-size: contain;
    background-repeat: no-repeat;
}

.disc-leviathan a:link, a:visited
{
    display: inline-block;
    height: 350px;
    width: 350px;
    opacity: 0;
    text-align: center;
}

.disc-leviathan a:link, a:visited
{
    display: inline-block;
    height: 350px;
    width: 350px;
    opacity: 0;
}

.disc-poca
{
    height: 350px;
    width: 350px;
    background-image: url('http://blankchronicle.com/images/a/ab/PocafelicitaCover.jpg');
    background-position: center bottom;
    background-size: contain;
    background-repeat: no-repeat;
}

.disc-poca a:link, a:visited
{
    display: inline-block;
    height: 350px;
    width: 350px;
    opacity: 0;
    text-align: center;
}

.disc-poca a:link, a:visited
{
    display: inline-block;
    height: 350px;
    width: 350px;
    opacity: 0;
}

.disc-rest
{
    height: 350px;
    width: 350px;
    background-image: url('http://blankchronicle.com/images/c/c2/ThanatosCover.jpg');
    background-position: center bottom;
    background-size: contain;
    background-repeat: no-repeat;
}

.disc-rest a:link, a:visited
{
    display: inline-block;
    height: 350px;
    width: 350px;
    opacity: 0;
    text-align: center;
}

.disc-rest a:link, a:visited
{
    display: inline-block;
    height: 350px;
    width: 350px;
    opacity: 0;
}

.disc-schwarz
{
    height: 350px;
    width: 350px;
    background-image: url('http://blankchronicle.com/images/6/60/SchwarzweissCover.jpg');
    background-position: center bottom;
    background-size: contain;
    background-repeat: no-repeat;
}

.disc-schwarz a:link, a:visited
{
    display: inline-block;
    height: 350px;
    width: 350px;
    opacity: 0;
    text-align: center;
}

.disc-schwarz a:link, a:visited
{
    display: inline-block;
    height: 350px;
    width: 350px;
    opacity: 0;
}

.disc-dream
{
    height: 350px;
    width: 350px;
    background-image: url('http://blankchronicle.com/images/f/ff/DreamPortCover.jpg');
    background-position: center bottom;
    background-size: contain;
    background-repeat: no-repeat;
}

.disc-dream a:link, a:visited
{
    display: inline-block;
    height: 350px;
    width: 350px;
    opacity: 0;
    text-align: center;
}

.disc-dream a:link, a:visited
{
    display: inline-block;
    height: 350px;
    width: 350px;
    opacity: 0;
}

.disc-chronology
{
    height: 350px;
    width: 350px;
    background-image: url('http://blankchronicle.com/images/9/9c/ChronologyCover.jpg');
    background-position: center bottom;
    background-size: contain;
    background-repeat: no-repeat;
}

.disc-chronology a:link, a:visited
{
    display: inline-block;
    height: 350px;
    width: 350px;
    opacity: 0;
    text-align: center;
}

.disc-chronology a:link, a:visited
{
    display: inline-block;
    height: 350px;
    width: 350px;
    opacity: 0;
}


.disc-lh-album-container
{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap: .5em;
    margin-bottom: 1em;
}

.disc-daikikou
{

}

.disc-daikikou a:link, a:visited
{
    display: inline-block;
    height: 350px;
    width: 350px;
    opacity: 0;
    text-align: center;
}

.disc-daikikou a:link, a:visited
{
    display: inline-block;
    height: 350px;
    width: 350px;
    opacity: 0;
}

.disc-bravely1
{

}

.disc-bravely1 a:link, a:visited
{
    display: inline-block;
    height: 350px;
    width: 350px;
    opacity: 0;
    text-align: center;
}

.disc-bravely1 a:link, a:visited
{
    display: inline-block;
    height: 350px;
    width: 350px;
    opacity: 0;
}

.disc-kiseki
{

}

.disc-kiseki a:link, a:visited
{
    display: inline-block;
    height: 350px;
    width: 350px;
    opacity: 0;
    text-align: center;
}

.disc-kiseki a:link, a:visited
{
    display: inline-block;
    height: 350px;
    width: 350px;
    opacity: 0;
}



.disc-lh-single-container
{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap: .5em;
    margin-bottom: 1em;
}

.disc-kokikou
{

}

.disc-kokikou a:link, a:visited
{
    display: inline-block;
    height: 350px;
    width: 350px;
    opacity: 0;
    text-align: center;
}

.disc-kokikou a:link, a:visited
{
    display: inline-block;
    height: 350px;
    width: 350px;
    opacity: 0;
}

.disc-jiyuu
{

}

.disc-jiyuu a:link, a:visited
{
    display: inline-block;
    height: 350px;
    width: 350px;
    opacity: 0;
    text-align: center;
}

.disc-jiyuu a:link, a:visited
{
    display: inline-block;
    height: 350px;
    width: 350px;
    opacity: 0;
}

.disc-rakuen
{

}

.disc-rakuen a:link, a:visited
{
    display: inline-block;
    height: 350px;
    width: 350px;
    opacity: 0;
    text-align: center;
}

.disc-rakuen a:link, a:visited
{
    display: inline-block;
    height: 350px;
    width: 350px;
    opacity: 0;
}

.disc-shinjitsu
{

}

.disc-shinjitsu a:link, a:visited
{
    display: inline-block;
    height: 350px;
    width: 350px;
    opacity: 0;
    text-align: center;
}

.disc-shinjitsu a:link, a:visited
{
    display: inline-block;
    height: 350px;
    width: 350px;
    opacity: 0;
}


.disc-lh-other-container
{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap: .5em;
    margin-bottom: 1em;
}

.disc-gny
{

}

.disc-gny a:link, a:visited
{
    display: inline-block;
    height: 350px;
    width: 350px;
    opacity: 0;
    text-align: center;
}

.disc-gny a:link, a:visited
{
    display: inline-block;
    height: 350px;
    width: 350px;
    opacity: 0;
}

.disc-seishun
{

}

.disc-seishun a:link, a:visited
{
    display: inline-block;
    height: 350px;
    width: 350px;
    opacity: 0;
    text-align: center;
}

.disc-seishun a:link, a:visited
{
    display: inline-block;
    height: 350px;
    width: 350px;
    opacity: 0;
}

.disc-zahyou
{

}

.disc-zahyou a:link, a:visited
{
    display: inline-block;
    height: 350px;
    width: 350px;
    opacity: 0;
    text-align: center;
}

.disc-zahyou a:link, a:visited
{
    display: inline-block;
    height: 350px;
    width: 350px;
    opacity: 0;
}

.disc-daishou
{

}

.disc-daishou a:link, a:visited
{
    display: inline-block;
    height: 350px;
    width: 350px;
    opacity: 0;
    text-align: center;
}

.disc-daishou a:link, a:visited
{
    display: inline-block;
    height: 350px;
    width: 350px;
    opacity: 0;
}

.disc-sasageyo
{

}

.disc-sasageyo a:link, a:visited
{
    display: inline-block;
    height: 350px;
    width: 350px;
    opacity: 0;
    text-align: center;
}

.disc-sasageyo a:link, a:visited
{
    display: inline-block;
    height: 350px;
    width: 350px;
    opacity: 0;
}

.disc-requiem
{

}

.disc-requiem a:link, a:visited
{
    display: inline-block;
    height: 350px;
    width: 350px;
    opacity: 0;
    text-align: center;
}

.disc-requiem a:link, a:visited
{
    display: inline-block;
    height: 350px;
    width: 350px;
    opacity: 0;
}

.disc-shikabane
{

}


.disc-shikabane a:link, a:visited
{
    display: inline-block;
    height: 350px;
    width: 350px;
    opacity: 0;
    text-align: center;
}

.disc-shikabane a:link, a:visited
{
    display: inline-block;
    height: 350px;
    width: 350px;
    opacity: 0;
}


.sh-live-container
{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap: .5em;
    margin-bottom: 1em;
}

.live-elyscon
{

}

.live-elyscon a:link, a:visited
{
    display: inline-block;
    height: 350px;
    width: 350px;
    opacity: 0;
    text-align: center;
}

.live-elyscon a:link, a:visited
{
    display: inline-block;
    height: 350px;
    width: 350px;
    opacity: 0;
}

.live-romancon
{

}

.live-romancon a:link, a:visited
{
    display: inline-block;
    height: 350px;
    width: 350px;
    opacity: 0;
    text-align: center;
}

.live-romancon a:link, a:visited
{
    display: inline-block;
    height: 350px;
    width: 350px;
    opacity: 0;
}

.live-tte2
{

}

.live-tte2 a:link, a:visited
{
    display: inline-block;
    height: 350px;
    width: 350px;
    opacity: 0;
    text-align: center;
}

.live-tte2 a:link, a:visited
{
    display: inline-block;
    height: 350px;
    width: 350px;
    opacity: 0;
}

.live-moiracon
{

}

.live-moiracon a:link, a:visited
{
    display: inline-block;
    height: 350px;
    width: 350px;
    opacity: 0;
    text-align: center;
}

.live-moiracon a:link, a:visited
{
    display: inline-block;
    height: 350px;
    width: 350px;
    opacity: 0;
}

.live-tte3
{

}

.live-tte3 a:link, a:visited
{
    display: inline-block;
    height: 350px;
    width: 350px;
    opacity: 0;
    text-align: center;
}

.live-tte3 a:link, a:visited
{
    display: inline-block;
    height: 350px;
    width: 350px;
    opacity: 0;
}

.live-asohora
{

}

.live-asohora a:link, a:visited
{
    display: inline-block;
    height: 350px;
    width: 350px;
    opacity: 0;
    text-align: center;
}

.live-asohora a:link, a:visited
{
    display: inline-block;
    height: 350px;
    width: 350px;
    opacity: 0;
}

.live-merucon
{

}

.live-merucon a:link, a:visited
{
    display: inline-block;
    height: 350px;
    width: 350px;
    opacity: 0;
    text-align: center;
}

.live-merucon a:link, a:visited
{
    display: inline-block;
    height: 350px;
    width: 350px;
    opacity: 0;
}

.live-party
{

}

.live-party a:link, a:visited
{
    display: inline-block;
    height: 350px;
    width: 350px;
    opacity: 0;
    text-align: center;
}

.live-party a:link, a:visited
{
    display: inline-block;
    height: 350px;
    width: 350px;
    opacity: 0;
}

.live-noeru
{

}

.live-noeru a:link, a:visited
{
    display: inline-block;
    height: 350px;
    width: 350px;
    opacity: 0;
    text-align: center;
}

.live-noeru a:link, a:visited
{
    display: inline-block;
    height: 350px;
    width: 350px;
    opacity: 0;
}

.live-neincon
{

}

.live-neincon a:link, a:visited
{
    display: inline-block;
    height: 350px;
    width: 350px;
    opacity: 0;
    text-align: center;
}

.live-neincon a:link, a:visited
{
    display: inline-block;
    height: 350px;
    width: 350px;
    opacity: 0;
}

.live-acoustic
{

}

.live-acoustic a:link, a:visited
{
    display: inline-block;
    height: 350px;
    width: 350px;
    opacity: 0;
    text-align: center;
}

.live-acoustic a:link, a:visited
{
    display: inline-block;
    height: 350px;
    width: 350px;
    opacity: 0;
}



.lh-live-container
{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap: .5em;
    margin-bottom: 1em;
}

.live-luxendarc
{

}

.live-luxendarc a:link, a:visited
{
    display: inline-block;
    height: 350px;
    width: 350px;
    opacity: 0;
    text-align: center;
}

.live-luxendarc a:link, a:visited
{
    display: inline-block;
    height: 350px;
    width: 350px;
    opacity: 0;
}

.live-asohora-shingeki
{

}

.live-asohora-shingeki a:link, a:visited
{
    display: inline-block;
    height: 350px;
    width: 350px;
    opacity: 0;
    text-align: center;
}

.live-asohora-shingeki a:link, a:visited
{
    display: inline-block;
    height: 350px;
    width: 350px;
    opacity: 0;
}

.live-kisekicon
{

}

.live-kisekicon a:link, a:visited
{
    display: inline-block;
    height: 350px;
    width: 350px;
    opacity: 0;
    text-align: center;
}

.live-kisekicon a:link, a:visited
{
    display: inline-block;
    height: 350px;
    width: 350px;
    opacity: 0;
}