diff options
Diffstat (limited to 'ui/src/routes/+layout.svelte')
| -rw-r--r-- | ui/src/routes/+layout.svelte | 140 |
1 files changed, 140 insertions, 0 deletions
diff --git a/ui/src/routes/+layout.svelte b/ui/src/routes/+layout.svelte new file mode 100644 index 0000000..6539952 --- /dev/null +++ b/ui/src/routes/+layout.svelte @@ -0,0 +1,140 @@ +<body> + <nav> + <a href="/">Home</a> + | + <a href="/new">New</a> + <a href="/login" class="nav-right">Login</a> + </nav> + + + <div class="container"> + <slot></slot> + </div> +</body> + +<style> +nav { + border-bottom: 3px solid #000; + padding-bottom: 10px; +} +.nav-right { + display: block; + float: right; +} +a { + text-decoration: none; + color: #268bd2; +} +a:visited { + color: #d22653; + /* + * Previous colors: + * #aa26d2; + * #888; + */ +} +a:hover { + text-decoration: underline; +} + +code { + /* color: #9672d5; */ + color: #222; + /* background-color: #ff000020; */ + /* padding: 2px; */ + border: 1px solid; + padding: 2px; + font-size: .8em; + font-family: "Roboto Mono", "Monaco", "Lucida Console", "DejaVu Sans Mono", "monospace"; +} + +pre code, textarea { + color: #000; + background-color: #FFFFEA; + display: block; + padding: 10px; + border: 1px solid; + line-height: 1.1; + overflow: auto; +} + +.code { + color: #000; + background-color: #FFFFEA; + display: block; + padding: 10px; + border: 1px solid; + line-height: 1.1; + overflow: auto; + border: 1px solid; + padding: 2px; + font-size: .8em; + font-family: "Roboto Mono", "Monaco", "Lucida Console", "DejaVu Sans Mono", "monospace"; +} + +textarea { + width: 100%; +} + +blockquote { + border-left: 4px solid #aaa; + padding-left: 1em; +} + +/* + * The following was shamelessly ripped from: + * http://bettermotherfuckingwebsite.com/ + * And subsequently modified to suit my needs + */ + +body { + margin: 40px auto; + max-width: 80%; + line-height: 1.6; + font-size: 1em; + color: #444; + padding: 0 10px; + /* Added because some browsers don't default to white */ + background-color: #fff; +} + +img { + width: 100%; + height: auto; +} + +h1,h2,h3 { + line-height: 1.2 +} + +@media screen and (min-width: 960px) { + body { + max-width: 768px; + } +} + +@media print { + .hide-print { display: none; } + nav { + display: none; + } + body { + background-color: transparent; + line-height: 1; + font-size: 10pt; + /* margin: 5px auto; */ + margin: 5px 5px 5px 5px; + max-width: 100%; + } + + pre code { + color: #000; + background-color: inherit; + display: block; + padding: 10px; + border: none; + } + +} + +</style>
\ No newline at end of file |