main css

4 files changed, 100 insertions, 6 deletions

diff --git a/weblog/static/weblog/css/weblog.css b/weblog/static/weblog/css/weblog.css
index 0127eaa..0b7c4e6 100755
--- a/weblog/static/weblog/css/weblog.css
+++ b/weblog/static/weblog/css/weblog.css
@@ -12,6 +12,100 @@ html{
     box-sizing: border-box;
 }
 
+a,
+button,
+input,
+textarea,
+ul,
+ol,
+li,
+p{
+    font-family: "Helvetica Neue", Helvetica, sans-serif;
+    color: #3e3e3e;
+}
+
+a, a:visited{
+    text-decoration: none;
+    color: #0080a0;
+    transition: 0.3s;
+}
+
+a:hover{
+    color: #0055a0;
+}
+
+.post-title,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6{
+    font-family: Georgia, serif;
+    color: #3e3e3e;
+}
+
+.post-title a{
+    font-family: Georgia, serif;
+}
+
+hr{
+    border: none;
+    height: 1px;
+    background: linear-gradient(to right, rgba(0, 0, 0, 0), #3e3e3e, rgba(0, 0, 0, 0));
+}
+
+.navbar{
+    background-color: #222;
+}
+
+.nav-container{
+    padding: 0.5em 3em;
+}
+
+.navbar-brand, .navbar-brand:visited{
+    font-family: Georgia, serif;
+    color: #dedede;
+    font-size: 1.5em;
+}
+
+.blog-container{
+    position: relative;
+}
+
+.blog-wrapper{
+    display: flex;
+    justify-content: center;
+}
+
+.blog-content{
+    flex: 3;
+}
+
+.weblog-sidebar{
+    padding: 1em;
+}
+
+.blog-content{
+    max-width: 45em;
+}
+
+.blogpost{
+}
+
+.post-publish-date,
+.post-author{
+    font-style: italic;
+}
+
+.img-fluid{
+    max-width: 100%;
+}
+
+.text-right{
+    text-align: right;
+}
+
 .archive-list{
     list-style-type: none;
 }
diff --git a/weblog/templates/weblog/index.html b/weblog/templates/weblog/index.html
index 077fc1f..8dc1d93 100755
--- a/weblog/templates/weblog/index.html
+++ b/weblog/templates/weblog/index.html
@@ -34,7 +34,7 @@
         {% if posts or pinned_posts %}

         {% if pinned_posts %}

         {% for post in pinned_posts %}

-        <div class="container-fluid blogpost">

+        <div class="blogpost">

             <p><span class="fas fa-thumbtack"></span> <i>{% trans 'Important post' %}</i></p>

             <h2 class="post-title"><a href="{{ post.url }}">{{ post.title }}</a></h2>

             <p class="publish-info">{% blocktrans with publish_date=post.publish_date %}Published on <span class="post-publish-date">{{ publish_date }}</span>{% endblocktrans %}{% if post.author %}{% blocktrans with author=post.author context 'Written by (Author)' %}, by <span class="post-author">{{ author }}</span>{% endblocktrans %}{% endif %}</p>

@@ -50,7 +50,7 @@
         {% endif %}

         {% if posts %}

         {% for post in posts %}

-        <div class="container-fluid blogpost">

+        <div class="blogpost">

             <h2 class="post-title"><a href="{{ post.url }}">{{ post.title }}</a></h2>

             <p class="publish-info">{% blocktrans with publish_date=post.publish_date %}Published on <span class="post-publish-date">{{ publish_date }}</span>{% endblocktrans %}{% if post.author %}{% blocktrans with author=post.author context 'Written by (Author)' %}, by <span class="post-author">{{ author }}</span>{% endblocktrans %}{% endif %}</p>

             <hr>

diff --git a/weblog/templates/weblog/post.html b/weblog/templates/weblog/post.html
index dfa5c6e..b92d43c 100755
--- a/weblog/templates/weblog/post.html
+++ b/weblog/templates/weblog/post.html
@@ -2,7 +2,7 @@
 {% load i18n %}
 {% block title_block %}{% if post_translation %}{{ post_translation.title }}{% else %}{{ post.title }}{% endif %}{% endblock %}
 {% block blog_content_block %}
-<div class="container-fluid blogpost">
+<div class="blogpost">
     <h2 class="post-title">{% if post_translation %}{{ post_translation.title }}{% else %}{{ post.title }}{% endif %}</h2>
     <p class="publish-info">{% blocktrans with publish_date=post.publish_date %}Published on <span class="post-publish-date">{{ publish_date }}</span>{% endblocktrans %}{% if post_author %}{% blocktrans with author=post_author context 'Written by (Author)' %}, by <span class="post-author">{{ author }}</span>{% endblocktrans %}{% endif %}</p>
     {% if post_languages %}
diff --git a/weblog/templates/weblog/weblog.html b/weblog/templates/weblog/weblog.html
index e24c918..a9acbdf 100755
--- a/weblog/templates/weblog/weblog.html
+++ b/weblog/templates/weblog/weblog.html
@@ -15,13 +15,13 @@
     <li class="breadcrumb-item active"><a href="{% url 'weblog:Index' %}">{{ blog_title }}</a></li>
     {% endif %}
 </ul>
-<div class="row">
-    <div class="{% if show_sidebar %}col-sm-9{% else %}container-fluid{% endif %}">
+<div class="blog-wrapper">
+    <div class="blog-content">
         {% block blog_content_block %}
         {% endblock %}
     </div>
     {% if show_sidebar %}
-    <div class="col-sm-3 weblog-sidebar">
+    <div class="weblog-sidebar">
         {% if show_categories %}
         {% if category %}
         {% if category == 'misc' %}