This site is a developmental version of Wiki Law School. To go to the production site: www.wikilawschool.org
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) (add a set of modern font types to the fonts of the user name and top-bar navigation menus displayed between 852 and 1100 px browser width) |
Lost Student (talk | contribs) mNo edit summary |
||
(16 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
/* All CSS here will be loaded for users of the Timeless skin */ | /* 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;} | |||
/* Top bar font modernization */ | /* Top bar font modernization */ | ||
#mw-header *, | #mw-header *, | ||
#mw-site-navigation *, | #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 | #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-form-grey.svg); | |||
} | |||
/* Avoid cutting off letters with descenders: g,j,p,q,y */ | /* Avoid cutting off letters with descenders: g,j,p,q,y */ | ||
Line 12: | Line 22: | ||
bottom:0.1em | 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; | |||
} | |||
/* Triangle position patch */ | /* Triangle position patch */ | ||
#personal h2::after { | #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; | |||
} | |||
} | } |
Latest revision as of 21:48, November 9, 2023
/* 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;} /* 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-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; } /* 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; } }