Instantly share code, notes, and snippets.
Last active
April 17, 2020 17:58
-
Star
(0)
0
You must be signed in to star a gist -
Fork
(0)
0
You must be signed in to fork a gist
-
Save jeremyzilar/4036420e7aa59a4218d2fcf3252dde9a to your computer and use it in GitHub Desktop.
Brooklyn Rail Newsletter CSS
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<link href="https://fonts.googleapis.com/css2?family=Amiri:ital,wght@0,400;0,700;1,400;1,700&family=Public+Sans:ital,wght@0,100;0,400;0,700;1,100;1,400;1,700&display=swap" rel="stylesheet"> | |
<style type="text/css"> | |
h1 { | |
font-family: 'Amiri', serif !important; | |
font-size: 32px !important; | |
font-weight:200 !important; | |
line-height: 42px !important; | |
word-spacing: -.1em; | |
text-align: center !important; | |
color: #111 !important; | |
} | |
h2 { | |
margin-bottom:.5em; | |
font-family: 'Public Sans', sans-serif !important; | |
font-size: 20px; | |
font-weight: 300; | |
line-height:30px !important; | |
color: #111 !important;} | |
h2 a{ | |
font-family: 'Public Sans', sans-serif !important; | |
font-size: 20px; | |
font-weight: 300; | |
line-height:44px !important; | |
color: #ff0000 !important; | |
text-decoration: underline overline dotted red; | |
} | |
h3 { | |
font-family: 'Amiri', serif !important; | |
font-size: 28px !important; | |
font-weight: 300 !important; | |
line-height:22px !important; | |
letter-spacing: .02em !important; | |
word-spacing: -.1em !important; | |
margin-bottom: .5em !important; | |
color: #FF0000 !important; | |
} | |
h3 a { | |
font-family: 'Amiri', serif !important; | |
font-size: 28px !important; | |
font-weight: 300 !important; | |
line-height:32px !important; | |
letter-spacing: .02em !important; | |
margin-bottom: .5em !important; | |
color: #FF0000 !important; | |
} | |
h4 { | |
font-family: 'Public Sans', sans-serif !important; | |
font-size: 14px !important; | |
font-weight: 400 !important; | |
line-height:24px !important; | |
color: #FF0000 !important; | |
} | |
h4 a { | |
font-family: 'Public Sans', sans-serif !important; | |
font-weight: 300; | |
line-height:24px !important; | |
color: #FF0000 !important; | |
} | |
h5 { | |
font-family: 'Public Sans', sans-serif !important; | |
font-size: 16px !important; | |
font-weight: 300 !important; | |
line-height:24px !important; | |
color: #111 !important; | |
} | |
h6 { | |
font-family: 'Public Sans', sans-serif !important; | |
font-size: 14px !important; | |
font-weight: 400 !important; | |
line-height:22px !important; | |
color: #111 !important; | |
} | |
h6 a{ | |
font-family: 'Public Sans', sans-serif !important; | |
font-size: 14px !important; | |
font-weight: 400 !important; | |
line-height:22px !important; | |
color: #111 !important; | |
} | |
p { | |
font-family: 'Amiri', sans-serif !important; | |
font-weight: 300 !important; | |
color: #111 !important; | |
} | |
p, .footerContainer { | |
font-family: 'Public Sans', sans-serif !important; | |
font-weight: 300 !important; | |
color: #111 !important; | |
} | |
.box{ | |
padding:.5em 1.25em; | |
background-color: #fafafa !important; | |
border: 1px #dddddd solid !important; | |
border-radius: 3px !important; | |
} | |
.table-of-contents{ | |
} | |
.table-of-contents h2{ | |
font-family: "Public Sans", sans-serif !important; | |
font-size: 24px !important; | |
} | |
.table-of-contents h3{ | |
margin-bottom:0 !important; | |
} | |
.table-of-contents h3 a{ | |
font-family: "Public Sans", sans-serif !important; | |
font-size: 18px !important; | |
line-height: 22px !important; | |
font-weight: 500 !important; | |
color: #000000 !important; | |
text-decoration:none !important; | |
} | |
.table-of-contents ul{ | |
margin-top:0 !important; | |
padding:0 !important; | |
list-style-type:none; | |
} | |
.table-of-contents ul li{ | |
font-size: 14px !important; | |
} | |
.table-of-contents ul li a{ | |
color: #FF0000 !important; | |
} | |
.rail-newsletter * { | |
font-family: "Public Sans", sans-serif !important; | |
} | |
.rail-newsletter h2 { | |
margin-bottom:20px; | |
font-family: "Public Sans", sans-serif !important; | |
font-size: 26px !important; | |
line-height: 32px !important; | |
font-weight: 300 !important; | |
color: #111 !important; | |
} | |
.rail-newsletter h3{ | |
margin-top:30px; | |
margin-bottom:10px; | |
font-family: "Public Sans", sans-serif !important; | |
font-size: 18px !important; | |
line-height: 24px !important; | |
color: #111 !important; | |
} | |
.rail-newsletter h5 { | |
font-family: "Public Sans", sans-serif !important; | |
font-size: 16px !important; | |
font-weight: 300 !important; | |
line-height:24px !important; | |
color: #111 !important; | |
} | |
.rail-newsletter p { | |
margin: 0 0 15px 0 !important; | |
font-family: "Public Sans", sans-serif !important; | |
font-weight: 300 !important; | |
color: #111 !important; | |
} | |
.rail-newsletter p a, | |
.rail-newsletter p strong, | |
.rail-newsletter p em{ | |
font-family: "Public Sans", sans-serif !important; | |
} | |
.rail-newsletter .footerContainer { | |
font-family: "Public Sans", sans-serif !important; | |
font-weight: 300 !important; | |
color: #111 !important; | |
} | |
/* Buttons */ | |
.rail-newsletter .btn{ | |
margin:0; | |
display: inline-block !important; | |
padding:8px 30px; | |
color: #fff !important; | |
text-decoration:none !important; | |
border-radius:2px; | |
font-size: 18px !important; | |
font-weight: 400 !important; | |
background-color: #e52207 !important; | |
border:2px #e52207 solid; | |
} | |
.rail-newsletter .btn:hover{ | |
text-decoration:underline !important; | |
} | |
.rail-newsletter .btn-sm{ | |
padding:5px 15px; | |
font-size: 14px !important; | |
} | |
.rail-newsletter .btn-light{ | |
color: #e52207 !important; | |
background-color: #fff !important; | |
border:2px #e52207 solid; | |
} | |
/* Event Listings */ | |
.rail-newsletter .event-listing{ | |
margin:0; | |
padding:20px 0; | |
border-top:1px #ccc solid; | |
} | |
.rail-newsletter .event-listing h2{ | |
margin:0 !important; | |
font-family: "Public Sans", sans-serif !important; | |
} | |
.rail-newsletter .event-listing .event{ | |
padding:28px 0; | |
border-bottom:1px #ccc solid; | |
} | |
.rail-newsletter .event-listing .event:first-of-type{ | |
border-top:0; | |
} | |
.rail-newsletter .event-listing .event h5{ | |
margin-top:0; | |
margin-bottom:3px; | |
font-weight: 500 !important; | |
font-family: "Public Sans", sans-serif !important; | |
font-size: 16px !important; | |
} | |
.rail-newsletter .event-listing .event .episode{ | |
margin-right:3px; | |
padding:0px 7px; | |
display:inline-block; | |
position:relative; | |
top: -1px; | |
border-radius:2px; | |
font-size: 12px !important; | |
font-weight: 500 !important; | |
line-height: 20px !important; | |
color: #fff !important; | |
background-color: #0b4778 !important; | |
} | |
.rail-newsletter .event-listing .event p{ | |
margin:6px 0; | |
font-family: "Public Sans", sans-serif !important; | |
font-size: 18px !important; | |
line-height: 26px !important; | |
} | |
.rail-newsletter .event-listing .event p a{ | |
color: #e52207 !important; | |
} | |
.rail-newsletter .event-listing .event .guest{ | |
margin-top:0; | |
font-family: "Public Sans", sans-serif !important; | |
font-size: 24px !important; | |
line-height: 32px !important; | |
} | |
</style> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment