10,115
edits
MediaWiki:Common.css: Difference between revisions
Del and Ins for LJ.
m (Works in body. Increasing size.) |
(Del and Ins for LJ.) |
||
| (27 intermediate revisions by 2 users not shown) | |||
| Line 1: | Line 1: | ||
@import url('https://fonts.googleapis.com/ | @import url('https://fonts.googleapis.com/css2?family=Alegreya+Sans+SC:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&family=Alegreya+Sans:ital,wght@0,400;0,500;0,700;0,800;1,400;1,500;1,700;1,800&family=Alegreya:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&family=Overpass+Mono&display=swap'); | ||
/* Covers most text */ | /* Covers most text */ | ||
body { | body { | ||
font-family: "Alegreya Sans", serif; | font-family: "Alegreya Sans", serif; | ||
font-size: 1. | font-size: 1.3em; | ||
font-weight: 400; | |||
} | |||
/* Bring the text to 14px */ | |||
#mw-content-text { | |||
font-size: 1.2em; | |||
} | |||
/* Tweaks to links */ | |||
#bodyContent a { | |||
font-weight: 500; | |||
} | } | ||
/* Covers some headers */ | /* Covers some headers */ | ||
.mw-body h1, .mw-body h2, .mw-body h3 { | .mw-body h1, .mw-body h2, .mw-body h4, .mw-body h5 { | ||
font-family: "Alegreya", sans-serif; | font-family: "Alegreya", serif; | ||
font-weight: 500; | |||
} | |||
.firstHeading h1 { | |||
font-family: "Alegreya", serif; | |||
font-size: 2.6em; | |||
font-weight: 700; | |||
} | |||
.mw-body h2 { | |||
font-size: 1.8em; | |||
} | |||
.mw-body h3 { | |||
font-family: "Alegreya Sans SC", sans-serif; | |||
font-size: 1.6em; | |||
font-weight: 500; | |||
} | |||
.mw-body h4 { | |||
font-size: 1.4em; | |||
} | |||
.mw-body h5 { | |||
font-size: 1.2em; | |||
} | |||
/* Use my font, when available, for code */ | |||
code, pre, samp, kbd, tt, .example-mono, .userlinks-username, .monospaced, .keyboard-key, .button, .plaincode { | |||
font-family: "Overpass Mono", monospace !important; | |||
} | |||
/* Added <del> and <ins> formatting for Lipton's Journal */ | |||
:root { | |||
--del-color: #ff92bf; | |||
--ins-color: #ddff92; | |||
} | |||
del { | |||
--color: var(--del-color, red); | |||
text-decoration: none; | |||
padding: 0 .5em; | |||
background-repeat: no-repeat; | |||
background-image: | |||
linear-gradient(to left, rgba(255, 255, 255, .5), transparent), | |||
linear-gradient(2deg, var(--color) 50%, transparent 50%), | |||
linear-gradient(-.9deg, var(--color) 50%, transparent 50%), | |||
linear-gradient(-60deg, var(--color) 50%, transparent 50%), | |||
linear-gradient(120deg, var(--color) 50%, transparent 50%); | |||
background-size: | |||
30% 1.5px, | |||
calc(100% - 20px) 10px, | |||
calc(100% - 20px) 10px, | |||
10px 10px, | |||
8px 8px; | |||
background-position: | |||
100% calc(50% + 2px), | |||
center center, | |||
center center, | |||
2px 50%, | |||
calc(100% - 3px) calc(50% + 1px); | |||
} | |||
ins { | |||
background: var(--ins-color, green); | |||
text-decoration: none; | |||
} | |||
/* Make some of the editable stuff monospaced */ | |||
#wpTextbox1, #wpSummary, #searchInput, #searchText { | |||
font-family: "Overpass Mono", monospace !important; | |||
} | |||
/* Increase font size in editing window */ | |||
.mw-editfont-monospace, | |||
.mw-editfont-sans-serif, | |||
.mw-editfont-serif { | |||
font-size: 18px !important; | |||
font-family: "Overpass Mono", monospace; | |||
} | |||
/* To make images responsive */ | |||
.res-img img { | |||
max-width: 100%; | |||
height: auto; | |||
padding-bottom: 20px; | |||
} | } | ||
| Line 15: | Line 114: | ||
cite, dfn { | cite, dfn { | ||
font-style: inherit; | font-style: inherit; | ||
} | |||
/* Drop cap & Start for Template:Dc */ | |||
.dropcap { | |||
font-family: "Alegreya", sans-serif; | |||
padding-right: 5px; | |||
float : left; | |||
font-size : 4em; | |||
line-height : 0.5; | |||
margin : 0.205em 0.153em 0 0; | |||
font-weight: 900; | |||
} | |||
.dropcap + span { | |||
margin-left : -0.5em; | |||
} | |||
.intro { | |||
font-family: Alegreya Sans SC; | |||
font-weight: 700; | |||
} | } | ||