MediaWiki:Timeless.css

From wikilawschool.net. Wiki Law School does not provide legal advice. For educational purposes only.
Revision as of 03:15, November 10, 2023 by Lost Student (talk | contribs)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.
/* All CSS here will be loaded for users of the Timeless skin */

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

.mw-wiki-logo {width:135px;height:135px;}

.mw-indicators {min-height:32.6833px;}

/* 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;
    }
}