From 9f91cb675b6a7881721878c23fec38987851ebc5 Mon Sep 17 00:00:00 2001 From: Daniele Scasciafratte Date: Wed, 17 Nov 2021 12:46:52 +0100 Subject: [PATCH] feat(large): riscritta --- content/pages/live.md | 4 +- themes/pelican-blue/static/css/large.css | 301 ++---------------- themes/pelican-blue/static/css/style.css | 5 +- themes/pelican-blue/templates/base.html | 6 +- themes/pelican-blue/templates/large_base.html | 18 +- 5 files changed, 39 insertions(+), 295 deletions(-) diff --git a/content/pages/live.md b/content/pages/live.md index 8934fc9..679b9dd 100644 --- a/content/pages/live.md +++ b/content/pages/live.md @@ -6,10 +6,10 @@ template: large
- +
- +
diff --git a/themes/pelican-blue/static/css/large.css b/themes/pelican-blue/static/css/large.css index 3d97cfe..de2209b 100644 --- a/themes/pelican-blue/static/css/large.css +++ b/themes/pelican-blue/static/css/large.css @@ -1,280 +1,10 @@ -html { - font-family: 'Open Sans', 'helvetica', sans-serif; - background: white; - font-size: 14px; +article { + max-width:100%; } - -/* Titles */ -h1 { text-transform: uppercase } -h1, h2 { - font-weight: normal; - margin-top: 10px; - margin-bottom: 10px; -} - -.title -{ - font-size: 2.5em; - text-align: center; - margin-bottom: 50px; - text-transform: none; - color: #3a7c78; - line-height: 1; - font-weight: 600; -} - -.latest -{ - padding: 10px 10px; - border-bottom: 1px solid #eee; -} - -.post_detail -{ - font-size: 2em; - line-height: 1em; -} - -.entry-content -{ - margin-top: 50px; - margin-bottom: 50px; - text-align: justify; - color: #333; -} - -article section .about -{ - font-size: 18px; - color: #444; - text-align: justify; -} - -article section .blog-post -{ - font-size: 16px; -} - -/* Body */ -body { margin: 0px; } - -body > article, footer -{ - line-height: 1.6em; - display: block; - margin: auto 5px auto 285px; - padding: 10px 5px 10px; -} - -article ol.posts -{ - padding-left: 0; -} - -/* Articles */ -p.post_entry { } - -article > header -{ - list-style-type: none; - padding: 0px 10px; - box-shadow: 0 0 0 2px #3a7c78; - -moz-border-radius: 5px 0; - -webkit-border-radius: 5px 0; - border-radius: 5px 5px; -} -.article_left > h1 { - font-size: 20px; -} -.article_right { - background-color: white; -} -.post_list { - list-style-type: none; - padding: 10px 10px; - -moz-border-radius: 5px 0; - -webkit-border-radius: 5px 0; - border-radius: 5px 5px; -} - - -/* Links */; -a { color: #3a7c78; text-decoration:none; } -a:visited { color: #3a7c78; text-decoration:none; } -a:link { color: #3a7c78; text-decoration:none; } -a:active { color: #3a7c78; text-decoration:none; } -a:hover { text-decoration: underline; } - -/* Code */ -.highlight pre { - font-size: 14px; - overflow: auto; - padding: 8px; -} - -/* Sidebar */ -aside { - font-size: 14px; - width: 220px; height: 100%; - position: fixed; - top: 0; left: 0; - padding: 30px; - background-color: #3a7c78; - color: white; - box-shadow: 0 0 3px black; - text-align: center; - padding-top: 5em; - background-size: cover; - display: flex; - flex-direction: column; -} - -aside > ul { - list-style-type: none; - padding: 0px 10px; - margin-top: 0px; -} -aside > h2 { - text-transform: uppercase; - font-size: 14px; - margin-bottom: 5px; -} - -#avatar -{ - margin: 0px; - margin-bottom: 20px; -} - -#avatar img { - display: block; - width: 100px; - margin: 0 10px 20px 0; - -webkit-transition: 200ms; - -moz-transition: 200ms; - -ms-transition: 200ms; - -o-transition: 200ms; - transition: 200ms; -} - -.nav -{ - display: block; - margin: 40px -30px; -} - -.nav > ul > li -{ - font-size: 15px; -} - -.nav a -{ - color: #fff; - text-decoration: none; - -webkit-transition: 200ms; - -moz-transition: 200ms; - -ms-transition: 200ms; - -o-transition: 200ms; - transition: 200ms; -} - -.nav a:hover -{ - background-color: #73d08a; - color: #3a7c78; - -webkit-transition: 200ms; - -moz-transition: 200ms; - -ms-transition: 200ms; - -o-transition: 200ms; - transition: 200ms; -} - -.list-bare -{ - list-style: none; - padding: 0; - margin: 0; -} - -.nav__link -{ - display: block; - padding: 0.77273rem 0rem; - border: 0px solid #73d08a; - margin: 0px 5px; - border-radius: 10px 10px; -} - -.blog_roll_link -{ - display: block; - padding: 0.33147rem 0; - border: 0px solid #73d08a; - margin: 0px 5px; - border-radius: 10px 10px; -} - -/*--------Responsive------------*/ - -@media (max-width: 800px) { - - aside { - left: 0; - max-width: none; - position: relative; - top: 0; - width: 100%; - padding: 0; - padding-top: 1px; - } - - .nav - { - margin-left: 0; - margin-right: 0; - } - - body > article { - margin: 0 auto; - padding-top: 5px; - padding: 1em; - } - - footer - { - padding: 1em; - margin-left: 1em; - margin-top: 0; - } - - #avatar { - height: 50px; - width: 50px; - margin: 10px auto; - } -} - img { max-width: 100%; } -#live { - display: flex; - flex-flow: row nowrap; - flex-direction: column; - justify-content: space-between; - align-items: stretch; - height: 75vh; -} - -#embedded-video { -} - -#embedded-chat, #embedded-video { - width: 50%; -} - #live iframe { border: 0px; flex: 1; @@ -325,18 +55,25 @@ img { color: #3a7c78; } -@media screen and (max-width: 1024px) { - #live iframe { - min-height: 260px; - } - #embedded-chat, #embedded-video { - width: 100%; - } +#live { + display: flex; + flex-flow: row nowrap; + align-items: stretch; + height: 75vh; +} + +#embedded-chat, #embedded-video { + width: 100%; + height: 100%; } @media screen and (max-width: 1024px) { #live iframe { - height: 75vh; + min-height: 400px; } - -} \ No newline at end of file + #live { + flex-direction: column; + justify-content: space-between; + height:auto; + } +} diff --git a/themes/pelican-blue/static/css/style.css b/themes/pelican-blue/static/css/style.css index 76886cf..be96ba3 100644 --- a/themes/pelican-blue/static/css/style.css +++ b/themes/pelican-blue/static/css/style.css @@ -29,7 +29,7 @@ h1, h2 { } .latest -{- +{ padding: 10px 10px; border-bottom: 1px solid #eee; } @@ -62,7 +62,7 @@ article section .blog-post /* Body */ body { margin: 0px; } -body > article, footer { +article, footer { line-height: 1.6em; display: block; max-width: 700px; @@ -76,7 +76,6 @@ article ol.posts } /* Articles */ -p.post_entry {} article > header { diff --git a/themes/pelican-blue/templates/base.html b/themes/pelican-blue/templates/base.html index 3f718db..93b616a 100644 --- a/themes/pelican-blue/templates/base.html +++ b/themes/pelican-blue/templates/base.html @@ -44,11 +44,7 @@ diff --git a/themes/pelican-blue/templates/large_base.html b/themes/pelican-blue/templates/large_base.html index 9252cfa..f7e359c 100644 --- a/themes/pelican-blue/templates/large_base.html +++ b/themes/pelican-blue/templates/large_base.html @@ -18,6 +18,7 @@ + @@ -40,15 +41,26 @@ {% endblock %} + +