MediaWiki:Mobile.css: Difference between revisions

From Tardis Wiki, the free Doctor Who reference
Focusing on design progress: will save these colour variables later.
No edit summary
Tags: Mobile edit Mobile web edit
(Focusing on design progress: will save these colour variables later.)
Tags: Shouting Mobile edit Mobile web edit
Line 801: Line 801:
.skin-citizen-light .portable-infobox .pi-title + p {
.skin-citizen-light .portable-infobox .pi-title + p {
     background: var(--accent-6);
     background: var(--accent-6);
}
/*  =-=-=-=-=-=-=-=-=-=-=-=
    USER MESSAGES
    =-=-=-=-=-=-=-=-=-=-=-= */
.usermessage {
    position: fixed;
    bottom: 2.39vh;
    right: 0.221em;
    left: 0.9881em;
    max-width: 28em;
    background: var(--primary-9);
    border: solid 4.4px var(--background-color-icon--active);
    border-radius: 10px;
    box-shadow: 4px 0.1px 9.2px 1px hsla(var(--surface-shadow));
    padding: 10px;
    padding-left: 14px;
    transform: translateY(-2px) translateX(-3.12px);
    transition: transform 0.88s;
    z-index: 90000;
}
:root.skin-citizen-dark .usermessage a {
    color: #a0b7de!important;
}
.citizen-scroll--up .usermessage {
    transform: translateY(-23.58px) translateX(-3.12px);
}
:root.skin-citizen-light .usermessage {
    background: #869ccd;
    border-color: #2e476d;
    box-shadow: 0 0 0 5px #546893, 2px 2.1px 9.2px 8px hsla(var(--color-primary__h), 10%, 58%);
    color: #111317;
    filter: invert(1) hue-rotate(180deg);
}
:root.skin-citizen-light .usermessage a {
    color: #243858!important; /*5874a0*/
}
}


Cookies help us deliver our services. By using our services, you agree to our use of cookies.