MediaWiki:Common.css: Difference between revisions

No edit summary
No edit summary
 
(14 intermediate revisions by the same user not shown)
Line 8: Line 8:
/* Meta color scheme */
/* Meta color scheme */
--fiendish-dark-purple: #5A1A45;
--fiendish-dark-purple: #5A1A45;h
--fiendish-purple: #993B80;
--fiendish-purple: #993B80;
--fiendish-gold: #C8AA6E;
--fiendish-gold: #C8AA6E;
Line 725: Line 725:
     box-shadow: 0 0 7px rgba(0, 0, 0, 0.15);
     box-shadow: 0 0 7px rgba(0, 0, 0, 0.15);
     margin-top: 0;
     margin-top: 0;
}
.mw-heading h1,
.mw-heading h2,
.mw-heading h3,
.mw-heading h4,
.mw-heading h5,
.mw-heading h6 {
    color: var(--text-color);
}
}


Line 736: Line 745:
}
}


h1,
.mw-heading h1,
h2 {
.mw-heading h2 {
     border-color: var(--section-border-color);
     border-color: var(--section-border-color);
}
}
Line 1,388: Line 1,397:
.wikitable > * > tr > th {
.wikitable > * > tr > th {
     background-color: var(--wikitable-header-bg);
     background-color: var(--wikitable-header-bg);
    color: var(--league-white);
}
}


Line 4,933: Line 4,943:
.mainpage-discord a {
.mainpage-discord a {
display: flex;
display: flex;
box-shadow: 9px 10px 5px -8px rgba(0,0,0,0.35);
/*box-shadow: 9px 10px 5px -8px rgba(0,0,0,0.35);*/
margin-bottom: 1em;
/*margin-bottom: 1em;*/
background: #5865f2;
background: #5865f2;
padding: .5em 1em;
padding: .5em 1em;
Line 5,125: Line 5,135:
     max-height: 12em;
     max-height: 12em;
     transition: 0.4s ease-out;
     transition: 0.4s ease-out;
}
.tile-top.tile-image.blog-embed-image {
display: block;
}
}


Line 5,147: Line 5,161:
flex-direction: column;
flex-direction: column;
align-items: start;
align-items: start;
}
.mw-parser-output .tile-top a.external.text {
padding: 0 !important;
}
.mw-parser-output .tile-top a.external {
background: none !important;
padding-left: 0 !important;
}
}


Line 5,646: Line 5,669:


.mainpage-twitter .arrow {
.mainpage-twitter .arrow {
    position: absolute;
    top: calc(50% - .5em);
    right: 0;
    height: 1em;
    width: 0.7em;
    background-size: 0.7em 1em;
    transition: 0.3s ease-out;
}
.mainpage-valence {
    border: none;
    box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.3);
}
.mainpage-valence .tile-top {
    display: flex;
    align-items: center;
    background: #6a882f;
    padding: 1em 1.75em;
}
.mainpage-valence .tile-top a {
    flex: 1;
    position: relative;
    text-decoration: none;
}
.mainpage-valence .tile-top a:hover .arrow {
    transform: translateX(50%);
}
.mainpage-valence .tile-bottom {
    background: #2d4303;
    border: none;
    padding: 1em 1.75em;
}
.mainpage-valence .tile-bottom p {
    color: #fff;
    font-weight: bold;
    font-size: 0.9em;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    margin: 0;
}
.mainpage-valence .valence-logo {
    margin-right: 0.75em;
}
.mainpage-valence .valence-name {
    color: #fff;
    font-weight: bold;
    font-size: 1.25em;
    margin: 0.5em 0 -0.15em;
}
.mainpage-valence .valence-tagline {
    color: rgba(255, 255, 255, 0.9);
    margin-bottom: 0.5em;
}
.mainpage-valence .arrow {
     position: absolute;
     position: absolute;
     top: calc(50% - .5em);
     top: calc(50% - .5em);