exo-notes/monospace/templates/base.html

425 lines
5.6 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<title>{% block title %}{{ SITENAME }}{%endblock%}</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1" />
<link href="{{ SITEURL }}/{{ FEED_ATOM }}" type="application/atom+xml" rel="alternate" title="{{ SITENAME }} ATOM Feed" />
<link href="{{ SITEURL }}/{{ FEED_RSS }}" type="application/atom+xml" rel="alternate" title="{{ SITENAME }} RSS Feed" />
<style>
body {
margin: 0;
padding: 20px 0;
text-align: center;
font-family: Monospace;
color: #222;
}
a,a:visited {
text-decoration: none;
color: #222;
font-weight: 700;
}
a:hover {
color: #fff;
background-color: #111;
}
h1 {
text-transform: uppercase;
line-height: 1.2;
padding: 0 0 15px;
margin: 0 0 15px;
}
#wrap {
margin: 0 auto;
text-align: left;
font-size: 13px;
line-height: 1.4;
}
#container {
max-width: 1000px;
}
#sidebar {
overflow: hidden;
text-align: right;
height: auto;
padding: 0 5px 0 0;
border-right: 1px dotted #c8c8c8;
}
#sidebar h1 {
border-bottom: 1px dotted #c8c8c8;
}
#sidebar .description {
display: block;
width: 100%;
height: auto;
margin: 0 0 10px;
}
.entry {
font-size: 14px;
line-height: 20px;
width: 700px;
}
.entry img {
display: block;
border: 1px solid #bdbdbd!important;
max-width: 600;
}
.entry a img:hover {
background-color: transparent;
border: 1px solid #e5e5e5!important;
}
#footer {
text-align: center;
clear: both;
}
#footer div {
margin: 30px 0 0;
padding: 30px 0 0;
border-top: 1px dotted #c8c8c8;
}
#page-title {
position: relative;
top: 8px;
}
.highlight code,
.highlight pre {
color: #eceff4;
background-color: #2e3440;
padding: 5px;
}
.highlight .hll {
background-color: #222
}
.highlight .c {
color: #7f9f7f
}
.highlight .err {
color: #bf616a
}
.highlight .g {
color: #7f9f7f
}
.highlight .k {
color: #f0dfaf
}
.highlight .l {
color: #ccc
}
.highlight .n {
color: #dcdccc
}
.highlight .o {
color: #f0efd0
}
.highlight .x {
color: #ccc
}
.highlight .p {
color: #41706f
}
.highlight .cm {
color: #7f9f7f
}
.highlight .cp {
color: #7f9f7f
}
.highlight .c1 {
color: #7f9f7f
}
.highlight .cs {
color: #cd0000;
font-weight: bold
}
.highlight .gd {
color: #cd0000
}
.highlight .ge {
color: #ccc;
font-style: italic
}
.highlight .gr {
color: red
}
.highlight .gh {
color: #dcdccc;
font-weight: bold
}
.highlight .gi {
color: #00cd00
}
.highlight .go {
color: gray
}
.highlight .gp {
color: #dcdccc;
font-weight: bold
}
.highlight .gs {
color: #ccc;
font-weight: bold
}
.highlight .gu {
color: purple;
font-weight: bold
}
.highlight .gt {
color: #0040D0
}
.highlight .kc {
color: #dca3a3
}
.highlight .kd {
color: #ebcb8b;
}
.highlight .kn {
color: #dfaf8f;
font-weight: bold
}
.highlight .kp {
color: #cdcf99
}
.highlight .kr {
color: #cdcd00
}
.highlight .kt {
color: #a3be8c
}
.highlight .ld {
color: #cc9393
}
.highlight .m {
color: #8cd0d3
}
.highlight .s {
color: #cc9393
}
.highlight .na {
color: #9ac39f
}
.highlight .nb {
color: #efef8f
}
.highlight .nc {
color: #efef8f
}
.highlight .no {
color: #ccc
}
.highlight .nd {
color: #ccc
}
.highlight .ni {
color: #c28182
}
.highlight .ne {
color: #c3bf9f;
font-weight: bold
}
.highlight .nf {
color: #efef8f
}
.highlight .nl {
color: #ccc
}
.highlight .nn {
color: #8fbede
}
.highlight .nx {
color: #ccc
}
.highlight .py {
color: #ccc
}
.highlight .nt {
color: #9ac39f
}
.highlight .nv {
color: #dcdccc
}
.highlight .ow {
color: #f0efd0
}
.highlight .w {
color: #ccc
}
.highlight .mf {
color: #8cd0d3
}
.highlight .mh {
color: #8cd0d3
}
.highlight .mi {
color: #8cd0d3
}
.highlight .mo {
color: #8cd0d3
}
.highlight .sb {
color: #cc9393
}
.highlight .sc {
color: #cc9393
}
.highlight .sd {
color: #cc9393
}
.highlight .s2 {
color: #cc9393
}
.highlight .se {
color: #cc9393
}
.highlight .sh {
color: #cc9393
}
.highlight .si {
color: #cc9393
}
.highlight .sx {
color: #cc9393
}
.highlight .sr {
color: #cc9393
}
.highlight .s1 {
color: #cc9393
}
.highlight .ss {
color: #cc9393
}
.highlight .bp {
color: #efef8f
}
.highlight .vc {
color: #efef8f
}
.highlight .vg {
color: #dcdccc
}
.highlight .vi {
color: #ffffc7
}
.highlight .il {
color: #8cd0d3
}
</style>
</head>
<body>
<div id="wrap" style="width:900px">
<div id="container" style="width:600px">
<div id="sidebar">
<h1><a href="{{ SITEURL }} " title="title">{{ SITENAME }}</a></h1>
<span class="description">{{ DESCRIPTION }} </span>
<a href="/">Home</a> |
<a href="/about.html">About</a> |
<a href="/specs/">Specs</a>|
<a href="/archives.html">Archives</a> |
<a href="/tags.html">Tags</a> |
<a href="/ls.html">Pages</a> |
<span class="feed">Feeds: <a href="/index.rss">RSS</a> | <a href="/index.atom">Atom</a></span>
</div>
<hr /><br />
<div class="entry">
{% block content %}
{% endblock %}
</div>
</div>
<div id="footer">
<div id="credits">
<span>Adapted from <a href="http://wordpress.org/themes/monospace">Monospace</a> || Created with <a href="">Pelican</a></span>
</div>
</div>
</div>
</body>
</html>