From cc6dbfe5a44c425e4eea9b4e7aee8e2b11936980 Mon Sep 17 00:00:00 2001 From: Emiliano Vavassori Date: Thu, 26 Nov 2020 01:57:56 +0100 Subject: [PATCH] Splittato il tema in due template, base e large. --- themes/pelican-blue/static/css/large.css | 303 ++++++++++++++++++ themes/pelican-blue/static/css/style.css | 32 +- themes/pelican-blue/templates/large.html | 2 +- themes/pelican-blue/templates/large_base.html | 165 ++++++++++ 4 files changed, 471 insertions(+), 31 deletions(-) create mode 100644 themes/pelican-blue/static/css/large.css create mode 100644 themes/pelican-blue/templates/large_base.html diff --git a/themes/pelican-blue/static/css/large.css b/themes/pelican-blue/static/css/large.css new file mode 100644 index 0000000..8f6d0f7 --- /dev/null +++ b/themes/pelican-blue/static/css/large.css @@ -0,0 +1,303 @@ +html { + font-family: 'Open Sans', 'helvetica', sans-serif; + background: white; + font-size: 14px; +} + +/* 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: 0} +body > article, footer { + /*line-height: 1.6em; + display: block; + max-width: 700px; + margin: 40px auto auto 355px; + padding: 20px 80px 10px;*/ + 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: #2980b9;*/ + background-color: #3a7c78; + color: white; + box-shadow: 0 0 3px black; + text-align: center; + padding-top: 8%; + background-size: cover; +} + +aside > ul { + list-style-type: none; + padding: 0px 10px; + margin-top: 0px; +} +aside > h2 { + text-transform: uppercase; + font-size: 14px; + margin-bottom: 5px; +} + +#avatar { + width: 100px; + border-radius: 50%; + display: block; + margin: 0 10px 20px 0; + box-shadow: 0px 0px 5px 3px #3a7c78; + -webkit-transition: 200ms; + -moz-transition: 200ms; + -ms-transition: 200ms; + -o-transition: 200ms; + transition: 200ms; +} + +#avatar:hover { + box-shadow: 0px 0px 5px 3px white; +} + +.social +{ + display: inline-block; + margin-top: 40px; +} + +.nav +{ + display: block; + margin-left: -30px; + margin-right: -30px; + border: 1px solid #73d08a; + margin-top: 40px; +} + +.nav > ul > li +{ + font-size: 15px; +} + +.nav a +{ + color: #fff; + text-decoration: none; + transition: all .3s ease-in-out; +} + +.nav a:hover +{ + background-color: #73d08a; +} + +.list-bare +{ + list-style: none; + padding: 0; + margin: 0; +} + +.nav__link +{ + display: block; + padding: 0.77273rem 0; + border-bottom: 1px solid #73d08a; +} + + +.blog_roll_link +{ + display: block; + padding: 0.33147rem 0; + border-bottom: 3px solid #73d08a; +} + + +/*--------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%; +} + +#license { + font-size: small; + text-align: center; + position: relative; + bottom: -43vh; +} + +#license p { + margin-bottom: 5px; +} + +#license a { + color: #ffffff; + text-decoration: underline; +} + +#license img { + width: 85%; +} + +#live { + border: 1px dotted teal; + display: flex; + flex-flow: row nowrap; + justify-content: space-between; + align-items: stretch; + height: 75vh; +} + +#embedded-video { + display: flex; + flex: 7; +} + +#embedded-chat { + display: flex; + flex: 2; +} + +#live iframe { + border: 0px; + flex: 1; +} diff --git a/themes/pelican-blue/static/css/style.css b/themes/pelican-blue/static/css/style.css index 8f6d0f7..a878433 100644 --- a/themes/pelican-blue/static/css/style.css +++ b/themes/pelican-blue/static/css/style.css @@ -59,15 +59,11 @@ article section .blog-post /* Body */ body {margin: 0} body > article, footer { - /*line-height: 1.6em; + line-height: 1.6em; display: block; max-width: 700px; margin: 40px auto auto 355px; - padding: 20px 80px 10px;*/ - line-height: 1.6em; - display: block; - margin: auto 5px auto 285px; - padding: 10px 5px 10px;*/ + padding: 20px 80px 10px; } article ol.posts @@ -277,27 +273,3 @@ img { #license img { width: 85%; } - -#live { - border: 1px dotted teal; - display: flex; - flex-flow: row nowrap; - justify-content: space-between; - align-items: stretch; - height: 75vh; -} - -#embedded-video { - display: flex; - flex: 7; -} - -#embedded-chat { - display: flex; - flex: 2; -} - -#live iframe { - border: 0px; - flex: 1; -} diff --git a/themes/pelican-blue/templates/large.html b/themes/pelican-blue/templates/large.html index cf34fd7..9ca8162 100644 --- a/themes/pelican-blue/templates/large.html +++ b/themes/pelican-blue/templates/large.html @@ -1,4 +1,4 @@ -{% extends "base.html" %} +{% extends "large_base.html" %} {% block title %}{{ page.title }}{% endblock %} {% block content %}
diff --git a/themes/pelican-blue/templates/large_base.html b/themes/pelican-blue/templates/large_base.html new file mode 100644 index 0000000..e731574 --- /dev/null +++ b/themes/pelican-blue/templates/large_base.html @@ -0,0 +1,165 @@ + + + + {% block head %} + + + {% block title %} {{ SITENAME }} | {{ SIDEBAR_DIGEST }} {% endblock %} + + + + + + + + + + + + + + + + + + {% if FEED_ALL_ATOM %} + + {% endif %} + {% if FEED_ALL_RSS %} + + {% endif %} + + + + + + {% endblock %} + + + + + + + + +
+ {% block content %} + {% endblock %} +
+ + +{% if DISPLAY_FOOTER or DISPLAY_FOOTER is not defined %} +
+

I contenuti del sito sono tutti rilasciati con licenza CC BY 3.0
+ Creative Commons BY Logo +

+
+{% endif %} + +{% if GOOGLE_ANALYTICS %} + + +{% endif %} + + +