From 6a0c129d39f5e659411c2358f30d425720229f16 Mon Sep 17 00:00:00 2001 From: Philipp Dormann Date: Fri, 29 Jan 2021 17:58:52 +0100 Subject: [PATCH] added basic styling to Imprint component ref #46 --- src/components/Imprint.svelte | 1 + src/components/imprint.css | 1 + 2 files changed, 2 insertions(+) create mode 100644 src/components/imprint.css diff --git a/src/components/Imprint.svelte b/src/components/Imprint.svelte index 9fba0eec..8265bb68 100644 --- a/src/components/Imprint.svelte +++ b/src/components/Imprint.svelte @@ -1,5 +1,6 @@
diff --git a/src/components/imprint.css b/src/components/imprint.css new file mode 100644 index 00000000..e3cd53da --- /dev/null +++ b/src/components/imprint.css @@ -0,0 +1 @@ +.imprintcontent *{margin:0;padding:0}.imprintcontent address,.imprintcontent area,.imprintcontent article,.imprintcontent aside,.imprintcontent audio,.imprintcontent blockquote,.imprintcontent datalist,.imprintcontent details,.imprintcontent dl,.imprintcontent fieldset,.imprintcontent figure,.imprintcontent form,.imprintcontent iframe,.imprintcontent img,.imprintcontent input,.imprintcontent meter,.imprintcontent nav,.imprintcontent ol,.imprintcontent optgroup,.imprintcontent option,.imprintcontent output,.imprintcontent p,.imprintcontent pre,.imprintcontent progress,.imprintcontent ruby,.imprintcontent section,.imprintcontent table,.imprintcontent textarea,.imprintcontent ul,.imprintcontent video{margin-bottom:1rem}.imprintcontent button,.imprintcontent html,.imprintcontent input,.imprintcontent select{font-family:var(--nc-font-sans)}.imprintcontent body{margin:0 auto;max-width:750px;padding:2rem;border-radius:6px;overflow-x:hidden;word-break:break-word;overflow-wrap:break-word;background:var(--nc-bg-1);color:var(--nc-tx-2);font-size:1.03rem;line-height:1.5}.imprintcontent ::-moz-selection{background:var(--nc-ac-1);color:var(--nc-ac-tx)}.imprintcontent ::selection{background:var(--nc-ac-1);color:var(--nc-ac-tx)}.imprintcontent h1,.imprintcontent h2,.imprintcontent h3,.imprintcontent h4,.imprintcontent h5,.imprintcontent h6{line-height:1;color:var(--nc-tx-1);padding-top:.875rem}.imprintcontent h1,.imprintcontent h2,.imprintcontent h3{color:var(--nc-tx-1);padding-bottom:2px;margin-bottom:8px;border-bottom:1px solid var(--nc-bg-2)}.imprintcontent h4,.imprintcontent h5,.imprintcontent h6{margin-bottom:.3rem}.imprintcontent h1{font-size:2.25rem}.imprintcontent h2{font-size:1.85rem}.imprintcontent h3{font-size:1.55rem}.imprintcontent h4{font-size:1.25rem}.imprintcontent h5{font-size:1rem}.imprintcontent h6{font-size:.875rem}.imprintcontent a{color:#3d5af1}.imprintcontent a:hover{color:var(--nc-lk-2)}.imprintcontent abbr:hover{cursor:help}.imprintcontent blockquote{padding:1.5rem;background:#ddd;border-left:5px solid var(--nc-bg-3)}.imprintcontent abbr{cursor:help}.imprintcontent blockquote :last-child{padding-bottom:0;margin-bottom:0}.imprintcontent header{background:#ddd;border-bottom:1px solid var(--nc-bg-3);padding:2rem 1.5rem;margin:-2rem calc(0px - (50vw - 50%)) 2rem;padding-left:calc(50vw - 50%);padding-right:calc(50vw - 50%)}.imprintcontent header h1,.imprintcontent header h2,.imprintcontent header h3{padding-bottom:0;border-bottom:0}.imprintcontent header>:first-child{margin-top:0;padding-top:0}.imprintcontent header>:last-child{margin-bottom:0}.imprintcontent a button,.imprintcontent button,.imprintcontent input[type=button],.imprintcontent input[type=reset],.imprintcontent input[type=submit]{font-size:1rem;display:inline-block;padding:6px 12px;text-align:center;text-decoration:none;white-space:nowrap;background:#3d5af1;color:var(--nc-lk-tx);border:0;border-radius:4px;box-sizing:border-box;cursor:pointer;color:var(--nc-lk-tx)}.imprintcontent a button[disabled],.imprintcontent button[disabled],.imprintcontent input[type=button][disabled],.imprintcontent input[type=reset][disabled],.imprintcontent input[type=submit][disabled]{cursor:default;opacity:.5;cursor:not-allowed}.imprintcontent .button:focus,.imprintcontent .button:hover,.imprintcontent button:focus,.imprintcontent button:hover,.imprintcontent input[type=button]:focus,.imprintcontent input[type=button]:hover,.imprintcontent input[type=reset]:focus,.imprintcontent input[type=reset]:hover,.imprintcontent input[type=submit]:focus,.imprintcontent input[type=submit]:hover{background:var(--nc-lk-2)}.imprintcontent code,.imprintcontent kbd,.imprintcontent pre,.imprintcontent samp{font-family:var(--nc-font-mono)}.imprintcontent code,.imprintcontent kbd,.imprintcontent pre,.imprintcontent samp{background:#ddd;border:1px solid var(--nc-bg-3);border-radius:4px;padding:3px 6px;font-size:.9rem}.imprintcontent kbd{border-bottom:3px solid var(--nc-bg-3)}.imprintcontent pre{padding:1rem 1.4rem;max-width:100%;overflow:auto}.imprintcontent pre code{background:inherit;font-size:inherit;color:inherit;border:0;padding:0;margin:0}.imprintcontent code pre{display:inline;background:inherit;font-size:inherit;color:inherit;border:0;padding:0;margin:0}.imprintcontent details{padding:.6rem 1rem;background:#ddd;border:1px solid var(--nc-bg-3);border-radius:4px}.imprintcontent summary{cursor:pointer;font-weight:700}.imprintcontent details[open]{padding-bottom:.75rem}.imprintcontent details[open] summary{margin-bottom:6px}.imprintcontent details[open]>:last-child{margin-bottom:0}.imprintcontent dt{font-weight:700}.imprintcontent dd::before{content:"→ "}.imprintcontent hr{border:0;border-bottom:1px solid var(--nc-bg-3);margin:1rem auto}.imprintcontent fieldset{margin-top:1rem;padding:2rem;border:1px solid var(--nc-bg-3);border-radius:4px}.imprintcontent legend{padding:auto .5rem}.imprintcontent table{border-collapse:collapse;width:100%}.imprintcontent td,.imprintcontent th{border:1px solid var(--nc-bg-3);text-align:left;padding:.5rem}.imprintcontent th{background:#ddd}.imprintcontent tr:nth-child(even){background:#ddd}.imprintcontent table caption{font-weight:700;margin-bottom:.5rem}.imprintcontent textarea{max-width:100%}.imprintcontent ol,.imprintcontent ul{padding-left:2rem}.imprintcontent li{margin-top:.4rem}.imprintcontent ol ol,.imprintcontent ol ul,.imprintcontent ul ol,.imprintcontent ul ul{margin-bottom:0}.imprintcontent mark{padding:3px 6px;background:var(--nc-ac-1);color:var(--nc-ac-tx)}.imprintcontent input,.imprintcontent select,.imprintcontent textarea{padding:6px 12px;margin-bottom:.5rem;background:#ddd;color:var(--nc-tx-2);border:1px solid var(--nc-bg-3);border-radius:4px;box-shadow:none;box-sizing:border-box}.imprintcontent img{max-width:100%}.imprintcontent blockquote{background:#ececec;}.imprintcontent ol{list-style-type: decimal;} .imprintcontent ul{list-style-type: circle;} \ No newline at end of file