MediaWiki:Timeless.css: Difference between revisions
From wikilawschool.net. Wiki Law School does not provide legal advice. For educational purposes only.
Lost Student (talk | contribs) m (Add position for mw-notification-area-overlay class) |
Lost Student (talk | contribs) m (Updated file name for grey pencil image) |
||
Line 11: | Line 11: | ||
/* Change "Edit form" icon to pencil icon */ | /* Change "Edit form" icon to pencil icon */ | ||
#ca-formedit a { | #ca-formedit a { | ||
background-image: linear-gradient(transparent,transparent),url(/w/skins/Timeless/resources/images/pencil-grey. | background-image: linear-gradient(transparent,transparent),url(/w/skins/Timeless/resources/images/pencil-grey.svg); | ||
} | } | ||
Revision as of 00:55, October 3, 2023
/* 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/skins/Timeless/resources/images/pencil-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;
}
}