Themes

CSS

/* Written in 2020 by Mara Cavanaugh

 This theme is licensed under a Creative Commons Attribution 4.0 
 International License.

 You should have received a copy of the license along with this
 work. If not, see http://creativecommons.org/licenses/by/4.0/
*/

@import url('https://fonts.googleapis.com/css2?family=Martel:wght@200;300;400;600;700;800;900&display=swap');
:root {
--wallpaper: #E5EFF2;
--main: #00004C;
--submain: #565884;
--accent1: #ab0000;
--accent2: #c85166;
--accent3: #5e2658;
--accent-a: #c50000;
}

body, body h1 a, body p {
color: var(--main);
font-family: Martel;
}

header p.description {
color: var(--accent3);
}

#post nav a:not(.home), header nav a {
color: var(--accent2);
}

body p {
font-size: 1.2rem;
}

body#collection article p, body#subpage article p{
line-height: 1.45;
}

.post-title a:link, .post-title a:visited {
font-family: Martel;
font-size: 1.2em;
color: var(--accent1);
}

body#post article h2#title {
font-family: Martel;
font-size: 1.7em;
color: var(--accent1);
}

p a {
color: var(--accent3);
}

p a:hover {
color: var(--accent-a);
}

#collection #wrapper time, #subpage #wrapper time {
color: var(--submain);
font-family: Martel;
/* Previous css  allowed use of time.dt-published, this css doesn't allow -- why?*/
}

a.hashtag span:first-child {
color: var(--submain);
}

a.hashtag span,
span.p-category {
color: var(--accent2);
}

nav a {
color: var(--submain);
}

input {
font-family: Martel;
}

input[type=email] {
border: 1px solid var(--submain);
}

#subscribe-btn {
border: 1px solid var(--accent3);
background: var(--accent3);
color: var(--wallpaper);
}

hr {
background: var(--submain);
}

body footer a.home:link, body footer a.home:visited {
color: var(--accent1);
}