MediaWiki:Common.css: Difference between revisions

From Blank Chronicle
No edit summary
No edit summary
Line 232: Line 232:
     background-position: left top;
     background-position: left top;
     background-size: 350px;
     background-size: 350px;
    background-repeat: no-repeat;
}
}


Line 239: Line 240:
     background-position: left top;
     background-position: left top;
     background-size: 350px;
     background-size: 350px;
    background-repeat: no-repeat;
}
}


Line 246: Line 248:
     background-position: left top;
     background-position: left top;
     background-size: 350px;
     background-size: 350px;
    background-repeat: no-repeat;
}
}


Line 253: Line 256:
     background-position: left top;
     background-position: left top;
     background-size: 350px;
     background-size: 350px;
    background-repeat: no-repeat;
}
}


Line 260: Line 264:
     background-position: left top;
     background-position: left top;
     background-size: 350px;
     background-size: 350px;
    background-repeat: no-repeat;
}
}


Line 267: Line 272:
     background-position: left top;
     background-position: left top;
     background-size: 350px;
     background-size: 350px;
    background-repeat: no-repeat;
}
}


Line 274: Line 280:
     background-position: left top;
     background-position: left top;
     background-size: 350px;
     background-size: 350px;
    background-repeat: no-repeat;
}
}


Line 281: Line 288:
     background-position: left top;
     background-position: left top;
     background-size: 350px;
     background-size: 350px;
    background-repeat: no-repeat;
}
}


Line 288: Line 296:
     background-position: left top;
     background-position: left top;
     background-size: 350px;
     background-size: 350px;
    background-repeat: no-repeat;
}
}


Line 295: Line 304:
     background-position: left top;
     background-position: left top;
     background-size: 350px;
     background-size: 350px;
    background-repeat: no-repeat;
}
}


Line 302: Line 312:
     background-position: left top;
     background-position: left top;
     background-size: 350px;
     background-size: 350px;
    background-repeat: no-repeat;
}
}


Line 309: Line 320:
     background-position: left top;
     background-position: left top;
     background-size: 350px;
     background-size: 350px;
    background-repeat: no-repeat;
}
}


Line 316: Line 328:
     background-position: left top;
     background-position: left top;
     background-size: 350px;
     background-size: 350px;
    background-repeat: no-repeat;
}
}


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


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


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


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


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


Line 527: Line 555:
.sh-live-container
.sh-live-container
{
{
     display: inline-grid;
     display: grid;
    grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));
    gap: 1em;
    margin-bottom: 1em;
}
}


Line 589: Line 620:
.lh-live-container
.lh-live-container
{
{
     display: inline-grid;
     display: grid;
    grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));
    gap: 1em;
    margin-bottom: 1em;
}
}



Revision as of 18:47, 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)
.banner-container, .header, .page-header-bar, .overlay-header, .content, .overlay-content, .content-unstyled, .pre-content, .post-content, #mw-content-text > form {
    margin-left: auto;
    margin-right: auto;
    width: 90%;
    max-width: 993.3px;
}

@media screen and (min-width: 720px)
.pre-content, #mw-content-text > form, .content, .post-content {
    max-width: 993.3px;
    margin: 0 3.35em;
} */


.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
{

}

.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
{

}



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

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

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

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

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

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

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

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

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

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

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

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

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

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



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

.disc-swordboy
{

}

.disc-iberia
{

}

.disc-ido
{

}

.disc-halloween
{

}

.disc-vanisuta
{

}

.disc-marvelous
{

}

.disc-nearest
{

}



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

.disc-riddle
{

}

.disc-genome
{

}

.disc-sister
{

}

.disc-link
{

}

.disc-pastel
{

}

.disc-rasp
{

}

.disc-leviathan
{

}

.disc-poca
{

}

.disc-rest
{

}

.disc-schwarz
{

}

.disc-dream
{

}

.disc-chronology
{

}



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

.disc-daikikou
{

}

.disc-bravely1
{

}

.disc-kiseki
{

}



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

.disc-kokikou
{

}

.disc-daikikou
{

}

.disc-jiyuu
{

}

.disc-rakuen
{

}

.disc-shinjitsu
{

}



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

.disc-gny
{

}

.disc-seishun
{

}

.disc-zahyou
{

}

.disc-daishou
{

}

.disc-sasageyo
{

}

.disc-requiem
{

}

.disc-shikabane
{

}



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

.live-elyscon
{

}

.live-romancon
{

}

.live-tte2
{

}

.live-moiracon
{

}

.live-tte3
{

}

.live-asohora
{

}

.live-merucon
{

}

.live-party
{

}

.live-noeru
{

}

.live-neincon
{

}

.live-acoustic
{

}



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

.live-luxendarc
{

}

.live-asohora-shingeki
{

}

.live-kisekicon
{

}