From 91e58a72058261f1be883f43d2c564554402c1ec Mon Sep 17 00:00:00 2001 From: Ekaitz Zarraga Date: Mon, 13 Jan 2020 15:24:57 +0100 Subject: Full CSS rework: - add light/dark colorscheme support (also for code) - remove Skeleton - Split elenq CSS in pelican-specific vs general --- themes/elenq/static/css/elenq-pelican.css | 86 +++++++++++++++++++++++++++++++ 1 file changed, 86 insertions(+) create mode 100644 themes/elenq/static/css/elenq-pelican.css (limited to 'themes/elenq/static/css/elenq-pelican.css') diff --git a/themes/elenq/static/css/elenq-pelican.css b/themes/elenq/static/css/elenq-pelican.css new file mode 100644 index 0000000..ffa92fa --- /dev/null +++ b/themes/elenq/static/css/elenq-pelican.css @@ -0,0 +1,86 @@ +/* PELICAN SPECIFIC*/ +/*****************************************************************************/ +.entry-content{ + margin-top: 1rem; +} + +.entry-content table{ + margin-left: auto; + margin-right: auto; +} + +ol, ul { + font-size: 1.7rem; + list-style-position: outside; + margin-left: 3rem; + margin-right: 3rem; +} +li{ + padding-left: 1ex; +} + +#post-list{ + list-style: none; + margin-left: 0; + margin-right: 0; +} +#post-list li{ + padding-left: 0; +} + +.footer-logo{ + width: 120px; + margin-top: 0; +} +.post-info{ + margin-bottom: 3rem; +} + +.hentry p{ /* Reduce margin in the news section*/ + margin-bottom: 1ex; +} + +.published{ + font-style: italic +} + +@media (min-width: 800px){ /*more than a tablet*/ + .hentry header{ + width: 100%; + min-width: 100%; + display: inline-flex; + flex: 1; + -webkit-flex: 1; /* Safari 6.1+ */ + -ms-flex: 1; /* IE 10 */ + justify-content: space-between; + flex-wrap: nowrap; + align-items: baseline; + } + .published{ + font-style: normal; + } +} + +/* Typography pelican + */ +.hentry .entry-content h1{ font-size: 2.2rem; } +.hentry .entry-content h2{ font-size: 2.0rem; } +.hentry .entry-content h3{ font-size: 1.8rem; } +.hentry .entry-content h4{ font-size: 1.6rem; } +.hentry .entry-content h5{ font-size: 1.4rem; } +.hentry .entry-content h6{ font-size: 1.2rem; } + + + +h1.main-title { + font-size: 4.5rem; line-height: 1; text-align: center; + margin-bottom: 2rem; + margin-top: 2rem; + font-family: "LatoLatinLightWeb", Helvetica, Arial, sans-serif; +} +h1 span.subtitle{ + font-size: 2.5rem; +} +h2.entry-title{ + font-size: 3.0rem; line-height: 1.2; +} -- cgit v1.2.3