From 6e4ba7778578e32f6bad2fd67025cbbad7bce7d9 Mon Sep 17 00:00:00 2001 From: Nicolas Dato Date: Sat, 3 Jun 2023 23:11:42 -0300 Subject: agrego archivos para zola --- zola/static/style.css | 147 ++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 147 insertions(+) create mode 100644 zola/static/style.css (limited to 'zola/static/style.css') diff --git a/zola/static/style.css b/zola/static/style.css new file mode 100644 index 0000000..3d61611 --- /dev/null +++ b/zola/static/style.css @@ -0,0 +1,147 @@ +:root { + --base03: #002b36; + --base02: #073642; + --base01: #586e75; + --base00: #657b83; + --base0: #839496; + --base1: #93a1a1; + --base2: #eee8d5; + --base3: #fdf6e3; + --yellow: #b58900; + --orange: #cb4b16; + --red: #dc322f; + --magenta: #d33682; + --violet: #6c71c4; + --blue: #268bd2; + --cyan: #2aa198; + --green: #859900; + --header-font-size: 150%; + --column-min-width: 20ex; + --border-width: 1px; + --padding: 2ex; + --margin: 2ex; + --content-padding-left: 9ex; + --content-padding-right: 5ex; + --body-max-width: 120ex; + --body-min-width: 75ex; + --body-font-size: 115%; + --content-width: 73ex; + --dt-font-size: 120%; +} + +@font-face { + font-family: 'Libertinus'; + font-style: normal; + font-weight: normal; + font-display: swap; + src: url('/fonts/libertinus-regular.woff2') format('woff2'); +} + +@font-face { + font-family: 'Libertinus'; + font-style: normal; + font-weight: bold; + font-display: swap; + src: url('/fonts/libertinus-bold.woff2') format('woff2'); +} + +@font-face { + font-family: 'Libertinus'; + font-style: italic; + font-weight: normal; + font-display: swap; + src: url('/fonts/libertinus-italic.woff2') format('woff2'); +} + +@font-face { + font-family: 'Libertinus'; + font-style: italic; + font-weight: bold; + font-display: swap; + src: url('/fonts/libertinus-bold-italic.woff2') format('woff2'); +} + +body { + font-family: 'Libertinus'; + color: var(--base1); + background-color: var(--base02); + font-size: var(--body-font-size); + min-width: var(--body-min-width); + max-width: var(--body-max-width); + margin: auto; +} + +section { + border: var(--border-width) solid var(--blue); + background-color: var(--base03); + margin: var(--margin); + padding: var(--padding); +} + +em { + color: var(--yellow); +} + +strong { + color: var(--orange); +} + +article p::first-letter { + font-size: 150%; + color: var(--orange); +} + +article { + text-indent: 4ex; + text-align: justify; + padding-top: 2ex; + padding-bottom: 5ex; +} + +dt { + font-size: var(--dt-font-size); +} + +header, +footer { + text-align: center; +} + +:link, +:visited { + color: var(--cyan); +} + +.header header { + font-size: 200%; +} + +.logo { + height: 4ex; + vertical-align: middle; +} + +.navigation { + text-align: center; +} + +.main { + display: flex; + justify-content: center; +} + +.column header { + font-size: var(--header-font-size); + background-color: var(--base02); +} + +.left { + min-width: var(--column-min-width); +} + +.content { + width: var(--content-width); + padding-left: var(--content-padding-left); + padding-right: var(--content-padding-right); +} + -- cgit v1.2.3