MediaWiki:Timeless.css: Difference between revisions

/* All CSS here will be loaded for users of the Timeless skin */

#mw-content-container { background-image: none; }

/* Top bar font modernization */
#mw-header *,
#mw-site-navigation *,
#mw-related-navigation *  { font-family: 'Segoe UI','Segoe UI Emoji','Segoe UI Symbol','Lato','Liberation Sans','Noto Sans','Helvetica Neue','Helvetica',sans-serif
}

/* Change "Edit form" icon to pencil icon */
#ca-formedit a {
    background-image: linear-gradient(transparent,transparent),url(/w/images/pencil-form-grey.svg);
}

/* Avoid cutting off letters with descenders: g,j,p,q,y */
#personal h2 span {
    height: 1.5em;
    position:relative;
    bottom:0.1em
}

/* Make user messages more conspicuous */
.usermessage {
    background-color: #ffce7b;
    border: 1px solid #ffa500;
    color: #000;
    font-weight: bold;
    margin: 2em 0 1em;
    padding: 0.5em 1em;
    vertical-align: middle;
}

/* Move notifications down so not blocked by top menu */
.mw-notification-area-overlay {
  top: 3.625em;
  }

/* Triangle position patch */
#personal h2::after {
    position: relative;
    bottom: 0.5em;
}

@media screen and (max-width: 850px) {
    .sidebar-inner ul, .dropdown ul {
        font-size: 130%;
    }

    .infobox {
        display: block;
        width: 100% !important;
        font-size:110% !important;
    }

    .infobox th {
        width: 50%;
    }

    div#mw-wrapper {
        font-size: 120% !important;
        word-break: break-word;
    }
}