Update to fix syntax highlighting and CSS
This commit is contained in:
parent
a3dbcbc1cd
commit
22c74e05d4
175
css/base.css
Normal file
175
css/base.css
Normal file
|
@ -0,0 +1,175 @@
|
|||
h1, h2, h3 {
|
||||
margin: 0px 0px 18px 0px;
|
||||
padding: 24px 0px 0px 0px;
|
||||
}
|
||||
|
||||
p, ul {
|
||||
margin: 18px 0px 18px 0px;
|
||||
}
|
||||
|
||||
img {
|
||||
margin: 12px 0px 12px 0px;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
ul {
|
||||
padding-left: 18px;
|
||||
}
|
||||
|
||||
div#footer {
|
||||
margin: 60px 0px 36px 0px;
|
||||
}
|
||||
|
||||
html {
|
||||
background-color: #fff;
|
||||
font-size: 16px;
|
||||
font-family: sans-serif;
|
||||
line-height: 24px;
|
||||
}
|
||||
|
||||
body {
|
||||
color: #333;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #111;
|
||||
text-decoration: none;
|
||||
border-bottom: 1px solid #555;
|
||||
}
|
||||
|
||||
div.figure a{
|
||||
border: none;
|
||||
}
|
||||
|
||||
@media all and (min-width: 620px) {
|
||||
div.flickr img {
|
||||
border: 1px solid #888;
|
||||
padding: 6px;
|
||||
}
|
||||
}
|
||||
|
||||
div.flickr {
|
||||
margin-top: 60px;
|
||||
margin-bottom: 60px;
|
||||
}
|
||||
|
||||
a img {
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
pre {
|
||||
font-size: 14px;
|
||||
margin-left: 18px;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
pre code {
|
||||
background-color: transparent;
|
||||
padding: 0px;
|
||||
margin: 0px;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
code {
|
||||
font-size: 14px;
|
||||
color: #408090;
|
||||
}
|
||||
|
||||
h1, h2, h3 {
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 26px;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 22px;
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
ul {
|
||||
list-style-image: url("../images/list-style-image.png");
|
||||
}
|
||||
|
||||
blockquote {
|
||||
background: #e6e6e6 url("../images/quote-background.png") no-repeat left top;
|
||||
font-style: italic;
|
||||
margin-left: 18px;
|
||||
padding: 6px 6px 6px 54px;
|
||||
}
|
||||
|
||||
.soft, .caption {
|
||||
font-style: italic;
|
||||
color: #555;
|
||||
}
|
||||
|
||||
div.figure {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
div.figure p {
|
||||
margin-top: 6px;
|
||||
}
|
||||
|
||||
a.footnoteRef {
|
||||
border: none;
|
||||
}
|
||||
|
||||
a.footnoteRef sup:before {
|
||||
content: "(";
|
||||
}
|
||||
|
||||
a.footnoteRef sup:after {
|
||||
content: ")";
|
||||
}
|
||||
|
||||
a.footnoteRef sup {
|
||||
padding: 2px;
|
||||
}
|
||||
|
||||
div.footnotes:before {
|
||||
content: "Footnotes";
|
||||
font-size: 18px;
|
||||
padding-left: 18px;
|
||||
}
|
||||
|
||||
div.footnotes {
|
||||
border-left: 1px dashed #555;
|
||||
color: #555;
|
||||
margin-top: 36px;
|
||||
}
|
||||
|
||||
div.footnotes hr {
|
||||
display: none;
|
||||
}
|
||||
|
||||
div.photoblog img {
|
||||
margin-top: 48px;
|
||||
margin-bottom: 48px;
|
||||
}
|
||||
|
||||
div.photoblog div.pagination {
|
||||
font-size: 14px;
|
||||
padding: 12px 0px;
|
||||
}
|
||||
|
||||
div#footer {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
/*******************************************************************************
|
||||
* Disqus *
|
||||
******************************************************************************/
|
||||
|
||||
/* Reset list image for disqus */
|
||||
div#disqus_thread ul {
|
||||
list-style-image: none;
|
||||
}
|
||||
|
||||
div#dsq-subscribe em {
|
||||
text-decoration: none;
|
||||
}
|
|
@ -1,56 +0,0 @@
|
|||
body {
|
||||
color: black;
|
||||
font-size: 16px;
|
||||
margin: 0px auto 0px auto;
|
||||
width: 600px;
|
||||
}
|
||||
|
||||
div#header {
|
||||
border-bottom: 2px solid black;
|
||||
margin-bottom: 30px;
|
||||
padding: 12px 0px 12px 0px;
|
||||
}
|
||||
|
||||
div#logo a {
|
||||
color: black;
|
||||
float: left;
|
||||
font-size: 18px;
|
||||
font-weight: bold;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
div#header #navigation {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
div#header #navigation a {
|
||||
color: black;
|
||||
font-size: 18px;
|
||||
font-weight: bold;
|
||||
margin-left: 12px;
|
||||
text-decoration: none;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
div#footer {
|
||||
border-top: solid 2px black;
|
||||
color: #555;
|
||||
font-size: 12px;
|
||||
margin-top: 30px;
|
||||
padding: 12px 0px 12px 0px;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 24px;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
div.info {
|
||||
color: #555;
|
||||
font-size: 14px;
|
||||
font-style: italic;
|
||||
}
|
73
css/layout.css
Normal file
73
css/layout.css
Normal file
|
@ -0,0 +1,73 @@
|
|||
html {
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
body {
|
||||
margin: 0px;
|
||||
padding: 0px 0px 0px 0px;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
div.avatar-wrap {
|
||||
margin: 18px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
div#navigation {
|
||||
background: #f3f3f3 url("../images/header.png") repeat-x left bottom;
|
||||
padding-bottom: 18px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
div#navigation a {
|
||||
border: none;
|
||||
margin: 0px 6px 0px 6px;
|
||||
}
|
||||
|
||||
div#content {
|
||||
margin: 12px;
|
||||
}
|
||||
|
||||
@media all and (min-width: 822px) {
|
||||
html {
|
||||
background: #fff url("../images/sidebar.png") repeat-y left top;
|
||||
}
|
||||
|
||||
div.avatar-wrap {
|
||||
margin: 6px 18px 6px 0px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
div.avatar-wrap img {
|
||||
max-width: 128px;
|
||||
margin: 0px;
|
||||
}
|
||||
|
||||
div#navigation {
|
||||
background: none;
|
||||
float: left;
|
||||
left: 0px;
|
||||
margin: 0px 0px 0px 18px;
|
||||
position: fixed;
|
||||
top: 0px;
|
||||
width: 102px;
|
||||
}
|
||||
|
||||
div#navigation h1, div#navigation a {
|
||||
display: block;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
div#navigation a {
|
||||
color: #333;
|
||||
margin: 6px 0px 6px 0px;
|
||||
}
|
||||
|
||||
div#content {
|
||||
margin: 0px 0px 0px 156px;
|
||||
padding: 0px 36px 0px 36px;
|
||||
width: 648px;
|
||||
}
|
||||
}
|
18
css/syntax.css
Normal file
18
css/syntax.css
Normal file
|
@ -0,0 +1,18 @@
|
|||
/* Generated by pandoc. */
|
||||
table.sourceCode, tr.sourceCode, td.lineNumbers, td.sourceCode, table.sourceCode pre
|
||||
{ margin: 0; padding: 0; border: 0; vertical-align: baseline; border: none; }
|
||||
td.lineNumbers { border-right: 1px solid #AAAAAA; text-align: right; color: #AAAAAA; padding-right: 5px; padding-left: 5px; }
|
||||
td.sourceCode { padding-left: 5px; }
|
||||
pre.sourceCode span.kw { color: #007020; font-weight: bold; }
|
||||
pre.sourceCode span.dt { color: #902000; }
|
||||
pre.sourceCode span.dv { color: #40a070; }
|
||||
pre.sourceCode span.bn { color: #40a070; }
|
||||
pre.sourceCode span.fl { color: #40a070; }
|
||||
pre.sourceCode span.ch { color: #4070a0; }
|
||||
pre.sourceCode span.st { color: #4070a0; }
|
||||
pre.sourceCode span.co { color: #60a0b0; font-style: italic; }
|
||||
pre.sourceCode span.ot { color: #007020; }
|
||||
pre.sourceCode span.al { color: red; font-weight: bold; }
|
||||
pre.sourceCode span.fu { color: #06287e; }
|
||||
pre.sourceCode span.re { }
|
||||
pre.sourceCode span.er { color: red; font-weight: bold; }
|
9
site.hs
9
site.hs
|
@ -9,9 +9,12 @@ main = hakyll $ do
|
|||
route idRoute
|
||||
compile copyFileCompiler
|
||||
|
||||
match "css/*" $ do
|
||||
route idRoute
|
||||
compile compressCssCompiler
|
||||
match "css/*" $ compile compressCssCompiler
|
||||
create ["style.css"] $ do
|
||||
route idRoute
|
||||
compile $ do
|
||||
csses <- loadAll "css/*.css"
|
||||
makeItem $ unlines $ map itemBody csses
|
||||
|
||||
match (fromList ["contact.markdown"]) $ do
|
||||
route $ setExtension "html"
|
||||
|
|
|
@ -4,13 +4,12 @@
|
|||
<meta charset="utf-8">
|
||||
<meta http-equiv="x-ua-compatible" content="ie=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>My Hakyll Blog - $title$</title>
|
||||
<link rel="stylesheet" href="/css/default.css" />
|
||||
<title>Coherent Musings - $title$</title>
|
||||
<link rel="stylesheet" type="text/css" href="/style.css" />
|
||||
</head>
|
||||
<body>
|
||||
<div id="header">
|
||||
<div id="logo">
|
||||
<a href="/">Coherent musings</a>
|
||||
</div>
|
||||
<div id="navigation">
|
||||
<a href="/">Home</a>
|
||||
|
|
Loading…
Reference in a new issue