28 lines
1.4 KiB
CSS
28 lines
1.4 KiB
CSS
/* The "Book to Film" front door: the same pages, a different look.
|
|
Loaded on top of app.css when the site settings name the theme "book"
|
|
(assets/app.js, Site.apply). Everything in app.css is drawn from these
|
|
variables, so a look is mostly a palette and a typeface. */
|
|
:root{
|
|
--bg:#f6f1e7; --panel:#fffdf8; --line:#ddd3c0;
|
|
--ink:#231f1a; --muted:#6f6657; --accent:#8a2f1c; --accent2:#a8761b;
|
|
--bad:#b4531f; --good:#2f7d4f;
|
|
}
|
|
body{font-family:Georgia,"Iowan Old Style","Times New Roman",serif;font-size:17px}
|
|
nav{background:#231f1a;border-bottom:0;margin-bottom:0}
|
|
nav .brand{color:#f6f1e7;font-family:Georgia,serif;letter-spacing:.01em}
|
|
nav .brand span{color:#e0a458}
|
|
nav a.link{color:#c9bfae}
|
|
nav a.link:hover,nav a.link.on{color:#fff}
|
|
nav .who,nav .who button{color:#c9bfae}
|
|
header.page h1{font-family:Georgia,serif;font-weight:600;letter-spacing:0}
|
|
h2.sec{color:var(--accent)}
|
|
input[type=text],input[type=email],input[type=url],textarea,select{background:#fff;color:var(--ink)}
|
|
.btn{background:var(--accent);border-radius:4px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
|
|
.btn.ghost{color:var(--ink)}
|
|
.card,.item,.ex{border-radius:6px;box-shadow:0 1px 0 rgba(35,31,26,.06)}
|
|
.msg.err{background:#fbe9e2;border-color:#e6b9a8;color:#7a2c14}
|
|
.msg.ok{background:#e6f3ea;border-color:#b5d8c1;color:#1f5a38}
|
|
.chip,.quote{background:#fff}
|
|
.chip.on{background:#f3e7df}
|
|
.item .ph{background:#fff}
|
|
footer{color:var(--muted)}
|