Initial minimal theme.
This commit is contained in:
Dhananjay Balan
parent
f3c394a356
commit
2f4bfc118d
@ -1,42 +0,0 @@
|
||||
@font-face {
|
||||
font-family: 'CrimsonBold';
|
||||
src: url('/fonts/crimson/CrimsonBold.ttf') format('truetype');
|
||||
font-weight: bold;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'CrimsonBoldItalic';
|
||||
src: url('/fonts/crimson/CrimsonBoldItalic.ttf') format('truetype');
|
||||
font-weight: bold;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'CrimsonItalic';
|
||||
src: url('/fonts/crimson/CrimsonItalic.ttf') format('truetype');
|
||||
font-weight: normal;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'CrimsonRoman';
|
||||
src: url('/fonts/crimson/CrimsonRoman.ttf') format('truetype');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'CrimsonSemibold';
|
||||
src: url('/fonts/crimson/CrimsonSemibold.ttf') format('truetype');
|
||||
font-weight: bold;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'CrimsonSemiboldItalic';
|
||||
src: url('/fonts/crimson/CrimsonSemiboldItalic.ttf') format('truetype');
|
||||
font-weight: bold;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
109
css/custom.css
109
css/custom.css
@ -1,109 +0,0 @@
|
||||
/* --- Icomoon icon fonts CSS --*/
|
||||
@font-face {
|
||||
font-family: 'icomoon';
|
||||
src:url('/fonts/icomoon/icomoon.eot?rgwlb8');
|
||||
src:url('/fonts/icomoon/icomoon.eot?#iefixrgwlb8') format('embedded-opentype'),
|
||||
url('/fonts/icomoon/icomoon.woff?rgwlb8') format('woff'),
|
||||
url('/fonts/icomoon/icomoon.ttf?rgwlb8') format('truetype'),
|
||||
url('/fonts/icomoon/icomoon.svg?rgwlb8#icomoon') format('svg');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
[class^="icon-"], [class*=" icon-"] {
|
||||
font-family: 'icomoon';
|
||||
speak: none;
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
font-variant: normal;
|
||||
text-transform: none;
|
||||
line-height: 1;
|
||||
color: $contrast-color;
|
||||
|
||||
/* Better Font Rendering =========== */
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
.icon-pencil:before {
|
||||
content: "\e600";
|
||||
}
|
||||
.icon-film:before {
|
||||
content: "\e60f";
|
||||
}
|
||||
.icon-calendar:before {
|
||||
content: "\e601";
|
||||
}
|
||||
.icon-link:before {
|
||||
content: "\e602";
|
||||
}
|
||||
.icon-info:before {
|
||||
content: "\e603";
|
||||
}
|
||||
.icon-cancel-circle:before {
|
||||
content: "\e604";
|
||||
}
|
||||
.icon-checkmark-circle:before {
|
||||
content: "\e605";
|
||||
}
|
||||
.icon-spam:before {
|
||||
content: "\e606";
|
||||
}
|
||||
.icon-mail:before {
|
||||
content: "\e607";
|
||||
}
|
||||
.icon-googleplus:before {
|
||||
content: "\e608";
|
||||
}
|
||||
.icon-facebook:before {
|
||||
content: "\e609";
|
||||
}
|
||||
.icon-twitter:before {
|
||||
content: "\e60a";
|
||||
}
|
||||
.icon-feed:before {
|
||||
content: "\e60b";
|
||||
}
|
||||
.icon-flickr:before {
|
||||
content: "\e60c";
|
||||
}
|
||||
.icon-github:before {
|
||||
content: "\e60d";
|
||||
}
|
||||
.icon-box-add:before {
|
||||
content: "\e60e";
|
||||
}
|
||||
/*-- End of Icomoon icon font section --*/
|
||||
|
||||
nav.group a.active {
|
||||
font-size: 2em;
|
||||
}
|
||||
|
||||
header > nav a{
|
||||
font-size: 1.2em;
|
||||
}
|
||||
|
||||
ul.footer-links, .credits{
|
||||
list-style: none;
|
||||
text-align: center;
|
||||
margin: 0 auto;
|
||||
}
|
||||
ul.footer-links li{
|
||||
display: inline;
|
||||
padding: 0.5rem 0.25rem;
|
||||
}
|
||||
.credits{
|
||||
padding: 1rem 0rem;
|
||||
}
|
||||
|
||||
hr.slender {
|
||||
border: 0;
|
||||
height: 1px;
|
||||
width: 100%;
|
||||
margin-top: 1.4rem;
|
||||
margin-bottom:1.4rem;
|
||||
background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
|
||||
background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
|
||||
background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
|
||||
background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
|
||||
}
|
||||
107
css/default.css
107
css/default.css
@ -1,107 +0,0 @@
|
||||
body {
|
||||
max-width: 45em;
|
||||
min-width: 20em;
|
||||
margin: auto;
|
||||
padding: 1em;
|
||||
font-family: 'CrimsonRoman', serif;
|
||||
font-size: 18px;
|
||||
line-height: 1.4em;
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
line-height: 1.1em;
|
||||
font-family: Lato, Helvetica, Arial, sans-serif;
|
||||
}
|
||||
|
||||
p {
|
||||
margin-bottom: 1.2em;
|
||||
-webkit-hyphens: auto;
|
||||
-moz-hyphens: auto;
|
||||
-ms-hyphens: auto;
|
||||
hyphens: auto;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
pre {
|
||||
padding: 1em;
|
||||
overflow-x: auto;
|
||||
}
|
||||
|
||||
code, pre {
|
||||
background-color: #ddd;
|
||||
}
|
||||
|
||||
body>header h1 {
|
||||
font-size: 2.2em;
|
||||
}
|
||||
|
||||
body>header h2 {
|
||||
font-size: 1.1em;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
body>header a, body>header a:hover {
|
||||
color: black;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
menu {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
nav {
|
||||
text-align: center;
|
||||
border-top: 1px solid black;
|
||||
border-bottom: 1px solid black;
|
||||
padding-top: 10px;
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
|
||||
nav a {
|
||||
color: #000;
|
||||
text-decoration: none;
|
||||
padding: 0 2em;
|
||||
}
|
||||
|
||||
nav a:hover {
|
||||
color: #808080;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
article header p {
|
||||
margin: 0.2em;
|
||||
margin-left: 2em;
|
||||
}
|
||||
|
||||
article header {
|
||||
margin-bottom: 2em;
|
||||
}
|
||||
|
||||
article h1 {
|
||||
font-size: 2em;
|
||||
margin-bottom: 0.2em;
|
||||
}
|
||||
|
||||
article h2 {
|
||||
font-size: 1.5em;
|
||||
}
|
||||
|
||||
body>footer {
|
||||
text-align: center;
|
||||
border-top: 1px solid black;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.figure .caption {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
ins {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
ins::before {
|
||||
font-weight: bold;
|
||||
content: ">> ";
|
||||
}
|
||||
126
css/lato.css
126
css/lato.css
@ -1,126 +0,0 @@
|
||||
@font-face {
|
||||
font-family: 'LatoBlack';
|
||||
src: url('/fonts/lato/LatoBlack.ttf') format('truetype');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'LatoBlackItalic';
|
||||
src: url('/fonts/LatoBlackItalic.ttf') format('truetype');
|
||||
font-weight: normal;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'LatoBold';
|
||||
src: url('/fonts/LatoBold.ttf') format('truetype');
|
||||
font-weight: bold;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'LatoBoldItalic';
|
||||
src: url('/fonts/LatoBoldItalic.ttf') format('truetype');
|
||||
font-weight: bold;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'LatoHairline';
|
||||
src: url('/fonts/LatoHairline.ttf') format('truetype');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'LatoHairlineItalic';
|
||||
src: url('/fonts/LatoHairlineItalic.ttf') format('truetype');
|
||||
font-weight: normal;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'LatoHeavy';
|
||||
src: url('/fonts/LatoHeavy.ttf') format('truetype');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'LatoHeavyItalic';
|
||||
src: url('/fonts/LatoHeavyItalic.ttf') format('truetype');
|
||||
font-weight: normal;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'LatoItalic';
|
||||
src: url('/fonts/LatoItalic.ttf') format('truetype');
|
||||
font-weight: normal;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'LatoLight';
|
||||
src: url('/fonts/LatoLight.ttf') format('truetype');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'LatoLightItalic';
|
||||
src: url('/fonts/LatoLightItalic.ttf') format('truetype');
|
||||
font-weight: normal;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'LatoMedium';
|
||||
src: url('/fonts/LatoMedium.ttf') format('truetype');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'LatoMediumItalic';
|
||||
src: url('/fonts/LatoMediumItalic.ttf') format('truetype');
|
||||
font-weight: normal;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'LatoRegular';
|
||||
src: url('/fonts/LatoRegular.ttf') format('truetype');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'LatoSemibold';
|
||||
src: url('/fonts/LatoSemibold.ttf') format('truetype');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'LatoSemiboldItalic';
|
||||
src: url('/fonts/LatoSemiboldItalic.ttf') format('truetype');
|
||||
font-weight: normal;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'LatoThin';
|
||||
src: url('/fonts/LatoThin.ttf') format('truetype');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'LatoThinItalic';
|
||||
src: url('/fonts/LatoThinItalic.ttf') format('truetype');
|
||||
font-weight: normal;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
@ -1,18 +0,0 @@
|
||||
/* 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; }
|
||||
23
css/theme.css
Normal file
23
css/theme.css
Normal file
@ -0,0 +1,23 @@
|
||||
html {
|
||||
background-color:#fefefe
|
||||
}
|
||||
|
||||
body {
|
||||
font-family:sans-serif;
|
||||
color:#454545;
|
||||
font-size:600;
|
||||
margin:2em auto;
|
||||
max-width:800px;
|
||||
padding:1em;
|
||||
line-height:1.4;
|
||||
text-align:left;
|
||||
}
|
||||
|
||||
footer {
|
||||
margin-top: 2em;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
img, video, code {
|
||||
max-width: 100%;
|
||||
}
|
||||
@ -5,28 +5,18 @@
|
||||
<meta http-equiv="x-ua-compatible" content="ie=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>$title$</title>
|
||||
<link rel="stylesheet" media="screen" href="/css/lato.css" type="text/css"/>
|
||||
<link rel="stylesheet" media="screen" href="/css/crimson.css" type="text/css"/>
|
||||
<link rel="stylesheet" href="/css/default.css" />
|
||||
<link rel="stylesheet" href="/css/syntax.css" />
|
||||
<link rel="stylesheet" href="/css/theme.css" />
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<hgroup>
|
||||
<h1>Binary Strolls</h1>
|
||||
<h2>Cyber rambling (or ranting), mostly about code</h2>
|
||||
</hgroup>
|
||||
<a href="/">Binary Strolls</a>
|
||||
<a href="/archive.html">Archive</a>
|
||||
<a href="https://dbalan.in">About</a>
|
||||
</header>
|
||||
<nav>
|
||||
<menu>
|
||||
<a href="/index.html">Home</a>
|
||||
<a href="/archive.html">Archive</a>
|
||||
<a href="https://dbalan.in">About</a>
|
||||
</menu>
|
||||
</nav>
|
||||
<section>
|
||||
$body$
|
||||
</section>
|
||||
<hr>
|
||||
<footer>
|
||||
<p>
|
||||
<a href="https://git.sr.ht/~dbalan/blogng">Source Code</a> -
|
||||
|
||||
Loading…
Reference in New Issue
Block a user