From f53569b7195a3c28bb05f8198f08c4339034d9af Mon Sep 17 00:00:00 2001 From: fabrixxm Date: Wed, 19 Jan 2022 12:25:16 +0100 Subject: Web: Add icon, favicon and move css in file --- templates/web/base.html | 102 +----------------------- templates/web/static/linkopedia.css | 132 ++++++++++++++++++++++++++++++++ templates/web/static/linkopedia_rgb.svg | 1 + 3 files changed, 136 insertions(+), 99 deletions(-) create mode 100644 templates/web/static/linkopedia.css create mode 100644 templates/web/static/linkopedia_rgb.svg (limited to 'templates/web') diff --git a/templates/web/base.html b/templates/web/base.html index a2a8097..a3c430b 100644 --- a/templates/web/base.html +++ b/templates/web/base.html @@ -3,114 +3,18 @@ - - + + {% if q %} {% endif %} {% block title %}Linkopedia{% endblock %} - - {% block extrahead %}{% endblock %}

Linkopedia

i Bookmark del GL-Como

{% block content %}{% endblock %} diff --git a/templates/web/static/linkopedia.css b/templates/web/static/linkopedia.css new file mode 100644 index 0000000..ae4b47e --- /dev/null +++ b/templates/web/static/linkopedia.css @@ -0,0 +1,132 @@ +html { + width: 100%; +} + +body { + width: 100%; + max-width: 80ch; + margin: 1em auto; + font-family: Verdana, Geneva, sans-serif; + font-size: 12pt; + color: #828282; +} + +a:link { + color: #000; + text-decoration: none; +} + +a:hover { + text-decoration: underline; +} + +header>h1 { + font-size: 1em; + margin: 0; + display: inline-block; +} + +header img { + height: 32px; + vertical-align: bottom; + margin: 0.5em 1em 0.5em 0; +} + +body>header { + color: #000; + background-color: #cbe4ff; + padding: 0 1em; + line-height: 2em; + display: flex; + flex-direction: row; + justify-content: space-between; + align-items: baseline; +} + +body>header>h1>a { + color: #000; +} + + +body>section, +body>article { + padding: 1em; + background-color: #f2f2f2; + border-bottom: 2px solid #cbe4ff; +} + +body>article header h1 { + font-size: 1.5em; +} + +body>article header aside { + font-size: 0.8em; +} + +#linkslist { + margin: 0; +} + +#linkslist dd { + margin: 0.2em 0 1em 0; +} + +body>article footer, +#linkslist dd>footer { + font-size: 0.8em; + margin-top: 0.2em; +} + +#linkslist a:link { + color: #000; +} + +a.tag { + line-height: 1.2em; + padding: 0 0.2em; + border: 1px solid #828282; + background-color: #E2E2E2; + border-radius: 3px; + color: #828282; + text-decoration: none; +} + +a.tag:hover { + color: #000; +} + + +#nextpage { + color: #828282; +} + +.placeholder { + text-align: center; +} + +body>footer { + margin-top: 2em; + text-align: center; +} + +/* ----- +SVG Icons - svgicons.sparkk.fr +----- */ + +.svg-icon { + width: 1em; + height: 1em; + vertical-align: middle; +} + +.svg-icon path, +.svg-icon polygon, +.svg-icon rect { + fill: #828282; +} + +.svg-icon circle { + stroke: #828282; + stroke-width: 1; +} + diff --git a/templates/web/static/linkopedia_rgb.svg b/templates/web/static/linkopedia_rgb.svg new file mode 100644 index 0000000..a3f087d --- /dev/null +++ b/templates/web/static/linkopedia_rgb.svg @@ -0,0 +1 @@ + -- cgit v1.2.3