updated css

This commit is contained in:
Leander Hutton 2022-08-04 09:41:15 -04:00
parent 5fb63895a1
commit 95dbf3536d
12 changed files with 20 additions and 284 deletions

View File

@ -1,5 +1,5 @@
@import url("pygment.css"); @import url("pygment.css");
body { margin:0px; padding:20px 0px; text-align:center; font-family:"Times New Roman", Times, serif; color:#000000; } body { margin:0px; padding:20px 0px; text-align:center; font-family: Sans-Serif; color:#000000; }
a, a:visited { text-decoration:none; color:#1d2a78; } a, a:visited { text-decoration:none; color:#1d2a78; }
a:hover { text-decoration:underline; } a:hover { text-decoration:underline; }
h1, h2, h3, h4, h5, h6, h7 { margin:0px; line-height: 1.1em; } h1, h2, h3, h4, h5, h6, h7 { margin:0px; line-height: 1.1em; }
@ -10,15 +10,16 @@ blockquote cite { display:block; padding:10px 20px 0 0; text-align:right; }
input, textarea { padding:5px; border:1px solid #8A8A8A; background:#EAEAEA; } input, textarea { padding:5px; border:1px solid #8A8A8A; background:#EAEAEA; }
input:hover, textarea:hover, blockquote:hover { background:#E5E5E5; } input:hover, textarea:hover, blockquote:hover { background:#E5E5E5; }
#wrap { margin:0px auto; text-align:left; line-height: 1.4; } #wrap { margin:0px auto; text-align:left; line-height: 1.4; width: 100%; }
#container { float:right; } #container { float: right; width: 70% }
#sidebar { overflow:hidden; clear:left; text-align:right; width:200px; height:auto; padding:0px 15px 0px 0px; border-right:1px dotted #C8C8C8; } #sidebar { overflow:hidden; clear:left; text-align:right; width:25%; height:auto; padding:0px 15px 0px 0px; border-right:1px dotted #C8C8C8; }
#sidebar .description { display:block; font-size: 1.1em; width:100%; height:auto; margin:0px 0px 10px 0px; }
#sidebar li { list-style-type:none; font-size: 1.2em; line-height: 1.3em; font-weight: bold; } #sidebar li { list-style-type:none; font-size: 1.2em; line-height: 1.3em; font-weight: bold; }
#sidebar > li { margin:20px 0px; } #sidebar > li { margin:20px 0px; }
#sidebar h1 { border-bottom:1px dotted #C8C8C8; } #sidebar h1 { border-bottom:1px dotted #C8C8C8; }
#sidebar .description { display:block; font-size: 1.1em; width:100%; height:auto; margin:0px 0px 10px 0px; } #sidebar .description { display:block; font-size: 1.1em; width:100%; height:auto; margin:0px 0px 10px 0px; }
#landing img { display:block; border:1px solid #000000 !important; margin-left: auto; margin-right: auto; max-height: 100%; max-width: 100%; } #landing img { display:block; border:1px solid #000000 !important; margin-left: auto; margin-right: auto; max-height: 100%; max-width: 100%; }
#landing p { text-align: center; font-size: 1.4em; } #landing p { text-align: center; font-size: 1.2em; }
ul.sub-menu, ul.children { margin:0px 10px 0px 0px; } ul.sub-menu, ul.children { margin:0px 10px 0px 0px; }
@ -47,7 +48,7 @@ ul.sub-menu, ul.children { margin:0px 10px 0px 0px; }
@media screen and (max-width: 600px) { .pcolumn { flex: 100%; max-width: 100%; } } @media screen and (max-width: 600px) { .pcolumn { flex: 100%; max-width: 100%; } }
.entry { font-size: 1.15em; padding-right: 1.0em; max-width:1024px; } .entry { font-size: 1.1em; padding-right: 1.0em; max-width:1024px; }
.entry h2, h3, h4, h5 { margin:30px 0px 10px 0px; } .entry h2, h3, h4, h5 { margin:30px 0px 10px 0px; }
.entry img { display:block; border:1px solid #000000 !important; margin-left: auto; margin-right: auto; max-height: 100%; max-width: 100%; } .entry img { display:block; border:1px solid #000000 !important; margin-left: auto; margin-right: auto; max-height: 100%; max-width: 100%; }

View File

@ -1,8 +1,8 @@
{% extends "base.html" %} {% extends "base.html" %}
{% block title %}{{ super() }} : {{ article.title }}{% endblock %} {% block title %}{{ super() }} : {{ article.title }}{% endblock %}
{% block content %} {% block content %}
<div id="wrap" style="width:100%"> <div id="wrap">
<div id="container" style="width:70%"> <div id="container">
<div class="entry"> <div class="entry">
<header> <header>
<h1><a href="{{ SITEURL }}" id="site-title"> {#{{ SITENAME }}#} {% if SITESUBTITLE %} <strong>{{ SITESUBTITLE }}</strong>{% endif %}</a> {#:#} <h1><a href="{{ SITEURL }}" id="site-title"> {#{{ SITENAME }}#} {% if SITESUBTITLE %} <strong>{{ SITESUBTITLE }}</strong>{% endif %}</a> {#:#}

View File

@ -26,7 +26,7 @@
{% block content %} {% block content %}
{% endblock %} {% endblock %}
<div id="sidebar" style="width:25%"> <div id="sidebar">
<h1><a href="{{ SITEURL }} " title="title">{{ SITENAME }}</a></h1> <h1><a href="{{ SITEURL }} " title="title">{{ SITENAME }}</a></h1>
<span class="description">{{ DESCRIPTION }} </span> <span class="description">{{ DESCRIPTION }} </span>
<nav> <nav>

View File

@ -1,85 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>{% block title %}{{ SITENAME }}{%endblock%}</title>
<meta charset="utf-8" />
<link rel="stylesheet" href="{{ SITEURL }}/theme/css/{{ CSS_FILE }}" type="text/css" />
<link href="{{ SITEURL }}/{{ FEED_ATOM }}" type="application/atom+xml" rel="alternate" title="{{ SITENAME }} ATOM Feed" />
{% if FEED_RSS %}
<link href="{{ SITEURL }}/{{ FEED_RSS }}" type="application/atom+xml" rel="alternate" title="{{ SITENAME }} RSS Feed" />
{% endif %}
<!--[if IE]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
<!--[if lte IE 7]>
<link rel="stylesheet" type="text/css" media="all" href="{{ SITEURL }}/css/ie.css"/>
<script src="{{ SITEURL }}/js/IE8.js" type="text/javascript"></script><![endif]-->
<!--[if lt IE 7]>
<link rel="stylesheet" type="text/css" media="all" href="{{ SITEURL }}/css/ie6.css"/><![endif]-->
</head>
<body>
<div id="wrap" style="width:100%">
<div id="container" style="width:70%">
<div class="entry">
{% block content %}
{% endblock %}
</div>
</div>
<div id="sidebar" style="width:25%">
<h1><a href="{{ SITEURL }} " title="title">{{ SITENAME }}</a></h1>
<span class="description">{{ DESCRIPTION }} </span>
<nav>
<ul>
<li><a href="{{ SITEURL }}/index.html">Home</a></li>
<li><a href="{{ SITEURL }}/posts.html">Articles</a></li>
<li><a href="{{ SITEURL }}/portfolio.html">Photography</a></li>
<li><a href="{{ SITEURL }}/about.html">About</a></li>
<li><a href="{{ SITEURL }}/recommendations.html">Recommendations</a></li>
{% if categories|length > 1 %}
<!-- <li><a href="{{ SITEURL }}/categories.html">Categories</a></li>
{% endif %}
{% if tags|length > 1 %}
<li><a href="{{ SITEURL }}/tags.html">Tags</a></li>
{% endif %} -->
<br />
<!--
<li>Galleries:</li>
{% for page in pages %}
{% if page.title != "About" and page.title !="Welcome" %}
<li><a href="{{ SITEURL }}/{{ page.url }}">{{ page.title }}</a>{% if not loop.last %}{% endif %}</li>
{% endif %}
{% endfor %}
<br />
-->
<li>{{ LINKS_WIDGET_NAME | default('links') }}</li>
{% for name, link in LINKS %}
<li><a href="{{ link }}">{{ name }}</a></li>
{% endfor %}
</ul>
</nav>
<span class="feed"><a href="{{ SITEURL }}/{{ FEED_RSS }}">RSS</a> | <a href="{{ SITEURL }}/{{ FEED_ATOM }}">Atom</a></span>
</div>
<div id="footer">
<div id="credits">
<span>Powered by <a href="https://www.debian.org/" target="_blank">Debian GNU/Linux</a> and <a href="https://blog.getpelican.com/" target="_blank">Pelican</a>.</span>
</div>
</div>
{% include 'analytics.html' %}
{% include 'piwik.html' %}
{% include 'disqus_script.html' %}
</div>
</body>
</html>

View File

@ -1,7 +1,7 @@
{% extends "base.html" %} {% extends "base.html" %}
{% block content %} {% block content %}
<div id="wrap" style="width:100%"> <div id="wrap">
<div id="container" style="width:70%"> <div id="container">
<div class="entry"> <div class="entry">
<ul> <ul>
{% for category, articles in categories %} {% for category, articles in categories %}

View File

@ -1,8 +1,8 @@
{% extends "base.html" %} {% extends "base.html" %}
{% block content_title %}{% endblock %} {% block content_title %}{% endblock %}
{% block content %} {% block content %}
<div id="wrap" style="width:100%"> <div id="wrap">
<div id="container" style="width:70%"> <div id="container">
<div class="entry"> <div class="entry">
{% if articles %} {% if articles %}

View File

@ -1,7 +1,7 @@
{% extends "base.html" %} {% extends "base.html" %}
{% block content %} {% block content %}
<div id="wrap" style="width:100%"> <div id="wrap">
<div id="container" style="width:70%"> <div id="container">
<div id="landing" class="entry"> <div id="landing" class="entry">
{{ page.content }} {{ page.content }}
</div> </div>

View File

@ -1,83 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>{% block title %}{{ SITENAME }}{%endblock%}</title>
<meta charset="utf-8" />
<link rel="stylesheet" href="{{ SITEURL }}/theme/css/{{ CSS_FILE }}" type="text/css" />
<link href="{{ SITEURL }}/{{ FEED_ATOM }}" type="application/atom+xml" rel="alternate" title="{{ SITENAME }} ATOM Feed" />
{% if FEED_RSS %}
<link href="{{ SITEURL }}/{{ FEED_RSS }}" type="application/atom+xml" rel="alternate" title="{{ SITENAME }} RSS Feed" />
{% endif %}
<!--[if IE]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
<!--[if lte IE 7]>
<link rel="stylesheet" type="text/css" media="all" href="{{ SITEURL }}/css/ie.css"/>
<script src="{{ SITEURL }}/js/IE8.js" type="text/javascript"></script><![endif]-->
<!--[if lt IE 7]>
<link rel="stylesheet" type="text/css" media="all" href="{{ SITEURL }}/css/ie6.css"/><![endif]-->
</head>
<body>
<div id="wrap" style="width:100%">
<div id="container" style="width:70%">
<div id="landing" class="entry">
{{ page.content }}
</div>
</div>
<div id="sidebar" style="width:25%">
<h1><a href="{{ SITEURL }} " title="title">{{ SITENAME }}</a></h1>
<span class="description">{{ DESCRIPTION }} </span>
<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="posts.html">Articles</a></li>
<li><a href="portfolio.html">Photography</a></li>
<li><a href="about.html">About</a></li>
{% if categories|length > 1 %}
<!-- <li><a href="{{ SITEURL }}/categories.html">Categories</a></li>
{% endif %}
{% if tags|length > 1 %}
<li><a href="{{ SITEURL }}/tags.html">Tags</a></li>
{% endif %} -->
<br />
<!--
<li>Galleries:</li>
{% for page in pages %}
{% if page.title != "About" and page.title !="Welcome" %}
<li><a href="{{ SITEURL }}/{{ page.url }}">{{ page.title }}</a>{% if not loop.last %}{% endif %}</li>
{% endif %}
{% endfor %}
<br />
--> <li>{{ LINKS_WIDGET_NAME | default('links') }}</li>
{% for name, link in LINKS %}
<li><a href="{{ link }}">{{ name }}</a></li>
{% endfor %}
</ul>
</nav>
<span class="feed"><a href="{{ SITEURL }}/{{ FEED_RSS }}">RSS</a> | <a href="{{ SITEURL }}/{{ FEED_ATOM }}">Atom</a></span>
</div>
<div id="footer">
<div id="credits">
<span>Powered by <a href="https://www.debian.org/" target="_blank">Debian GNU/Linux</a> and <a href="https://blog.getpelican.com/" target="_blank">Pelican</a>.</span>
</div>
</div>
{% include 'analytics.html' %}
{% include 'piwik.html' %}
{% include 'disqus_script.html' %}
</div>
</body>
</html>

View File

@ -1,8 +1,8 @@
{% extends "base.html" %} {% extends "base.html" %}
{% block title %}{{ page.title }}{% endblock %} {% block title %}{{ page.title }}{% endblock %}
{% block content %} {% block content %}
<div id="wrap" style="width:100%"> <div id="wrap">
<div id="container" style="width:70%"> <div id="container">
<div class="entry"> <div class="entry">
<header> <header>

View File

@ -1,13 +0,0 @@
{% extends "base.html" %}
{% block title %}{{ page.title }}{% endblock %}
{% block content %}
<div id="wrap" style="width:100%">
<div id="container" style="width:70%">
<div class="entry">
<article>
{{ page.content }}
</article>
</div>
</div>
{% endblock %}

View File

@ -1,84 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>{% block title %}{{ SITENAME }}{%endblock%}</title>
<meta charset="utf-8" />
<link rel="stylesheet" href="{{ SITEURL }}/theme/css/{{ CSS_FILE }}" type="text/css" />
<link href="{{ SITEURL }}/{{ FEED_ATOM }}" type="application/atom+xml" rel="alternate" title="{{ SITENAME }} ATOM Feed" />
{% if FEED_RSS %}
<link href="{{ SITEURL }}/{{ FEED_RSS }}" type="application/atom+xml" rel="alternate" title="{{ SITENAME }} RSS Feed" />
{% endif %}
<!--[if IE]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
<!--[if lte IE 7]>
<link rel="stylesheet" type="text/css" media="all" href="{{ SITEURL }}/css/ie.css"/>
<script src="{{ SITEURL }}/js/IE8.js" type="text/javascript"></script><![endif]-->
<!--[if lt IE 7]>
<link rel="stylesheet" type="text/css" media="all" href="{{ SITEURL }}/css/ie6.css"/><![endif]-->
</head>
<body>
<div id="wrap" style="width:100%">
<div id="container" style="width:70%">
<div class="portfolio">
{{ page.content }}
</div>
</div>
<div id="sidebar" style="width:25%">
<h1><a href="{{ SITEURL }} " title="title">{{ SITENAME }}</a></h1>
<span class="description">{{ DESCRIPTION }} </span>
<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="posts.html">Articles</a></li>
<li><a href="portfolio.html">Photography</a></li>
<li><a href="about.html">About</a></li>
{% if categories|length > 1 %}
<!-- <li><a href="{{ SITEURL }}/categories.html">Categories</a></li>
{% endif %}
{% if tags|length > 1 %}
<li><a href="{{ SITEURL }}/tags.html">Tags</a></li>
{% endif %} -->
<br />
<!--
<li>Photo Portfolio:</li>
{% for page in pages %}
{% if page.title != "About" and page.title !="Welcome" and page.title !="Portfolio" %}
<li><a href="{{ SITEURL }}/{{ page.url }}">{{ page.title }}</a>{% if not loop.last %}{% endif %}</li>
{% endif %}
{% endfor %}
<br />
-->
<li>{{ LINKS_WIDGET_NAME | default('links') }}</li>
{% for name, link in LINKS %}
<li><a href="{{ link }}">{{ name }}</a></li>
{% endfor %}
</ul>
</nav>
<span class="feed"><a href="{{ SITEURL }}/{{ FEED_RSS }}">RSS</a> | <a href="{{ SITEURL }}/{{ FEED_ATOM }}">Atom</a></span>
</div>
<div id="footer">
<div id="credits">
<span>Powered by <a href="https://www.debian.org/" target="_blank">Debian GNU/Linux</a> and <a href="https://blog.getpelican.com/" target="_blank">Pelican</a>.</span>
</div>
</div>
{% include 'analytics.html' %}
{% include 'piwik.html' %}
{% include 'disqus_script.html' %}
</div>
</body>
</html>

View File

@ -1,7 +1,7 @@
{% extends "base.html" %} {% extends "base.html" %}
{% block content %} {% block content %}
<div id="wrap" style="width:100%"> <div id="wrap">
<div id="container" style="width:70%"> <div id="container">
<div class="entry"> <div class="entry">
<ul> <ul>
{% for tag, articles in tags %} {% for tag, articles in tags %}