sjs/mit-license
1
0
Fork 0
mirror of https://github.com/samsonjs/mit-license.git synced 2026-03-25 09:25:49 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

ISC Support, added some option integrations, minificaiton

Browse source
This commit is contained in:
Richie Bendall 2019-05-29 17:03:11 +12:00
parent 563de1648d
commit ee93bd099d
No known key found for this signature in database
GPG key ID: 1C6A99DFA9D306FC
65 changed files with 12889 additions and 2389 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

24
.eslintrc.json Normal file
View file

@ -0,0 +1,24 @@
{
"env": {
"browser": true,
"es6": true,
"node": true
},
"parser": "@typescript-eslint/parser",
"plugins": ["@typescript-eslint"],
"extends": "google",
"globals": {
"Atomics": "readonly",
"SharedArrayBuffer": "readonly"
},
"parserOptions": {
"ecmaVersion": 2018,
"sourceType": "module"
},
"rules": {
"indent": ["error", 4],
"semi": ["error", "never"],
"brace-style": 0,
"max-len": 0
}
}

5
.travis.yml
View file

@ -1,4 +1,3 @@
language: node_js
sudo: false
node_js:
- "stable"
sudo: false
node_js: lts/*

2
Procfile
View file

@ -1 +1 @@
web: node server.js
web: yarn start

4
README.md
View file

@ -65,9 +65,7 @@ You can also use an array to hold multiple copyright holders:
Which will be formatted as:
```
Remy Sharp (http://remysharp.com) and Richie Bendall (https://richienb.github.io)
```
Remy Sharp (http://remysharp.com) and Richie Bendall (https://richienb.github.io)
### url

27
licenses/ISC.ejs Normal file
View file

@ -0,0 +1,27 @@
<!DOCTYPE html>
<html id="home" lang="en">
<% include components/header %>
<body>
<article>
<%- gravatar %>
<h1>The ISC License (ISC)</h1>
<p>Copyright © <%= info %></p>
<p>Permission to use, copy, modify, and/or distribute this software for any
purpose with or without fee is hereby granted, provided that the above
copyright notice and this permission notice appear in all copies.</p>
<p>THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES
WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF
MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR
ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES
WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN
ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF
OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.</p>
</article>
<% include components/footer %>
</body>
</html>

46
LICENSE.html → licenses/MIT.ejs
View file

@ -1,49 +1,13 @@
<!DOCTYPE html>
<html id="home" lang="en">
<head>
<title>MIT License</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=0.7">
<!--
Welcome fellow open source developer. This project is here for you to
link to if you're like me and keep forgetting to include the
MIT-license.txt file.
Fork this project and send a pull request on:
https://github.com/remy/mit-license
By adding a new JSON file to the users directory, it will yield an
MIT License on a CNAME, for example:
{ "copyright": "Remy Sharp, http://remysharp.com" }
Means visiting http://rem.mit-license.org/ shows "Remy Sharp" as the
copyright holder. Namespaces will be on a first come first serve basis,
and I'm open to folk joining the GitHub project.
For more options (including linking and license version targeting)
see the README in the github hosted project.
Hope you find this useful too!
- @rem
-->
<!-- for HTML5 el styling -->
<script>
document.createElement('article');
document.createElement('footer');
</script>
<link rel="stylesheet" href="/themes/{{theme}}.css">
</head>
<% include components/header %>
<body>
<article>
{{{gravatar}}}
<%- gravatar %>
<h1>The MIT License (MIT)</h1>
<p>Copyright © {{info}}</p>
<p>Copyright © <%= info %></p>
<p>Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the “Software”), to deal
@ -63,9 +27,7 @@ <h1>The MIT License (MIT)</h1>
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
THE SOFTWARE.</p>
</article>
<footer>
<p><a href="https://github.com/remy/mit-license">Fork this project to create your own MIT license that you can always link to.</a></p>
</footer>
<% include components/footer %>
</body>
</html>

3
licenses/components/footer.ejs Normal file
View file

@ -0,0 +1,3 @@
<footer>
<p><a href="https://github.com/remy/mit-license">Fork this project to create your own MIT license that you can always link to.</a></p>
</footer>

37
licenses/components/header.ejs Normal file
View file

@ -0,0 +1,37 @@
<head>
<title>MIT License</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=0.7">
<!--
Welcome fellow open source developer. This project is here for you to
link to if you're like me and keep forgetting to include the
MIT-license.txt file.
Fork this project and send a pull request on:
https://github.com/remy/mit-license
By adding a new JSON file to the users directory, it will yield an
MIT License on a CNAME, for example:
{ "copyright": "Remy Sharp, http://remysharp.com" }
Means visiting http://rem.mit-license.org/ shows "Remy Sharp" as the
copyright holder. Namespaces will be on a first come first serve basis,
and I'm open to folk joining the GitHub project.
For more options (including linking and license version targeting)
see the README in the github hosted project.
Hope you find this useful too!
- @rem
-->
<!-- for HTML5 el styling -->
<script>
document.createElement('article');
document.createElement('footer');
</script>
<link rel="stylesheet" href="/themes/<%= theme %>.css">
</head>

76
package.json
View file

@ -1,36 +1,44 @@
{
"author": "Remy Sharp <remy@leftlogic.com> (http://remysharp.com/)",
"name": "mit-licence",
"description": "Hosted MIT License with details controlled through this repo",
"version": "1.0.0",
"repository": {
"type": "git",
"url": "git@github.com:remy/mit-license.git"
},
"scripts": {
"start": "node server.js",
"dev": "nodemon server.js",
"test": "node test.js"
},
"bugs": {
"url": "https://github.com/remy/mit-license/issues"
},
"license": "SEE LICENSE IN LICENSE",
"dependencies": {
"compression": "^1.7.4",
"dayjs": "^1.8.14",
"express": "^4.17.1",
"express-res-html": "^0.2.3",
"humanize-list": "^1.0.1",
"md5": "^2.2.1",
"mustache": "^3.0.1",
"mustache-express": "^1.2.8"
},
"devDependencies": {
"@types/bluebird": "^3.5.27",
"@types/compression": "^0.0.36",
"@types/express": "^4.16.1",
"@types/md5": "^2.1.33",
"nodemon": "^1.19.1"
}
"author": "Remy Sharp <remy@leftlogic.com> (http://remysharp.com/)",
"name": "mit-licence",
"description": "Hosted MIT License with details controlled through this repo",
"version": "1.0.0",
"repository": {
"type": "git",
"url": "git@github.com:remy/mit-license.git"
},
"scripts": {
"start": "tsc server.ts && node server.js",
"dev": "ts-node-dev --respawn --transpileOnly server.ts",
"test": "node test.js",
"lint": "eslint . --color --fix"
},
"bugs": {
"url": "https://github.com/remy/mit-license/issues"
},
"license": "SEE LICENSE IN LICENSE",
"dependencies": {
"compression": "^1.7.4",
"dayjs": "^1.8.14",
"ejs": "^2.6.1",
"express": "^4.17.1",
"express-minify": "^1.0.0",
"humanize-list": "^1.0.1",
"is-number": "^7.0.0",
"md5": "^2.2.1",
"tmp": "^0.1.0",
"typescript": "^3.4.5"
},
"devDependencies": {
"@types/compression": "^0.0.36",
"@types/express": "^4.16.1",
"@types/express-minify": "^0.1.34",
"@types/is-number": "^3.0.1",
"@types/md5": "^2.1.33",
"@types/tmp": "^0.1.0",
"@typescript-eslint/eslint-plugin": "^1.9.0",
"eslint": "^5.16.0",
"eslint-config-google": "^0.13.0",
"ts-node-dev": "^1.0.0-pre.39"
}
}

106
server.js
View file

@ -1,66 +1,68 @@
const express = require('express')
const path = require('path')
const fs = require('fs')
const PORT = process.env.PORT || 80
const mustache = require('mustache')
const compression = require('compression')
const dayjs = require('dayjs')
const md5 = require('md5')
const humanizeList = require('humanize-list')
// Read License file
const template = fs.readFileSync('LICENSE.html', "utf8")
mustache.parse(template);
var express = require('express');
var path = require('path');
var fs = require('fs');
var PORT = process.env.PORT || 80;
var compression = require('compression');
var dayjs = require('dayjs');
var md5 = require('md5');
var humanizeList = require('humanize-list');
var minify = require('express-minify');
// Prepare application
const app = express()
app.use(compression())
app.use(require('express-res-html'))
var app = express();
app.use(compression());
app.use(minify({
cache: require('tmp').dirSync().name
}));
app.set('view engine', 'ejs');
// Setup static files
app.use('/themes', express.static('themes'));
app.use('/users', express.static('users'));
app.use('/favicon.ico', express.static(__dirname + '/favicon.ico'));
// Setup useful variables
const year = dayjs().year()
// Any theme request
app.get('/themes/:file', (req, res) => res.sendFile(path.join(__dirname, 'themes', req.params.file)))
// Any user request
app.get('/users/:file', (req, res) => res.sendFile(path.join(__dirname, 'users', req.params.file)))
var yearNow = dayjs().year();
// HTTP POST API
app.post('/', function (req, res) {
res.end();
});
// Any other HTTP GET request
app.get('*', (req, res) => {
app.get('*', function (req, res) {
// Get user id (example: 'rem.mit-license.org/@2019' -> 'rem')
const id = req.hostname.split('.')[0]
var id = req.hostname.split('.')[0];
// Get params (example: 'rem.mit-license.org/@2019' -> ['@2019'])
var params = req.path.split('/');
params.shift();
//
var year = yearNow;
// Load the user data (example: from 'rem.mit-license.org/@2019' -> 'users/rem.json')
fs.readFile(path.join('users', `${id}.json`), 'utf8', (err, data) => {
fs.readFile(path.join('users', id + ".json"), 'utf8', function (err, data) {
var info, theme, gravatar;
// If error opening
if (err) {
if (err.code === 'ENOENT') {
// File not found
info = `${year} <copyright holders>`
theme = `default`
gravatar = ``
} else {
// Other error
res.status(500).end()
info = year + " <copyright holders>";
theme = 'default';
gravatar = '';
}
else {
// Other error
res.status(500).end();
}
} else {
// No error
const user = JSON.parse(data)
info = `${year} ${typeof user.copyright === "string" ? user.copyright : humanizeList(user.copyright)}`
theme = user.theme || "default"
gravatar = user.gravatar ? `<img id="gravatar" alt="Profile image" src="https://www.gravatar.com/avatar/${md5(user.email.trim().toLowerCase())}" />` : ``
}
else {
// No error
var user = JSON.parse(data);
info = year + " " + (typeof user.copyright === 'string' ? user.copyright : humanizeList(user.copyright));
theme = user.theme || 'default';
gravatar = user.gravatar ? "<img id=\"gravatar\" alt=\"Profile image\" src=\"https://www.gravatar.com/avatar/" + md5(user.email.trim().toLowerCase()) + "\" />" : '';
}
// Parse the options specified in the URL
res.set('Content-Type', 'text/html');
res.send(new Buffer.from(mustache.render(template, {
info,
theme,
gravatar
})));
res.render(path.join(__dirname, 'licenses', 'MIT.ejs'), {
info: info,
theme: theme,
gravatar: gravatar
});
});
})
});
// Start listening for HTTP requests
app.listen(PORT)
app.listen(PORT);

99
server.ts Normal file
View file

@ -0,0 +1,99 @@
import express from 'express'
import path from 'path'
import fs from 'fs'
const PORT = process.env.PORT || 80
import compression from 'compression'
import dayjs from 'dayjs'
import md5 from 'md5'
import humanizeList from 'humanize-list'
import minify from 'express-minify'
import isNumber from 'is-number'
// Prepare application
const app = express()
app.use(compression())
app.use(minify({
cache: require('tmp').dirSync().name,
}))
app.set('view engine', 'ejs')
// Setup static files
app.use('/themes', express.static('themes'))
app.use('/users', express.static('users'))
app.use('/favicon.ico', express.static(__dirname + '/favicon.ico'))
// Setup useful variables
const yearNow = dayjs().year()
// HTTP POST API
app.post('/', (_req, res) => {
res.end()
})
// Any other HTTP GET request
app.get('*', (req, res) => {
// Get user id (example: 'rem.mit-license.org/@2019' -> 'rem')
const id = req.hostname.split('.')[0]
// Get params (example: 'rem.mit-license.org/@2019' -> ['@2019'])
const params = req.path.split('/')
params.shift()
// Load the user data (example: from 'rem.mit-license.org/@2019' -> 'users/rem.json')
fs.readFile(path.join('users', `${id}.json`), 'utf8', (err, data: string) => {
let name: string, theme: string, gravatar: string
const user = JSON.parse(data || "{}")
// If error opening
if (err) {
if (err.code === 'ENOENT') {
// File not found
name = "<copyright holders>"
theme = 'default'
gravatar = ''
} else {
// Other error
res.status(500).end()
return;
}
} else {
// No error
name = typeof user.copyright === 'string' ? user.copyright : humanizeList(user.copyright)
theme = user.theme || 'default'
gravatar = user.gravatar ? `<img id="gravatar" alt="Profile image" src="https://www.gravatar.com/avatar/${md5(user.email.trim().toLowerCase())}" />` : ''
}
const year = (() => {
// rem.mit-license.org/@2019
const customYear = params.find(val => val.startsWith("@"))
// rem.mit-license.org/2019
const fromYear = params.find(val => !isNaN(parseInt(val.replace("-", ""))))
// If current year
if (customYear) return customYear.replace(/[@-]/g, "")
// If from year
if (fromYear) {
// If from year is same as current
if (parseInt(fromYear) === yearNow) return yearNow
return `${fromYear.replace("-", "")}-${yearNow.toString().replace("-", "")}`
}
return yearNow
})()
const customLicense = params.find(val => val.startsWith("+"))
const license = customLicense ? customLicense.replace("+", "") : user.license || `${"MIT"}.ejs`
// Parse the options specified in the URL
res.render(path.join(__dirname, 'licenses', license), {
info: `${year} ${name}`,
theme,
gravatar,
})
})
})
// Start listening for HTTP requests
app.listen(PORT)

22
test.js
View file

@ -1,13 +1,13 @@
#!/bin/env node
var fs = require('fs');
var users = fs.readdirSync('users');
users.forEach(function (user) {
try {
var content = fs.readFileSync('users/' + user).toString();
JSON.parse(content);
} catch (e) {
console.error('Invalid JSON in file: ' + user);
process.exit(1);
}
});
const fs = require('fs')
const users = fs.readdirSync('users')
users.forEach(function(user) {
try {
const content = fs.readFileSync('users/' + user).toString()
JSON.parse(content)
} catch (e) {
console.error('Invalid JSON in file: ' + user)
process.exit(1)
}
})

197
themes/8bits-monochrome-amber.css
View file

@ -1,101 +1,122 @@
/* 8bit theme v1.0.0 by Jorge Matricali, https://github.com/matricali/mit-license-8bits-theme */
/* MIT License https://jorge-matricali.mit-license.org/ */
@import url('https://fonts.googleapis.com/css?family=PT+Mono|VT323');
body {
font-family: 'PT Mono', monospace;
padding: .4em;
font-size: 1.1em;
background: #000;
color: #ffbf00;
font-family: 'PT Mono', monospace;
padding: .4em;
font-size: 1.1em;
background: #000;
color: #ffbf00;
}
a:link,
a:visited {
text-decoration: none;
color: #ffbf00;
text-decoration: none;
color: #ffbf00;
}
article {
display: block;
margin: 1em;
position: relative;
max-width: 800px;
margin: 10px auto 0;
}
article h1 {
color: #ffbf00;
width: 100%;
margin: 0 auto;
padding-top: 1.5em;
font-size: 3em;
}
article h1,
article h1 + p {
font-family: 'VT323', monospace;
padding-left: 6%;
}
article h1 + p {
margin-top: 0;
margin-bottom: 3em;
}
article h1 + p a:link,
article h1 + p a:visited {
color: #ffbf00;
}
article p {
padding: 0 2em;
text-align: justify;
}
article p:last-child {
padding-bottom: 1.8em;
font-size: 0.9em;
}
footer {
margin: 0 auto;
font-size: .8em;
text-align: center;
}
#gravatar {
display: block;
float: right;
}
@media (min-width: 750px) {
#gravatar {
position: absolute;
top: 4em;
right: 3em;
}
#gravatar + h1 + p + p {
padding-top: 2em;
}
h1 + p {
padding-right: 6em;
}
h1 + p + p {
padding-top: 0.8em;
}
}
@media (max-width: 750px) {
body {
font-size: 14px;
}
#gravatar {
display: block;
margin: 1em;
position: relative;
top: 4em;
right: 2em;
}
article h1 + p {
padding-bottom: 1em;
}
article h1 + p + p {
padding-top: 0.8em;
}
footer {
padding-bottom: 4em;
}
max-width: 800px;
margin: 10px auto 0;
}
article h1 {
color: #ffbf00;
width: 100%;
margin: 0 auto;
padding-top: 1.5em;
font-size: 3em;
}
article h1,
article h1+p {
font-family: 'VT323', monospace;
padding-left: 6%;
}
article h1+p {
margin-top: 0;
margin-bottom: 3em;
}
article h1+p a:link,
article h1+p a:visited {
color: #ffbf00;
}
article p {
padding: 0 2em;
text-align: justify;
}
article p:last-child {
padding-bottom: 1.8em;
font-size: 0.9em;
}
footer {
margin: 0 auto;
font-size: .8em;
text-align: center;
}
#gravatar {
display: block;
float: right;
}
@media (min-width: 750px) {
#gravatar {
position: absolute;
top: 4em;
right: 3em;
}
#gravatar+h1+p+p {
padding-top: 2em;
}
h1+p {
padding-right: 6em;
}
h1+p+p {
padding-top: 0.8em;
}
}
@media (max-width: 750px) {
body {
font-size: 14px;
}
#gravatar {
position: relative;
top: 4em;
right: 2em;
}
article h1+p {
padding-bottom: 1em;
}
article h1+p+p {
padding-top: 0.8em;
}
footer {
padding-bottom: 4em;
}
}
img {
-webkit-filter: contrast(700%) sepia(100%) saturate(100) sepia(100%) saturate(10);
-moz-filter: contrast(700%) sepia(100%) saturate(100) sepia(100%) saturate(10);
-ms-filter: contrast(700%) sepia(100%) saturate(100) sepia(100%) saturate(10);
-o-filter: contrast(700%) sepia(100%) saturate(100) sepia(100%) saturate(10);
filter: contrast(700%) sepia(100%) saturate(100) sepia(100%) saturate(10);
-webkit-filter: contrast(700%) sepia(100%) saturate(100) sepia(100%) saturate(10);
-moz-filter: contrast(700%) sepia(100%) saturate(100) sepia(100%) saturate(10);
-ms-filter: contrast(700%) sepia(100%) saturate(100) sepia(100%) saturate(10);
-o-filter: contrast(700%) sepia(100%) saturate(100) sepia(100%) saturate(10);
filter: contrast(700%) sepia(100%) saturate(100) sepia(100%) saturate(10);
}

197
themes/8bits-monochrome-blue-white.css
View file

@ -1,101 +1,122 @@
/* 8bits theme v1.1.0 by Jorge Matricali, https://github.com/matricali/mit-license-8bits-theme */
/* MIT License https://jorge-matricali.mit-license.org/ */
@import url('https://fonts.googleapis.com/css?family=PT+Mono|VT323');
body {
font-family: 'PT Mono', monospace;
padding: .4em;
font-size: 1.1em;
background: #00f;
color: #fff;
font-family: 'PT Mono', monospace;
padding: .4em;
font-size: 1.1em;
background: #00f;
color: #fff;
}
a:link,
a:visited {
text-decoration: none;
color: #fff;
text-decoration: none;
color: #fff;
}
article {
display: block;
margin: 1em;
position: relative;
max-width: 800px;
margin: 10px auto 0;
}
article h1 {
color: #fff;
width: 100%;
margin: 0 auto;
padding-top: 1.5em;
font-size: 3em;
}
article h1,
article h1 + p {
font-family: 'VT323', monospace;
padding-left: 6%;
}
article h1 + p {
margin-top: 0;
margin-bottom: 3em;
}
article h1 + p a:link,
article h1 + p a:visited {
color: #fff;
}
article p {
padding: 0 2em;
text-align: justify;
}
article p:last-child {
padding-bottom: 1.8em;
font-size: 0.9em;
}
footer {
margin: 0 auto;
font-size: .8em;
text-align: center;
}
#gravatar {
display: block;
float: right;
}
@media (min-width: 750px) {
#gravatar {
position: absolute;
top: 4em;
right: 3em;
}
#gravatar + h1 + p + p {
padding-top: 2em;
}
h1 + p {
padding-right: 6em;
}
h1 + p + p {
padding-top: 0.8em;
}
}
@media (max-width: 750px) {
body {
font-size: 14px;
}
#gravatar {
display: block;
margin: 1em;
position: relative;
top: 4em;
right: 2em;
}
article h1 + p {
padding-bottom: 1em;
}
article h1 + p + p {
padding-top: 0.8em;
}
footer {
padding-bottom: 4em;
}
max-width: 800px;
margin: 10px auto 0;
}
article h1 {
color: #fff;
width: 100%;
margin: 0 auto;
padding-top: 1.5em;
font-size: 3em;
}
article h1,
article h1+p {
font-family: 'VT323', monospace;
padding-left: 6%;
}
article h1+p {
margin-top: 0;
margin-bottom: 3em;
}
article h1+p a:link,
article h1+p a:visited {
color: #fff;
}
article p {
padding: 0 2em;
text-align: justify;
}
article p:last-child {
padding-bottom: 1.8em;
font-size: 0.9em;
}
footer {
margin: 0 auto;
font-size: .8em;
text-align: center;
}
#gravatar {
display: block;
float: right;
}
@media (min-width: 750px) {
#gravatar {
position: absolute;
top: 4em;
right: 3em;
}
#gravatar+h1+p+p {
padding-top: 2em;
}
h1+p {
padding-right: 6em;
}
h1+p+p {
padding-top: 0.8em;
}
}
@media (max-width: 750px) {
body {
font-size: 14px;
}
#gravatar {
position: relative;
top: 4em;
right: 2em;
}
article h1+p {
padding-bottom: 1em;
}
article h1+p+p {
padding-top: 0.8em;
}
footer {
padding-bottom: 4em;
}
}
img {
-webkit-filter: contrast(700%) invert(100%) brightness(80%) sepia(100%) saturate(5) invert(100%);
-moz-filter: contrast(700%) invert(100%) brightness(80%) sepia(100%) saturate(5) invert(100%);
-ms-filter: contrast(700%) invert(100%) brightness(80%) sepia(100%) saturate(5) invert(100%);
-o-filter: contrast(700%) invert(100%) brightness(80%) sepia(100%) saturate(5) invert(100%);
filter: contrast(700%) invert(100%) brightness(80%) sepia(100%) saturate(5) invert(100%);
-webkit-filter: contrast(700%) invert(100%) brightness(80%) sepia(100%) saturate(5) invert(100%);
-moz-filter: contrast(700%) invert(100%) brightness(80%) sepia(100%) saturate(5) invert(100%);
-ms-filter: contrast(700%) invert(100%) brightness(80%) sepia(100%) saturate(5) invert(100%);
-o-filter: contrast(700%) invert(100%) brightness(80%) sepia(100%) saturate(5) invert(100%);
filter: contrast(700%) invert(100%) brightness(80%) sepia(100%) saturate(5) invert(100%);
}

197
themes/8bits-monochrome-green.css
View file

@ -1,101 +1,122 @@
/* 8bits theme v1.1.0 by Jorge Matricali, https://github.com/matricali/mit-license-8bits-theme */
/* MIT License https://jorge-matricali.mit-license.org/ */
@import url('https://fonts.googleapis.com/css?family=PT+Mono|VT323');
body {
font-family: 'PT Mono', monospace;
padding: .4em;
font-size: 1.1em;
background: #000;
color: #0f0;
font-family: 'PT Mono', monospace;
padding: .4em;
font-size: 1.1em;
background: #000;
color: #0f0;
}
a:link,
a:visited {
text-decoration: none;
color: #0f0;
text-decoration: none;
color: #0f0;
}
article {
display: block;
margin: 1em;
position: relative;
max-width: 800px;
margin: 10px auto 0;
}
article h1 {
color: #0f0;
width: 100%;
margin: 0 auto;
padding-top: 1.5em;
font-size: 3em;
}
article h1,
article h1 + p {
font-family: 'VT323', monospace;
padding-left: 6%;
}
article h1 + p {
margin-top: 0;
margin-bottom: 3em;
}
article h1 + p a:link,
article h1 + p a:visited {
color: #0f0;
}
article p {
padding: 0 2em;
text-align: justify;
}
article p:last-child {
padding-bottom: 1.8em;
font-size: 0.9em;
}
footer {
margin: 0 auto;
font-size: .8em;
text-align: center;
}
#gravatar {
display: block;
float: right;
}
@media (min-width: 750px) {
#gravatar {
position: absolute;
top: 4em;
right: 3em;
}
#gravatar + h1 + p + p {
padding-top: 2em;
}
h1 + p {
padding-right: 6em;
}
h1 + p + p {
padding-top: 0.8em;
}
}
@media (max-width: 750px) {
body {
font-size: 14px;
}
#gravatar {
display: block;
margin: 1em;
position: relative;
top: 4em;
right: 2em;
}
article h1 + p {
padding-bottom: 1em;
}
article h1 + p + p {
padding-top: 0.8em;
}
footer {
padding-bottom: 4em;
}
max-width: 800px;
margin: 10px auto 0;
}
article h1 {
color: #0f0;
width: 100%;
margin: 0 auto;
padding-top: 1.5em;
font-size: 3em;
}
article h1,
article h1+p {
font-family: 'VT323', monospace;
padding-left: 6%;
}
article h1+p {
margin-top: 0;
margin-bottom: 3em;
}
article h1+p a:link,
article h1+p a:visited {
color: #0f0;
}
article p {
padding: 0 2em;
text-align: justify;
}
article p:last-child {
padding-bottom: 1.8em;
font-size: 0.9em;
}
footer {
margin: 0 auto;
font-size: .8em;
text-align: center;
}
#gravatar {
display: block;
float: right;
}
@media (min-width: 750px) {
#gravatar {
position: absolute;
top: 4em;
right: 3em;
}
#gravatar+h1+p+p {
padding-top: 2em;
}
h1+p {
padding-right: 6em;
}
h1+p+p {
padding-top: 0.8em;
}
}
@media (max-width: 750px) {
body {
font-size: 14px;
}
#gravatar {
position: relative;
top: 4em;
right: 2em;
}
article h1+p {
padding-bottom: 1em;
}
article h1+p+p {
padding-top: 0.8em;
}
footer {
padding-bottom: 4em;
}
}
img {
-webkit-filter: contrast(700%) sepia(100%) saturate(100) sepia(100%) saturate(10) hue-rotate(40deg);
-moz-filter: contrast(700%) sepia(100%) saturate(100) sepia(100%) saturate(10) hue-rotate(40deg);
-ms-filter: contrast(700%) sepia(100%) saturate(100) sepia(100%) saturate(10) hue-rotate(40deg);
-o-filter: contrast(700%) sepia(100%) saturate(100) sepia(100%) saturate(10) hue-rotate(40deg);
filter: contrast(700%) sepia(100%) saturate(100) sepia(100%) saturate(10) hue-rotate(40deg);
-webkit-filter: contrast(700%) sepia(100%) saturate(100) sepia(100%) saturate(10) hue-rotate(40deg);
-moz-filter: contrast(700%) sepia(100%) saturate(100) sepia(100%) saturate(10) hue-rotate(40deg);
-ms-filter: contrast(700%) sepia(100%) saturate(100) sepia(100%) saturate(10) hue-rotate(40deg);
-o-filter: contrast(700%) sepia(100%) saturate(100) sepia(100%) saturate(10) hue-rotate(40deg);
filter: contrast(700%) sepia(100%) saturate(100) sepia(100%) saturate(10) hue-rotate(40deg);
}

197
themes/8bits-monochrome-white.css
View file

@ -1,101 +1,122 @@
/* 8bits theme v1.1.0 by Jorge Matricali, https://github.com/matricali/mit-license-8bits-theme */
/* MIT License https://jorge-matricali.mit-license.org/ */
@import url('https://fonts.googleapis.com/css?family=PT+Mono|VT323');
body {
font-family: 'PT Mono', monospace;
padding: .4em;
font-size: 1.1em;
background: #fff;
color: #000;
font-family: 'PT Mono', monospace;
padding: .4em;
font-size: 1.1em;
background: #fff;
color: #000;
}
a:link,
a:visited {
text-decoration: none;
color: #000;
text-decoration: none;
color: #000;
}
article {
display: block;
margin: 1em;
position: relative;
max-width: 800px;
margin: 10px auto 0;
}
article h1 {
color: #000;
width: 100%;
margin: 0 auto;
padding-top: 1.5em;
font-size: 3em;
}
article h1,
article h1 + p {
font-family: 'VT323', monospace;
padding-left: 6%;
}
article h1 + p {
margin-top: 0;
margin-bottom: 3em;
}
article h1 + p a:link,
article h1 + p a:visited {
color: #000;
}
article p {
padding: 0 2em;
text-align: justify;
}
article p:last-child {
padding-bottom: 1.8em;
font-size: 0.9em;
}
footer {
margin: 0 auto;
font-size: .8em;
text-align: center;
}
#gravatar {
display: block;
float: right;
}
@media (min-width: 750px) {
#gravatar {
position: absolute;
top: 4em;
right: 3em;
}
#gravatar + h1 + p + p {
padding-top: 2em;
}
h1 + p {
padding-right: 6em;
}
h1 + p + p {
padding-top: 0.8em;
}
}
@media (max-width: 750px) {
body {
font-size: 14px;
}
#gravatar {
display: block;
margin: 1em;
position: relative;
top: 4em;
right: 2em;
}
article h1 + p {
padding-bottom: 1em;
}
article h1 + p + p {
padding-top: 0.8em;
}
footer {
padding-bottom: 4em;
}
max-width: 800px;
margin: 10px auto 0;
}
article h1 {
color: #000;
width: 100%;
margin: 0 auto;
padding-top: 1.5em;
font-size: 3em;
}
article h1,
article h1+p {
font-family: 'VT323', monospace;
padding-left: 6%;
}
article h1+p {
margin-top: 0;
margin-bottom: 3em;
}
article h1+p a:link,
article h1+p a:visited {
color: #000;
}
article p {
padding: 0 2em;
text-align: justify;
}
article p:last-child {
padding-bottom: 1.8em;
font-size: 0.9em;
}
footer {
margin: 0 auto;
font-size: .8em;
text-align: center;
}
#gravatar {
display: block;
float: right;
}
@media (min-width: 750px) {
#gravatar {
position: absolute;
top: 4em;
right: 3em;
}
#gravatar+h1+p+p {
padding-top: 2em;
}
h1+p {
padding-right: 6em;
}
h1+p+p {
padding-top: 0.8em;
}
}
@media (max-width: 750px) {
body {
font-size: 14px;
}
#gravatar {
position: relative;
top: 4em;
right: 2em;
}
article h1+p {
padding-bottom: 1em;
}
article h1+p+p {
padding-top: 0.8em;
}
footer {
padding-bottom: 4em;
}
}
img {
-webkit-filter: contrast(700%) grayscale(100%) saturate(100);
-moz-filter: contrast(700%) grayscale(100%) saturate(100);
-ms-filter: contrast(700%) grayscale(100%) saturate(100);
-o-filter: contrast(700%) grayscale(100%) saturate(100);
filter: contrast(700%) grayscale(100%) saturate(100);
-webkit-filter: contrast(700%) grayscale(100%) saturate(100);
-moz-filter: contrast(700%) grayscale(100%) saturate(100);
-ms-filter: contrast(700%) grayscale(100%) saturate(100);
-o-filter: contrast(700%) grayscale(100%) saturate(100);
filter: contrast(700%) grayscale(100%) saturate(100);
}

197
themes/8bits-monochrome.css
View file

@ -1,101 +1,122 @@
/* 8bits theme v1.1.0 by Jorge Matricali, https://github.com/matricali/mit-license-8bits-theme */
/* MIT License https://jorge-matricali.mit-license.org/ */
@import url('https://fonts.googleapis.com/css?family=PT+Mono|VT323');
body {
font-family: 'PT Mono', monospace;
padding: .4em;
font-size: 1.1em;
background: #000;
color: #fff;
font-family: 'PT Mono', monospace;
padding: .4em;
font-size: 1.1em;
background: #000;
color: #fff;
}
a:link,
a:visited {
text-decoration: none;
color: #fff;
text-decoration: none;
color: #fff;
}
article {
display: block;
margin: 1em;
position: relative;
max-width: 800px;
margin: 10px auto 0;
}
article h1 {
color: #fff;
width: 100%;
margin: 0 auto;
padding-top: 1.5em;
font-size: 3em;
}
article h1,
article h1 + p {
font-family: 'VT323', monospace;
padding-left: 6%;
}
article h1 + p {
margin-top: 0;
margin-bottom: 3em;
}
article h1 + p a:link,
article h1 + p a:visited {
color: #fff;
}
article p {
padding: 0 2em;
text-align: justify;
}
article p:last-child {
padding-bottom: 1.8em;
font-size: 0.9em;
}
footer {
margin: 0 auto;
font-size: .8em;
text-align: center;
}
#gravatar {
display: block;
float: right;
}
@media (min-width: 750px) {
#gravatar {
position: absolute;
top: 4em;
right: 3em;
}
#gravatar + h1 + p + p {
padding-top: 2em;
}
h1 + p {
padding-right: 6em;
}
h1 + p + p {
padding-top: 0.8em;
}
}
@media (max-width: 750px) {
body {
font-size: 14px;
}
#gravatar {
display: block;
margin: 1em;
position: relative;
top: 4em;
right: 2em;
}
article h1 + p {
padding-bottom: 1em;
}
article h1 + p + p {
padding-top: 0.8em;
}
footer {
padding-bottom: 4em;
}
max-width: 800px;
margin: 10px auto 0;
}
article h1 {
color: #fff;
width: 100%;
margin: 0 auto;
padding-top: 1.5em;
font-size: 3em;
}
article h1,
article h1+p {
font-family: 'VT323', monospace;
padding-left: 6%;
}
article h1+p {
margin-top: 0;
margin-bottom: 3em;
}
article h1+p a:link,
article h1+p a:visited {
color: #fff;
}
article p {
padding: 0 2em;
text-align: justify;
}
article p:last-child {
padding-bottom: 1.8em;
font-size: 0.9em;
}
footer {
margin: 0 auto;
font-size: .8em;
text-align: center;
}
#gravatar {
display: block;
float: right;
}
@media (min-width: 750px) {
#gravatar {
position: absolute;
top: 4em;
right: 3em;
}
#gravatar+h1+p+p {
padding-top: 2em;
}
h1+p {
padding-right: 6em;
}
h1+p+p {
padding-top: 0.8em;
}
}
@media (max-width: 750px) {
body {
font-size: 14px;
}
#gravatar {
position: relative;
top: 4em;
right: 2em;
}
article h1+p {
padding-bottom: 1em;
}
article h1+p+p {
padding-top: 0.8em;
}
footer {
padding-bottom: 4em;
}
}
img {
-webkit-filter: contrast(700%) grayscale(100%) saturate(100);
-moz-filter: contrast(700%) grayscale(100%) saturate(100);
-ms-filter: contrast(700%) grayscale(100%) saturate(100);
-o-filter: contrast(700%) grayscale(100%) saturate(100);
filter: contrast(700%) grayscale(100%) saturate(100);
-webkit-filter: contrast(700%) grayscale(100%) saturate(100);
-moz-filter: contrast(700%) grayscale(100%) saturate(100);
-ms-filter: contrast(700%) grayscale(100%) saturate(100);
-o-filter: contrast(700%) grayscale(100%) saturate(100);
filter: contrast(700%) grayscale(100%) saturate(100);
}

78
themes/afterdark.css
View file

@ -1,12 +1,66 @@
body {margin:0; padding: 50px;background: #242f3a;font: 16px/28px "Garamond",serif; color: #94979e;}
article, footer { display:block; max-width:720px; margin:0 auto; }
article { padding:28px;}
footer { padding:0 28px; text-align:center; }
h1 { margin:0; font-size: 24px; line-height: 32px;color:#d7721a}
a, a:visited { color:#577446; padding:4px; text-decoration:none; }
a:active, a:hover { color:#5dd912; }
a img { position: absolute; top: 0; right: 0; border: 0; }
:-moz-any-link:focus {background:#bc4a46;}
::selection {background:#bc4a46;}
::-moz-selection {background:#bc4a46;}
#gravatar { position: relative; float: right; margin-bottom: 1em; margin-left: 1em; border: 1px solid #ddd; }
body {
margin: 0;
padding: 50px;
background: #242f3a;
font: 16px/28px "Garamond", serif;
color: #94979e;
}
article, footer {
display: block;
max-width: 720px;
margin: 0 auto;
}
article {
padding: 28px;
}
footer {
padding: 0 28px;
text-align: center;
}
h1 {
margin: 0;
font-size: 24px;
line-height: 32px;
color: #d7721a
}
a, a:visited {
color: #577446;
padding: 4px;
text-decoration: none;
}
a:active, a:hover {
color: #5dd912;
}
a img {
position: absolute;
top: 0;
right: 0;
border: 0;
}
:-moz-any-link:focus {
background: #bc4a46;
}
::selection {
background: #bc4a46;
}
::-moz-selection {
background: #bc4a46;
}
#gravatar {
position: relative;
float: right;
margin-bottom: 1em;
margin-left: 1em;
border: 1px solid #ddd;
}

87
themes/black-beauty.css
View file

@ -1,63 +1,63 @@
@import url(https://fonts.googleapis.com/css?family=Lato:300);
html {
font-size: 16px;
background-color: #1a1a1a;
font-size: 16px;
background-color: #1a1a1a;
}
body {
font-family: "Lato", Helvetica, Arial, sans-serif;
font-size: 1.3em;
font-weight: 300;
color: #CCC;
font-family: "Lato", Helvetica, Arial, sans-serif;
font-size: 1.3em;
font-weight: 300;
color: #CCC;
}
article, footer {
max-width: 877px;
margin: 0 auto;
text-align: center;
max-width: 877px;
margin: 0 auto;
text-align: center;
}
article {
margin-top: 1em;
background-color: #2a2a2a;
padding: 1em;
text-align: center;
position: relative;
margin-top: 1em;
background-color: #2a2a2a;
padding: 1em;
text-align: center;
position: relative;
}
article p {
text-align: left;
text-align: left;
}
article p:first-of-type {
text-align: center;
font-size: .8em;
text-align: center;
font-size: .8em;
}
article p:last-of-type {
border-left: 3px solid #CCC;
padding-left: 15px;
border-left: 3px solid #CCC;
padding-left: 15px;
}
#gravatar {
width: 70px;
border-radius: 35px;
display: block;
margin: 0 auto;
position: absolute;
right: -6px;
bottom: -20px;
width: 70px;
border-radius: 35px;
display: block;
margin: 0 auto;
position: absolute;
right: -6px;
bottom: -20px;
}
h1 {
font-size: 1.5em;
font-weight: 300;
text-transform: uppercase;
display: inline-block;
padding-bottom: 12px;
border-bottom: 2px dashed #CCC;
margin: 0;
font-size: 1.5em;
font-weight: 300;
text-transform: uppercase;
display: inline-block;
padding-bottom: 12px;
border-bottom: 2px dashed #CCC;
margin: 0;
}
a {
@ -67,20 +67,19 @@ a {
}
a:hover, a:focus, a:active {
color: white;
color: white;
}
@media (min-width: 640px) {
h1 {
font-size: 2.4em;
}
h1 {
font-size: 2.4em;
}
body {
font-size: 1.4em;
}
body {
font-size: 1.4em;
}
article p:first-of-type {
font-size: 1em;
}
article p:first-of-type {
font-size: 1em;
}
}

201
themes/blackwood.css
View file

File diff suppressed because one or more lines are too long

143
themes/cherry-white.css
View file

@ -1,19 +1,128 @@
@import url(https://fonts.googleapis.com/css?family=Alegreya:400italic,400,700);
body { color: #94979E; font: 16px/28px 'Alegreya', "Garamond",serif; margin: 0; padding: 0 50px;}
article, footer { display:block; max-width:720px; margin:0 auto; }
article {background: repeat scroll 0 0 #FFFFFF; border-bottom: 4px solid #FF3366; border-right: 3px solid #FF6666; padding: 45px 28px 28px; position: relative; -webkit-border-radius: 0px 0 10px 10px; -moz-border-radius: 0px 0 10px 10px; border-radius: 0px 0 10px 10px; margin-top: 28px; border-left: 1px solid #F7F7F7;}
h1 { background: none repeat scroll 0 0 #FF3366; color: #FFFFFF; font-size: 24px; left: -12px; line-height: 32px; padding: 10px 0 10px 13px; position: absolute; top: -22px; width: 100%; display: block; -moz-box-shadow: 2px 7px 0px -3px #CCCCCC; -webkit-box-shadow: 2px 7px 0px -3px #CCCCCC; box-shadow: 2px 7px 0px -3px #CCCCCC; }
h1:after { background-color: #AD0431; border-radius: 0 0 0 32px; content: ""; height: 7px; left: 3px; position: absolute; top: 52px; width: 7px; }
h1:before { background-color: #D01B4B; content: ""; height: 11px; left: 0; position: absolute; top: 52px; width: 11px; -webkit-border-radius: 0 0 0 32px; -moz-border-radius: 0 0 0 32px; border-radius: 0 0 0 32px; }
article p:nth-of-type(1) {font-size: 24px;}
a, a:visited { color:#3A3A3A; padding:4px 4px 0 4px; text-decoration:none; }
a:active, a:hover { color:#710257; }
a img { position: absolute; top: 0; right: 0; border: 0; }
:-moz-any-link:focus {color:#bc4a46;}
::selection {color:#bc4a46;}
::-moz-selection {color:#bc4a46; }
footer { background-color: #FFFFFF; border-bottom: 3px solid #FF3366; margin-top: 10px; padding: 4px 28px; text-align: center; border-top: 1px solid #F5F5F5; }
footer a { padding: 10px; }
footer p { font-size: 16px; margin: 0; padding: 0;}
#gravatar { position: relative; float: right; border: 3px solid #CCCCCC; top: -2.3em; z-index: 1; border-radius: 10px; }
body {
color: #94979E;
font: 16px/28px 'Alegreya', "Garamond", serif;
margin: 0;
padding: 0 50px;
}
article, footer {
display: block;
max-width: 720px;
margin: 0 auto;
}
article {
background: repeat scroll 0 0 #FFFFFF;
border-bottom: 4px solid #FF3366;
border-right: 3px solid #FF6666;
padding: 45px 28px 28px;
position: relative;
-webkit-border-radius: 0px 0 10px 10px;
-moz-border-radius: 0px 0 10px 10px;
border-radius: 0px 0 10px 10px;
margin-top: 28px;
border-left: 1px solid #F7F7F7;
}
h1 {
background: none repeat scroll 0 0 #FF3366;
color: #FFFFFF;
font-size: 24px;
left: -12px;
line-height: 32px;
padding: 10px 0 10px 13px;
position: absolute;
top: -22px;
width: 100%;
display: block;
-moz-box-shadow: 2px 7px 0px -3px #CCCCCC;
-webkit-box-shadow: 2px 7px 0px -3px #CCCCCC;
box-shadow: 2px 7px 0px -3px #CCCCCC;
}
h1:after {
background-color: #AD0431;
border-radius: 0 0 0 32px;
content: "";
height: 7px;
left: 3px;
position: absolute;
top: 52px;
width: 7px;
}
h1:before {
background-color: #D01B4B;
content: "";
height: 11px;
left: 0;
position: absolute;
top: 52px;
width: 11px;
-webkit-border-radius: 0 0 0 32px;
-moz-border-radius: 0 0 0 32px;
border-radius: 0 0 0 32px;
}
article p:nth-of-type(1) {
font-size: 24px;
}
a, a:visited {
color: #3A3A3A;
padding: 4px 4px 0 4px;
text-decoration: none;
}
a:active, a:hover {
color: #710257;
}
a img {
position: absolute;
top: 0;
right: 0;
border: 0;
}
:-moz-any-link:focus {
color: #bc4a46;
}
::selection {
color: #bc4a46;
}
::-moz-selection {
color: #bc4a46;
}
footer {
background-color: #FFFFFF;
border-bottom: 3px solid #FF3366;
margin-top: 10px;
padding: 4px 28px;
text-align: center;
border-top: 1px solid #F5F5F5;
}
footer a {
padding: 10px;
}
footer p {
font-size: 16px;
margin: 0;
padding: 0;
}
#gravatar {
position: relative;
float: right;
border: 3px solid #CCCCCC;
top: -2.3em;
z-index: 1;
border-radius: 10px;
}

141
themes/cherry.css
View file

@ -1,19 +1,126 @@
@import url(https://fonts.googleapis.com/css?family=Alegreya:400italic,400,700);
body { background: url("cherry.png") repeat scroll 0 0 transparent; color: #94979E; font: 16px/28px 'Alegreya', "Garamond",serif; margin: 0; padding: 0 50px;}
article, footer { display:block; max-width:720px; margin:0 auto; }
article {background: repeat scroll 0 0 #FFFFFF; border-bottom: 4px solid #FF3366; border-right: 3px solid #FF6666;padding: 74px 28px 28px; position: relative; -webkit-border-radius: 0px 0 10px 10px; -moz-border-radius: 0px 0 10px 10px; border-radius: 0px 0 10px 10px; }
h1 { background: none repeat scroll 0 0 #FF3366; color: #FFFFFF; font-size: 24px; left: -12px; line-height: 32px; padding: 10px 0 10px 13px; position: absolute; top: 0; width: 100%; display: block; -moz-box-shadow: 2px 7px 0px -3px #CCCCCC; -webkit-box-shadow: 2px 7px 0px -3px #CCCCCC; box-shadow: 2px 7px 0px -3px #CCCCCC; }
h1:after { background-color: #AD0431; border-radius: 0 0 0 32px; content: ""; height: 7px; left: 3px; position: absolute; top: 52px; width: 7px; }
h1:before { background-color: #D01B4B; content: ""; height: 11px; left: 0; position: absolute; top: 52px; width: 11px; -webkit-border-radius: 0 0 0 32px; -moz-border-radius: 0 0 0 32px; border-radius: 0 0 0 32px; }
article p:nth-of-type(1) {font-size: 24px;}
a, a:visited { color:#3A3A3A; padding:4px 4px 0 4px; text-decoration:none; }
a:active, a:hover { color:#710257; }
a img { position: absolute; top: 0; right: 0; border: 0; }
:-moz-any-link:focus {color:#bc4a46;}
::selection {color:#bc4a46;}
::-moz-selection {color:#bc4a46; }
footer { background-color: #FFFFFF; border-bottom: 3px solid #FF3366; margin-top: 10px; padding: 4px 28px; text-align: center; }
footer a { padding: 10px; }
footer p { font-size: 16px; margin: 0; padding: 0;}
#gravatar { position: relative; float: right; border: 3px solid #CCCCCC; top: -4.3em; z-index: 1; border-radius: 10px; }
body {
background: url("cherry.png") repeat scroll 0 0 transparent;
color: #94979E;
font: 16px/28px 'Alegreya', "Garamond", serif;
margin: 0;
padding: 0 50px;
}
article, footer {
display: block;
max-width: 720px;
margin: 0 auto;
}
article {
background: repeat scroll 0 0 #FFFFFF;
border-bottom: 4px solid #FF3366;
border-right: 3px solid #FF6666;
padding: 74px 28px 28px;
position: relative;
-webkit-border-radius: 0px 0 10px 10px;
-moz-border-radius: 0px 0 10px 10px;
border-radius: 0px 0 10px 10px;
}
h1 {
background: none repeat scroll 0 0 #FF3366;
color: #FFFFFF;
font-size: 24px;
left: -12px;
line-height: 32px;
padding: 10px 0 10px 13px;
position: absolute;
top: 0;
width: 100%;
display: block;
-moz-box-shadow: 2px 7px 0px -3px #CCCCCC;
-webkit-box-shadow: 2px 7px 0px -3px #CCCCCC;
box-shadow: 2px 7px 0px -3px #CCCCCC;
}
h1:after {
background-color: #AD0431;
border-radius: 0 0 0 32px;
content: "";
height: 7px;
left: 3px;
position: absolute;
top: 52px;
width: 7px;
}
h1:before {
background-color: #D01B4B;
content: "";
height: 11px;
left: 0;
position: absolute;
top: 52px;
width: 11px;
-webkit-border-radius: 0 0 0 32px;
-moz-border-radius: 0 0 0 32px;
border-radius: 0 0 0 32px;
}
article p:nth-of-type(1) {
font-size: 24px;
}
a, a:visited {
color: #3A3A3A;
padding: 4px 4px 0 4px;
text-decoration: none;
}
a:active, a:hover {
color: #710257;
}
a img {
position: absolute;
top: 0;
right: 0;
border: 0;
}
:-moz-any-link:focus {
color: #bc4a46;
}
::selection {
color: #bc4a46;
}
::-moz-selection {
color: #bc4a46;
}
footer {
background-color: #FFFFFF;
border-bottom: 3px solid #FF3366;
margin-top: 10px;
padding: 4px 28px;
text-align: center;
}
footer a {
padding: 10px;
}
footer p {
font-size: 16px;
margin: 0;
padding: 0;
}
#gravatar {
position: relative;
float: right;
border: 3px solid #CCCCCC;
top: -4.3em;
z-index: 1;
border-radius: 10px;
}

116
themes/default-dark.css
View file

@ -1,20 +1,100 @@
@import url(https://fonts.googleapis.com/css?family=Inconsolata);
html { background: #1a1a1a; }
body { margin: 0; font-family: "Inconsolata", "DejaVu Sans Mono","Bitstream Vera Sans Mono", monospace; font-size: 1.2em; line-height: 1.2em; color: #999;}
article, footer { display: block; min-width: 360px; max-width: 900px; width: 80%; }
article { margin: 2.5em auto 0 auto; border: 1px solid ; border-color: #505050 #373737 #373737 #505050; padding: 2em; background: #2a2a2a; }
h1 { margin-top: 0; }
article p:first-of-type { margin-top: 1.6em; }
article p:last-child { margin-bottom: 0; }
footer { margin: 0em auto 2em auto; text-align: center; }
footer a { color: #666; text-shadow: 0 1px 1px #999; text-decoration:none; font-size:.8em; padding: 1em; }
html {
background: #1a1a1a;
}
body {
margin: 0;
font-family: "Inconsolata", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", monospace;
font-size: 1.2em;
line-height: 1.2em;
color: #999;
}
article, footer {
display: block;
min-width: 360px;
max-width: 900px;
width: 80%;
}
article {
margin: 2.5em auto 0 auto;
border: 1px solid;
border-color: #505050 #373737 #373737 #505050;
padding: 2em;
background: #2a2a2a;
}
h1 {
margin-top: 0;
}
article p:first-of-type {
margin-top: 1.6em;
}
article p:last-child {
margin-bottom: 0;
}
footer {
margin: 0em auto 2em auto;
text-align: center;
}
footer a {
color: #666;
text-shadow: 0 1px 1px #999;
text-decoration: none;
font-size: .8em;
padding: 1em;
}
/*footer a:before{content: "â¦"; font-size:1.5em; padding-right:.2em; } */
footer a:hover, footer a:focus { color: white; }
h1 {font-weight:normal; display:inline; border-bottom:1px solid #999; padding:0 0 3px 0; line-height: 36px; }
a { color:#0520cf; text-decoration:none;}
a:hover, a:focus { color:#2844FA; }
a:active { color:white; }
:-moz-any-link:focus {color:#000; border:0;}
::selection {background:#ccc;}
::-moz-selection {background:#ccc;}
#gravatar{position:relative;float:right; margin-bottom: 1em; margin-left: 1em; border: 1px solid #999;}
footer a:hover, footer a:focus {
color: white;
}
h1 {
font-weight: normal;
display: inline;
border-bottom: 1px solid #999;
padding: 0 0 3px 0;
line-height: 36px;
}
a {
color: #0520cf;
text-decoration: none;
}
a:hover, a:focus {
color: #2844FA;
}
a:active {
color: white;
}
:-moz-any-link:focus {
color: #000;
border: 0;
}
::selection {
background: #ccc;
}
::-moz-selection {
background: #ccc;
}
#gravatar {
position: relative;
float: right;
margin-bottom: 1em;
margin-left: 1em;
border: 1px solid #999;
}

127
themes/default.css
View file

@ -1,22 +1,109 @@
@import url(https://fonts.googleapis.com/css?family=Inconsolata);
html { background: #eee; }
body { margin: 0; font-family: "Inconsolata", "DejaVu Sans Mono","Bitstream Vera Sans Mono", monospace; font-size: 1.2em; line-height: 1.2em; }
article, footer { display: block; min-width: 360px; max-width: 900px; width: 80%; }
article { margin: 2.5em auto 0 auto; border: 1px solid ; border-color: #ddd #aaa #aaa #ddd; padding: 2em; background: #fff; }
h1 { margin-top: 0; }
article p:first-of-type { margin-top: 1.6em; }
article p:last-child { margin-bottom: 0; }
footer { margin: 0em auto 2em auto; text-align: center; }
footer a { color: #666; text-shadow: 0 1px 1px #fff; text-decoration:none; font-size:.8em; padding: 1em; }
/*footer a:before{content: "⏦"; font-size:1.5em; padding-right:.2em; } */
footer a:hover, footer a:focus { color: #111; }
h1 {font-weight:normal; display:inline; border-bottom:1px solid black; padding:0 0 3px 0; line-height: 36px; }
a { color:#2844FA; text-decoration:none;}
a:hover, a:focus { color:#1B29A4; }
a:active { color:#000; }
:-moz-any-link:focus {color:#000; border:0;}
::selection {background:#ccc;}
::-moz-selection {background:#ccc;}
#gravatar { position: relative; float: right; margin-bottom: 1em; margin-left: 1em; border: 1px solid #ddd; }
@media all and (max-width: 500px) { article {padding:1em;} body {font-size:1em;} }
html {
background: #eee;
}
body {
margin: 0;
font-family: "Inconsolata", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", monospace;
font-size: 1.2em;
line-height: 1.2em;
}
article, footer {
display: block;
min-width: 360px;
max-width: 900px;
width: 80%;
}
article {
margin: 2.5em auto 0 auto;
border: 1px solid;
border-color: #ddd #aaa #aaa #ddd;
padding: 2em;
background: #fff;
}
h1 {
margin-top: 0;
}
article p:first-of-type {
margin-top: 1.6em;
}
article p:last-child {
margin-bottom: 0;
}
footer {
margin: 0em auto 2em auto;
text-align: center;
}
footer a {
color: #666;
text-shadow: 0 1px 1px #fff;
text-decoration: none;
font-size: .8em;
padding: 1em;
}
/*footer a:before{content: "⏦"; font-size:1.5em; padding-right:.2em; } */
footer a:hover, footer a:focus {
color: #111;
}
h1 {
font-weight: normal;
display: inline;
border-bottom: 1px solid black;
padding: 0 0 3px 0;
line-height: 36px;
}
a {
color: #2844FA;
text-decoration: none;
}
a:hover, a:focus {
color: #1B29A4;
}
a:active {
color: #000;
}
:-moz-any-link:focus {
color: #000;
border: 0;
}
::selection {
background: #ccc;
}
::-moz-selection {
background: #ccc;
}
#gravatar {
position: relative;
float: right;
margin-bottom: 1em;
margin-left: 1em;
border: 1px solid #ddd;
}
@media all and (max-width: 500px) {
article {
padding: 1em;
}
body {
font-size: 1em;
}
}

84
themes/double-windsor.css
View file

@ -1,75 +1,75 @@
@import url(https://fonts.googleapis.com/css?family=Lora:400,400italic);
body {
font-family: Lora, Constantia, Georgia, serif;
padding: 8px;
line-height: 1.6em;
color: #444;
font-family: Lora, Constantia, Georgia, serif;
padding: 8px;
line-height: 1.6em;
color: #444;
}
article {
max-width: 660px;
margin: 10px auto 0;
text-align: justify;
max-width: 660px;
margin: 10px auto 0;
text-align: justify;
}
h1 {
font-weight: 400;
text-align: center;
font-variant: small-caps;
letter-spacing: 0.25em;
font-size: 1.9em;
border-bottom: 1px solid #EEE;
padding-bottom: 0.8em;
margin-bottom: 5px;
line-height: 1.1em;
font-weight: 400;
text-align: center;
font-variant: small-caps;
letter-spacing: 0.25em;
font-size: 1.9em;
border-bottom: 1px solid #EEE;
padding-bottom: 0.8em;
margin-bottom: 5px;
line-height: 1.1em;
}
article p:nth-of-type(1) {
border-top: 1px solid #EEE;
margin-top: 0;
padding-top: 1.2em;
font-style: italic;
text-align: center;
font-size: 1.05em;
border-top: 1px solid #EEE;
margin-top: 0;
padding-top: 1.2em;
font-style: italic;
text-align: center;
font-size: 1.05em;
}
article p:last-child {
padding-bottom: 1.3em;
margin-bottom: 0.0em;
border-bottom: 1px solid #EEE;
font-size: 0.95em;
padding-bottom: 1.3em;
margin-bottom: 0.0em;
border-bottom: 1px solid #EEE;
font-size: 0.95em;
}
a {
padding: 0.1em;
padding: 0.1em;
}
a:link,
a:visited {
text-decoration: none;
color: #C53;
border-bottom: 1px dotted;
text-decoration: none;
color: #C53;
border-bottom: 1px dotted;
}
a:hover {
background: #D64;
color: white;
border: none;
background: #D64;
color: white;
border: none;
}
a:active {
background: #920;
background: #920;
}
footer {
border-top: 1px solid #EEE;
font-size: 0.8em;
text-align: center;
max-width: 660px;
margin: 0 auto;
margin-top: 5px;
font-style: italic;
border-top: 1px solid #EEE;
font-size: 0.8em;
text-align: center;
max-width: 660px;
margin: 0 auto;
margin-top: 5px;
font-style: italic;
}
#gravatar {
@ -77,4 +77,4 @@ footer {
position: relative;
float: right;
top: -1.7em;
}
}

157
themes/dusk.css
View file

@ -1,133 +1,132 @@
/* Dusk theme v1.0.0 by @georapbox */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400);
*::selection {
background: #de5833;
color: #eff7ff;
background: #de5833;
color: #eff7ff;
}
*::-moz-selection {
background: #de5833;
color: #eff7ff;
background: #de5833;
color: #eff7ff;
}
* {
margin: 0;
padding: 0;
margin: 0;
padding: 0;
}
body {
font-family: 'Open Sans', Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 1.1em;
background: #272b35;
color: #67778a;
margin: 86px 0;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
font-family: 'Open Sans', Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 1.1em;
background: #272b35;
color: #67778a;
margin: 86px 0;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
}
a:link, a:visited, a:hover {
position: relative;
text-decoration: none;
color: #de5833;
-webkit-transition: color 0.3s ease-in-out;
transition: color 0.3s ease-in-out;
-webkit-transform: scaleX(0);
transform: scaleX(0);
position: relative;
text-decoration: none;
color: #de5833;
-webkit-transition: color 0.3s ease-in-out;
transition: color 0.3s ease-in-out;
-webkit-transform: scaleX(0);
transform: scaleX(0);
}
a:hover {
color: #eff7ff;
color: #eff7ff;
}
a:before {
content: " ";
position: absolute;
width: 100%;
height: 2px;
bottom: 0;
left: 0;
background-color: #de5833;
visibility: hidden;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
content: " ";
position: absolute;
width: 100%;
height: 2px;
bottom: 0;
left: 0;
background-color: #de5833;
visibility: hidden;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
a:hover:before {
visibility: visible;
-webkit-transform: scaleX(1);
transform: scaleX(1);
visibility: visible;
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
article {
display: block;
margin: 1.0em;
position: relative;
margin: 0 auto;
display: block;
margin: 1.0em;
position: relative;
margin: 0 auto;
}
article h1 {
margin: 0;
padding: 60px 0.4em 0 0.4em;
color: #eff7ff;
font-size: 2.0em;
font-weight: 300;
text-align: center;
background: #1F222A;
margin: 0;
padding: 60px 0.4em 0 0.4em;
color: #eff7ff;
font-size: 2.0em;
font-weight: 300;
text-align: center;
background: #1F222A;
}
article h1 + p {
max-width: 100%;
margin-top: 0;
padding-top: 0.1em;
padding-bottom: 60px;
font-size: 1.0em;
text-align: center;
background: #1F222A;
article h1+p {
max-width: 100%;
margin-top: 0;
padding-top: 0.1em;
padding-bottom: 60px;
font-size: 1.0em;
text-align: center;
background: #1F222A;
}
article h1 + p + p {
margin-top: 1.6em;
article h1+p+p {
margin-top: 1.6em;
}
article p {
padding: 0 1.4em;
text-align: justify;
line-height: 1.5;
max-width: 960px;
margin: 1.0em auto;
padding: 0 1.4em;
text-align: justify;
line-height: 1.5;
max-width: 960px;
margin: 1.0em auto;
}
article p:last-child {
padding-bottom: 1.8em;
font-size: 0.9em;
padding-bottom: 1.8em;
font-size: 0.9em;
}
footer {
margin: 0 auto;
font-size: 0.8em;
text-align: center;
margin: 0 auto;
font-size: 0.8em;
text-align: center;
}
footer p {
padding: 0 1.4em;
padding: 0 1.4em;
}
#gravatar {
display: block;
position: absolute;
top: -43px;
left: 50%;
margin-left: -43px;
border-radius: 100%;
border: 3px solid #272b35;
display: block;
position: absolute;
top: -43px;
left: 50%;
margin-left: -43px;
border-radius: 100%;
border: 3px solid #272b35;
}
@media (max-width: 750px) {
article h1 + p {
font-size: 0.8em;
}
article h1+p {
font-size: 0.8em;
}
}

160
themes/eula-modern.css
View file

@ -1,135 +1,137 @@
/*author: lo sauer, 2013 - https://github.com/lsauer, @sauerlo */
* {
scrollbar-base-color: white;
scrollbar-track-color: white;
scrollbar-darkshadow-color: white;
scrollbar-3dlight-color: white;
scrollbar-arrow-color: #757778;
scrollbar-shadow-color: #bec1c4;
scrollbar-highlight-color: #bec1c4;
scrollbar-base-color: white;
scrollbar-track-color: white;
scrollbar-darkshadow-color: white;
scrollbar-3dlight-color: white;
scrollbar-arrow-color: #757778;
scrollbar-shadow-color: #bec1c4;
scrollbar-highlight-color: #bec1c4;
}
::-webkit-scrollbar {
width: 8px;
height: 8px;
width: 8px;
height: 8px;
}
::-webkit-scrollbar-thumb {
background: #888;
border-radius: 8px;
border:1px solid rgba(0,0,0,0.3);
box-shadow: -3px -3px 6px rgba(180,180,160,.5) inset, 3px 3px 3px rgba(226,226,225,.5) inset;
background: #888;
border-radius: 8px;
border: 1px solid rgba(0, 0, 0, 0.3);
box-shadow: -3px -3px 6px rgba(180, 180, 160, .5) inset, 3px 3px 3px rgba(226, 226, 225, .5) inset;
}
::-webkit-scrollbar-track {
background:#fbfbfb;
box-shadow: 3px 3px 10px rgba(0,0,0,.25) inset;
background: #fbfbfb;
box-shadow: 3px 3px 10px rgba(0, 0, 0, .25) inset;
}
body {
font-family: Segoe UI, 'SegoeUIWF',Arial,sans-serif;
padding: 10px;
line-height: 1.5em;
font-family: Segoe UI, 'SegoeUIWF', Arial, sans-serif;
padding: 10px;
line-height: 1.5em;
}
article {
position: relative;
color: #444;
max-width: 700px;
margin: 10px auto 0px;
text-align: justify;
position: relative;
color: #444;
max-width: 700px;
margin: 10px auto 0px;
text-align: justify;
}
@media (max-device-height: 699px) {
article {
max-width: none !important;
margin: 8px 8px !important;
}
article {
max-width: none !important;
margin: 8px 8px !important;
}
}
h1 {
font-size: 3.7em;
line-height: 1.3em;
font-family: Segoe UI Light,'SegoeUILightWF',Arial,sans-serif;
color: #000;
padding: 0px;
font-weight: normal;
clear: both;
margin: .2em auto .4em;
margin-right: 100px; /* allow for avatar */
font-size: 3.7em;
line-height: 1.3em;
font-family: Segoe UI Light, 'SegoeUILightWF', Arial, sans-serif;
color: #000;
padding: 0px;
font-weight: normal;
clear: both;
margin: .2em auto .4em;
margin-right: 100px;
/* allow for avatar */
}
article p:nth-of-type(1) { background: #666;
color: white;
border: none;
border-top: 1px solid #eee;
margin-top: 0;
padding: .3em .3em;
font-style: normal;
text-align: center;
font-size: 0.95em;
article p:nth-of-type(1) {
background: #666;
color: white;
border: none;
border-top: 1px solid #eee;
margin-top: 0;
padding: .3em .3em;
font-style: normal;
text-align: center;
font-size: 0.95em;
}
article p:last-child {
line-height: 26px;
padding-left: 15px;
border-width: 0px 0px 0px 3px;
border-style: solid;
padding-bottom: 1.3em;
margin-bottom: 0.0em;
font-size: 0.9em;
line-height: 26px;
padding-left: 15px;
border-width: 0px 0px 0px 3px;
border-style: solid;
padding-bottom: 1.3em;
margin-bottom: 0.0em;
font-size: 0.9em;
}
a {
padding: 0.1em;
padding: 0.1em;
}
a:link,
a:visited {
text-decoration: none;
color: #666;
border: none;
transition: all 1s;
padding: 1px;
text-decoration: none;
color: #666;
border: none;
transition: all 1s;
padding: 1px;
}
a:hover {
background: #666;
color: white;
border: none;
transition: all 1s;
background: #666;
color: white;
border: none;
transition: all 1s;
}
article a:link,
article a:visited {
color: #fff;
background: #666;
color: #fff;
background: #666;
}
a:active {
background: #999;
background: #999;
}
footer {
border-top: 1px solid #eee;
font-size: 0.8em;
text-align: center;
max-width: 660px;
margin: 0 auto;
margin-top: 5px;
font-style: italic;
border-top: 1px solid #eee;
font-size: 0.8em;
text-align: center;
max-width: 660px;
margin: 0 auto;
margin-top: 5px;
font-style: italic;
}
footer a:link,
footer a:visited {
color:#ccc;
color: #ccc;
}
#gravatar {
position: absolute;
right: 0;
border: 3px solid #ccc;
// top: 4.5em;
z-index: 1;
border-radius: 10px;
position: absolute;
right: 0;
border: 3px solid #ccc;
// top: 4.5em;
z-index: 1;
border-radius: 10px;
}

62
themes/flesch.css
View file

@ -1,13 +1,55 @@
body {
margin:0; padding: 50px;
margin: 0;
padding: 50px;
background: #fff url(/themes/flesch.png);
font: 16px/28px "Palatino Linotype", "Book Antiqua", Palatino, FreeSerif, serif; color: #252519;
font: 16px/28px "Palatino Linotype", "Book Antiqua", Palatino, FreeSerif, serif;
color: #252519;
}
article, footer {
display: block;
max-width: 720px;
margin: 0;
}
article {
padding: 28px;
background: #fff;
border: 1px solid #ccc;
}
footer {
padding: 0 28px;
text-align: center;
}
h1 {
margin: 0;
font-size: 24px;
line-height: 32px;
}
a, a:visited {
color: #105cb6;
padding: 4px;
text-decoration: none;
}
a:active, a:hover {
color: #003;
}
a img {
position: absolute;
top: 0;
right: 0;
border: 0;
}
#gravatar {
position: relative;
float: right;
margin-bottom: 1em;
margin-left: 1em;
border: 1px solid #ddd;
}
article, footer { display:block; max-width:720px; margin:0; }
article { padding:28px; background:#fff; border:1px solid #ccc; }
footer { padding:0 28px; text-align:center; }
h1 { margin:0; font-size: 24px; line-height: 32px;}
a, a:visited { color:#105cb6; padding:4px; text-decoration:none; }
a:active, a:hover { color:#003; }
a img { position: absolute; top: 0; right: 0; border: 0; }
#gravatar { position: relative; float: right; margin-bottom: 1em; margin-left: 1em; border: 1px solid #ddd; }

95
themes/friendly.css
View file

@ -1,77 +1,76 @@
@import url(https://fonts.googleapis.com/css?family=Lato:300);
html {
font-size: 16px;
background-color: #f7f7f7;
font-size: 16px;
background-color: #f7f7f7;
}
body {
font-family: "Lato", Helvetica, Arial, sans-serif;
font-size: 1.3em;
font-weight: 300;
color: #333;
font-family: "Lato", Helvetica, Arial, sans-serif;
font-size: 1.3em;
font-weight: 300;
color: #333;
}
article, footer {
max-width: 877px;
margin: 0 auto;
text-align: center;
max-width: 877px;
margin: 0 auto;
text-align: center;
}
article {
margin-top: 1em;
padding: 1em;
text-align: center;
position: relative;
margin-top: 1em;
padding: 1em;
text-align: center;
position: relative;
}
article p {
text-align: left;
text-align: left;
}
article p:first-of-type {
text-align: center;
font-size: .8em;
text-align: center;
font-size: .8em;
}
article p:last-of-type {
border-left: 3px solid #333;
padding-left: 15px;
border-left: 3px solid #333;
padding-left: 15px;
}
#gravatar {
width: 70px;
border-radius: 35px;
display: block;
margin: 0 auto;
position: absolute;
bottom: -3em;
left: 0;
width: 70px;
border-radius: 35px;
display: block;
margin: 0 auto;
position: absolute;
bottom: -3em;
left: 0;
}
h1 {
font-size: 1.5em;
font-weight: 300;
text-transform: uppercase;
display: inline-block;
padding-bottom: 12px;
border-bottom: 2px dashed #d9d9d9;
margin: 0;
font-size: 1.5em;
font-weight: 300;
text-transform: uppercase;
display: inline-block;
padding-bottom: 12px;
border-bottom: 2px dashed #d9d9d9;
margin: 0;
}
footer {
background: #dadada;
border-radius: 5px;
background: #dadada;
border-radius: 5px;
}
footer p {
text-align: left;
padding-left: 80px;
text-align: left;
padding-left: 80px;
}
footer p a {
color: #333;
color: #333;
}
a {
@ -81,19 +80,19 @@ a {
}
a:hover, a:focus, a:active {
color: black;
color: black;
}
@media (min-width: 640px) {
h1 {
font-size: 2.4em;
}
h1 {
font-size: 2.4em;
}
body {
font-size: 1.4em;
}
body {
font-size: 1.4em;
}
article p:first-of-type {
font-size: 1em;
}
article p:first-of-type {
font-size: 1em;
}
}

7982
themes/hacker.css
View file

File diff suppressed because one or more lines are too long

426
themes/hipster-gray.css
View file

@ -1,201 +1,285 @@
@import url(https://fonts.googleapis.com/css?family=Merriweather:400,300);
* {
margin: 0;
padding: 0;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
margin: 0;
padding: 0;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
body {
background: #aaa;
font-family: Merriweather, "Palatino Linotype", Georgia, serif;
font-size: 21pt;
line-height: 170%;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
overflow-y: auto;
padding: 20pt;
background: #aaa;
font-family: Merriweather, "Palatino Linotype", Georgia, serif;
font-size: 21pt;
line-height: 170%;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
overflow-y: auto;
padding: 20pt;
}
a:link, a:visited {
color: #000;
text-decoration: none;
border-bottom: 1pt solid #aaa;
color: #000;
text-decoration: none;
border-bottom: 1pt solid #aaa;
}
a:hover, a:focus, a:active {
background: #aaa;
text-decoration: none;
background: #aaa;
text-decoration: none;
}
h1 {
font-size: 64pt;
font-weight: 400;
line-height: 100%;
font-size: 64pt;
font-weight: 400;
line-height: 100%;
}
article, footer {
padding: 50pt 50pt 20pt 20%;
background: #ccc;
padding: 50pt 50pt 20pt 20%;
background: #ccc;
}
article p { margin-top: 40pt; }
article p {
margin-top: 40pt;
}
article p:first-of-type {
margin-top: 20pt;
font-size: 14pt;
line-height: 150%;
margin-top: 20pt;
font-size: 14pt;
line-height: 150%;
}
article :nth-child(4),
article :nth-child(4):before {
font-size: 18pt;
font-weight: 300;
}
article :nth-child(4):before {
content: "*";
margin-left: -20pt;
float: left;
}
article p:last-child {
border: 20pt solid #c4c4c4;
font-size: 17pt;
line-height: 180%;
margin: 40pt;
color: #888;
padding: 20pt;
}
footer {
padding-top: 0;
font-size: 14pt;
line-height: 100%;
margin-top: -1pt;
}
footer p {
background: url("hipster-gray-octocat.png") 0 0 no-repeat;
margin-left: -20pt;
padding-left: 20pt;
}
footer a:link, footer a:visited {
border-bottom-color: #bbb;
color: #888;
}
footer a:hover, footer a:focus, footer a:active {
color: #000;
font-size: 18pt;
font-weight: 300;
}
article :nth-child(4):before {
content: "*";
margin-left: -20pt;
float: left;
}
article p:last-child {
border: 20pt solid #c4c4c4;
font-size: 17pt;
line-height: 180%;
margin: 40pt;
color: #888;
padding: 20pt;
}
footer {
padding-top: 0;
font-size: 14pt;
line-height: 100%;
margin-top: -1pt;
}
footer p {
background: url("hipster-gray-octocat.png") 0 0 no-repeat;
margin-left: -20pt;
padding-left: 20pt;
}
footer a:link, footer a:visited {
border-bottom-color: #bbb;
color: #888;
}
footer a:hover, footer a:focus, footer a:active {
color: #000;
}
@media only screen and (max-width: 1360px) {
article, footer {
padding-left: 50pt;
}
}
@media only screen and (max-width: 1140px) {
body {
font-size: 17pt;
padding: 15pt;
}
h1 { font-size: 40pt; }
article, footer { padding: 30pt; }
article p { margin-top: 17pt; }
article p:first-of-type {
font-size: 12pt;
line-height: 120%;
margin-top: 10pt;
}
article :nth-child(4), article :nth-child(4):before { font-size: 15pt; }
article :nth-child(4):before { margin-left: -15pt; }
article p:last-child {
border-width: 15pt;
font-size: 13pt;
margin: 15pt 0 0 0;
padding: 15pt;
}
footer {
padding-top: 0;
font-size: 11pt;
line-height: 120%;
}
footer p {
margin-left: -15pt;
padding-left: 15pt;
}
}
@media only screen and (max-width: 720px) {
body {
font-size: 12pt;
padding: 10pt;
}
h1 { font-size: 24pt; }
article, footer { padding: 20pt; }
article p { margin-top: 15pt; }
article p:first-of-type {
font-size: 9pt;
line-height: 120%;
margin-top: 10pt;
}
article :nth-child(4), article :nth-child(4):before { font-size: 10pt; }
article :nth-child(4):before { margin-left: -10pt; }
article p:last-child {
border-width: 10pt;
font-size: 10pt;
margin: 15pt 0 0 0;
padding: 10pt;
}
footer {
padding-top: 0;
font-size: 9pt;
line-height: 120%;
}
footer p {
background-position: 0 1px;
-webkit-background-size: 9px;
background-size: 11px;
margin-left: -10pt;
padding-left: 10pt;
}
article, footer {
padding-left: 50pt;
}
}
@media only screen and (max-width: 1140px) {
body {
font-size: 17pt;
padding: 15pt;
}
h1 {
font-size: 40pt;
}
article, footer {
padding: 30pt;
}
article p {
margin-top: 17pt;
}
article p:first-of-type {
font-size: 12pt;
line-height: 120%;
margin-top: 10pt;
}
article :nth-child(4), article :nth-child(4):before {
font-size: 15pt;
}
article :nth-child(4):before {
margin-left: -15pt;
}
article p:last-child {
border-width: 15pt;
font-size: 13pt;
margin: 15pt 0 0 0;
padding: 15pt;
}
footer {
padding-top: 0;
font-size: 11pt;
line-height: 120%;
}
footer p {
margin-left: -15pt;
padding-left: 15pt;
}
}
@media only screen and (max-width: 720px) {
body {
font-size: 12pt;
padding: 10pt;
}
h1 {
font-size: 24pt;
}
article, footer {
padding: 20pt;
}
article p {
margin-top: 15pt;
}
article p:first-of-type {
font-size: 9pt;
line-height: 120%;
margin-top: 10pt;
}
article :nth-child(4), article :nth-child(4):before {
font-size: 10pt;
}
article :nth-child(4):before {
margin-left: -10pt;
}
article p:last-child {
border-width: 10pt;
font-size: 10pt;
margin: 15pt 0 0 0;
padding: 10pt;
}
footer {
padding-top: 0;
font-size: 9pt;
line-height: 120%;
}
footer p {
background-position: 0 1px;
-webkit-background-size: 9px;
background-size: 11px;
margin-left: -10pt;
padding-left: 10pt;
}
}
@media print {
@page { margin: .5cm; }
* { color: black !important; }
a[href^="http"]:after { content: " [" attr(href) "]" }
a:link, a[href]:after { border: none; }
body {
background: none;
font-size: 12pt;
padding: 0;
}
h1 { font-size: 28pt; }
article, footer {
background: none;
padding: 30pt;
}
article p { margin-top: 16pt; }
article p:first-of-type {
font-size: 10pt;
line-height: 120%;
margin-top: 10pt;
}
article :nth-child(4), article :nth-child(4):before { font-size: 12pt; }
article :nth-child(4):before { margin-left: -12pt; }
article p:last-child {
border-width: 11pt;
font-size: 11pt;
margin: 18pt 0 0 0;
padding: 11pt;
}
footer {
padding-top: 0;
font-size: 10pt;
line-height: 120%;
}
footer p {
background-position: 0 1px;
-webkit-background-size: 11px;
background-size: 11px;
margin-left: -12pt;
padding-left: 12pt;
}
@page {
margin: .5cm;
}
* {
color: black !important;
}
a[href^="http"]:after {
content: " ["attr(href) "]"
}
a:link, a[href]:after {
border: none;
}
body {
background: none;
font-size: 12pt;
padding: 0;
}
h1 {
font-size: 28pt;
}
article, footer {
background: none;
padding: 30pt;
}
article p {
margin-top: 16pt;
}
article p:first-of-type {
font-size: 10pt;
line-height: 120%;
margin-top: 10pt;
}
article :nth-child(4), article :nth-child(4):before {
font-size: 12pt;
}
article :nth-child(4):before {
margin-left: -12pt;
}
article p:last-child {
border-width: 11pt;
font-size: 11pt;
margin: 18pt 0 0 0;
padding: 11pt;
}
footer {
padding-top: 0;
font-size: 10pt;
line-height: 120%;
}
footer p {
background-position: 0 1px;
-webkit-background-size: 11px;
background-size: 11px;
margin-left: -12pt;
padding-left: 12pt;
}
}
#gravatar {
position: relative;
float: left;

264
themes/hmt-blue.css
View file

@ -1,8 +1,244 @@
/* normalize.min.css */
progress,sub,sup{vertical-align:baseline}button,hr,input{overflow:visible}html{font-family:sans-serif;line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0} figcaption, menu,article,aside,details,figure,footer,header,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block}audio:not([controls]){display:none;height:0} [hidden],template{display:none}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}svg:not(:root){overflow:hidden}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}button,input,optgroup,select,textarea{font:inherit;margin:0}optgroup{font-weight:700}button,input{}button,select{text-transform:none}[type=submit], [type=reset],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
progress, sub, sup {
vertical-align: baseline
}
button, hr, input {
overflow: visible
}
html {
font-family: sans-serif;
line-height: 1.15;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%
}
body {
margin: 0
}
figcaption, menu, article, aside, details, figure, footer, header, main, nav, section, summary {
display: block
}
audio, canvas, progress, video {
display: inline-block
}
audio:not([controls]) {
display: none;
height: 0
}
[hidden], template {
display: none
}
a {
background-color: transparent;
-webkit-text-decoration-skip: objects
}
a:active, a:hover {
outline-width: 0
}
abbr[title] {
border-bottom: none;
text-decoration: underline;
text-decoration: underline dotted
}
b, strong {
font-weight: bolder
}
dfn {
font-style: italic
}
h1 {
font-size: 2em;
margin: .67em 0
}
mark {
background-color: #ff0;
color: #000
}
small {
font-size: 80%
}
sub, sup {
font-size: 75%;
line-height: 0;
position: relative
}
sub {
bottom: -.25em
}
sup {
top: -.5em
}
img {
border-style: none
}
svg:not(:root) {
overflow: hidden
}
code, kbd, pre, samp {
font-family: monospace, monospace;
font-size: 1em
}
figure {
margin: 1em 40px
}
hr {
box-sizing: content-box;
height: 0
}
button, input, optgroup, select, textarea {
font: inherit;
margin: 0
}
optgroup {
font-weight: 700
}
button, input {}
button, select {
text-transform: none
}
[type=submit], [type=reset], button, html [type=button] {
-webkit-appearance: button
}
[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
border-style: none;
padding: 0
}
[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
outline: ButtonText dotted 1px
}
fieldset {
border: 1px solid silver;
margin: 0 2px;
padding: .35em .625em .75em
}
legend {
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal
}
textarea {
overflow: auto
}
[type=checkbox], [type=radio] {
box-sizing: border-box;
padding: 0
}
[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
height: auto
}
[type=search] {
-webkit-appearance: textfield;
outline-offset: -2px
}
[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {
-webkit-appearance: none
}
::-webkit-input-placeholder {
color: inherit;
opacity: .54
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit
}
/* Roboto */
@font-face{font-family:Roboto;font-style:normal;font-weight:400;src:local('Roboto'),local('Roboto-Regular'),url(https://fonts.gstatic.com/s/roboto/v15/ek4gzZ-GeXAPcSbHtCeQI_esZW2xOQ-xsNqO47m55DA.woff2) format('woff2');unicode-range:U+0460-052F,U+20B4,U+2DE0-2DFF,U+A640-A69F}@font-face{font-family:Roboto;font-style:normal;font-weight:400;src:local('Roboto'),local('Roboto-Regular'),url(https://fonts.gstatic.com/s/roboto/v15/mErvLBYg_cXG3rLvUsKT_fesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Roboto;font-style:normal;font-weight:400;src:local('Roboto'),local('Roboto-Regular'),url(https://fonts.gstatic.com/s/roboto/v15/-2n2p-_Y08sg57CNWQfKNvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');unicode-range:U+1F00-1FFF}@font-face{font-family:Roboto;font-style:normal;font-weight:400;src:local('Roboto'),local('Roboto-Regular'),url(https://fonts.gstatic.com/s/roboto/v15/u0TOpm082MNkS5K0Q4rhqvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');unicode-range:U+0370-03FF}@font-face{font-family:Roboto;font-style:normal;font-weight:400;src:local('Roboto'),local('Roboto-Regular'),url(https://fonts.gstatic.com/s/roboto/v15/NdF9MtnOpLzo-noMoG0miPesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');unicode-range:U+0102-0103,U+1EA0-1EF9,U+20AB}@font-face{font-family:Roboto;font-style:normal;font-weight:400;src:local('Roboto'),local('Roboto-Regular'),url(https://fonts.gstatic.com/s/roboto/v15/Fcx7Wwv8OzT71A3E1XOAjvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');unicode-range:U+0100-024F,U+1E00-1EFF,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Roboto;font-style:normal;font-weight:400;src:local('Roboto'),local('Roboto-Regular'),url(https://fonts.gstatic.com/s/roboto/v15/CWB0XYA8bzo0kSThX0UTuA.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215,U+E0FF,U+EFFD,U+F000}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 400;
src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/ek4gzZ-GeXAPcSbHtCeQI_esZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 400;
src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/mErvLBYg_cXG3rLvUsKT_fesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 400;
src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/-2n2p-_Y08sg57CNWQfKNvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
unicode-range: U+1F00-1FFF
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 400;
src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/u0TOpm082MNkS5K0Q4rhqvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
unicode-range: U+0370-03FF
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 400;
src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/NdF9MtnOpLzo-noMoG0miPesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 400;
src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/Fcx7Wwv8OzT71A3E1XOAjvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF
}
@font-face {
font-family: Roboto;
font-style: normal;
font-weight: 400;
src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/CWB0XYA8bzo0kSThX0UTuA.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000
}
body {
font-family: -apple-system, BlinkMacSystemFont, "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", Arial, sans-serif;
@ -11,29 +247,36 @@ body {
line-height: 1.4;
background-color: #e9ebee;
}
a:focus,
a:hover {
color: #23527c;
}
a:active,
a:hover {
outline: 0;
}
a {
color: #337ab7;
text-decoration: none;
}
article,
footer {
width: 800px;
margin: 0 auto;
}
article p {
text-align: justify;
}
footer p {
text-align: center;
}
#gravatar {
display: block;
float: right;
@ -41,57 +284,56 @@ footer p {
border: none;
margin-top: 5px;
}
article h1 {
font-weight: bold;
line-height: 1.3;
text-shadow: 3px 2px 6px rgba(0, 0, 0, 0.2);
}
footer {
text-align: center;
border-top: 1px solid #ccc;
font-style: italic;
}
/* Blockquote: https://codepen.io/maxds/pen/DcveB */
article > p:last-child {
article>p:last-child {
display: block;
background: #fff;
padding: 15px 20px 15px 45px;
margin: 0 0 20px;
position: relative;
/*Font*/
font-family: Georgia, serif;
font-size: 16px;
line-height: 1.4;
color: #666;
text-align: justify;
/*Borders - (Optional)*/
border-left: 15px solid #3392cd;
border-right: 2px solid #3392cd;
/*Box Shadow - (Optional)*/
-moz-box-shadow: 2px 2px 15px #ccc;
-webkit-box-shadow: 2px 2px 15px #ccc;
box-shadow: 2px 2px 15px #ccc;
}
article > p:last-child::before {
article>p:last-child::before {
content: "\201C";
/*Unicode for Left Double Quote*/
/*Font*/
font-family: Georgia, serif;
font-size: 60px;
font-weight: bold;
color: #999;
/*Positioning*/
position: absolute;
left: 10px;
top: 5px;
}
article > p:last-child::after {
article>p:last-child::after {
/*Reset to make sure*/
content: "";
}

127
themes/magic-mint.css
View file

@ -1,102 +1,105 @@
@import url("https://fonts.googleapis.com/css?family=Lato:400,700,400italic");
html{
font-size: 62.5%;
html {
font-size: 62.5%;
}
body {
font-family: Lato, Helvetica, sans-serif;
padding: 8px;
line-height: 1.6;
color: #3e3e3e;
background: #c7f1d7;
font-family: Lato, Helvetica, sans-serif;
padding: 8px;
line-height: 1.6;
color: #3e3e3e;
background: #c7f1d7;
}
article {
max-width: 660px;
margin: 10px auto 0;
text-align: center;
position: relative;
max-width: 660px;
margin: 10px auto 0;
text-align: center;
position: relative;
}
#gravatar{
position: absolute;
left: 0;
top: 22px;
width: 68px;
height: 68px;
#gravatar {
position: absolute;
left: 0;
top: 22px;
width: 68px;
height: 68px;
}
h1 {
font-weight: 700;
text-align: center;
font-size: 40px;
font-size: 4rem;
text-transform: uppercase;
text-shadow: 0 1px 0 #c7f1d7;
border-bottom: 6px solid #3e3e3e;
padding-bottom: 25px;
line-height: 1.1;
display: inline-block;
margin: 15px auto 5px auto;
font-weight: 700;
text-align: center;
font-size: 40px;
font-size: 4rem;
text-transform: uppercase;
text-shadow: 0 1px 0 #c7f1d7;
border-bottom: 6px solid #3e3e3e;
padding-bottom: 25px;
line-height: 1.1;
display: inline-block;
margin: 15px auto 5px auto;
}
article p:nth-of-type(1) {
margin: 0;
padding: 21px 0 0;
font-style: italic;
text-align: center;
font-size: 14px;
font-size: 1.4rem;
margin: 0;
padding: 21px 0 0;
font-style: italic;
text-align: center;
font-size: 14px;
font-size: 1.4rem;
}
article p:last-child {
padding-bottom: 1.3em;
margin-bottom: 0;
font-size: 18px;
font-size: 1.8rem;
padding-bottom: 1.3em;
margin-bottom: 0;
font-size: 18px;
font-size: 1.8rem;
}
p{
text-align: justify;
font-size: 18px;
font-size: 1.8rem;
p {
text-align: justify;
font-size: 18px;
font-size: 1.8rem;
}
a {
padding: 0.1em;
padding: 0.1em;
}
a:link,
a:visited {
text-decoration: none;
color: #3e3e3e;
border-bottom: 1px solid;
text-decoration: none;
color: #3e3e3e;
border-bottom: 1px solid;
}
a:hover {
background: #3e3e3e;
color: white;
border: none;
background: #3e3e3e;
color: white;
border: none;
}
a:active {
background: #2e2e2e;
position: relative;
top: 1px;
background: #2e2e2e;
position: relative;
top: 1px;
}
a[href^="mailto"] {
border-bottom: none;
border-bottom: none;
}
footer {
border-top: 8px solid #3e3e3e;
font-size: 1.8rem;
text-align: center;
max-width: 660px;
margin: 10px auto 0;
padding: 12px 0;
font-style: italic;
border-top: 8px solid #3e3e3e;
font-size: 1.8rem;
text-align: center;
max-width: 660px;
margin: 10px auto 0;
padding: 12px 0;
font-style: italic;
}
footer p{
text-align: center;
footer p {
text-align: center;
}

151
themes/material-amber.css
View file

@ -1 +1,150 @@
/*Material theme v1.0.1 by @ahaasler, https://github.com/ahaasler/mit-license-material-theme*/@import url(https://fonts.googleapis.com/css?family=Roboto:400|Roboto+Condensed:300,400);body{font-family:Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;padding:.4em;font-size:1.1em;background:#eee;color:#5c5c5c}a:link,a:visited{text-decoration:none}article{background:#fff;border-radius:2px;display:block;margin:1em;box-shadow:0 1px 2px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);-webkit-transition:box-shadow .2s ease-in-out;transition:box-shadow .2s ease-in-out;position:relative;max-width:800px;margin:10px auto 0}article:hover{box-shadow:0 2px 3px rgba(0,0,0,.16),0 2px 3px rgba(0,0,0,.23)}article h1{color:#fff;border-top-left-radius:2px;border-top-right-radius:2px;height:4.5em;width:100%;margin:0 auto;padding-top:3.5em;padding-bottom:.7em;box-sizing:border-box;font-size:2em;font-weight:300}article h1,article h1+p{background:#ffc107;font-family:Roboto Condensed,Helvetica Neue,Helvetica,Arial,sans-serif;padding-left:6%}article h1+p{color:#fff8e1;margin:0;text-align:left;box-shadow:0 2px 4px -1px rgba(0,0,0,.2);font-size:1em;padding-top:.6em;min-height:3.6em;font-weight:400;margin-top:0}article h1+p a:link,article h1+p a:visited{color:#ffecb3}article h1+p a:hover{color:#ff6f00}article p{padding:0 2em;text-align:justify}article p:last-child{color:#ffa000;padding-bottom:1.8em;font-size:.9em}footer{margin:0 auto;font-size:.8em;text-align:center}footer a:link,footer a:visited{color:#5c5c5c}footer a:hover{color:#ff6f00}#gravatar{display:block;float:right;border-radius:100%;box-shadow:0 3px 10px rgba(0,0,0,.23),0 3px 10px rgba(0,0,0,.16);-webkit-transition:box-shadow .2s ease-in-out;transition:box-shadow .2s ease-in-out}#gravatar:hover{box-shadow:0 5px 12px rgba(0,0,0,.23),0 5px 12px rgba(0,0,0,.16)}@media (min-width:750px){#gravatar{position:absolute;top:10.8em;right:3em}#gravatar+h1+p+p{padding-top:2em}h1+p{padding-right:6em}h1+p+p{padding-top:.8em}}@media (max-width:750px){#gravatar{position:fixed;bottom:1em;right:1em}article h1+p{font-size:.8em;padding-bottom:1em}article h1+p+p{padding-top:.8em}footer{padding-bottom:4em}}
/*Material theme v1.0.1 by @ahaasler, https://github.com/ahaasler/mit-license-material-theme*/
@import url(https://fonts.googleapis.com/css?family=Roboto:400|Roboto+Condensed:300,400);
body {
font-family: Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
padding: .4em;
font-size: 1.1em;
background: #eee;
color: #5c5c5c
}
a:link, a:visited {
text-decoration: none
}
article {
background: #fff;
border-radius: 2px;
display: block;
margin: 1em;
box-shadow: 0 1px 2px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
-webkit-transition: box-shadow .2s ease-in-out;
transition: box-shadow .2s ease-in-out;
position: relative;
max-width: 800px;
margin: 10px auto 0
}
article:hover {
box-shadow: 0 2px 3px rgba(0, 0, 0, .16), 0 2px 3px rgba(0, 0, 0, .23)
}
article h1 {
color: #fff;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
height: 4.5em;
width: 100%;
margin: 0 auto;
padding-top: 3.5em;
padding-bottom: .7em;
box-sizing: border-box;
font-size: 2em;
font-weight: 300
}
article h1, article h1+p {
background: #ffc107;
font-family: Roboto Condensed, Helvetica Neue, Helvetica, Arial, sans-serif;
padding-left: 6%
}
article h1+p {
color: #fff8e1;
margin: 0;
text-align: left;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2);
font-size: 1em;
padding-top: .6em;
min-height: 3.6em;
font-weight: 400;
margin-top: 0
}
article h1+p a:link, article h1+p a:visited {
color: #ffecb3
}
article h1+p a:hover {
color: #ff6f00
}
article p {
padding: 0 2em;
text-align: justify
}
article p:last-child {
color: #ffa000;
padding-bottom: 1.8em;
font-size: .9em
}
footer {
margin: 0 auto;
font-size: .8em;
text-align: center
}
footer a:link, footer a:visited {
color: #5c5c5c
}
footer a:hover {
color: #ff6f00
}
#gravatar {
display: block;
float: right;
border-radius: 100%;
box-shadow: 0 3px 10px rgba(0, 0, 0, .23), 0 3px 10px rgba(0, 0, 0, .16);
-webkit-transition: box-shadow .2s ease-in-out;
transition: box-shadow .2s ease-in-out
}
#gravatar:hover {
box-shadow: 0 5px 12px rgba(0, 0, 0, .23), 0 5px 12px rgba(0, 0, 0, .16)
}
@media (min-width:750px) {
#gravatar {
position: absolute;
top: 10.8em;
right: 3em
}
#gravatar+h1+p+p {
padding-top: 2em
}
h1+p {
padding-right: 6em
}
h1+p+p {
padding-top: .8em
}
}
@media (max-width:750px) {
#gravatar {
position: fixed;
bottom: 1em;
right: 1em
}
article h1+p {
font-size: .8em;
padding-bottom: 1em
}
article h1+p+p {
padding-top: .8em
}
footer {
padding-bottom: 4em
}
}

151
themes/material-blue.css
View file

@ -1 +1,150 @@
/*Material theme v1.0.1 by @ahaasler, https://github.com/ahaasler/mit-license-material-theme*/@import url(https://fonts.googleapis.com/css?family=Roboto:400|Roboto+Condensed:300,400);body{font-family:Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;padding:.4em;font-size:1.1em;background:#eee;color:#5c5c5c}a:link,a:visited{text-decoration:none}article{background:#fff;border-radius:2px;display:block;margin:1em;box-shadow:0 1px 2px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);-webkit-transition:box-shadow .2s ease-in-out;transition:box-shadow .2s ease-in-out;position:relative;max-width:800px;margin:10px auto 0}article:hover{box-shadow:0 2px 3px rgba(0,0,0,.16),0 2px 3px rgba(0,0,0,.23)}article h1{color:#fff;border-top-left-radius:2px;border-top-right-radius:2px;height:4.5em;width:100%;margin:0 auto;padding-top:3.5em;padding-bottom:.7em;box-sizing:border-box;font-size:2em;font-weight:300}article h1,article h1+p{background:#2196f3;font-family:Roboto Condensed,Helvetica Neue,Helvetica,Arial,sans-serif;padding-left:6%}article h1+p{color:#e3f2fd;margin:0;text-align:left;box-shadow:0 2px 4px -1px rgba(0,0,0,.2);font-size:1em;padding-top:.6em;min-height:3.6em;font-weight:400;margin-top:0}article h1+p a:link,article h1+p a:visited{color:#bbdefb}article h1+p a:hover{color:#0d47a1}article p{padding:0 2em;text-align:justify}article p:last-child{color:#1976d2;padding-bottom:1.8em;font-size:.9em}footer{margin:0 auto;font-size:.8em;text-align:center}footer a:link,footer a:visited{color:#5c5c5c}footer a:hover{color:#0d47a1}#gravatar{display:block;float:right;border-radius:100%;box-shadow:0 3px 10px rgba(0,0,0,.23),0 3px 10px rgba(0,0,0,.16);-webkit-transition:box-shadow .2s ease-in-out;transition:box-shadow .2s ease-in-out}#gravatar:hover{box-shadow:0 5px 12px rgba(0,0,0,.23),0 5px 12px rgba(0,0,0,.16)}@media (min-width:750px){#gravatar{position:absolute;top:10.8em;right:3em}#gravatar+h1+p+p{padding-top:2em}h1+p{padding-right:6em}h1+p+p{padding-top:.8em}}@media (max-width:750px){#gravatar{position:fixed;bottom:1em;right:1em}article h1+p{font-size:.8em;padding-bottom:1em}article h1+p+p{padding-top:.8em}footer{padding-bottom:4em}}
/*Material theme v1.0.1 by @ahaasler, https://github.com/ahaasler/mit-license-material-theme*/
@import url(https://fonts.googleapis.com/css?family=Roboto:400|Roboto+Condensed:300,400);
body {
font-family: Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
padding: .4em;
font-size: 1.1em;
background: #eee;
color: #5c5c5c
}
a:link, a:visited {
text-decoration: none
}
article {
background: #fff;
border-radius: 2px;
display: block;
margin: 1em;
box-shadow: 0 1px 2px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
-webkit-transition: box-shadow .2s ease-in-out;
transition: box-shadow .2s ease-in-out;
position: relative;
max-width: 800px;
margin: 10px auto 0
}
article:hover {
box-shadow: 0 2px 3px rgba(0, 0, 0, .16), 0 2px 3px rgba(0, 0, 0, .23)
}
article h1 {
color: #fff;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
height: 4.5em;
width: 100%;
margin: 0 auto;
padding-top: 3.5em;
padding-bottom: .7em;
box-sizing: border-box;
font-size: 2em;
font-weight: 300
}
article h1, article h1+p {
background: #2196f3;
font-family: Roboto Condensed, Helvetica Neue, Helvetica, Arial, sans-serif;
padding-left: 6%
}
article h1+p {
color: #e3f2fd;
margin: 0;
text-align: left;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2);
font-size: 1em;
padding-top: .6em;
min-height: 3.6em;
font-weight: 400;
margin-top: 0
}
article h1+p a:link, article h1+p a:visited {
color: #bbdefb
}
article h1+p a:hover {
color: #0d47a1
}
article p {
padding: 0 2em;
text-align: justify
}
article p:last-child {
color: #1976d2;
padding-bottom: 1.8em;
font-size: .9em
}
footer {
margin: 0 auto;
font-size: .8em;
text-align: center
}
footer a:link, footer a:visited {
color: #5c5c5c
}
footer a:hover {
color: #0d47a1
}
#gravatar {
display: block;
float: right;
border-radius: 100%;
box-shadow: 0 3px 10px rgba(0, 0, 0, .23), 0 3px 10px rgba(0, 0, 0, .16);
-webkit-transition: box-shadow .2s ease-in-out;
transition: box-shadow .2s ease-in-out
}
#gravatar:hover {
box-shadow: 0 5px 12px rgba(0, 0, 0, .23), 0 5px 12px rgba(0, 0, 0, .16)
}
@media (min-width:750px) {
#gravatar {
position: absolute;
top: 10.8em;
right: 3em
}
#gravatar+h1+p+p {
padding-top: 2em
}
h1+p {
padding-right: 6em
}
h1+p+p {
padding-top: .8em
}
}
@media (max-width:750px) {
#gravatar {
position: fixed;
bottom: 1em;
right: 1em
}
article h1+p {
font-size: .8em;
padding-bottom: 1em
}
article h1+p+p {
padding-top: .8em
}
footer {
padding-bottom: 4em
}
}

151
themes/material-brown.css
View file

@ -1 +1,150 @@
/*Material theme v1.0.1 by @ahaasler, https://github.com/ahaasler/mit-license-material-theme*/@import url(https://fonts.googleapis.com/css?family=Roboto:400|Roboto+Condensed:300,400);body{font-family:Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;padding:.4em;font-size:1.1em;background:#eee;color:#5c5c5c}a:link,a:visited{text-decoration:none}article{background:#fff;border-radius:2px;display:block;margin:1em;box-shadow:0 1px 2px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);-webkit-transition:box-shadow .2s ease-in-out;transition:box-shadow .2s ease-in-out;position:relative;max-width:800px;margin:10px auto 0}article:hover{box-shadow:0 2px 3px rgba(0,0,0,.16),0 2px 3px rgba(0,0,0,.23)}article h1{color:#fff;border-top-left-radius:2px;border-top-right-radius:2px;height:4.5em;width:100%;margin:0 auto;padding-top:3.5em;padding-bottom:.7em;box-sizing:border-box;font-size:2em;font-weight:300}article h1,article h1+p{background:#795548;font-family:Roboto Condensed,Helvetica Neue,Helvetica,Arial,sans-serif;padding-left:6%}article h1+p{color:#efebe9;margin:0;text-align:left;box-shadow:0 2px 4px -1px rgba(0,0,0,.2);font-size:1em;padding-top:.6em;min-height:3.6em;font-weight:400;margin-top:0}article h1+p a:link,article h1+p a:visited{color:#d7ccc8}article h1+p a:hover{color:#3e2723}article p{padding:0 2em;text-align:justify}article p:last-child{color:#5d4037;padding-bottom:1.8em;font-size:.9em}footer{margin:0 auto;font-size:.8em;text-align:center}footer a:link,footer a:visited{color:#5c5c5c}footer a:hover{color:#3e2723}#gravatar{display:block;float:right;border-radius:100%;box-shadow:0 3px 10px rgba(0,0,0,.23),0 3px 10px rgba(0,0,0,.16);-webkit-transition:box-shadow .2s ease-in-out;transition:box-shadow .2s ease-in-out}#gravatar:hover{box-shadow:0 5px 12px rgba(0,0,0,.23),0 5px 12px rgba(0,0,0,.16)}@media (min-width:750px){#gravatar{position:absolute;top:10.8em;right:3em}#gravatar+h1+p+p{padding-top:2em}h1+p{padding-right:6em}h1+p+p{padding-top:.8em}}@media (max-width:750px){#gravatar{position:fixed;bottom:1em;right:1em}article h1+p{font-size:.8em;padding-bottom:1em}article h1+p+p{padding-top:.8em}footer{padding-bottom:4em}}
/*Material theme v1.0.1 by @ahaasler, https://github.com/ahaasler/mit-license-material-theme*/
@import url(https://fonts.googleapis.com/css?family=Roboto:400|Roboto+Condensed:300,400);
body {
font-family: Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
padding: .4em;
font-size: 1.1em;
background: #eee;
color: #5c5c5c
}
a:link, a:visited {
text-decoration: none
}
article {
background: #fff;
border-radius: 2px;
display: block;
margin: 1em;
box-shadow: 0 1px 2px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
-webkit-transition: box-shadow .2s ease-in-out;
transition: box-shadow .2s ease-in-out;
position: relative;
max-width: 800px;
margin: 10px auto 0
}
article:hover {
box-shadow: 0 2px 3px rgba(0, 0, 0, .16), 0 2px 3px rgba(0, 0, 0, .23)
}
article h1 {
color: #fff;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
height: 4.5em;
width: 100%;
margin: 0 auto;
padding-top: 3.5em;
padding-bottom: .7em;
box-sizing: border-box;
font-size: 2em;
font-weight: 300
}
article h1, article h1+p {
background: #795548;
font-family: Roboto Condensed, Helvetica Neue, Helvetica, Arial, sans-serif;
padding-left: 6%
}
article h1+p {
color: #efebe9;
margin: 0;
text-align: left;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2);
font-size: 1em;
padding-top: .6em;
min-height: 3.6em;
font-weight: 400;
margin-top: 0
}
article h1+p a:link, article h1+p a:visited {
color: #d7ccc8
}
article h1+p a:hover {
color: #3e2723
}
article p {
padding: 0 2em;
text-align: justify
}
article p:last-child {
color: #5d4037;
padding-bottom: 1.8em;
font-size: .9em
}
footer {
margin: 0 auto;
font-size: .8em;
text-align: center
}
footer a:link, footer a:visited {
color: #5c5c5c
}
footer a:hover {
color: #3e2723
}
#gravatar {
display: block;
float: right;
border-radius: 100%;
box-shadow: 0 3px 10px rgba(0, 0, 0, .23), 0 3px 10px rgba(0, 0, 0, .16);
-webkit-transition: box-shadow .2s ease-in-out;
transition: box-shadow .2s ease-in-out
}
#gravatar:hover {
box-shadow: 0 5px 12px rgba(0, 0, 0, .23), 0 5px 12px rgba(0, 0, 0, .16)
}
@media (min-width:750px) {
#gravatar {
position: absolute;
top: 10.8em;
right: 3em
}
#gravatar+h1+p+p {
padding-top: 2em
}
h1+p {
padding-right: 6em
}
h1+p+p {
padding-top: .8em
}
}
@media (max-width:750px) {
#gravatar {
position: fixed;
bottom: 1em;
right: 1em
}
article h1+p {
font-size: .8em;
padding-bottom: 1em
}
article h1+p+p {
padding-top: .8em
}
footer {
padding-bottom: 4em
}
}

151
themes/material-cyan.css
View file

@ -1 +1,150 @@
/*Material theme v1.0.1 by @ahaasler, https://github.com/ahaasler/mit-license-material-theme*/@import url(https://fonts.googleapis.com/css?family=Roboto:400|Roboto+Condensed:300,400);body{font-family:Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;padding:.4em;font-size:1.1em;background:#eee;color:#5c5c5c}a:link,a:visited{text-decoration:none}article{background:#fff;border-radius:2px;display:block;margin:1em;box-shadow:0 1px 2px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);-webkit-transition:box-shadow .2s ease-in-out;transition:box-shadow .2s ease-in-out;position:relative;max-width:800px;margin:10px auto 0}article:hover{box-shadow:0 2px 3px rgba(0,0,0,.16),0 2px 3px rgba(0,0,0,.23)}article h1{color:#fff;border-top-left-radius:2px;border-top-right-radius:2px;height:4.5em;width:100%;margin:0 auto;padding-top:3.5em;padding-bottom:.7em;box-sizing:border-box;font-size:2em;font-weight:300}article h1,article h1+p{background:#00bcd4;font-family:Roboto Condensed,Helvetica Neue,Helvetica,Arial,sans-serif;padding-left:6%}article h1+p{color:#e0f7fa;margin:0;text-align:left;box-shadow:0 2px 4px -1px rgba(0,0,0,.2);font-size:1em;padding-top:.6em;min-height:3.6em;font-weight:400;margin-top:0}article h1+p a:link,article h1+p a:visited{color:#b2ebf2}article h1+p a:hover{color:#006064}article p{padding:0 2em;text-align:justify}article p:last-child{color:#0097a7;padding-bottom:1.8em;font-size:.9em}footer{margin:0 auto;font-size:.8em;text-align:center}footer a:link,footer a:visited{color:#5c5c5c}footer a:hover{color:#006064}#gravatar{display:block;float:right;border-radius:100%;box-shadow:0 3px 10px rgba(0,0,0,.23),0 3px 10px rgba(0,0,0,.16);-webkit-transition:box-shadow .2s ease-in-out;transition:box-shadow .2s ease-in-out}#gravatar:hover{box-shadow:0 5px 12px rgba(0,0,0,.23),0 5px 12px rgba(0,0,0,.16)}@media (min-width:750px){#gravatar{position:absolute;top:10.8em;right:3em}#gravatar+h1+p+p{padding-top:2em}h1+p{padding-right:6em}h1+p+p{padding-top:.8em}}@media (max-width:750px){#gravatar{position:fixed;bottom:1em;right:1em}article h1+p{font-size:.8em;padding-bottom:1em}article h1+p+p{padding-top:.8em}footer{padding-bottom:4em}}
/*Material theme v1.0.1 by @ahaasler, https://github.com/ahaasler/mit-license-material-theme*/
@import url(https://fonts.googleapis.com/css?family=Roboto:400|Roboto+Condensed:300,400);
body {
font-family: Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
padding: .4em;
font-size: 1.1em;
background: #eee;
color: #5c5c5c
}
a:link, a:visited {
text-decoration: none
}
article {
background: #fff;
border-radius: 2px;
display: block;
margin: 1em;
box-shadow: 0 1px 2px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
-webkit-transition: box-shadow .2s ease-in-out;
transition: box-shadow .2s ease-in-out;
position: relative;
max-width: 800px;
margin: 10px auto 0
}
article:hover {
box-shadow: 0 2px 3px rgba(0, 0, 0, .16), 0 2px 3px rgba(0, 0, 0, .23)
}
article h1 {
color: #fff;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
height: 4.5em;
width: 100%;
margin: 0 auto;
padding-top: 3.5em;
padding-bottom: .7em;
box-sizing: border-box;
font-size: 2em;
font-weight: 300
}
article h1, article h1+p {
background: #00bcd4;
font-family: Roboto Condensed, Helvetica Neue, Helvetica, Arial, sans-serif;
padding-left: 6%
}
article h1+p {
color: #e0f7fa;
margin: 0;
text-align: left;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2);
font-size: 1em;
padding-top: .6em;
min-height: 3.6em;
font-weight: 400;
margin-top: 0
}
article h1+p a:link, article h1+p a:visited {
color: #b2ebf2
}
article h1+p a:hover {
color: #006064
}
article p {
padding: 0 2em;
text-align: justify
}
article p:last-child {
color: #0097a7;
padding-bottom: 1.8em;
font-size: .9em
}
footer {
margin: 0 auto;
font-size: .8em;
text-align: center
}
footer a:link, footer a:visited {
color: #5c5c5c
}
footer a:hover {
color: #006064
}
#gravatar {
display: block;
float: right;
border-radius: 100%;
box-shadow: 0 3px 10px rgba(0, 0, 0, .23), 0 3px 10px rgba(0, 0, 0, .16);
-webkit-transition: box-shadow .2s ease-in-out;
transition: box-shadow .2s ease-in-out
}
#gravatar:hover {
box-shadow: 0 5px 12px rgba(0, 0, 0, .23), 0 5px 12px rgba(0, 0, 0, .16)
}
@media (min-width:750px) {
#gravatar {
position: absolute;
top: 10.8em;
right: 3em
}
#gravatar+h1+p+p {
padding-top: 2em
}
h1+p {
padding-right: 6em
}
h1+p+p {
padding-top: .8em
}
}
@media (max-width:750px) {
#gravatar {
position: fixed;
bottom: 1em;
right: 1em
}
article h1+p {
font-size: .8em;
padding-bottom: 1em
}
article h1+p+p {
padding-top: .8em
}
footer {
padding-bottom: 4em
}
}

151
themes/material-deep-orange.css
View file

@ -1 +1,150 @@
/*Material theme v1.0.1 by @ahaasler, https://github.com/ahaasler/mit-license-material-theme*/@import url(https://fonts.googleapis.com/css?family=Roboto:400|Roboto+Condensed:300,400);body{font-family:Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;padding:.4em;font-size:1.1em;background:#eee;color:#5c5c5c}a:link,a:visited{text-decoration:none}article{background:#fff;border-radius:2px;display:block;margin:1em;box-shadow:0 1px 2px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);-webkit-transition:box-shadow .2s ease-in-out;transition:box-shadow .2s ease-in-out;position:relative;max-width:800px;margin:10px auto 0}article:hover{box-shadow:0 2px 3px rgba(0,0,0,.16),0 2px 3px rgba(0,0,0,.23)}article h1{color:#fff;border-top-left-radius:2px;border-top-right-radius:2px;height:4.5em;width:100%;margin:0 auto;padding-top:3.5em;padding-bottom:.7em;box-sizing:border-box;font-size:2em;font-weight:300}article h1,article h1+p{background:#ff5722;font-family:Roboto Condensed,Helvetica Neue,Helvetica,Arial,sans-serif;padding-left:6%}article h1+p{color:#fbe9e7;margin:0;text-align:left;box-shadow:0 2px 4px -1px rgba(0,0,0,.2);font-size:1em;padding-top:.6em;min-height:3.6em;font-weight:400;margin-top:0}article h1+p a:link,article h1+p a:visited{color:#ffccbc}article h1+p a:hover{color:#bf360c}article p{padding:0 2em;text-align:justify}article p:last-child{color:#e64a19;padding-bottom:1.8em;font-size:.9em}footer{margin:0 auto;font-size:.8em;text-align:center}footer a:link,footer a:visited{color:#5c5c5c}footer a:hover{color:#bf360c}#gravatar{display:block;float:right;border-radius:100%;box-shadow:0 3px 10px rgba(0,0,0,.23),0 3px 10px rgba(0,0,0,.16);-webkit-transition:box-shadow .2s ease-in-out;transition:box-shadow .2s ease-in-out}#gravatar:hover{box-shadow:0 5px 12px rgba(0,0,0,.23),0 5px 12px rgba(0,0,0,.16)}@media (min-width:750px){#gravatar{position:absolute;top:10.8em;right:3em}#gravatar+h1+p+p{padding-top:2em}h1+p{padding-right:6em}h1+p+p{padding-top:.8em}}@media (max-width:750px){#gravatar{position:fixed;bottom:1em;right:1em}article h1+p{font-size:.8em;padding-bottom:1em}article h1+p+p{padding-top:.8em}footer{padding-bottom:4em}}
/*Material theme v1.0.1 by @ahaasler, https://github.com/ahaasler/mit-license-material-theme*/
@import url(https://fonts.googleapis.com/css?family=Roboto:400|Roboto+Condensed:300,400);
body {
font-family: Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
padding: .4em;
font-size: 1.1em;
background: #eee;
color: #5c5c5c
}
a:link, a:visited {
text-decoration: none
}
article {
background: #fff;
border-radius: 2px;
display: block;
margin: 1em;
box-shadow: 0 1px 2px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
-webkit-transition: box-shadow .2s ease-in-out;
transition: box-shadow .2s ease-in-out;
position: relative;
max-width: 800px;
margin: 10px auto 0
}
article:hover {
box-shadow: 0 2px 3px rgba(0, 0, 0, .16), 0 2px 3px rgba(0, 0, 0, .23)
}
article h1 {
color: #fff;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
height: 4.5em;
width: 100%;
margin: 0 auto;
padding-top: 3.5em;
padding-bottom: .7em;
box-sizing: border-box;
font-size: 2em;
font-weight: 300
}
article h1, article h1+p {
background: #ff5722;
font-family: Roboto Condensed, Helvetica Neue, Helvetica, Arial, sans-serif;
padding-left: 6%
}
article h1+p {
color: #fbe9e7;
margin: 0;
text-align: left;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2);
font-size: 1em;
padding-top: .6em;
min-height: 3.6em;
font-weight: 400;
margin-top: 0
}
article h1+p a:link, article h1+p a:visited {
color: #ffccbc
}
article h1+p a:hover {
color: #bf360c
}
article p {
padding: 0 2em;
text-align: justify
}
article p:last-child {
color: #e64a19;
padding-bottom: 1.8em;
font-size: .9em
}
footer {
margin: 0 auto;
font-size: .8em;
text-align: center
}
footer a:link, footer a:visited {
color: #5c5c5c
}
footer a:hover {
color: #bf360c
}
#gravatar {
display: block;
float: right;
border-radius: 100%;
box-shadow: 0 3px 10px rgba(0, 0, 0, .23), 0 3px 10px rgba(0, 0, 0, .16);
-webkit-transition: box-shadow .2s ease-in-out;
transition: box-shadow .2s ease-in-out
}
#gravatar:hover {
box-shadow: 0 5px 12px rgba(0, 0, 0, .23), 0 5px 12px rgba(0, 0, 0, .16)
}
@media (min-width:750px) {
#gravatar {
position: absolute;
top: 10.8em;
right: 3em
}
#gravatar+h1+p+p {
padding-top: 2em
}
h1+p {
padding-right: 6em
}
h1+p+p {
padding-top: .8em
}
}
@media (max-width:750px) {
#gravatar {
position: fixed;
bottom: 1em;
right: 1em
}
article h1+p {
font-size: .8em;
padding-bottom: 1em
}
article h1+p+p {
padding-top: .8em
}
footer {
padding-bottom: 4em
}
}

151
themes/material-deep-purple.css
View file

@ -1 +1,150 @@
/*Material theme v1.0.1 by @ahaasler, https://github.com/ahaasler/mit-license-material-theme*/@import url(https://fonts.googleapis.com/css?family=Roboto:400|Roboto+Condensed:300,400);body{font-family:Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;padding:.4em;font-size:1.1em;background:#eee;color:#5c5c5c}a:link,a:visited{text-decoration:none}article{background:#fff;border-radius:2px;display:block;margin:1em;box-shadow:0 1px 2px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);-webkit-transition:box-shadow .2s ease-in-out;transition:box-shadow .2s ease-in-out;position:relative;max-width:800px;margin:10px auto 0}article:hover{box-shadow:0 2px 3px rgba(0,0,0,.16),0 2px 3px rgba(0,0,0,.23)}article h1{color:#fff;border-top-left-radius:2px;border-top-right-radius:2px;height:4.5em;width:100%;margin:0 auto;padding-top:3.5em;padding-bottom:.7em;box-sizing:border-box;font-size:2em;font-weight:300}article h1,article h1+p{background:#673ab7;font-family:Roboto Condensed,Helvetica Neue,Helvetica,Arial,sans-serif;padding-left:6%}article h1+p{color:#ede7f6;margin:0;text-align:left;box-shadow:0 2px 4px -1px rgba(0,0,0,.2);font-size:1em;padding-top:.6em;min-height:3.6em;font-weight:400;margin-top:0}article h1+p a:link,article h1+p a:visited{color:#d1c4e9}article h1+p a:hover{color:#311b92}article p{padding:0 2em;text-align:justify}article p:last-child{color:#512da8;padding-bottom:1.8em;font-size:.9em}footer{margin:0 auto;font-size:.8em;text-align:center}footer a:link,footer a:visited{color:#5c5c5c}footer a:hover{color:#311b92}#gravatar{display:block;float:right;border-radius:100%;box-shadow:0 3px 10px rgba(0,0,0,.23),0 3px 10px rgba(0,0,0,.16);-webkit-transition:box-shadow .2s ease-in-out;transition:box-shadow .2s ease-in-out}#gravatar:hover{box-shadow:0 5px 12px rgba(0,0,0,.23),0 5px 12px rgba(0,0,0,.16)}@media (min-width:750px){#gravatar{position:absolute;top:10.8em;right:3em}#gravatar+h1+p+p{padding-top:2em}h1+p{padding-right:6em}h1+p+p{padding-top:.8em}}@media (max-width:750px){#gravatar{position:fixed;bottom:1em;right:1em}article h1+p{font-size:.8em;padding-bottom:1em}article h1+p+p{padding-top:.8em}footer{padding-bottom:4em}}
/*Material theme v1.0.1 by @ahaasler, https://github.com/ahaasler/mit-license-material-theme*/
@import url(https://fonts.googleapis.com/css?family=Roboto:400|Roboto+Condensed:300,400);
body {
font-family: Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
padding: .4em;
font-size: 1.1em;
background: #eee;
color: #5c5c5c
}
a:link, a:visited {
text-decoration: none
}
article {
background: #fff;
border-radius: 2px;
display: block;
margin: 1em;
box-shadow: 0 1px 2px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
-webkit-transition: box-shadow .2s ease-in-out;
transition: box-shadow .2s ease-in-out;
position: relative;
max-width: 800px;
margin: 10px auto 0
}
article:hover {
box-shadow: 0 2px 3px rgba(0, 0, 0, .16), 0 2px 3px rgba(0, 0, 0, .23)
}
article h1 {
color: #fff;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
height: 4.5em;
width: 100%;
margin: 0 auto;
padding-top: 3.5em;
padding-bottom: .7em;
box-sizing: border-box;
font-size: 2em;
font-weight: 300
}
article h1, article h1+p {
background: #673ab7;
font-family: Roboto Condensed, Helvetica Neue, Helvetica, Arial, sans-serif;
padding-left: 6%
}
article h1+p {
color: #ede7f6;
margin: 0;
text-align: left;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2);
font-size: 1em;
padding-top: .6em;
min-height: 3.6em;
font-weight: 400;
margin-top: 0
}
article h1+p a:link, article h1+p a:visited {
color: #d1c4e9
}
article h1+p a:hover {
color: #311b92
}
article p {
padding: 0 2em;
text-align: justify
}
article p:last-child {
color: #512da8;
padding-bottom: 1.8em;
font-size: .9em
}
footer {
margin: 0 auto;
font-size: .8em;
text-align: center
}
footer a:link, footer a:visited {
color: #5c5c5c
}
footer a:hover {
color: #311b92
}
#gravatar {
display: block;
float: right;
border-radius: 100%;
box-shadow: 0 3px 10px rgba(0, 0, 0, .23), 0 3px 10px rgba(0, 0, 0, .16);
-webkit-transition: box-shadow .2s ease-in-out;
transition: box-shadow .2s ease-in-out
}
#gravatar:hover {
box-shadow: 0 5px 12px rgba(0, 0, 0, .23), 0 5px 12px rgba(0, 0, 0, .16)
}
@media (min-width:750px) {
#gravatar {
position: absolute;
top: 10.8em;
right: 3em
}
#gravatar+h1+p+p {
padding-top: 2em
}
h1+p {
padding-right: 6em
}
h1+p+p {
padding-top: .8em
}
}
@media (max-width:750px) {
#gravatar {
position: fixed;
bottom: 1em;
right: 1em
}
article h1+p {
font-size: .8em;
padding-bottom: 1em
}
article h1+p+p {
padding-top: .8em
}
footer {
padding-bottom: 4em
}
}

151
themes/material-green.css
View file

@ -1 +1,150 @@
/*Material theme v1.0.1 by @ahaasler, https://github.com/ahaasler/mit-license-material-theme*/@import url(https://fonts.googleapis.com/css?family=Roboto:400|Roboto+Condensed:300,400);body{font-family:Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;padding:.4em;font-size:1.1em;background:#eee;color:#5c5c5c}a:link,a:visited{text-decoration:none}article{background:#fff;border-radius:2px;display:block;margin:1em;box-shadow:0 1px 2px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);-webkit-transition:box-shadow .2s ease-in-out;transition:box-shadow .2s ease-in-out;position:relative;max-width:800px;margin:10px auto 0}article:hover{box-shadow:0 2px 3px rgba(0,0,0,.16),0 2px 3px rgba(0,0,0,.23)}article h1{color:#fff;border-top-left-radius:2px;border-top-right-radius:2px;height:4.5em;width:100%;margin:0 auto;padding-top:3.5em;padding-bottom:.7em;box-sizing:border-box;font-size:2em;font-weight:300}article h1,article h1+p{background:#4caf50;font-family:Roboto Condensed,Helvetica Neue,Helvetica,Arial,sans-serif;padding-left:6%}article h1+p{color:#e8f5e9;margin:0;text-align:left;box-shadow:0 2px 4px -1px rgba(0,0,0,.2);font-size:1em;padding-top:.6em;min-height:3.6em;font-weight:400;margin-top:0}article h1+p a:link,article h1+p a:visited{color:#c8e6c9}article h1+p a:hover{color:#1b5e20}article p{padding:0 2em;text-align:justify}article p:last-child{color:#388e3c;padding-bottom:1.8em;font-size:.9em}footer{margin:0 auto;font-size:.8em;text-align:center}footer a:link,footer a:visited{color:#5c5c5c}footer a:hover{color:#1b5e20}#gravatar{display:block;float:right;border-radius:100%;box-shadow:0 3px 10px rgba(0,0,0,.23),0 3px 10px rgba(0,0,0,.16);-webkit-transition:box-shadow .2s ease-in-out;transition:box-shadow .2s ease-in-out}#gravatar:hover{box-shadow:0 5px 12px rgba(0,0,0,.23),0 5px 12px rgba(0,0,0,.16)}@media (min-width:750px){#gravatar{position:absolute;top:10.8em;right:3em}#gravatar+h1+p+p{padding-top:2em}h1+p{padding-right:6em}h1+p+p{padding-top:.8em}}@media (max-width:750px){#gravatar{position:fixed;bottom:1em;right:1em}article h1+p{font-size:.8em;padding-bottom:1em}article h1+p+p{padding-top:.8em}footer{padding-bottom:4em}}
/*Material theme v1.0.1 by @ahaasler, https://github.com/ahaasler/mit-license-material-theme*/
@import url(https://fonts.googleapis.com/css?family=Roboto:400|Roboto+Condensed:300,400);
body {
font-family: Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
padding: .4em;
font-size: 1.1em;
background: #eee;
color: #5c5c5c
}
a:link, a:visited {
text-decoration: none
}
article {
background: #fff;
border-radius: 2px;
display: block;
margin: 1em;
box-shadow: 0 1px 2px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
-webkit-transition: box-shadow .2s ease-in-out;
transition: box-shadow .2s ease-in-out;
position: relative;
max-width: 800px;
margin: 10px auto 0
}
article:hover {
box-shadow: 0 2px 3px rgba(0, 0, 0, .16), 0 2px 3px rgba(0, 0, 0, .23)
}
article h1 {
color: #fff;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
height: 4.5em;
width: 100%;
margin: 0 auto;
padding-top: 3.5em;
padding-bottom: .7em;
box-sizing: border-box;
font-size: 2em;
font-weight: 300
}
article h1, article h1+p {
background: #4caf50;
font-family: Roboto Condensed, Helvetica Neue, Helvetica, Arial, sans-serif;
padding-left: 6%
}
article h1+p {
color: #e8f5e9;
margin: 0;
text-align: left;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2);
font-size: 1em;
padding-top: .6em;
min-height: 3.6em;
font-weight: 400;
margin-top: 0
}
article h1+p a:link, article h1+p a:visited {
color: #c8e6c9
}
article h1+p a:hover {
color: #1b5e20
}
article p {
padding: 0 2em;
text-align: justify
}
article p:last-child {
color: #388e3c;
padding-bottom: 1.8em;
font-size: .9em
}
footer {
margin: 0 auto;
font-size: .8em;
text-align: center
}
footer a:link, footer a:visited {
color: #5c5c5c
}
footer a:hover {
color: #1b5e20
}
#gravatar {
display: block;
float: right;
border-radius: 100%;
box-shadow: 0 3px 10px rgba(0, 0, 0, .23), 0 3px 10px rgba(0, 0, 0, .16);
-webkit-transition: box-shadow .2s ease-in-out;
transition: box-shadow .2s ease-in-out
}
#gravatar:hover {
box-shadow: 0 5px 12px rgba(0, 0, 0, .23), 0 5px 12px rgba(0, 0, 0, .16)
}
@media (min-width:750px) {
#gravatar {
position: absolute;
top: 10.8em;
right: 3em
}
#gravatar+h1+p+p {
padding-top: 2em
}
h1+p {
padding-right: 6em
}
h1+p+p {
padding-top: .8em
}
}
@media (max-width:750px) {
#gravatar {
position: fixed;
bottom: 1em;
right: 1em
}
article h1+p {
font-size: .8em;
padding-bottom: 1em
}
article h1+p+p {
padding-top: .8em
}
footer {
padding-bottom: 4em
}
}

151
themes/material-grey.css
View file

@ -1 +1,150 @@
/*Material theme v1.0.1 by @ahaasler, https://github.com/ahaasler/mit-license-material-theme*/@import url(https://fonts.googleapis.com/css?family=Roboto:400|Roboto+Condensed:300,400);body{font-family:Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;padding:.4em;font-size:1.1em;background:#eee;color:#5c5c5c}a:link,a:visited{text-decoration:none}article{background:#fff;border-radius:2px;display:block;margin:1em;box-shadow:0 1px 2px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);-webkit-transition:box-shadow .2s ease-in-out;transition:box-shadow .2s ease-in-out;position:relative;max-width:800px;margin:10px auto 0}article:hover{box-shadow:0 2px 3px rgba(0,0,0,.16),0 2px 3px rgba(0,0,0,.23)}article h1{color:#fff;border-top-left-radius:2px;border-top-right-radius:2px;height:4.5em;width:100%;margin:0 auto;padding-top:3.5em;padding-bottom:.7em;box-sizing:border-box;font-size:2em;font-weight:300}article h1,article h1+p{background:#9e9e9e;font-family:Roboto Condensed,Helvetica Neue,Helvetica,Arial,sans-serif;padding-left:6%}article h1+p{color:#fafafa;margin:0;text-align:left;box-shadow:0 2px 4px -1px rgba(0,0,0,.2);font-size:1em;padding-top:.6em;min-height:3.6em;font-weight:400;margin-top:0}article h1+p a:link,article h1+p a:visited{color:#f5f5f5}article h1+p a:hover{color:#212121}article p{padding:0 2em;text-align:justify}article p:last-child{color:#616161;padding-bottom:1.8em;font-size:.9em}footer{margin:0 auto;font-size:.8em;text-align:center}footer a:link,footer a:visited{color:#5c5c5c}footer a:hover{color:#212121}#gravatar{display:block;float:right;border-radius:100%;box-shadow:0 3px 10px rgba(0,0,0,.23),0 3px 10px rgba(0,0,0,.16);-webkit-transition:box-shadow .2s ease-in-out;transition:box-shadow .2s ease-in-out}#gravatar:hover{box-shadow:0 5px 12px rgba(0,0,0,.23),0 5px 12px rgba(0,0,0,.16)}@media (min-width:750px){#gravatar{position:absolute;top:10.8em;right:3em}#gravatar+h1+p+p{padding-top:2em}h1+p{padding-right:6em}h1+p+p{padding-top:.8em}}@media (max-width:750px){#gravatar{position:fixed;bottom:1em;right:1em}article h1+p{font-size:.8em;padding-bottom:1em}article h1+p+p{padding-top:.8em}footer{padding-bottom:4em}}
/*Material theme v1.0.1 by @ahaasler, https://github.com/ahaasler/mit-license-material-theme*/
@import url(https://fonts.googleapis.com/css?family=Roboto:400|Roboto+Condensed:300,400);
body {
font-family: Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
padding: .4em;
font-size: 1.1em;
background: #eee;
color: #5c5c5c
}
a:link, a:visited {
text-decoration: none
}
article {
background: #fff;
border-radius: 2px;
display: block;
margin: 1em;
box-shadow: 0 1px 2px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
-webkit-transition: box-shadow .2s ease-in-out;
transition: box-shadow .2s ease-in-out;
position: relative;
max-width: 800px;
margin: 10px auto 0
}
article:hover {
box-shadow: 0 2px 3px rgba(0, 0, 0, .16), 0 2px 3px rgba(0, 0, 0, .23)
}
article h1 {
color: #fff;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
height: 4.5em;
width: 100%;
margin: 0 auto;
padding-top: 3.5em;
padding-bottom: .7em;
box-sizing: border-box;
font-size: 2em;
font-weight: 300
}
article h1, article h1+p {
background: #9e9e9e;
font-family: Roboto Condensed, Helvetica Neue, Helvetica, Arial, sans-serif;
padding-left: 6%
}
article h1+p {
color: #fafafa;
margin: 0;
text-align: left;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2);
font-size: 1em;
padding-top: .6em;
min-height: 3.6em;
font-weight: 400;
margin-top: 0
}
article h1+p a:link, article h1+p a:visited {
color: #f5f5f5
}
article h1+p a:hover {
color: #212121
}
article p {
padding: 0 2em;
text-align: justify
}
article p:last-child {
color: #616161;
padding-bottom: 1.8em;
font-size: .9em
}
footer {
margin: 0 auto;
font-size: .8em;
text-align: center
}
footer a:link, footer a:visited {
color: #5c5c5c
}
footer a:hover {
color: #212121
}
#gravatar {
display: block;
float: right;
border-radius: 100%;
box-shadow: 0 3px 10px rgba(0, 0, 0, .23), 0 3px 10px rgba(0, 0, 0, .16);
-webkit-transition: box-shadow .2s ease-in-out;
transition: box-shadow .2s ease-in-out
}
#gravatar:hover {
box-shadow: 0 5px 12px rgba(0, 0, 0, .23), 0 5px 12px rgba(0, 0, 0, .16)
}
@media (min-width:750px) {
#gravatar {
position: absolute;
top: 10.8em;
right: 3em
}
#gravatar+h1+p+p {
padding-top: 2em
}
h1+p {
padding-right: 6em
}
h1+p+p {
padding-top: .8em
}
}
@media (max-width:750px) {
#gravatar {
position: fixed;
bottom: 1em;
right: 1em
}
article h1+p {
font-size: .8em;
padding-bottom: 1em
}
article h1+p+p {
padding-top: .8em
}
footer {
padding-bottom: 4em
}
}

151
themes/material-indigo.css
View file

@ -1 +1,150 @@
/*Material theme v1.0.1 by @ahaasler, https://github.com/ahaasler/mit-license-material-theme*/@import url(https://fonts.googleapis.com/css?family=Roboto:400|Roboto+Condensed:300,400);body{font-family:Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;padding:.4em;font-size:1.1em;background:#eee;color:#5c5c5c}a:link,a:visited{text-decoration:none}article{background:#fff;border-radius:2px;display:block;margin:1em;box-shadow:0 1px 2px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);-webkit-transition:box-shadow .2s ease-in-out;transition:box-shadow .2s ease-in-out;position:relative;max-width:800px;margin:10px auto 0}article:hover{box-shadow:0 2px 3px rgba(0,0,0,.16),0 2px 3px rgba(0,0,0,.23)}article h1{color:#fff;border-top-left-radius:2px;border-top-right-radius:2px;height:4.5em;width:100%;margin:0 auto;padding-top:3.5em;padding-bottom:.7em;box-sizing:border-box;font-size:2em;font-weight:300}article h1,article h1+p{background:#3f51b5;font-family:Roboto Condensed,Helvetica Neue,Helvetica,Arial,sans-serif;padding-left:6%}article h1+p{color:#e8eaf6;margin:0;text-align:left;box-shadow:0 2px 4px -1px rgba(0,0,0,.2);font-size:1em;padding-top:.6em;min-height:3.6em;font-weight:400;margin-top:0}article h1+p a:link,article h1+p a:visited{color:#c5cae9}article h1+p a:hover{color:#1a237e}article p{padding:0 2em;text-align:justify}article p:last-child{color:#303f9f;padding-bottom:1.8em;font-size:.9em}footer{margin:0 auto;font-size:.8em;text-align:center}footer a:link,footer a:visited{color:#5c5c5c}footer a:hover{color:#1a237e}#gravatar{display:block;float:right;border-radius:100%;box-shadow:0 3px 10px rgba(0,0,0,.23),0 3px 10px rgba(0,0,0,.16);-webkit-transition:box-shadow .2s ease-in-out;transition:box-shadow .2s ease-in-out}#gravatar:hover{box-shadow:0 5px 12px rgba(0,0,0,.23),0 5px 12px rgba(0,0,0,.16)}@media (min-width:750px){#gravatar{position:absolute;top:10.8em;right:3em}#gravatar+h1+p+p{padding-top:2em}h1+p{padding-right:6em}h1+p+p{padding-top:.8em}}@media (max-width:750px){#gravatar{position:fixed;bottom:1em;right:1em}article h1+p{font-size:.8em;padding-bottom:1em}article h1+p+p{padding-top:.8em}footer{padding-bottom:4em}}
/*Material theme v1.0.1 by @ahaasler, https://github.com/ahaasler/mit-license-material-theme*/
@import url(https://fonts.googleapis.com/css?family=Roboto:400|Roboto+Condensed:300,400);
body {
font-family: Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
padding: .4em;
font-size: 1.1em;
background: #eee;
color: #5c5c5c
}
a:link, a:visited {
text-decoration: none
}
article {
background: #fff;
border-radius: 2px;
display: block;
margin: 1em;
box-shadow: 0 1px 2px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
-webkit-transition: box-shadow .2s ease-in-out;
transition: box-shadow .2s ease-in-out;
position: relative;
max-width: 800px;
margin: 10px auto 0
}
article:hover {
box-shadow: 0 2px 3px rgba(0, 0, 0, .16), 0 2px 3px rgba(0, 0, 0, .23)
}
article h1 {
color: #fff;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
height: 4.5em;
width: 100%;
margin: 0 auto;
padding-top: 3.5em;
padding-bottom: .7em;
box-sizing: border-box;
font-size: 2em;
font-weight: 300
}
article h1, article h1+p {
background: #3f51b5;
font-family: Roboto Condensed, Helvetica Neue, Helvetica, Arial, sans-serif;
padding-left: 6%
}
article h1+p {
color: #e8eaf6;
margin: 0;
text-align: left;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2);
font-size: 1em;
padding-top: .6em;
min-height: 3.6em;
font-weight: 400;
margin-top: 0
}
article h1+p a:link, article h1+p a:visited {
color: #c5cae9
}
article h1+p a:hover {
color: #1a237e
}
article p {
padding: 0 2em;
text-align: justify
}
article p:last-child {
color: #303f9f;
padding-bottom: 1.8em;
font-size: .9em
}
footer {
margin: 0 auto;
font-size: .8em;
text-align: center
}
footer a:link, footer a:visited {
color: #5c5c5c
}
footer a:hover {
color: #1a237e
}
#gravatar {
display: block;
float: right;
border-radius: 100%;
box-shadow: 0 3px 10px rgba(0, 0, 0, .23), 0 3px 10px rgba(0, 0, 0, .16);
-webkit-transition: box-shadow .2s ease-in-out;
transition: box-shadow .2s ease-in-out
}
#gravatar:hover {
box-shadow: 0 5px 12px rgba(0, 0, 0, .23), 0 5px 12px rgba(0, 0, 0, .16)
}
@media (min-width:750px) {
#gravatar {
position: absolute;
top: 10.8em;
right: 3em
}
#gravatar+h1+p+p {
padding-top: 2em
}
h1+p {
padding-right: 6em
}
h1+p+p {
padding-top: .8em
}
}
@media (max-width:750px) {
#gravatar {
position: fixed;
bottom: 1em;
right: 1em
}
article h1+p {
font-size: .8em;
padding-bottom: 1em
}
article h1+p+p {
padding-top: .8em
}
footer {
padding-bottom: 4em
}
}

151
themes/material-light-blue.css
View file

@ -1 +1,150 @@
/*Material theme v1.0.1 by @ahaasler, https://github.com/ahaasler/mit-license-material-theme*/@import url(https://fonts.googleapis.com/css?family=Roboto:400|Roboto+Condensed:300,400);body{font-family:Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;padding:.4em;font-size:1.1em;background:#eee;color:#5c5c5c}a:link,a:visited{text-decoration:none}article{background:#fff;border-radius:2px;display:block;margin:1em;box-shadow:0 1px 2px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);-webkit-transition:box-shadow .2s ease-in-out;transition:box-shadow .2s ease-in-out;position:relative;max-width:800px;margin:10px auto 0}article:hover{box-shadow:0 2px 3px rgba(0,0,0,.16),0 2px 3px rgba(0,0,0,.23)}article h1{color:#fff;border-top-left-radius:2px;border-top-right-radius:2px;height:4.5em;width:100%;margin:0 auto;padding-top:3.5em;padding-bottom:.7em;box-sizing:border-box;font-size:2em;font-weight:300}article h1,article h1+p{background:#03a9f4;font-family:Roboto Condensed,Helvetica Neue,Helvetica,Arial,sans-serif;padding-left:6%}article h1+p{color:#e1f5fe;margin:0;text-align:left;box-shadow:0 2px 4px -1px rgba(0,0,0,.2);font-size:1em;padding-top:.6em;min-height:3.6em;font-weight:400;margin-top:0}article h1+p a:link,article h1+p a:visited{color:#b3e5fc}article h1+p a:hover{color:#01579b}article p{padding:0 2em;text-align:justify}article p:last-child{color:#0288d1;padding-bottom:1.8em;font-size:.9em}footer{margin:0 auto;font-size:.8em;text-align:center}footer a:link,footer a:visited{color:#5c5c5c}footer a:hover{color:#01579b}#gravatar{display:block;float:right;border-radius:100%;box-shadow:0 3px 10px rgba(0,0,0,.23),0 3px 10px rgba(0,0,0,.16);-webkit-transition:box-shadow .2s ease-in-out;transition:box-shadow .2s ease-in-out}#gravatar:hover{box-shadow:0 5px 12px rgba(0,0,0,.23),0 5px 12px rgba(0,0,0,.16)}@media (min-width:750px){#gravatar{position:absolute;top:10.8em;right:3em}#gravatar+h1+p+p{padding-top:2em}h1+p{padding-right:6em}h1+p+p{padding-top:.8em}}@media (max-width:750px){#gravatar{position:fixed;bottom:1em;right:1em}article h1+p{font-size:.8em;padding-bottom:1em}article h1+p+p{padding-top:.8em}footer{padding-bottom:4em}}
/*Material theme v1.0.1 by @ahaasler, https://github.com/ahaasler/mit-license-material-theme*/
@import url(https://fonts.googleapis.com/css?family=Roboto:400|Roboto+Condensed:300,400);
body {
font-family: Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
padding: .4em;
font-size: 1.1em;
background: #eee;
color: #5c5c5c
}
a:link, a:visited {
text-decoration: none
}
article {
background: #fff;
border-radius: 2px;
display: block;
margin: 1em;
box-shadow: 0 1px 2px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
-webkit-transition: box-shadow .2s ease-in-out;
transition: box-shadow .2s ease-in-out;
position: relative;
max-width: 800px;
margin: 10px auto 0
}
article:hover {
box-shadow: 0 2px 3px rgba(0, 0, 0, .16), 0 2px 3px rgba(0, 0, 0, .23)
}
article h1 {
color: #fff;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
height: 4.5em;
width: 100%;
margin: 0 auto;
padding-top: 3.5em;
padding-bottom: .7em;
box-sizing: border-box;
font-size: 2em;
font-weight: 300
}
article h1, article h1+p {
background: #03a9f4;
font-family: Roboto Condensed, Helvetica Neue, Helvetica, Arial, sans-serif;
padding-left: 6%
}
article h1+p {
color: #e1f5fe;
margin: 0;
text-align: left;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2);
font-size: 1em;
padding-top: .6em;
min-height: 3.6em;
font-weight: 400;
margin-top: 0
}
article h1+p a:link, article h1+p a:visited {
color: #b3e5fc
}
article h1+p a:hover {
color: #01579b
}
article p {
padding: 0 2em;
text-align: justify
}
article p:last-child {
color: #0288d1;
padding-bottom: 1.8em;
font-size: .9em
}
footer {
margin: 0 auto;
font-size: .8em;
text-align: center
}
footer a:link, footer a:visited {
color: #5c5c5c
}
footer a:hover {
color: #01579b
}
#gravatar {
display: block;
float: right;
border-radius: 100%;
box-shadow: 0 3px 10px rgba(0, 0, 0, .23), 0 3px 10px rgba(0, 0, 0, .16);
-webkit-transition: box-shadow .2s ease-in-out;
transition: box-shadow .2s ease-in-out
}
#gravatar:hover {
box-shadow: 0 5px 12px rgba(0, 0, 0, .23), 0 5px 12px rgba(0, 0, 0, .16)
}
@media (min-width:750px) {
#gravatar {
position: absolute;
top: 10.8em;
right: 3em
}
#gravatar+h1+p+p {
padding-top: 2em
}
h1+p {
padding-right: 6em
}
h1+p+p {
padding-top: .8em
}
}
@media (max-width:750px) {
#gravatar {
position: fixed;
bottom: 1em;
right: 1em
}
article h1+p {
font-size: .8em;
padding-bottom: 1em
}
article h1+p+p {
padding-top: .8em
}
footer {
padding-bottom: 4em
}
}

151
themes/material-light-green.css
View file

@ -1 +1,150 @@
/*Material theme v1.0.1 by @ahaasler, https://github.com/ahaasler/mit-license-material-theme*/@import url(https://fonts.googleapis.com/css?family=Roboto:400|Roboto+Condensed:300,400);body{font-family:Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;padding:.4em;font-size:1.1em;background:#eee;color:#5c5c5c}a:link,a:visited{text-decoration:none}article{background:#fff;border-radius:2px;display:block;margin:1em;box-shadow:0 1px 2px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);-webkit-transition:box-shadow .2s ease-in-out;transition:box-shadow .2s ease-in-out;position:relative;max-width:800px;margin:10px auto 0}article:hover{box-shadow:0 2px 3px rgba(0,0,0,.16),0 2px 3px rgba(0,0,0,.23)}article h1{color:#fff;border-top-left-radius:2px;border-top-right-radius:2px;height:4.5em;width:100%;margin:0 auto;padding-top:3.5em;padding-bottom:.7em;box-sizing:border-box;font-size:2em;font-weight:300}article h1,article h1+p{background:#8bc34a;font-family:Roboto Condensed,Helvetica Neue,Helvetica,Arial,sans-serif;padding-left:6%}article h1+p{color:#f1f8e9;margin:0;text-align:left;box-shadow:0 2px 4px -1px rgba(0,0,0,.2);font-size:1em;padding-top:.6em;min-height:3.6em;font-weight:400;margin-top:0}article h1+p a:link,article h1+p a:visited{color:#dcedc8}article h1+p a:hover{color:#33691e}article p{padding:0 2em;text-align:justify}article p:last-child{color:#689f38;padding-bottom:1.8em;font-size:.9em}footer{margin:0 auto;font-size:.8em;text-align:center}footer a:link,footer a:visited{color:#5c5c5c}footer a:hover{color:#33691e}#gravatar{display:block;float:right;border-radius:100%;box-shadow:0 3px 10px rgba(0,0,0,.23),0 3px 10px rgba(0,0,0,.16);-webkit-transition:box-shadow .2s ease-in-out;transition:box-shadow .2s ease-in-out}#gravatar:hover{box-shadow:0 5px 12px rgba(0,0,0,.23),0 5px 12px rgba(0,0,0,.16)}@media (min-width:750px){#gravatar{position:absolute;top:10.8em;right:3em}#gravatar+h1+p+p{padding-top:2em}h1+p{padding-right:6em}h1+p+p{padding-top:.8em}}@media (max-width:750px){#gravatar{position:fixed;bottom:1em;right:1em}article h1+p{font-size:.8em;padding-bottom:1em}article h1+p+p{padding-top:.8em}footer{padding-bottom:4em}}
/*Material theme v1.0.1 by @ahaasler, https://github.com/ahaasler/mit-license-material-theme*/
@import url(https://fonts.googleapis.com/css?family=Roboto:400|Roboto+Condensed:300,400);
body {
font-family: Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
padding: .4em;
font-size: 1.1em;
background: #eee;
color: #5c5c5c
}
a:link, a:visited {
text-decoration: none
}
article {
background: #fff;
border-radius: 2px;
display: block;
margin: 1em;
box-shadow: 0 1px 2px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
-webkit-transition: box-shadow .2s ease-in-out;
transition: box-shadow .2s ease-in-out;
position: relative;
max-width: 800px;
margin: 10px auto 0
}
article:hover {
box-shadow: 0 2px 3px rgba(0, 0, 0, .16), 0 2px 3px rgba(0, 0, 0, .23)
}
article h1 {
color: #fff;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
height: 4.5em;
width: 100%;
margin: 0 auto;
padding-top: 3.5em;
padding-bottom: .7em;
box-sizing: border-box;
font-size: 2em;
font-weight: 300
}
article h1, article h1+p {
background: #8bc34a;
font-family: Roboto Condensed, Helvetica Neue, Helvetica, Arial, sans-serif;
padding-left: 6%
}
article h1+p {
color: #f1f8e9;
margin: 0;
text-align: left;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2);
font-size: 1em;
padding-top: .6em;
min-height: 3.6em;
font-weight: 400;
margin-top: 0
}
article h1+p a:link, article h1+p a:visited {
color: #dcedc8
}
article h1+p a:hover {
color: #33691e
}
article p {
padding: 0 2em;
text-align: justify
}
article p:last-child {
color: #689f38;
padding-bottom: 1.8em;
font-size: .9em
}
footer {
margin: 0 auto;
font-size: .8em;
text-align: center
}
footer a:link, footer a:visited {
color: #5c5c5c
}
footer a:hover {
color: #33691e
}
#gravatar {
display: block;
float: right;
border-radius: 100%;
box-shadow: 0 3px 10px rgba(0, 0, 0, .23), 0 3px 10px rgba(0, 0, 0, .16);
-webkit-transition: box-shadow .2s ease-in-out;
transition: box-shadow .2s ease-in-out
}
#gravatar:hover {
box-shadow: 0 5px 12px rgba(0, 0, 0, .23), 0 5px 12px rgba(0, 0, 0, .16)
}
@media (min-width:750px) {
#gravatar {
position: absolute;
top: 10.8em;
right: 3em
}
#gravatar+h1+p+p {
padding-top: 2em
}
h1+p {
padding-right: 6em
}
h1+p+p {
padding-top: .8em
}
}
@media (max-width:750px) {
#gravatar {
position: fixed;
bottom: 1em;
right: 1em
}
article h1+p {
font-size: .8em;
padding-bottom: 1em
}
article h1+p+p {
padding-top: .8em
}
footer {
padding-bottom: 4em
}
}

151
themes/material-lime.css
View file

@ -1 +1,150 @@
/*Material theme v1.0.1 by @ahaasler, https://github.com/ahaasler/mit-license-material-theme*/@import url(https://fonts.googleapis.com/css?family=Roboto:400|Roboto+Condensed:300,400);body{font-family:Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;padding:.4em;font-size:1.1em;background:#eee;color:#5c5c5c}a:link,a:visited{text-decoration:none}article{background:#fff;border-radius:2px;display:block;margin:1em;box-shadow:0 1px 2px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);-webkit-transition:box-shadow .2s ease-in-out;transition:box-shadow .2s ease-in-out;position:relative;max-width:800px;margin:10px auto 0}article:hover{box-shadow:0 2px 3px rgba(0,0,0,.16),0 2px 3px rgba(0,0,0,.23)}article h1{color:#fff;border-top-left-radius:2px;border-top-right-radius:2px;height:4.5em;width:100%;margin:0 auto;padding-top:3.5em;padding-bottom:.7em;box-sizing:border-box;font-size:2em;font-weight:300}article h1,article h1+p{background:#cddc39;font-family:Roboto Condensed,Helvetica Neue,Helvetica,Arial,sans-serif;padding-left:6%}article h1+p{color:#f9fbe7;margin:0;text-align:left;box-shadow:0 2px 4px -1px rgba(0,0,0,.2);font-size:1em;padding-top:.6em;min-height:3.6em;font-weight:400;margin-top:0}article h1+p a:link,article h1+p a:visited{color:#f0f4c3}article h1+p a:hover{color:#827717}article p{padding:0 2em;text-align:justify}article p:last-child{color:#afb42b;padding-bottom:1.8em;font-size:.9em}footer{margin:0 auto;font-size:.8em;text-align:center}footer a:link,footer a:visited{color:#5c5c5c}footer a:hover{color:#827717}#gravatar{display:block;float:right;border-radius:100%;box-shadow:0 3px 10px rgba(0,0,0,.23),0 3px 10px rgba(0,0,0,.16);-webkit-transition:box-shadow .2s ease-in-out;transition:box-shadow .2s ease-in-out}#gravatar:hover{box-shadow:0 5px 12px rgba(0,0,0,.23),0 5px 12px rgba(0,0,0,.16)}@media (min-width:750px){#gravatar{position:absolute;top:10.8em;right:3em}#gravatar+h1+p+p{padding-top:2em}h1+p{padding-right:6em}h1+p+p{padding-top:.8em}}@media (max-width:750px){#gravatar{position:fixed;bottom:1em;right:1em}article h1+p{font-size:.8em;padding-bottom:1em}article h1+p+p{padding-top:.8em}footer{padding-bottom:4em}}
/*Material theme v1.0.1 by @ahaasler, https://github.com/ahaasler/mit-license-material-theme*/
@import url(https://fonts.googleapis.com/css?family=Roboto:400|Roboto+Condensed:300,400);
body {
font-family: Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
padding: .4em;
font-size: 1.1em;
background: #eee;
color: #5c5c5c
}
a:link, a:visited {
text-decoration: none
}
article {
background: #fff;
border-radius: 2px;
display: block;
margin: 1em;
box-shadow: 0 1px 2px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
-webkit-transition: box-shadow .2s ease-in-out;
transition: box-shadow .2s ease-in-out;
position: relative;
max-width: 800px;
margin: 10px auto 0
}
article:hover {
box-shadow: 0 2px 3px rgba(0, 0, 0, .16), 0 2px 3px rgba(0, 0, 0, .23)
}
article h1 {
color: #fff;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
height: 4.5em;
width: 100%;
margin: 0 auto;
padding-top: 3.5em;
padding-bottom: .7em;
box-sizing: border-box;
font-size: 2em;
font-weight: 300
}
article h1, article h1+p {
background: #cddc39;
font-family: Roboto Condensed, Helvetica Neue, Helvetica, Arial, sans-serif;
padding-left: 6%
}
article h1+p {
color: #f9fbe7;
margin: 0;
text-align: left;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2);
font-size: 1em;
padding-top: .6em;
min-height: 3.6em;
font-weight: 400;
margin-top: 0
}
article h1+p a:link, article h1+p a:visited {
color: #f0f4c3
}
article h1+p a:hover {
color: #827717
}
article p {
padding: 0 2em;
text-align: justify
}
article p:last-child {
color: #afb42b;
padding-bottom: 1.8em;
font-size: .9em
}
footer {
margin: 0 auto;
font-size: .8em;
text-align: center
}
footer a:link, footer a:visited {
color: #5c5c5c
}
footer a:hover {
color: #827717
}
#gravatar {
display: block;
float: right;
border-radius: 100%;
box-shadow: 0 3px 10px rgba(0, 0, 0, .23), 0 3px 10px rgba(0, 0, 0, .16);
-webkit-transition: box-shadow .2s ease-in-out;
transition: box-shadow .2s ease-in-out
}
#gravatar:hover {
box-shadow: 0 5px 12px rgba(0, 0, 0, .23), 0 5px 12px rgba(0, 0, 0, .16)
}
@media (min-width:750px) {
#gravatar {
position: absolute;
top: 10.8em;
right: 3em
}
#gravatar+h1+p+p {
padding-top: 2em
}
h1+p {
padding-right: 6em
}
h1+p+p {
padding-top: .8em
}
}
@media (max-width:750px) {
#gravatar {
position: fixed;
bottom: 1em;
right: 1em
}
article h1+p {
font-size: .8em;
padding-bottom: 1em
}
article h1+p+p {
padding-top: .8em
}
footer {
padding-bottom: 4em
}
}

151
themes/material-orange.css
View file

@ -1 +1,150 @@
/*Material theme v1.0.1 by @ahaasler, https://github.com/ahaasler/mit-license-material-theme*/@import url(https://fonts.googleapis.com/css?family=Roboto:400|Roboto+Condensed:300,400);body{font-family:Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;padding:.4em;font-size:1.1em;background:#eee;color:#5c5c5c}a:link,a:visited{text-decoration:none}article{background:#fff;border-radius:2px;display:block;margin:1em;box-shadow:0 1px 2px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);-webkit-transition:box-shadow .2s ease-in-out;transition:box-shadow .2s ease-in-out;position:relative;max-width:800px;margin:10px auto 0}article:hover{box-shadow:0 2px 3px rgba(0,0,0,.16),0 2px 3px rgba(0,0,0,.23)}article h1{color:#fff;border-top-left-radius:2px;border-top-right-radius:2px;height:4.5em;width:100%;margin:0 auto;padding-top:3.5em;padding-bottom:.7em;box-sizing:border-box;font-size:2em;font-weight:300}article h1,article h1+p{background:#ff9800;font-family:Roboto Condensed,Helvetica Neue,Helvetica,Arial,sans-serif;padding-left:6%}article h1+p{color:#fff3e0;margin:0;text-align:left;box-shadow:0 2px 4px -1px rgba(0,0,0,.2);font-size:1em;padding-top:.6em;min-height:3.6em;font-weight:400;margin-top:0}article h1+p a:link,article h1+p a:visited{color:#ffe0b2}article h1+p a:hover{color:#e65100}article p{padding:0 2em;text-align:justify}article p:last-child{color:#f57c00;padding-bottom:1.8em;font-size:.9em}footer{margin:0 auto;font-size:.8em;text-align:center}footer a:link,footer a:visited{color:#5c5c5c}footer a:hover{color:#e65100}#gravatar{display:block;float:right;border-radius:100%;box-shadow:0 3px 10px rgba(0,0,0,.23),0 3px 10px rgba(0,0,0,.16);-webkit-transition:box-shadow .2s ease-in-out;transition:box-shadow .2s ease-in-out}#gravatar:hover{box-shadow:0 5px 12px rgba(0,0,0,.23),0 5px 12px rgba(0,0,0,.16)}@media (min-width:750px){#gravatar{position:absolute;top:10.8em;right:3em}#gravatar+h1+p+p{padding-top:2em}h1+p{padding-right:6em}h1+p+p{padding-top:.8em}}@media (max-width:750px){#gravatar{position:fixed;bottom:1em;right:1em}article h1+p{font-size:.8em;padding-bottom:1em}article h1+p+p{padding-top:.8em}footer{padding-bottom:4em}}
/*Material theme v1.0.1 by @ahaasler, https://github.com/ahaasler/mit-license-material-theme*/
@import url(https://fonts.googleapis.com/css?family=Roboto:400|Roboto+Condensed:300,400);
body {
font-family: Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
padding: .4em;
font-size: 1.1em;
background: #eee;
color: #5c5c5c
}
a:link, a:visited {
text-decoration: none
}
article {
background: #fff;
border-radius: 2px;
display: block;
margin: 1em;
box-shadow: 0 1px 2px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
-webkit-transition: box-shadow .2s ease-in-out;
transition: box-shadow .2s ease-in-out;
position: relative;
max-width: 800px;
margin: 10px auto 0
}
article:hover {
box-shadow: 0 2px 3px rgba(0, 0, 0, .16), 0 2px 3px rgba(0, 0, 0, .23)
}
article h1 {
color: #fff;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
height: 4.5em;
width: 100%;
margin: 0 auto;
padding-top: 3.5em;
padding-bottom: .7em;
box-sizing: border-box;
font-size: 2em;
font-weight: 300
}
article h1, article h1+p {
background: #ff9800;
font-family: Roboto Condensed, Helvetica Neue, Helvetica, Arial, sans-serif;
padding-left: 6%
}
article h1+p {
color: #fff3e0;
margin: 0;
text-align: left;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2);
font-size: 1em;
padding-top: .6em;
min-height: 3.6em;
font-weight: 400;
margin-top: 0
}
article h1+p a:link, article h1+p a:visited {
color: #ffe0b2
}
article h1+p a:hover {
color: #e65100
}
article p {
padding: 0 2em;
text-align: justify
}
article p:last-child {
color: #f57c00;
padding-bottom: 1.8em;
font-size: .9em
}
footer {
margin: 0 auto;
font-size: .8em;
text-align: center
}
footer a:link, footer a:visited {
color: #5c5c5c
}
footer a:hover {
color: #e65100
}
#gravatar {
display: block;
float: right;
border-radius: 100%;
box-shadow: 0 3px 10px rgba(0, 0, 0, .23), 0 3px 10px rgba(0, 0, 0, .16);
-webkit-transition: box-shadow .2s ease-in-out;
transition: box-shadow .2s ease-in-out
}
#gravatar:hover {
box-shadow: 0 5px 12px rgba(0, 0, 0, .23), 0 5px 12px rgba(0, 0, 0, .16)
}
@media (min-width:750px) {
#gravatar {
position: absolute;
top: 10.8em;
right: 3em
}
#gravatar+h1+p+p {
padding-top: 2em
}
h1+p {
padding-right: 6em
}
h1+p+p {
padding-top: .8em
}
}
@media (max-width:750px) {
#gravatar {
position: fixed;
bottom: 1em;
right: 1em
}
article h1+p {
font-size: .8em;
padding-bottom: 1em
}
article h1+p+p {
padding-top: .8em
}
footer {
padding-bottom: 4em
}
}

151
themes/material-pink.css
View file

@ -1 +1,150 @@
/*Material theme v1.0.1 by @ahaasler, https://github.com/ahaasler/mit-license-material-theme*/@import url(https://fonts.googleapis.com/css?family=Roboto:400|Roboto+Condensed:300,400);body{font-family:Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;padding:.4em;font-size:1.1em;background:#eee;color:#5c5c5c}a:link,a:visited{text-decoration:none}article{background:#fff;border-radius:2px;display:block;margin:1em;box-shadow:0 1px 2px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);-webkit-transition:box-shadow .2s ease-in-out;transition:box-shadow .2s ease-in-out;position:relative;max-width:800px;margin:10px auto 0}article:hover{box-shadow:0 2px 3px rgba(0,0,0,.16),0 2px 3px rgba(0,0,0,.23)}article h1{color:#fff;border-top-left-radius:2px;border-top-right-radius:2px;height:4.5em;width:100%;margin:0 auto;padding-top:3.5em;padding-bottom:.7em;box-sizing:border-box;font-size:2em;font-weight:300}article h1,article h1+p{background:#e91e63;font-family:Roboto Condensed,Helvetica Neue,Helvetica,Arial,sans-serif;padding-left:6%}article h1+p{color:#fce4ec;margin:0;text-align:left;box-shadow:0 2px 4px -1px rgba(0,0,0,.2);font-size:1em;padding-top:.6em;min-height:3.6em;font-weight:400;margin-top:0}article h1+p a:link,article h1+p a:visited{color:#f8bbd0}article h1+p a:hover{color:#880e4f}article p{padding:0 2em;text-align:justify}article p:last-child{color:#c2185b;padding-bottom:1.8em;font-size:.9em}footer{margin:0 auto;font-size:.8em;text-align:center}footer a:link,footer a:visited{color:#5c5c5c}footer a:hover{color:#880e4f}#gravatar{display:block;float:right;border-radius:100%;box-shadow:0 3px 10px rgba(0,0,0,.23),0 3px 10px rgba(0,0,0,.16);-webkit-transition:box-shadow .2s ease-in-out;transition:box-shadow .2s ease-in-out}#gravatar:hover{box-shadow:0 5px 12px rgba(0,0,0,.23),0 5px 12px rgba(0,0,0,.16)}@media (min-width:750px){#gravatar{position:absolute;top:10.8em;right:3em}#gravatar+h1+p+p{padding-top:2em}h1+p{padding-right:6em}h1+p+p{padding-top:.8em}}@media (max-width:750px){#gravatar{position:fixed;bottom:1em;right:1em}article h1+p{font-size:.8em;padding-bottom:1em}article h1+p+p{padding-top:.8em}footer{padding-bottom:4em}}
/*Material theme v1.0.1 by @ahaasler, https://github.com/ahaasler/mit-license-material-theme*/
@import url(https://fonts.googleapis.com/css?family=Roboto:400|Roboto+Condensed:300,400);
body {
font-family: Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
padding: .4em;
font-size: 1.1em;
background: #eee;
color: #5c5c5c
}
a:link, a:visited {
text-decoration: none
}
article {
background: #fff;
border-radius: 2px;
display: block;
margin: 1em;
box-shadow: 0 1px 2px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
-webkit-transition: box-shadow .2s ease-in-out;
transition: box-shadow .2s ease-in-out;
position: relative;
max-width: 800px;
margin: 10px auto 0
}
article:hover {
box-shadow: 0 2px 3px rgba(0, 0, 0, .16), 0 2px 3px rgba(0, 0, 0, .23)
}
article h1 {
color: #fff;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
height: 4.5em;
width: 100%;
margin: 0 auto;
padding-top: 3.5em;
padding-bottom: .7em;
box-sizing: border-box;
font-size: 2em;
font-weight: 300
}
article h1, article h1+p {
background: #e91e63;
font-family: Roboto Condensed, Helvetica Neue, Helvetica, Arial, sans-serif;
padding-left: 6%
}
article h1+p {
color: #fce4ec;
margin: 0;
text-align: left;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2);
font-size: 1em;
padding-top: .6em;
min-height: 3.6em;
font-weight: 400;
margin-top: 0
}
article h1+p a:link, article h1+p a:visited {
color: #f8bbd0
}
article h1+p a:hover {
color: #880e4f
}
article p {
padding: 0 2em;
text-align: justify
}
article p:last-child {
color: #c2185b;
padding-bottom: 1.8em;
font-size: .9em
}
footer {
margin: 0 auto;
font-size: .8em;
text-align: center
}
footer a:link, footer a:visited {
color: #5c5c5c
}
footer a:hover {
color: #880e4f
}
#gravatar {
display: block;
float: right;
border-radius: 100%;
box-shadow: 0 3px 10px rgba(0, 0, 0, .23), 0 3px 10px rgba(0, 0, 0, .16);
-webkit-transition: box-shadow .2s ease-in-out;
transition: box-shadow .2s ease-in-out
}
#gravatar:hover {
box-shadow: 0 5px 12px rgba(0, 0, 0, .23), 0 5px 12px rgba(0, 0, 0, .16)
}
@media (min-width:750px) {
#gravatar {
position: absolute;
top: 10.8em;
right: 3em
}
#gravatar+h1+p+p {
padding-top: 2em
}
h1+p {
padding-right: 6em
}
h1+p+p {
padding-top: .8em
}
}
@media (max-width:750px) {
#gravatar {
position: fixed;
bottom: 1em;
right: 1em
}
article h1+p {
font-size: .8em;
padding-bottom: 1em
}
article h1+p+p {
padding-top: .8em
}
footer {
padding-bottom: 4em
}
}

151
themes/material-purple.css
View file

@ -1 +1,150 @@
/*Material theme v1.0.1 by @ahaasler, https://github.com/ahaasler/mit-license-material-theme*/@import url(https://fonts.googleapis.com/css?family=Roboto:400|Roboto+Condensed:300,400);body{font-family:Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;padding:.4em;font-size:1.1em;background:#eee;color:#5c5c5c}a:link,a:visited{text-decoration:none}article{background:#fff;border-radius:2px;display:block;margin:1em;box-shadow:0 1px 2px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);-webkit-transition:box-shadow .2s ease-in-out;transition:box-shadow .2s ease-in-out;position:relative;max-width:800px;margin:10px auto 0}article:hover{box-shadow:0 2px 3px rgba(0,0,0,.16),0 2px 3px rgba(0,0,0,.23)}article h1{color:#fff;border-top-left-radius:2px;border-top-right-radius:2px;height:4.5em;width:100%;margin:0 auto;padding-top:3.5em;padding-bottom:.7em;box-sizing:border-box;font-size:2em;font-weight:300}article h1,article h1+p{background:#9c27b0;font-family:Roboto Condensed,Helvetica Neue,Helvetica,Arial,sans-serif;padding-left:6%}article h1+p{color:#f3e5f5;margin:0;text-align:left;box-shadow:0 2px 4px -1px rgba(0,0,0,.2);font-size:1em;padding-top:.6em;min-height:3.6em;font-weight:400;margin-top:0}article h1+p a:link,article h1+p a:visited{color:#e1bee7}article h1+p a:hover{color:#4a148c}article p{padding:0 2em;text-align:justify}article p:last-child{color:#7b1fa2;padding-bottom:1.8em;font-size:.9em}footer{margin:0 auto;font-size:.8em;text-align:center}footer a:link,footer a:visited{color:#5c5c5c}footer a:hover{color:#4a148c}#gravatar{display:block;float:right;border-radius:100%;box-shadow:0 3px 10px rgba(0,0,0,.23),0 3px 10px rgba(0,0,0,.16);-webkit-transition:box-shadow .2s ease-in-out;transition:box-shadow .2s ease-in-out}#gravatar:hover{box-shadow:0 5px 12px rgba(0,0,0,.23),0 5px 12px rgba(0,0,0,.16)}@media (min-width:750px){#gravatar{position:absolute;top:10.8em;right:3em}#gravatar+h1+p+p{padding-top:2em}h1+p{padding-right:6em}h1+p+p{padding-top:.8em}}@media (max-width:750px){#gravatar{position:fixed;bottom:1em;right:1em}article h1+p{font-size:.8em;padding-bottom:1em}article h1+p+p{padding-top:.8em}footer{padding-bottom:4em}}
/*Material theme v1.0.1 by @ahaasler, https://github.com/ahaasler/mit-license-material-theme*/
@import url(https://fonts.googleapis.com/css?family=Roboto:400|Roboto+Condensed:300,400);
body {
font-family: Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
padding: .4em;
font-size: 1.1em;
background: #eee;
color: #5c5c5c
}
a:link, a:visited {
text-decoration: none
}
article {
background: #fff;
border-radius: 2px;
display: block;
margin: 1em;
box-shadow: 0 1px 2px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
-webkit-transition: box-shadow .2s ease-in-out;
transition: box-shadow .2s ease-in-out;
position: relative;
max-width: 800px;
margin: 10px auto 0
}
article:hover {
box-shadow: 0 2px 3px rgba(0, 0, 0, .16), 0 2px 3px rgba(0, 0, 0, .23)
}
article h1 {
color: #fff;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
height: 4.5em;
width: 100%;
margin: 0 auto;
padding-top: 3.5em;
padding-bottom: .7em;
box-sizing: border-box;
font-size: 2em;
font-weight: 300
}
article h1, article h1+p {
background: #9c27b0;
font-family: Roboto Condensed, Helvetica Neue, Helvetica, Arial, sans-serif;
padding-left: 6%
}
article h1+p {
color: #f3e5f5;
margin: 0;
text-align: left;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2);
font-size: 1em;
padding-top: .6em;
min-height: 3.6em;
font-weight: 400;
margin-top: 0
}
article h1+p a:link, article h1+p a:visited {
color: #e1bee7
}
article h1+p a:hover {
color: #4a148c
}
article p {
padding: 0 2em;
text-align: justify
}
article p:last-child {
color: #7b1fa2;
padding-bottom: 1.8em;
font-size: .9em
}
footer {
margin: 0 auto;
font-size: .8em;
text-align: center
}
footer a:link, footer a:visited {
color: #5c5c5c
}
footer a:hover {
color: #4a148c
}
#gravatar {
display: block;
float: right;
border-radius: 100%;
box-shadow: 0 3px 10px rgba(0, 0, 0, .23), 0 3px 10px rgba(0, 0, 0, .16);
-webkit-transition: box-shadow .2s ease-in-out;
transition: box-shadow .2s ease-in-out
}
#gravatar:hover {
box-shadow: 0 5px 12px rgba(0, 0, 0, .23), 0 5px 12px rgba(0, 0, 0, .16)
}
@media (min-width:750px) {
#gravatar {
position: absolute;
top: 10.8em;
right: 3em
}
#gravatar+h1+p+p {
padding-top: 2em
}
h1+p {
padding-right: 6em
}
h1+p+p {
padding-top: .8em
}
}
@media (max-width:750px) {
#gravatar {
position: fixed;
bottom: 1em;
right: 1em
}
article h1+p {
font-size: .8em;
padding-bottom: 1em
}
article h1+p+p {
padding-top: .8em
}
footer {
padding-bottom: 4em
}
}

151
themes/material-red.css
View file

@ -1 +1,150 @@
/*Material theme v1.0.1 by @ahaasler, https://github.com/ahaasler/mit-license-material-theme*/@import url(https://fonts.googleapis.com/css?family=Roboto:400|Roboto+Condensed:300,400);body{font-family:Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;padding:.4em;font-size:1.1em;background:#eee;color:#5c5c5c}a:link,a:visited{text-decoration:none}article{background:#fff;border-radius:2px;display:block;margin:1em;box-shadow:0 1px 2px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);-webkit-transition:box-shadow .2s ease-in-out;transition:box-shadow .2s ease-in-out;position:relative;max-width:800px;margin:10px auto 0}article:hover{box-shadow:0 2px 3px rgba(0,0,0,.16),0 2px 3px rgba(0,0,0,.23)}article h1{color:#fff;border-top-left-radius:2px;border-top-right-radius:2px;height:4.5em;width:100%;margin:0 auto;padding-top:3.5em;padding-bottom:.7em;box-sizing:border-box;font-size:2em;font-weight:300}article h1,article h1+p{background:#f44336;font-family:Roboto Condensed,Helvetica Neue,Helvetica,Arial,sans-serif;padding-left:6%}article h1+p{color:#ffebee;margin:0;text-align:left;box-shadow:0 2px 4px -1px rgba(0,0,0,.2);font-size:1em;padding-top:.6em;min-height:3.6em;font-weight:400;margin-top:0}article h1+p a:link,article h1+p a:visited{color:#ffcdd2}article h1+p a:hover{color:#b71c1c}article p{padding:0 2em;text-align:justify}article p:last-child{color:#d32f2f;padding-bottom:1.8em;font-size:.9em}footer{margin:0 auto;font-size:.8em;text-align:center}footer a:link,footer a:visited{color:#5c5c5c}footer a:hover{color:#b71c1c}#gravatar{display:block;float:right;border-radius:100%;box-shadow:0 3px 10px rgba(0,0,0,.23),0 3px 10px rgba(0,0,0,.16);-webkit-transition:box-shadow .2s ease-in-out;transition:box-shadow .2s ease-in-out}#gravatar:hover{box-shadow:0 5px 12px rgba(0,0,0,.23),0 5px 12px rgba(0,0,0,.16)}@media (min-width:750px){#gravatar{position:absolute;top:10.8em;right:3em}#gravatar+h1+p+p{padding-top:2em}h1+p{padding-right:6em}h1+p+p{padding-top:.8em}}@media (max-width:750px){#gravatar{position:fixed;bottom:1em;right:1em}article h1+p{font-size:.8em;padding-bottom:1em}article h1+p+p{padding-top:.8em}footer{padding-bottom:4em}}
/*Material theme v1.0.1 by @ahaasler, https://github.com/ahaasler/mit-license-material-theme*/
@import url(https://fonts.googleapis.com/css?family=Roboto:400|Roboto+Condensed:300,400);
body {
font-family: Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
padding: .4em;
font-size: 1.1em;
background: #eee;
color: #5c5c5c
}
a:link, a:visited {
text-decoration: none
}
article {
background: #fff;
border-radius: 2px;
display: block;
margin: 1em;
box-shadow: 0 1px 2px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
-webkit-transition: box-shadow .2s ease-in-out;
transition: box-shadow .2s ease-in-out;
position: relative;
max-width: 800px;
margin: 10px auto 0
}
article:hover {
box-shadow: 0 2px 3px rgba(0, 0, 0, .16), 0 2px 3px rgba(0, 0, 0, .23)
}
article h1 {
color: #fff;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
height: 4.5em;
width: 100%;
margin: 0 auto;
padding-top: 3.5em;
padding-bottom: .7em;
box-sizing: border-box;
font-size: 2em;
font-weight: 300
}
article h1, article h1+p {
background: #f44336;
font-family: Roboto Condensed, Helvetica Neue, Helvetica, Arial, sans-serif;
padding-left: 6%
}
article h1+p {
color: #ffebee;
margin: 0;
text-align: left;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2);
font-size: 1em;
padding-top: .6em;
min-height: 3.6em;
font-weight: 400;
margin-top: 0
}
article h1+p a:link, article h1+p a:visited {
color: #ffcdd2
}
article h1+p a:hover {
color: #b71c1c
}
article p {
padding: 0 2em;
text-align: justify
}
article p:last-child {
color: #d32f2f;
padding-bottom: 1.8em;
font-size: .9em
}
footer {
margin: 0 auto;
font-size: .8em;
text-align: center
}
footer a:link, footer a:visited {
color: #5c5c5c
}
footer a:hover {
color: #b71c1c
}
#gravatar {
display: block;
float: right;
border-radius: 100%;
box-shadow: 0 3px 10px rgba(0, 0, 0, .23), 0 3px 10px rgba(0, 0, 0, .16);
-webkit-transition: box-shadow .2s ease-in-out;
transition: box-shadow .2s ease-in-out
}
#gravatar:hover {
box-shadow: 0 5px 12px rgba(0, 0, 0, .23), 0 5px 12px rgba(0, 0, 0, .16)
}
@media (min-width:750px) {
#gravatar {
position: absolute;
top: 10.8em;
right: 3em
}
#gravatar+h1+p+p {
padding-top: 2em
}
h1+p {
padding-right: 6em
}
h1+p+p {
padding-top: .8em
}
}
@media (max-width:750px) {
#gravatar {
position: fixed;
bottom: 1em;
right: 1em
}
article h1+p {
font-size: .8em;
padding-bottom: 1em
}
article h1+p+p {
padding-top: .8em
}
footer {
padding-bottom: 4em
}
}

151
themes/material-teal.css
View file

@ -1 +1,150 @@
/*Material theme v1.0.1 by @ahaasler, https://github.com/ahaasler/mit-license-material-theme*/@import url(https://fonts.googleapis.com/css?family=Roboto:400|Roboto+Condensed:300,400);body{font-family:Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;padding:.4em;font-size:1.1em;background:#eee;color:#5c5c5c}a:link,a:visited{text-decoration:none}article{background:#fff;border-radius:2px;display:block;margin:1em;box-shadow:0 1px 2px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);-webkit-transition:box-shadow .2s ease-in-out;transition:box-shadow .2s ease-in-out;position:relative;max-width:800px;margin:10px auto 0}article:hover{box-shadow:0 2px 3px rgba(0,0,0,.16),0 2px 3px rgba(0,0,0,.23)}article h1{color:#fff;border-top-left-radius:2px;border-top-right-radius:2px;height:4.5em;width:100%;margin:0 auto;padding-top:3.5em;padding-bottom:.7em;box-sizing:border-box;font-size:2em;font-weight:300}article h1,article h1+p{background:#009688;font-family:Roboto Condensed,Helvetica Neue,Helvetica,Arial,sans-serif;padding-left:6%}article h1+p{color:#e0f2f1;margin:0;text-align:left;box-shadow:0 2px 4px -1px rgba(0,0,0,.2);font-size:1em;padding-top:.6em;min-height:3.6em;font-weight:400;margin-top:0}article h1+p a:link,article h1+p a:visited{color:#b2dfdb}article h1+p a:hover{color:#004d40}article p{padding:0 2em;text-align:justify}article p:last-child{color:#00796b;padding-bottom:1.8em;font-size:.9em}footer{margin:0 auto;font-size:.8em;text-align:center}footer a:link,footer a:visited{color:#5c5c5c}footer a:hover{color:#004d40}#gravatar{display:block;float:right;border-radius:100%;box-shadow:0 3px 10px rgba(0,0,0,.23),0 3px 10px rgba(0,0,0,.16);-webkit-transition:box-shadow .2s ease-in-out;transition:box-shadow .2s ease-in-out}#gravatar:hover{box-shadow:0 5px 12px rgba(0,0,0,.23),0 5px 12px rgba(0,0,0,.16)}@media (min-width:750px){#gravatar{position:absolute;top:10.8em;right:3em}#gravatar+h1+p+p{padding-top:2em}h1+p{padding-right:6em}h1+p+p{padding-top:.8em}}@media (max-width:750px){#gravatar{position:fixed;bottom:1em;right:1em}article h1+p{font-size:.8em;padding-bottom:1em}article h1+p+p{padding-top:.8em}footer{padding-bottom:4em}}
/*Material theme v1.0.1 by @ahaasler, https://github.com/ahaasler/mit-license-material-theme*/
@import url(https://fonts.googleapis.com/css?family=Roboto:400|Roboto+Condensed:300,400);
body {
font-family: Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
padding: .4em;
font-size: 1.1em;
background: #eee;
color: #5c5c5c
}
a:link, a:visited {
text-decoration: none
}
article {
background: #fff;
border-radius: 2px;
display: block;
margin: 1em;
box-shadow: 0 1px 2px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
-webkit-transition: box-shadow .2s ease-in-out;
transition: box-shadow .2s ease-in-out;
position: relative;
max-width: 800px;
margin: 10px auto 0
}
article:hover {
box-shadow: 0 2px 3px rgba(0, 0, 0, .16), 0 2px 3px rgba(0, 0, 0, .23)
}
article h1 {
color: #fff;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
height: 4.5em;
width: 100%;
margin: 0 auto;
padding-top: 3.5em;
padding-bottom: .7em;
box-sizing: border-box;
font-size: 2em;
font-weight: 300
}
article h1, article h1+p {
background: #009688;
font-family: Roboto Condensed, Helvetica Neue, Helvetica, Arial, sans-serif;
padding-left: 6%
}
article h1+p {
color: #e0f2f1;
margin: 0;
text-align: left;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2);
font-size: 1em;
padding-top: .6em;
min-height: 3.6em;
font-weight: 400;
margin-top: 0
}
article h1+p a:link, article h1+p a:visited {
color: #b2dfdb
}
article h1+p a:hover {
color: #004d40
}
article p {
padding: 0 2em;
text-align: justify
}
article p:last-child {
color: #00796b;
padding-bottom: 1.8em;
font-size: .9em
}
footer {
margin: 0 auto;
font-size: .8em;
text-align: center
}
footer a:link, footer a:visited {
color: #5c5c5c
}
footer a:hover {
color: #004d40
}
#gravatar {
display: block;
float: right;
border-radius: 100%;
box-shadow: 0 3px 10px rgba(0, 0, 0, .23), 0 3px 10px rgba(0, 0, 0, .16);
-webkit-transition: box-shadow .2s ease-in-out;
transition: box-shadow .2s ease-in-out
}
#gravatar:hover {
box-shadow: 0 5px 12px rgba(0, 0, 0, .23), 0 5px 12px rgba(0, 0, 0, .16)
}
@media (min-width:750px) {
#gravatar {
position: absolute;
top: 10.8em;
right: 3em
}
#gravatar+h1+p+p {
padding-top: 2em
}
h1+p {
padding-right: 6em
}
h1+p+p {
padding-top: .8em
}
}
@media (max-width:750px) {
#gravatar {
position: fixed;
bottom: 1em;
right: 1em
}
article h1+p {
font-size: .8em;
padding-bottom: 1em
}
article h1+p+p {
padding-top: .8em
}
footer {
padding-bottom: 4em
}
}

151
themes/material-yellow.css
View file

@ -1 +1,150 @@
/*Material theme v1.0.1 by @ahaasler, https://github.com/ahaasler/mit-license-material-theme*/@import url(https://fonts.googleapis.com/css?family=Roboto:400|Roboto+Condensed:300,400);body{font-family:Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;padding:.4em;font-size:1.1em;background:#eee;color:#5c5c5c}a:link,a:visited{text-decoration:none}article{background:#fff;border-radius:2px;display:block;margin:1em;box-shadow:0 1px 2px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);-webkit-transition:box-shadow .2s ease-in-out;transition:box-shadow .2s ease-in-out;position:relative;max-width:800px;margin:10px auto 0}article:hover{box-shadow:0 2px 3px rgba(0,0,0,.16),0 2px 3px rgba(0,0,0,.23)}article h1{color:#fff;border-top-left-radius:2px;border-top-right-radius:2px;height:4.5em;width:100%;margin:0 auto;padding-top:3.5em;padding-bottom:.7em;box-sizing:border-box;font-size:2em;font-weight:300}article h1,article h1+p{background:#ffeb3b;font-family:Roboto Condensed,Helvetica Neue,Helvetica,Arial,sans-serif;padding-left:6%}article h1+p{color:#fffde7;margin:0;text-align:left;box-shadow:0 2px 4px -1px rgba(0,0,0,.2);font-size:1em;padding-top:.6em;min-height:3.6em;font-weight:400;margin-top:0}article h1+p a:link,article h1+p a:visited{color:#fff9c4}article h1+p a:hover{color:#f57f17}article p{padding:0 2em;text-align:justify}article p:last-child{color:#fbc02d;padding-bottom:1.8em;font-size:.9em}footer{margin:0 auto;font-size:.8em;text-align:center}footer a:link,footer a:visited{color:#5c5c5c}footer a:hover{color:#f57f17}#gravatar{display:block;float:right;border-radius:100%;box-shadow:0 3px 10px rgba(0,0,0,.23),0 3px 10px rgba(0,0,0,.16);-webkit-transition:box-shadow .2s ease-in-out;transition:box-shadow .2s ease-in-out}#gravatar:hover{box-shadow:0 5px 12px rgba(0,0,0,.23),0 5px 12px rgba(0,0,0,.16)}@media (min-width:750px){#gravatar{position:absolute;top:10.8em;right:3em}#gravatar+h1+p+p{padding-top:2em}h1+p{padding-right:6em}h1+p+p{padding-top:.8em}}@media (max-width:750px){#gravatar{position:fixed;bottom:1em;right:1em}article h1+p{font-size:.8em;padding-bottom:1em}article h1+p+p{padding-top:.8em}footer{padding-bottom:4em}}
/*Material theme v1.0.1 by @ahaasler, https://github.com/ahaasler/mit-license-material-theme*/
@import url(https://fonts.googleapis.com/css?family=Roboto:400|Roboto+Condensed:300,400);
body {
font-family: Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
padding: .4em;
font-size: 1.1em;
background: #eee;
color: #5c5c5c
}
a:link, a:visited {
text-decoration: none
}
article {
background: #fff;
border-radius: 2px;
display: block;
margin: 1em;
box-shadow: 0 1px 2px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
-webkit-transition: box-shadow .2s ease-in-out;
transition: box-shadow .2s ease-in-out;
position: relative;
max-width: 800px;
margin: 10px auto 0
}
article:hover {
box-shadow: 0 2px 3px rgba(0, 0, 0, .16), 0 2px 3px rgba(0, 0, 0, .23)
}
article h1 {
color: #fff;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
height: 4.5em;
width: 100%;
margin: 0 auto;
padding-top: 3.5em;
padding-bottom: .7em;
box-sizing: border-box;
font-size: 2em;
font-weight: 300
}
article h1, article h1+p {
background: #ffeb3b;
font-family: Roboto Condensed, Helvetica Neue, Helvetica, Arial, sans-serif;
padding-left: 6%
}
article h1+p {
color: #fffde7;
margin: 0;
text-align: left;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2);
font-size: 1em;
padding-top: .6em;
min-height: 3.6em;
font-weight: 400;
margin-top: 0
}
article h1+p a:link, article h1+p a:visited {
color: #fff9c4
}
article h1+p a:hover {
color: #f57f17
}
article p {
padding: 0 2em;
text-align: justify
}
article p:last-child {
color: #fbc02d;
padding-bottom: 1.8em;
font-size: .9em
}
footer {
margin: 0 auto;
font-size: .8em;
text-align: center
}
footer a:link, footer a:visited {
color: #5c5c5c
}
footer a:hover {
color: #f57f17
}
#gravatar {
display: block;
float: right;
border-radius: 100%;
box-shadow: 0 3px 10px rgba(0, 0, 0, .23), 0 3px 10px rgba(0, 0, 0, .16);
-webkit-transition: box-shadow .2s ease-in-out;
transition: box-shadow .2s ease-in-out
}
#gravatar:hover {
box-shadow: 0 5px 12px rgba(0, 0, 0, .23), 0 5px 12px rgba(0, 0, 0, .16)
}
@media (min-width:750px) {
#gravatar {
position: absolute;
top: 10.8em;
right: 3em
}
#gravatar+h1+p+p {
padding-top: 2em
}
h1+p {
padding-right: 6em
}
h1+p+p {
padding-top: .8em
}
}
@media (max-width:750px) {
#gravatar {
position: fixed;
bottom: 1em;
right: 1em
}
article h1+p {
font-size: .8em;
padding-bottom: 1em
}
article h1+p+p {
padding-top: .8em
}
footer {
padding-bottom: 4em
}
}

151
themes/material.css
View file

@ -1 +1,150 @@
/*Material theme v1.0.1 by @ahaasler, https://github.com/ahaasler/mit-license-material-theme*/@import url(https://fonts.googleapis.com/css?family=Roboto:400|Roboto+Condensed:300,400);body{font-family:Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;padding:.4em;font-size:1.1em;background:#eee;color:#5c5c5c}a:link,a:visited{text-decoration:none}article{background:#fff;border-radius:2px;display:block;margin:1em;box-shadow:0 1px 2px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);-webkit-transition:box-shadow .2s ease-in-out;transition:box-shadow .2s ease-in-out;position:relative;max-width:800px;margin:10px auto 0}article:hover{box-shadow:0 2px 3px rgba(0,0,0,.16),0 2px 3px rgba(0,0,0,.23)}article h1{color:#fff;border-top-left-radius:2px;border-top-right-radius:2px;height:4.5em;width:100%;margin:0 auto;padding-top:3.5em;padding-bottom:.7em;box-sizing:border-box;font-size:2em;font-weight:300}article h1,article h1+p{background:#607d8b;font-family:Roboto Condensed,Helvetica Neue,Helvetica,Arial,sans-serif;padding-left:6%}article h1+p{color:#eceff1;margin:0;text-align:left;box-shadow:0 2px 4px -1px rgba(0,0,0,.2);font-size:1em;padding-top:.6em;min-height:3.6em;font-weight:400;margin-top:0}article h1+p a:link,article h1+p a:visited{color:#cfd8dc}article h1+p a:hover{color:#263238}article p{padding:0 2em;text-align:justify}article p:last-child{color:#455a64;padding-bottom:1.8em;font-size:.9em}footer{margin:0 auto;font-size:.8em;text-align:center}footer a:link,footer a:visited{color:#5c5c5c}footer a:hover{color:#263238}#gravatar{display:block;float:right;border-radius:100%;box-shadow:0 3px 10px rgba(0,0,0,.23),0 3px 10px rgba(0,0,0,.16);-webkit-transition:box-shadow .2s ease-in-out;transition:box-shadow .2s ease-in-out}#gravatar:hover{box-shadow:0 5px 12px rgba(0,0,0,.23),0 5px 12px rgba(0,0,0,.16)}@media (min-width:750px){#gravatar{position:absolute;top:10.8em;right:3em}#gravatar+h1+p+p{padding-top:2em}h1+p{padding-right:6em}h1+p+p{padding-top:.8em}}@media (max-width:750px){#gravatar{position:fixed;bottom:1em;right:1em}article h1+p{font-size:.8em;padding-bottom:1em}article h1+p+p{padding-top:.8em}footer{padding-bottom:4em}}
/*Material theme v1.0.1 by @ahaasler, https://github.com/ahaasler/mit-license-material-theme*/
@import url(https://fonts.googleapis.com/css?family=Roboto:400|Roboto+Condensed:300,400);
body {
font-family: Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
padding: .4em;
font-size: 1.1em;
background: #eee;
color: #5c5c5c
}
a:link, a:visited {
text-decoration: none
}
article {
background: #fff;
border-radius: 2px;
display: block;
margin: 1em;
box-shadow: 0 1px 2px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
-webkit-transition: box-shadow .2s ease-in-out;
transition: box-shadow .2s ease-in-out;
position: relative;
max-width: 800px;
margin: 10px auto 0
}
article:hover {
box-shadow: 0 2px 3px rgba(0, 0, 0, .16), 0 2px 3px rgba(0, 0, 0, .23)
}
article h1 {
color: #fff;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
height: 4.5em;
width: 100%;
margin: 0 auto;
padding-top: 3.5em;
padding-bottom: .7em;
box-sizing: border-box;
font-size: 2em;
font-weight: 300
}
article h1, article h1+p {
background: #607d8b;
font-family: Roboto Condensed, Helvetica Neue, Helvetica, Arial, sans-serif;
padding-left: 6%
}
article h1+p {
color: #eceff1;
margin: 0;
text-align: left;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2);
font-size: 1em;
padding-top: .6em;
min-height: 3.6em;
font-weight: 400;
margin-top: 0
}
article h1+p a:link, article h1+p a:visited {
color: #cfd8dc
}
article h1+p a:hover {
color: #263238
}
article p {
padding: 0 2em;
text-align: justify
}
article p:last-child {
color: #455a64;
padding-bottom: 1.8em;
font-size: .9em
}
footer {
margin: 0 auto;
font-size: .8em;
text-align: center
}
footer a:link, footer a:visited {
color: #5c5c5c
}
footer a:hover {
color: #263238
}
#gravatar {
display: block;
float: right;
border-radius: 100%;
box-shadow: 0 3px 10px rgba(0, 0, 0, .23), 0 3px 10px rgba(0, 0, 0, .16);
-webkit-transition: box-shadow .2s ease-in-out;
transition: box-shadow .2s ease-in-out
}
#gravatar:hover {
box-shadow: 0 5px 12px rgba(0, 0, 0, .23), 0 5px 12px rgba(0, 0, 0, .16)
}
@media (min-width:750px) {
#gravatar {
position: absolute;
top: 10.8em;
right: 3em
}
#gravatar+h1+p+p {
padding-top: 2em
}
h1+p {
padding-right: 6em
}
h1+p+p {
padding-top: .8em
}
}
@media (max-width:750px) {
#gravatar {
position: fixed;
bottom: 1em;
right: 1em
}
article h1+p {
font-size: .8em;
padding-bottom: 1em
}
article h1+p+p {
padding-top: .8em
}
footer {
padding-bottom: 4em
}
}

69
themes/mitserrat.css
View file

@ -10,13 +10,64 @@ github: https://github.com/WouterJanson
description: A simple theme based on the Montserrat font
-----------------------------------------------------------------------------*/
@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);
html{padding:0;margin:0;}
body{background-color:#F9F9F9;}
h1{color:#B93A32;font-family:Montserrat;font-size:72px;font-weight:600;line-height:72px;letter-spacing:-4px;margin-bottom:48px;text-transform:uppercase;text-align:center;}
p{color:#3E4147;font-family:Montserrat;font-size:22px;font-weight:500;line-height:32px;margin-bottom:48px;margin-left:auto;margin-right:auto;max-width:80%;}
a{color:#3E4147;border-bottom:3px solid #B93A32;font-weight:700;text-decoration:none;}
a:hover{color:#B93A32;}
p:first-of-type,footer{text-align:center;}
#gravatar{display:block;margin-left:auto;margin-right:auto;height:80px;width:80px;margin-top:72px;border-radius:40px;-webkit-border-radius:40px;-moz-border-radius:40px;}
html {
padding: 0;
margin: 0;
}
body {
background-color: #F9F9F9;
}
h1 {
color: #B93A32;
font-family: Montserrat;
font-size: 72px;
font-weight: 600;
line-height: 72px;
letter-spacing: -4px;
margin-bottom: 48px;
text-transform: uppercase;
text-align: center;
}
p {
color: #3E4147;
font-family: Montserrat;
font-size: 22px;
font-weight: 500;
line-height: 32px;
margin-bottom: 48px;
margin-left: auto;
margin-right: auto;
max-width: 80%;
}
a {
color: #3E4147;
border-bottom: 3px solid #B93A32;
font-weight: 700;
text-decoration: none;
}
a:hover {
color: #B93A32;
}
p:first-of-type, footer {
text-align: center;
}
#gravatar {
display: block;
margin-left: auto;
margin-right: auto;
height: 80px;
width: 80px;
margin-top: 72px;
border-radius: 40px;
-webkit-border-radius: 40px;
-moz-border-radius: 40px;
}

75
themes/open-sans.css
View file

@ -1 +1,74 @@
@font-face{font-family:'Open Sans Bold';font-style:normal;font-weight:700;src:local('Open Sans Bold'),local('OpenSans-Bold'),url(https://themes.googleusercontent.com/static/fonts/opensans/v6/k3k702ZOKiLJc3WVjuplzKRDOzjiPcYnFooOUGCOsRk.woff) format('woff')}html{background:#f2f2f8}body{margin:0;padding:100px;font-family:'Open Sans',sans-serif;font-size:1.2em;line-height:1.6}::selection{background:#ccc}::-moz-selection{background:#ccc}h1{text-align:center;font:36px 'Open Sans Bold'}p{margin:25px 0 0}p:first-of-type{text-align:center;margin:0 0 50px}a{color:#0a0a0b;text-decoration:none;border-bottom:3px solid rgba(10,10,11,1);-webkit-transition:.15s ease;-moz-transition:.15s ease;-ms-transition:.15s ease;-o-transition:.15s ease;transition:.15s ease}a:focus,a:hover{opacity:.5}article,footer{display:block;margin:0 auto!important;padding:25px;max-width:900px;width:100%}footer{text-align:center;font:75% 'Open Sans Bold'}#gravatar{display:block!important;border-radius:100%;margin:0 auto}
@font-face {
font-family: 'Open Sans Bold';
font-style: normal;
font-weight: 700;
src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/k3k702ZOKiLJc3WVjuplzKRDOzjiPcYnFooOUGCOsRk.woff) format('woff')
}
html {
background: #f2f2f8
}
body {
margin: 0;
padding: 100px;
font-family: 'Open Sans', sans-serif;
font-size: 1.2em;
line-height: 1.6
}
::selection {
background: #ccc
}
::-moz-selection {
background: #ccc
}
h1 {
text-align: center;
font: 36px 'Open Sans Bold'
}
p {
margin: 25px 0 0
}
p:first-of-type {
text-align: center;
margin: 0 0 50px
}
a {
color: #0a0a0b;
text-decoration: none;
border-bottom: 3px solid rgba(10, 10, 11, 1);
-webkit-transition: .15s ease;
-moz-transition: .15s ease;
-ms-transition: .15s ease;
-o-transition: .15s ease;
transition: .15s ease
}
a:focus, a:hover {
opacity: .5
}
article, footer {
display: block;
margin: 0 auto !important;
padding: 25px;
max-width: 900px;
width: 100%
}
footer {
text-align: center;
font: 75% 'Open Sans Bold'
}
#gravatar {
display: block !important;
border-radius: 100%;
margin: 0 auto
}

103
themes/orange.css
View file

@ -1,14 +1,91 @@
@import url(https://fonts.googleapis.com/css?family=PT+Sans|PT+Sans+Caption:700);
html,body{background:#663B14;font:13pt "PT Sans",sans-serif;text-align:center}
a:link,a:visited{color:#234234;text-decoration:none}
a:hover,a:active{color:#432321;text-decoration:underline}
article{background:#CC9900;text-align:left;width:85%;margin:80px auto;border-radius:10px;-moz-border-radius:10px;box-shadow:-1px 1px 20px rgba(30,30,30,0.5),2px 1px 15px rgba(80,80,80,0.4),inset 0 0 10px rgba(50,50,50,0.7);-webkit-box-shadow:-1px 1px 20px rgba(30,30,30,0.5),2px 1px 15px rgba(80,80,80,0.4),inset 0 0 10px rgba(50,50,50,0.7)}
article h1{background:#CC6600;text-align:center;font:bold 35pt "PT Sans Caption","PT Sans",sans-serif;margin:0;padding:19px;border-radius:10px;-moz-border-radius:10px;box-shadow:inset 0 0 10px rgba(70,70,70,0.2),inset 1px 0 10px rgba(50,50,50,0.3),inset -1px 0 10px rgba(50,50,50,0.3);-webkit-box-shadow:inset 0 0 10px rgba(70,70,70,0.2),inset 1px 0 10px rgba(50,50,50,0.3),inset -1px 0 10px rgba(50,50,50,0.3)}
article p{margin:0;padding:10px 15px}
footer{position:fixed;bottom:0;left:0;width:100%;border-top:1px solid #7A7A00;background:#333300;user-select:none;-moz-user-select:none;-webkit-user-select:none}
footer p,footer a{display:block;margin:0;text-shadow:0 0 10px #ccc;font-size:11.5pt}
footer a:link,footer a:visited{color:#aaa}
footer a:hover,footer a:active{color:#eee}
::selection{background:#663300;color:white}
::-moz-selection{background:#663300;color:white}
#gravatar { position: relative; float: right; top: 0.5em; z-index: 1; right: 0.7em; border-radius: 10px; }
html, body {
background: #663B14;
font: 13pt "PT Sans", sans-serif;
text-align: center
}
a:link, a:visited {
color: #234234;
text-decoration: none
}
a:hover, a:active {
color: #432321;
text-decoration: underline
}
article {
background: #CC9900;
text-align: left;
width: 85%;
margin: 80px auto;
border-radius: 10px;
-moz-border-radius: 10px;
box-shadow: -1px 1px 20px rgba(30, 30, 30, 0.5), 2px 1px 15px rgba(80, 80, 80, 0.4), inset 0 0 10px rgba(50, 50, 50, 0.7);
-webkit-box-shadow: -1px 1px 20px rgba(30, 30, 30, 0.5), 2px 1px 15px rgba(80, 80, 80, 0.4), inset 0 0 10px rgba(50, 50, 50, 0.7)
}
article h1 {
background: #CC6600;
text-align: center;
font: bold 35pt "PT Sans Caption", "PT Sans", sans-serif;
margin: 0;
padding: 19px;
border-radius: 10px;
-moz-border-radius: 10px;
box-shadow: inset 0 0 10px rgba(70, 70, 70, 0.2), inset 1px 0 10px rgba(50, 50, 50, 0.3), inset -1px 0 10px rgba(50, 50, 50, 0.3);
-webkit-box-shadow: inset 0 0 10px rgba(70, 70, 70, 0.2), inset 1px 0 10px rgba(50, 50, 50, 0.3), inset -1px 0 10px rgba(50, 50, 50, 0.3)
}
article p {
margin: 0;
padding: 10px 15px
}
footer {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
border-top: 1px solid #7A7A00;
background: #333300;
user-select: none;
-moz-user-select: none;
-webkit-user-select: none
}
footer p, footer a {
display: block;
margin: 0;
text-shadow: 0 0 10px #ccc;
font-size: 11.5pt
}
footer a:link, footer a:visited {
color: #aaa
}
footer a:hover, footer a:active {
color: #eee
}
::selection {
background: #663300;
color: white
}
::-moz-selection {
background: #663300;
color: white
}
#gravatar {
position: relative;
float: right;
top: 0.5em;
z-index: 1;
right: 0.7em;
border-radius: 10px;
}

13
themes/page_gradient_linear.svg
View file

@ -1,9 +1,8 @@
<?xml version="1.0" encoding="utf-8"?>
<svg version="1.2" baseProfile="tiny" id="Layer" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px" y="0px" width="100px" height="100px" viewBox="0 0 100 100" preserveAspectRatio="none" xml:space="preserve">
<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="50" y1="0" x2="50" y2="100">
<stop offset="0" style="stop-color:#EBECED"/>
<stop offset="1" style="stop-color:#EBECED;stop-opacity:0"/>
</linearGradient>
<rect fill="url(#SVGID_1_)" width="100" height="100"/>
<svg version="1.2" baseProfile="tiny" id="Layer" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="100px" height="100px" viewBox="0 0 100 100" preserveAspectRatio="none" xml:space="preserve">
<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="50" y1="0" x2="50" y2="100">
<stop offset="0" style="stop-color:#EBECED"/>
<stop offset="1" style="stop-color:#EBECED;stop-opacity:0"/>
</linearGradient>
<rect fill="url(#SVGID_1_)" width="100" height="100"/>
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 569 B

After

Width:  |  Height:  |  Size: 591 B

13
themes/page_gradient_radial.svg
View file

@ -1,9 +1,8 @@
<?xml version="1.0" encoding="utf-8"?>
<svg version="1.2" baseProfile="tiny" id="Layer" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px" y="0px" width="100px" height="100px" viewBox="0 0 100 100" preserveAspectRatio="none" xml:space="preserve">
<radialGradient id="SVGID_1_" cx="50" cy="50" r="50" gradientUnits="userSpaceOnUse">
<stop offset="0" style="stop-color:#F5F6F7"/>
<stop offset="1" style="stop-color:#FFFFFF;stop-opacity:0"/>
</radialGradient>
<circle fill="url(#SVGID_1_)" cx="50" cy="50" r="50"/>
<svg version="1.2" baseProfile="tiny" id="Layer" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="100px" height="100px" viewBox="0 0 100 100" preserveAspectRatio="none" xml:space="preserve">
<radialGradient id="SVGID_1_" cx="50" cy="50" r="50" gradientUnits="userSpaceOnUse">
<stop offset="0" style="stop-color:#F5F6F7"/>
<stop offset="1" style="stop-color:#FFFFFF;stop-opacity:0"/>
</radialGradient>
<circle fill="url(#SVGID_1_)" cx="50" cy="50" r="50"/>
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 560 B

After

Width:  |  Height:  |  Size: 582 B

6
themes/plaintext.css
View file

@ -1,7 +1,9 @@
@import url(https://fonts.googleapis.com/css?family=Inconsolata);
body {
max-width: 625px;
max-width: 625px;
}
body, h1, h2, h3, h4, h5, h6 {
font: normal 15px Inconsolata, Consolas, monospace;
font: normal 15px Inconsolata, Consolas, monospace;
}

79
themes/rokkitt.css
View file

@ -1,70 +1,79 @@
@import url(https://fonts.googleapis.com/css?family=Rokkitt:400,700);
body {
margin: 0 auto;
font: normal x-large/1.3 Rokkitt, Helvetica, Arial;
line-height: 1.2em;
color: #666;
text-align: justify;
margin: 0 auto;
font: normal x-large/1.3 Rokkitt, Helvetica, Arial;
line-height: 1.2em;
color: #666;
text-align: justify;
}
article, footer {
display: block;
min-width: 360px;
max-width: 900px;
width: 80%;
display: block;
min-width: 360px;
max-width: 900px;
width: 80%;
}
article {
margin: 0 auto 0 auto;
border: 1px solid ;
border-color: #fff #fff #fff #fff;
padding: 2em; background: #fff;
margin: 0 auto 0 auto;
border: 1px solid;
border-color: #fff #fff #fff #fff;
padding: 2em;
background: #fff;
}
h1 {
margin: 0;
margin: 0;
}
article p:first-of-type {
margin-top: 1.6em;
margin-top: 1.6em;
}
article p:last-child {
margin-bottom: 0;
margin-bottom: 0;
}
footer {
margin: 0em auto 2em auto;
text-align: center;
margin: 0em auto 2em auto;
text-align: center;
}
footer a {
color: #abc8e2;
text-shadow: 0 1px 1px #fff;
text-decoration:none;
font-size:.8em;
padding: 1em;
color: #abc8e2;
text-shadow: 0 1px 1px #fff;
text-decoration: none;
font-size: .8em;
padding: 1em;
}
h1 {
font-weight:normal;
line-height: 36px;
font-size: 2em;
text-align: center
font-weight: normal;
line-height: 36px;
font-size: 2em;
text-align: center
}
a {
color: #abc8e2;
text-decoration:none;
color: #abc8e2;
text-decoration: none;
}
#gravatar {
position: relative;
float: right;
margin-bottom: 1em;
margin-left: 1em;
border: 1px solid #ddd;
position: relative;
float: right;
margin-bottom: 1em;
margin-left: 1em;
border: 1px solid #ddd;
}
@media all and ( max-width: 500px) { article {padding:1em;} body {font-size:1em;} }
@media all and (max-width: 500px) {
article {
padding: 1em;
}
body {
font-size: 1em;
}
}

97
themes/silver-style.css
View file

@ -6,32 +6,81 @@
**https://in.linkedin.com/in/devdipesh/
*/
body {
margin:0; padding: 50px;
font: normal 14px/20px "DroidSansRegular",Arial,Helvetica,sans-serif;
color: #444;
background: #FAFAFA;
background: url(/themes/page_gradient_radial.svg) 50% -300px no-repeat, url(/themes/page_gradient_linear.svg) 50% 0 repeat-x, #FAFAFA;
background-size: 1600px 600px, 100% 500px,auto;
margin: 0;
padding: 50px;
font: normal 14px/20px "DroidSansRegular", Arial, Helvetica, sans-serif;
color: #444;
background: #FAFAFA;
background: url(/themes/page_gradient_radial.svg) 50% -300px no-repeat, url(/themes/page_gradient_linear.svg) 50% 0 repeat-x, #FAFAFA;
background-size: 1600px 600px, 100% 500px, auto;
}
article {
border-right: 1.5px solid #9ab8ed; padding: 17px;
border-radius: 1%;
-webkit-box-shadow: 3px 0px 20px -2px #7ba5e4;
-moz-box-shadow: 3px 0px 20px -2px #7ba5e4;
box-shadow: 3px 0px 20px -2px #7ba5e4;
background: -webkit-radial-gradient(50% 0%, 50% 15px, #EB8CF2 0%, white 100%);
border-right: 1.5px solid #9ab8ed;
padding: 17px;
border-radius: 1%;
-webkit-box-shadow: 3px 0px 20px -2px #7ba5e4;
-moz-box-shadow: 3px 0px 20px -2px #7ba5e4;
box-shadow: 3px 0px 20px -2px #7ba5e4;
background: -webkit-radial-gradient(50% 0%, 50% 15px, #EB8CF2 0%, white 100%);
}
article, footer { display:block; max-width:720px; margin:0 auto; }
article { padding:28px;}
footer { padding:0 28px; text-align:center; }
h1 { margin:0; font-size: 24px; line-height: 32px;color:#008CCC; text-transform: uppercase;}
a, a:visited { color:#577446; padding:4px; text-decoration:none; }
a:active, a:hover { color:#5dd912; }
a img { position: absolute; top: 0; right: 0; border: 0; }
:-moz-any-link:focus {background:#bc4a46;}
::selection {background:#bc4a46;}
::-moz-selection {background:#bc4a46;}
#gravatar { position: relative; float: right; margin-bottom: 1em; margin-left: 1em; border: 1px solid #ddd; }
article, footer {
display: block;
max-width: 720px;
margin: 0 auto;
}
article {
padding: 28px;
}
footer {
padding: 0 28px;
text-align: center;
}
h1 {
margin: 0;
font-size: 24px;
line-height: 32px;
color: #008CCC;
text-transform: uppercase;
}
a, a:visited {
color: #577446;
padding: 4px;
text-decoration: none;
}
a:active, a:hover {
color: #5dd912;
}
a img {
position: absolute;
top: 0;
right: 0;
border: 0;
}
:-moz-any-link:focus {
background: #bc4a46;
}
::selection {
background: #bc4a46;
}
::-moz-selection {
background: #bc4a46;
}
#gravatar {
position: relative;
float: right;
margin-bottom: 1em;
margin-left: 1em;
border: 1px solid #ddd;
}

92
themes/solarized.css
View file

@ -1,3 +1,93 @@
/*Solarized theme by Ethan Schoonover*/
/*Part of source code reused from the Open Sans Theme */
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:300|Source+Code+Pro:700);html{padding:0;font-size:1em;background-color:#eee8d5}body{font-family:'Source Sans Pro',sans-serif;font-size:1.5em;font-weight:300;text-align:center;margin:0;background:none repeat scroll 0 0 #eee8d5}article,footer{text-align:center;margin:auto;max-width:100%}article{margin-top:0;padding:1.75em;color:#dc322f;text-align:center;position:relative;background:none repeat scroll 0 0 #002b36}article p{text-align:left;color:#93a1a1}article p:first-of-type{text-align:center;color:#b58900}article p:last-of-type{color:#268bd2}#gravatar{width:50px;border:5px solid #FFF;border-radius:15px;display:block;margin:0 auto}h1{font-size:2em;font-weight:700;text-transform:uppercase;display:inline-block;padding-bottom:12px;border-bottom:2px dashed #dc322f;margin:0}a{font-family:'Source Sans Pro',sans-serif;font-size:1em;font-weight:700;color:#859900;text-decoration:none;word-wrap:break-word}a:active,a:focus,a:hover{color:#d33682}@media screen and (min-width:960px){#gravatar{display: none;position:absolute;top:2em;left:2em}h1{font-size:2.5em}}sour
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:300|Source+Code+Pro:700);
html {
padding: 0;
font-size: 1em;
background-color: #eee8d5
}
body {
font-family: 'Source Sans Pro', sans-serif;
font-size: 1.5em;
font-weight: 300;
text-align: center;
margin: 0;
background: none repeat scroll 0 0 #eee8d5
}
article, footer {
text-align: center;
margin: auto;
max-width: 100%
}
article {
margin-top: 0;
padding: 1.75em;
color: #dc322f;
text-align: center;
position: relative;
background: none repeat scroll 0 0 #002b36
}
article p {
text-align: left;
color: #93a1a1
}
article p:first-of-type {
text-align: center;
color: #b58900
}
article p:last-of-type {
color: #268bd2
}
#gravatar {
width: 50px;
border: 5px solid #FFF;
border-radius: 15px;
display: block;
margin: 0 auto
}
h1 {
font-size: 2em;
font-weight: 700;
text-transform: uppercase;
display: inline-block;
padding-bottom: 12px;
border-bottom: 2px dashed #dc322f;
margin: 0
}
a {
font-family: 'Source Sans Pro', sans-serif;
font-size: 1em;
font-weight: 700;
color: #859900;
text-decoration: none;
word-wrap: break-word
}
a:active, a:focus, a:hover {
color: #d33682
}
@media screen and (min-width:960px) {
#gravatar {
display: none;
position: absolute;
top: 2em;
left: 2em
}
h1 {
font-size: 2.5em
}
}
sour

84
themes/willpower.css
View file

@ -1,14 +1,72 @@
@import url(https://fonts.googleapis.com/css?family=Roboto:400,700);
* { margin: 0; padding: 0; box-sizing: boder-box; }
img { border: 0; }
body { background: #fff; font: 16px/28px "Roboto", sans-serif; color: #888; }
article, footer { display: block; max-width: 720px; margin: 0 auto; }
article { padding: 20px; }
footer { padding: 0 20px; text-align: center; font-size: 12px; }
h1 { font-size: 24px; line-height: 32px; color: #399; }
a, a:visited { color: #369; padding:4px; text-decoration:none; }
a:active, a:hover { text-decoration: underline;}
a img { position: absolute; top: 0; right: 0; }
article p { margin: 10px 0; }
article p:last-child {border-left: 2px solid #399; padding-left: 10px; }
#gravatar { float:right; margin:1em; width:80px; height:80px; border-radius:40px; }
* {
margin: 0;
padding: 0;
box-sizing: boder-box;
}
img {
border: 0;
}
body {
background: #fff;
font: 16px/28px "Roboto", sans-serif;
color: #888;
}
article, footer {
display: block;
max-width: 720px;
margin: 0 auto;
}
article {
padding: 20px;
}
footer {
padding: 0 20px;
text-align: center;
font-size: 12px;
}
h1 {
font-size: 24px;
line-height: 32px;
color: #399;
}
a, a:visited {
color: #369;
padding: 4px;
text-decoration: none;
}
a:active, a:hover {
text-decoration: underline;
}
a img {
position: absolute;
top: 0;
right: 0;
}
article p {
margin: 10px 0;
}
article p:last-child {
border-left: 2px solid #399;
padding-left: 10px;
}
#gravatar {
float: right;
margin: 1em;
width: 80px;
height: 80px;
border-radius: 40px;
}

80
themes/xtansia.css
View file

@ -1,69 +1,69 @@
@import url(https://fonts.googleapis.com/css?family=Rambla:400,400italic);
body {
font-family: Rambla, serif;
padding: 32px;
font-size: 1.1em;
background: white;
color: gray;
font-family: Rambla, serif;
padding: 32px;
font-size: 1.1em;
background: white;
color: gray;
}
article {
max-width: 800px;
text-align: justify;
margin: 10px auto 0;
max-width: 800px;
text-align: justify;
margin: 10px auto 0;
}
article p:nth-of-type(1) {
text-align: center;
font-style: italic;
font-size: 1.15em;
border-top: 2px dashed DeepSkyBlue;
padding-top: 1.0em;
text-align: center;
font-style: italic;
font-size: 1.15em;
border-top: 2px dashed DeepSkyBlue;
padding-top: 1.0em;
}
article p:last-child {
border-bottom: 2px dashed DeepSkyBlue;
padding: 0.0em 2.0em 1.0em 2.0em;
font-size: 0.9em;
font-style: italic;
border-bottom: 2px dashed DeepSkyBlue;
padding: 0.0em 2.0em 1.0em 2.0em;
font-size: 0.9em;
font-style: italic;
}
article h1 {
max-width: 550px;
margin: 0 auto;
border-bottom: groove LightGray;
padding-top: 0.5em;
padding-bottom: 0.5em;
text-align: center;
font-variant: small-caps;
font-size: 1.6em;
font-weight: 450;
letter-spacing: 0.25em;
max-width: 550px;
margin: 0 auto;
border-bottom: groove LightGray;
padding-top: 0.5em;
padding-bottom: 0.5em;
text-align: center;
font-variant: small-caps;
font-size: 1.6em;
font-weight: 450;
letter-spacing: 0.25em;
}
footer {
max-width: 550px;
border-top: groove LightGray;
margin: 0 auto;
font-size: 0.8em;
font-style: italic;
text-align: center;
max-width: 550px;
border-top: groove LightGray;
margin: 0 auto;
font-size: 0.8em;
font-style: italic;
text-align: center;
}
a:link, a:visited {
text-decoration: none;
color: SlateGray;
border-bottom: 1px solid;
text-decoration: none;
color: SlateGray;
border-bottom: 1px solid;
}
a:hover {
color: DeepSkyBlue;
border: none;
color: DeepSkyBlue;
border: none;
}
a:active {
color: #007399;
color: #007399;
}
#gravatar {
@ -71,4 +71,4 @@ a:active {
float: right;
border: 2px solid gray;
top: -1em;
}
}

12
tsconfig.json Normal file
View file

@ -0,0 +1,12 @@
{
"compilerOptions": {
"target": "es5",
"lib": ["es2017"],
"moduleResolution": "node",
"esModuleInterop": true,
"declaration": true,
"outDir": "./dist",
"strict": true,
"sourceMap": true
}
}

BIN
yarn.lock
View file

Binary file not shown.