From d3c1c3046b47d9881d7bb0d25358e262145e6206 Mon Sep 17 00:00:00 2001 From: Anna Date: Sun, 5 Nov 2017 00:12:08 +0300 Subject: [PATCH] new css --- blog/static/css/css | 3 - blog/static/css/new.css | 129 +++++++++++++++++++++++++++++ blog/templates/blog/base.html | 52 +++++++----- blog/templates/blog/post_list.html | 13 ++- blog/templates/main.html | 6 -- mysite/urls.py | 3 +- 6 files changed, 169 insertions(+), 37 deletions(-) delete mode 100644 blog/static/css/css create mode 100644 blog/static/css/new.css delete mode 100644 blog/templates/main.html diff --git a/blog/static/css/css b/blog/static/css/css deleted file mode 100644 index cb7c00f..0000000 --- a/blog/static/css/css +++ /dev/null @@ -1,3 +0,0 @@ - h1 a { - color: #FCA205; - } diff --git a/blog/static/css/new.css b/blog/static/css/new.css new file mode 100644 index 0000000..4eda498 --- /dev/null +++ b/blog/static/css/new.css @@ -0,0 +1,129 @@ +a { + color: #4a809a; + } + body{ + background: #ededed; + font-family: 'Open Sans', sans-serif; + + } + #content { + margin: 10px 0 0 0; + } + .date { + color: #999999; + font-size: 12px; + letter-spacing: 1px; + //float: left; + } + input#button-search { + background: url('https://touchit.com.ua/static/images/icons/search-25.png') no-repeat center center; + border: none; + + cursor: pointer; + //margin-top: 10px; + width: 32px; + height: 32px; + } + h2 { + font-size: 26.25px; + line-height: 31.5px; + margin: 10px 0; + } + #header { + background: #6da3bd; + box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28); + display: block; + font-family: 'Open Sans', sans-serif; + height: 50px; + } + + #logo { + color: #FFFFFF; + float: left; + font-family: 'Lato', sans-serif; + font-size: 25px; + height: 50px; + letter-spacing: 1px; + line-height: 50px; + padding: 0 0 0 15px; + text-align: center; + text-decoration: none; + vertical-align: top; + } + .post { + box-shadow: 0 0.005em 0.01em 0 rgba(0, 0, 0, 0.12), 0 2px 10px 0 rgba(0, 0, 0, 0.12); + box-sizing: border-box; + background: #FFFFFF; + color: #1a1a1a; + display: block; + font-family: 'Open Sans' + font-size: 14px; + + font-weight: 300; + line-height: 26px; + margin: 0 0 10px 0; + padding: 15px; + width: 100%; + } + .post-header { + font-family: 'Open Sans', sans-serif; + margin: 5px 0 10px 0; + } + .post-header a { + text-decoration: none; + color: #000; + } + .post-header a:hover { + color: #4a809a; + } + #posts { + box-sizing: border-box; + display: block; + float: left; + padding-right: 250px; + width: 100%; + } + #search { + float: right; + font-size: 100%; + display: block; + height: 50px; + } + #search-form { + margin: 10px 10px 0 10px; + //vertical-align: top; + + } + .sidemenu { + box-shadow: 0 0.005em 0.01em 0 rgba(0, 0, 0, 0.12), 0 2px 10px 0 rgba(0, 0, 0, 0.12); + box-sizing: border-box; + background: #FFFFFF; + display: block; + float: left; + //margin-left: 10px; + margin-left: -240px; + padding: 15px; + width: 240px; + } + .sidemenu h2 { + font-size: 16px; + color: #666666; + margin: 0 0 10px 0; + } + .sidemenu ul { + padding: 0; + } + .sidemenu li { + list-style: none; + margin: 5px 0 10px; + } + input[name="search"] { + border: 1px solid #CCCCCC; + border-radius: 4px; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; + color: #333333; + font-size: 14px; + padding: 6px 12px; + width: 200px; + vertical-align: top; + } \ No newline at end of file diff --git a/blog/templates/blog/base.html b/blog/templates/blog/base.html index 015834c..fdcc56a 100644 --- a/blog/templates/blog/base.html +++ b/blog/templates/blog/base.html @@ -1,38 +1,46 @@ {% load staticfiles %} - -BLOG - - - + - + - -
-

Django Blog

- -
+ +
+ + +
+
{% block content %} {% endblock %} - +
+

Последние

+ + +
+
+