10,132
edits
Jules Carry (talk | contribs) m (Tweaks.) |
(Del and Ins for LJ.) |
||
(3 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 */ | ||
Line 7: | Line 5: | ||
font-family: "Alegreya Sans", serif; | font-family: "Alegreya Sans", serif; | ||
font-size: 1.3em; | font-size: 1.3em; | ||
font-weight: 400; | |||
} | } | ||
Line 22: | Line 21: | ||
.mw-body h1, .mw-body h2, .mw-body h4, .mw-body h5 { | .mw-body h1, .mw-body h2, .mw-body h4, .mw-body h5 { | ||
font-family: "Alegreya", serif; | font-family: "Alegreya", serif; | ||
font-weight: | font-weight: 500; | ||
} | } | ||
Line 28: | Line 27: | ||
font-family: "Alegreya", serif; | font-family: "Alegreya", serif; | ||
font-size: 2.6em; | font-size: 2.6em; | ||
font-weight: | font-weight: 700; | ||
} | } | ||
Line 52: | Line 51: | ||
code, pre, samp, kbd, tt, .example-mono, .userlinks-username, .monospaced, .keyboard-key, .button, .plaincode { | code, pre, samp, kbd, tt, .example-mono, .userlinks-username, .monospaced, .keyboard-key, .button, .plaincode { | ||
font-family: "Overpass Mono", monospace !important; | 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; | |||
} | } | ||