sjs/mit-license
1
0
Fork 0
mirror of https://github.com/samsonjs/mit-license.git synced 2026-04-27 15:07:42 +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 language: node_js
sudo: false sudo: false
node_js: node_js: lts/*
- "stable"

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: 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 ### 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> <!DOCTYPE html>
<html id="home" lang="en"> <html id="home" lang="en">
<head> <% include components/header %>
<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>
<body> <body>
<article> <article>
{{{gravatar}}} <%- gravatar %>
<h1>The MIT License (MIT)</h1> <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 <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 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 OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
THE SOFTWARE.</p> THE SOFTWARE.</p>
</article> </article>
<footer> <% include components/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>
</body> </body>
</html> </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/)", "author": "Remy Sharp <remy@leftlogic.com> (http://remysharp.com/)",
"name": "mit-licence", "name": "mit-licence",
"description": "Hosted MIT License with details controlled through this repo", "description": "Hosted MIT License with details controlled through this repo",
"version": "1.0.0", "version": "1.0.0",
"repository": { "repository": {
"type": "git", "type": "git",
"url": "git@github.com:remy/mit-license.git" "url": "git@github.com:remy/mit-license.git"
}, },
"scripts": { "scripts": {
"start": "node server.js", "start": "tsc server.ts && node server.js",
"dev": "nodemon server.js", "dev": "ts-node-dev --respawn --transpileOnly server.ts",
"test": "node test.js" "test": "node test.js",
}, "lint": "eslint . --color --fix"
"bugs": { },
"url": "https://github.com/remy/mit-license/issues" "bugs": {
}, "url": "https://github.com/remy/mit-license/issues"
"license": "SEE LICENSE IN LICENSE", },
"dependencies": { "license": "SEE LICENSE IN LICENSE",
"compression": "^1.7.4", "dependencies": {
"dayjs": "^1.8.14", "compression": "^1.7.4",
"express": "^4.17.1", "dayjs": "^1.8.14",
"express-res-html": "^0.2.3", "ejs": "^2.6.1",
"humanize-list": "^1.0.1", "express": "^4.17.1",
"md5": "^2.2.1", "express-minify": "^1.0.0",
"mustache": "^3.0.1", "humanize-list": "^1.0.1",
"mustache-express": "^1.2.8" "is-number": "^7.0.0",
}, "md5": "^2.2.1",
"devDependencies": { "tmp": "^0.1.0",
"@types/bluebird": "^3.5.27", "typescript": "^3.4.5"
"@types/compression": "^0.0.36", },
"@types/express": "^4.16.1", "devDependencies": {
"@types/md5": "^2.1.33", "@types/compression": "^0.0.36",
"nodemon": "^1.19.1" "@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') var express = require('express');
const path = require('path') var path = require('path');
const fs = require('fs') var fs = require('fs');
const PORT = process.env.PORT || 80 var PORT = process.env.PORT || 80;
const mustache = require('mustache') var compression = require('compression');
const compression = require('compression') var dayjs = require('dayjs');
const dayjs = require('dayjs') var md5 = require('md5');
const md5 = require('md5') var humanizeList = require('humanize-list');
const humanizeList = require('humanize-list') var minify = require('express-minify');
// Read License file
const template = fs.readFileSync('LICENSE.html', "utf8")
mustache.parse(template);
// Prepare application // Prepare application
const app = express() var app = express();
app.use(compression()) app.use(compression());
app.use(require('express-res-html')) 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 // Setup useful variables
const year = dayjs().year() var yearNow = dayjs().year();
// HTTP POST API
// Any theme request app.post('/', function (req, res) {
app.get('/themes/:file', (req, res) => res.sendFile(path.join(__dirname, 'themes', req.params.file))) res.end();
});
// Any user request
app.get('/users/:file', (req, res) => res.sendFile(path.join(__dirname, 'users', req.params.file)))
// Any other HTTP GET request // Any other HTTP GET request
app.get('*', (req, res) => { app.get('*', function (req, res) {
// Get user id (example: 'rem.mit-license.org/@2019' -> 'rem') // 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') // 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 error opening
if (err) { if (err) {
if (err.code === 'ENOENT') { if (err.code === 'ENOENT') {
// File not found // File not found
info = `${year} <copyright holders>` info = year + " <copyright holders>";
theme = `default` theme = 'default';
gravatar = `` gravatar = '';
} else { }
// Other error else {
res.status(500).end() // 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 // Parse the options specified in the URL
res.set('Content-Type', 'text/html'); res.render(path.join(__dirname, 'licenses', 'MIT.ejs'), {
res.send(new Buffer.from(mustache.render(template, { info: info,
info, theme: theme,
theme, gravatar: gravatar
gravatar });
})));
}); });
}) });
// Start listening for HTTP requests // 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 #!/bin/env node
var fs = require('fs'); const fs = require('fs')
var users = fs.readdirSync('users'); const users = fs.readdirSync('users')
users.forEach(function (user) { users.forEach(function(user) {
try { try {
var content = fs.readFileSync('users/' + user).toString(); const content = fs.readFileSync('users/' + user).toString()
JSON.parse(content); JSON.parse(content)
} catch (e) { } catch (e) {
console.error('Invalid JSON in file: ' + user); console.error('Invalid JSON in file: ' + user)
process.exit(1); 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 */ /* 8bit theme v1.0.0 by Jorge Matricali, https://github.com/matricali/mit-license-8bits-theme */
/* MIT License https://jorge-matricali.mit-license.org/ */ /* MIT License https://jorge-matricali.mit-license.org/ */
@import url('https://fonts.googleapis.com/css?family=PT+Mono|VT323'); @import url('https://fonts.googleapis.com/css?family=PT+Mono|VT323');
body { body {
font-family: 'PT Mono', monospace; font-family: 'PT Mono', monospace;
padding: .4em; padding: .4em;
font-size: 1.1em; font-size: 1.1em;
background: #000; background: #000;
color: #ffbf00; color: #ffbf00;
} }
a:link, a:link,
a:visited { a:visited {
text-decoration: none; text-decoration: none;
color: #ffbf00; color: #ffbf00;
} }
article { article {
display: block; display: block;
margin: 1em; 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 {
position: relative; position: relative;
top: 4em; max-width: 800px;
right: 2em; margin: 10px auto 0;
}
article h1 + p {
padding-bottom: 1em;
}
article h1 + p + p {
padding-top: 0.8em;
}
footer {
padding-bottom: 4em;
}
} }
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 { img {
-webkit-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); -moz-filter: contrast(700%) sepia(100%) saturate(100) sepia(100%) saturate(10);
-ms-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); -o-filter: contrast(700%) sepia(100%) saturate(100) sepia(100%) saturate(10);
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 */ /* 8bits theme v1.1.0 by Jorge Matricali, https://github.com/matricali/mit-license-8bits-theme */
/* MIT License https://jorge-matricali.mit-license.org/ */ /* MIT License https://jorge-matricali.mit-license.org/ */
@import url('https://fonts.googleapis.com/css?family=PT+Mono|VT323'); @import url('https://fonts.googleapis.com/css?family=PT+Mono|VT323');
body { body {
font-family: 'PT Mono', monospace; font-family: 'PT Mono', monospace;
padding: .4em; padding: .4em;
font-size: 1.1em; font-size: 1.1em;
background: #00f; background: #00f;
color: #fff; color: #fff;
} }
a:link, a:link,
a:visited { a:visited {
text-decoration: none; text-decoration: none;
color: #fff; color: #fff;
} }
article { article {
display: block; display: block;
margin: 1em; 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 {
position: relative; position: relative;
top: 4em; max-width: 800px;
right: 2em; margin: 10px auto 0;
}
article h1 + p {
padding-bottom: 1em;
}
article h1 + p + p {
padding-top: 0.8em;
}
footer {
padding-bottom: 4em;
}
} }
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 { img {
-webkit-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%); -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%); -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%); -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%); 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 */ /* 8bits theme v1.1.0 by Jorge Matricali, https://github.com/matricali/mit-license-8bits-theme */
/* MIT License https://jorge-matricali.mit-license.org/ */ /* MIT License https://jorge-matricali.mit-license.org/ */
@import url('https://fonts.googleapis.com/css?family=PT+Mono|VT323'); @import url('https://fonts.googleapis.com/css?family=PT+Mono|VT323');
body { body {
font-family: 'PT Mono', monospace; font-family: 'PT Mono', monospace;
padding: .4em; padding: .4em;
font-size: 1.1em; font-size: 1.1em;
background: #000; background: #000;
color: #0f0; color: #0f0;
} }
a:link, a:link,
a:visited { a:visited {
text-decoration: none; text-decoration: none;
color: #0f0; color: #0f0;
} }
article { article {
display: block; display: block;
margin: 1em; 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 {
position: relative; position: relative;
top: 4em; max-width: 800px;
right: 2em; margin: 10px auto 0;
}
article h1 + p {
padding-bottom: 1em;
}
article h1 + p + p {
padding-top: 0.8em;
}
footer {
padding-bottom: 4em;
}
} }
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 { img {
-webkit-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); -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); -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); -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); 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 */ /* 8bits theme v1.1.0 by Jorge Matricali, https://github.com/matricali/mit-license-8bits-theme */
/* MIT License https://jorge-matricali.mit-license.org/ */ /* MIT License https://jorge-matricali.mit-license.org/ */
@import url('https://fonts.googleapis.com/css?family=PT+Mono|VT323'); @import url('https://fonts.googleapis.com/css?family=PT+Mono|VT323');
body { body {
font-family: 'PT Mono', monospace; font-family: 'PT Mono', monospace;
padding: .4em; padding: .4em;
font-size: 1.1em; font-size: 1.1em;
background: #fff; background: #fff;
color: #000; color: #000;
} }
a:link, a:link,
a:visited { a:visited {
text-decoration: none; text-decoration: none;
color: #000; color: #000;
} }
article { article {
display: block; display: block;
margin: 1em; 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 {
position: relative; position: relative;
top: 4em; max-width: 800px;
right: 2em; margin: 10px auto 0;
}
article h1 + p {
padding-bottom: 1em;
}
article h1 + p + p {
padding-top: 0.8em;
}
footer {
padding-bottom: 4em;
}
} }
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 { img {
-webkit-filter: contrast(700%) grayscale(100%) saturate(100); -webkit-filter: contrast(700%) grayscale(100%) saturate(100);
-moz-filter: contrast(700%) grayscale(100%) saturate(100); -moz-filter: contrast(700%) grayscale(100%) saturate(100);
-ms-filter: contrast(700%) grayscale(100%) saturate(100); -ms-filter: contrast(700%) grayscale(100%) saturate(100);
-o-filter: contrast(700%) grayscale(100%) saturate(100); -o-filter: contrast(700%) grayscale(100%) saturate(100);
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 */ /* 8bits theme v1.1.0 by Jorge Matricali, https://github.com/matricali/mit-license-8bits-theme */
/* MIT License https://jorge-matricali.mit-license.org/ */ /* MIT License https://jorge-matricali.mit-license.org/ */
@import url('https://fonts.googleapis.com/css?family=PT+Mono|VT323'); @import url('https://fonts.googleapis.com/css?family=PT+Mono|VT323');
body { body {
font-family: 'PT Mono', monospace; font-family: 'PT Mono', monospace;
padding: .4em; padding: .4em;
font-size: 1.1em; font-size: 1.1em;
background: #000; background: #000;
color: #fff; color: #fff;
} }
a:link, a:link,
a:visited { a:visited {
text-decoration: none; text-decoration: none;
color: #fff; color: #fff;
} }
article { article {
display: block; display: block;
margin: 1em; 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 {
position: relative; position: relative;
top: 4em; max-width: 800px;
right: 2em; margin: 10px auto 0;
}
article h1 + p {
padding-bottom: 1em;
}
article h1 + p + p {
padding-top: 0.8em;
}
footer {
padding-bottom: 4em;
}
} }
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 { img {
-webkit-filter: contrast(700%) grayscale(100%) saturate(100); -webkit-filter: contrast(700%) grayscale(100%) saturate(100);
-moz-filter: contrast(700%) grayscale(100%) saturate(100); -moz-filter: contrast(700%) grayscale(100%) saturate(100);
-ms-filter: contrast(700%) grayscale(100%) saturate(100); -ms-filter: contrast(700%) grayscale(100%) saturate(100);
-o-filter: contrast(700%) grayscale(100%) saturate(100); -o-filter: contrast(700%) grayscale(100%) saturate(100);
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;} body {
article, footer { display:block; max-width:720px; margin:0 auto; } margin: 0;
article { padding:28px;} padding: 50px;
footer { padding:0 28px; text-align:center; } background: #242f3a;
h1 { margin:0; font-size: 24px; line-height: 32px;color:#d7721a} font: 16px/28px "Garamond", serif;
a, a:visited { color:#577446; padding:4px; text-decoration:none; } color: #94979e;
a:active, a:hover { color:#5dd912; } }
a img { position: absolute; top: 0; right: 0; border: 0; }
:-moz-any-link:focus {background:#bc4a46;} article, footer {
::selection {background:#bc4a46;} display: block;
::-moz-selection {background:#bc4a46;} max-width: 720px;
#gravatar { position: relative; float: right; margin-bottom: 1em; margin-left: 1em; border: 1px solid #ddd; } 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); @import url(https://fonts.googleapis.com/css?family=Lato:300);
html { html {
font-size: 16px; font-size: 16px;
background-color: #1a1a1a; background-color: #1a1a1a;
} }
body { body {
font-family: "Lato", Helvetica, Arial, sans-serif; font-family: "Lato", Helvetica, Arial, sans-serif;
font-size: 1.3em; font-size: 1.3em;
font-weight: 300; font-weight: 300;
color: #CCC; color: #CCC;
} }
article, footer { article, footer {
max-width: 877px; max-width: 877px;
margin: 0 auto; margin: 0 auto;
text-align: center; text-align: center;
} }
article { article {
margin-top: 1em; margin-top: 1em;
background-color: #2a2a2a; background-color: #2a2a2a;
padding: 1em; padding: 1em;
text-align: center; text-align: center;
position: relative; position: relative;
} }
article p { article p {
text-align: left; text-align: left;
} }
article p:first-of-type { article p:first-of-type {
text-align: center; text-align: center;
font-size: .8em; font-size: .8em;
} }
article p:last-of-type { article p:last-of-type {
border-left: 3px solid #CCC; border-left: 3px solid #CCC;
padding-left: 15px; padding-left: 15px;
} }
#gravatar { #gravatar {
width: 70px; width: 70px;
border-radius: 35px; border-radius: 35px;
display: block; display: block;
margin: 0 auto; margin: 0 auto;
position: absolute; position: absolute;
right: -6px; right: -6px;
bottom: -20px; bottom: -20px;
} }
h1 { h1 {
font-size: 1.5em; font-size: 1.5em;
font-weight: 300; font-weight: 300;
text-transform: uppercase; text-transform: uppercase;
display: inline-block; display: inline-block;
padding-bottom: 12px; padding-bottom: 12px;
border-bottom: 2px dashed #CCC; border-bottom: 2px dashed #CCC;
margin: 0; margin: 0;
} }
a { a {
@ -67,20 +67,19 @@ a {
} }
a:hover, a:focus, a:active { a:hover, a:focus, a:active {
color: white; color: white;
} }
@media (min-width: 640px) { @media (min-width: 640px) {
h1 { h1 {
font-size: 2.4em; font-size: 2.4em;
} }
body { body {
font-size: 1.4em; font-size: 1.4em;
} }
article p:first-of-type { article p:first-of-type {
font-size: 1em; 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); @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;} body {
article, footer { display:block; max-width:720px; margin:0 auto; } color: #94979E;
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;} font: 16px/28px 'Alegreya', "Garamond", serif;
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; } margin: 0;
h1:after { background-color: #AD0431; border-radius: 0 0 0 32px; content: ""; height: 7px; left: 3px; position: absolute; top: 52px; width: 7px; } padding: 0 50px;
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; } article, footer {
a:active, a:hover { color:#710257; } display: block;
a img { position: absolute; top: 0; right: 0; border: 0; } max-width: 720px;
:-moz-any-link:focus {color:#bc4a46;} margin: 0 auto;
::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; } article {
footer a { padding: 10px; } background: repeat scroll 0 0 #FFFFFF;
footer p { font-size: 16px; margin: 0; padding: 0;} border-bottom: 4px solid #FF3366;
#gravatar { position: relative; float: right; border: 3px solid #CCCCCC; top: -2.3em; z-index: 1; border-radius: 10px; } 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); @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;} body {
article, footer { display:block; max-width:720px; margin:0 auto; } background: url("cherry.png") repeat scroll 0 0 transparent;
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; } color: #94979E;
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; } font: 16px/28px 'Alegreya', "Garamond", serif;
h1:after { background-color: #AD0431; border-radius: 0 0 0 32px; content: ""; height: 7px; left: 3px; position: absolute; top: 52px; width: 7px; } margin: 0;
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; } padding: 0 50px;
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; } article, footer {
a img { position: absolute; top: 0; right: 0; border: 0; } display: block;
:-moz-any-link:focus {color:#bc4a46;} max-width: 720px;
::selection {color:#bc4a46;} margin: 0 auto;
::-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; } article {
footer p { font-size: 16px; margin: 0; padding: 0;} background: repeat scroll 0 0 #FFFFFF;
#gravatar { position: relative; float: right; border: 3px solid #CCCCCC; top: -4.3em; z-index: 1; border-radius: 10px; } 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); @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;} html {
article, footer { display: block; min-width: 360px; max-width: 900px; width: 80%; } background: #1a1a1a;
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; } body {
article p:last-child { margin-bottom: 0; } margin: 0;
footer { margin: 0em auto 2em auto; text-align: center; } font-family: "Inconsolata", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", monospace;
footer a { color: #666; text-shadow: 0 1px 1px #999; text-decoration:none; font-size:.8em; padding: 1em; } 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:before{content: "â¦"; font-size:1.5em; padding-right:.2em; } */
footer a:hover, footer a:focus { color: white; } footer a:hover, footer a:focus {
h1 {font-weight:normal; display:inline; border-bottom:1px solid #999; padding:0 0 3px 0; line-height: 36px; } color: white;
a { color:#0520cf; text-decoration:none;} }
a:hover, a:focus { color:#2844FA; }
a:active { color:white; } h1 {
:-moz-any-link:focus {color:#000; border:0;} font-weight: normal;
::selection {background:#ccc;} display: inline;
::-moz-selection {background:#ccc;} border-bottom: 1px solid #999;
#gravatar{position:relative;float:right; margin-bottom: 1em; margin-left: 1em; border: 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); @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); @import url(https://fonts.googleapis.com/css?family=Lora:400,400italic);
body { body {
font-family: Lora, Constantia, Georgia, serif; font-family: Lora, Constantia, Georgia, serif;
padding: 8px; padding: 8px;
line-height: 1.6em; line-height: 1.6em;
color: #444; color: #444;
} }
article { article {
max-width: 660px; max-width: 660px;
margin: 10px auto 0; margin: 10px auto 0;
text-align: justify; text-align: justify;
} }
h1 { h1 {
font-weight: 400; font-weight: 400;
text-align: center; text-align: center;
font-variant: small-caps; font-variant: small-caps;
letter-spacing: 0.25em; letter-spacing: 0.25em;
font-size: 1.9em; font-size: 1.9em;
border-bottom: 1px solid #EEE; border-bottom: 1px solid #EEE;
padding-bottom: 0.8em; padding-bottom: 0.8em;
margin-bottom: 5px; margin-bottom: 5px;
line-height: 1.1em; line-height: 1.1em;
} }
article p:nth-of-type(1) { article p:nth-of-type(1) {
border-top: 1px solid #EEE; border-top: 1px solid #EEE;
margin-top: 0; margin-top: 0;
padding-top: 1.2em; padding-top: 1.2em;
font-style: italic; font-style: italic;
text-align: center; text-align: center;
font-size: 1.05em; font-size: 1.05em;
} }
article p:last-child { article p:last-child {
padding-bottom: 1.3em; padding-bottom: 1.3em;
margin-bottom: 0.0em; margin-bottom: 0.0em;
border-bottom: 1px solid #EEE; border-bottom: 1px solid #EEE;
font-size: 0.95em; font-size: 0.95em;
} }
a { a {
padding: 0.1em; padding: 0.1em;
} }
a:link, a:link,
a:visited { a:visited {
text-decoration: none; text-decoration: none;
color: #C53; color: #C53;
border-bottom: 1px dotted; border-bottom: 1px dotted;
} }
a:hover { a:hover {
background: #D64; background: #D64;
color: white; color: white;
border: none; border: none;
} }
a:active { a:active {
background: #920; background: #920;
} }
footer { footer {
border-top: 1px solid #EEE; border-top: 1px solid #EEE;
font-size: 0.8em; font-size: 0.8em;
text-align: center; text-align: center;
max-width: 660px; max-width: 660px;
margin: 0 auto; margin: 0 auto;
margin-top: 5px; margin-top: 5px;
font-style: italic; font-style: italic;
} }
#gravatar { #gravatar {
@ -77,4 +77,4 @@ footer {
position: relative; position: relative;
float: right; float: right;
top: -1.7em; top: -1.7em;
} }

157
themes/dusk.css
View file

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

160
themes/eula-modern.css
View file

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

62
themes/flesch.css
View file

@ -1,13 +1,55 @@
body { body {
margin:0; padding: 50px; margin: 0;
padding: 50px;
background: #fff url(/themes/flesch.png); 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); @import url(https://fonts.googleapis.com/css?family=Lato:300);
html { html {
font-size: 16px; font-size: 16px;
background-color: #f7f7f7; background-color: #f7f7f7;
} }
body { body {
font-family: "Lato", Helvetica, Arial, sans-serif; font-family: "Lato", Helvetica, Arial, sans-serif;
font-size: 1.3em; font-size: 1.3em;
font-weight: 300; font-weight: 300;
color: #333; color: #333;
} }
article, footer { article, footer {
max-width: 877px; max-width: 877px;
margin: 0 auto; margin: 0 auto;
text-align: center; text-align: center;
} }
article { article {
margin-top: 1em; margin-top: 1em;
padding: 1em; padding: 1em;
text-align: center; text-align: center;
position: relative; position: relative;
} }
article p { article p {
text-align: left; text-align: left;
} }
article p:first-of-type { article p:first-of-type {
text-align: center; text-align: center;
font-size: .8em; font-size: .8em;
} }
article p:last-of-type { article p:last-of-type {
border-left: 3px solid #333; border-left: 3px solid #333;
padding-left: 15px; padding-left: 15px;
} }
#gravatar { #gravatar {
width: 70px; width: 70px;
border-radius: 35px; border-radius: 35px;
display: block; display: block;
margin: 0 auto; margin: 0 auto;
position: absolute; position: absolute;
bottom: -3em; bottom: -3em;
left: 0; left: 0;
} }
h1 { h1 {
font-size: 1.5em; font-size: 1.5em;
font-weight: 300; font-weight: 300;
text-transform: uppercase; text-transform: uppercase;
display: inline-block; display: inline-block;
padding-bottom: 12px; padding-bottom: 12px;
border-bottom: 2px dashed #d9d9d9; border-bottom: 2px dashed #d9d9d9;
margin: 0; margin: 0;
} }
footer { footer {
background: #dadada; background: #dadada;
border-radius: 5px; border-radius: 5px;
} }
footer p { footer p {
text-align: left; text-align: left;
padding-left: 80px; padding-left: 80px;
} }
footer p a { footer p a {
color: #333; color: #333;
} }
a { a {
@ -81,19 +80,19 @@ a {
} }
a:hover, a:focus, a:active { a:hover, a:focus, a:active {
color: black; color: black;
} }
@media (min-width: 640px) { @media (min-width: 640px) {
h1 { h1 {
font-size: 2.4em; font-size: 2.4em;
} }
body { body {
font-size: 1.4em; font-size: 1.4em;
} }
article p:first-of-type { article p:first-of-type {
font-size: 1em; 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); @import url(https://fonts.googleapis.com/css?family=Merriweather:400,300);
* { * {
margin: 0; margin: 0;
padding: 0; padding: 0;
-webkit-transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out;
transition: all 0.2s ease-out; transition: all 0.2s ease-out;
} }
body { body {
background: #aaa; background: #aaa;
font-family: Merriweather, "Palatino Linotype", Georgia, serif; font-family: Merriweather, "Palatino Linotype", Georgia, serif;
font-size: 21pt; font-size: 21pt;
line-height: 170%; line-height: 170%;
text-rendering: optimizeLegibility; text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
font-smoothing: antialiased; font-smoothing: antialiased;
overflow-y: auto; overflow-y: auto;
padding: 20pt; padding: 20pt;
} }
a:link, a:visited { a:link, a:visited {
color: #000; color: #000;
text-decoration: none; text-decoration: none;
border-bottom: 1pt solid #aaa; border-bottom: 1pt solid #aaa;
} }
a:hover, a:focus, a:active { a:hover, a:focus, a:active {
background: #aaa; background: #aaa;
text-decoration: none; text-decoration: none;
} }
h1 { h1 {
font-size: 64pt; font-size: 64pt;
font-weight: 400; font-weight: 400;
line-height: 100%; line-height: 100%;
} }
article, footer { article, footer {
padding: 50pt 50pt 20pt 20%; padding: 50pt 50pt 20pt 20%;
background: #ccc; background: #ccc;
} }
article p { margin-top: 40pt; }
article p {
margin-top: 40pt;
}
article p:first-of-type { article p:first-of-type {
margin-top: 20pt; margin-top: 20pt;
font-size: 14pt; font-size: 14pt;
line-height: 150%; line-height: 150%;
} }
article :nth-child(4), article :nth-child(4),
article :nth-child(4):before { article :nth-child(4):before {
font-size: 18pt; font-size: 18pt;
font-weight: 300; 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;
} }
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) { @media only screen and (max-width: 1360px) {
article, footer { article, footer {
padding-left: 50pt; 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 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 { @media print {
@page { margin: .5cm; } @page {
* { color: black !important; } margin: .5cm;
a[href^="http"]:after { content: " [" attr(href) "]" } }
a:link, a[href]:after { border: none; }
body { * {
background: none; color: black !important;
font-size: 12pt; }
padding: 0;
} a[href^="http"]:after {
h1 { font-size: 28pt; } content: " ["attr(href) "]"
article, footer { }
background: none;
padding: 30pt; a:link, a[href]:after {
} border: none;
article p { margin-top: 16pt; } }
article p:first-of-type {
font-size: 10pt; body {
line-height: 120%; background: none;
margin-top: 10pt; font-size: 12pt;
} padding: 0;
article :nth-child(4), article :nth-child(4):before { font-size: 12pt; } }
article :nth-child(4):before { margin-left: -12pt; }
article p:last-child { h1 {
border-width: 11pt; font-size: 28pt;
font-size: 11pt; }
margin: 18pt 0 0 0;
padding: 11pt; article, footer {
} background: none;
footer { padding: 30pt;
padding-top: 0; }
font-size: 10pt;
line-height: 120%; article p {
} margin-top: 16pt;
footer p { }
background-position: 0 1px;
-webkit-background-size: 11px; article p:first-of-type {
background-size: 11px; font-size: 10pt;
margin-left: -12pt; line-height: 120%;
padding-left: 12pt; 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 { #gravatar {
position: relative; position: relative;
float: left; float: left;

264
themes/hmt-blue.css
View file

@ -1,8 +1,244 @@
/* normalize.min.css */ /* 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 */ /* 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 { body {
font-family: -apple-system, BlinkMacSystemFont, "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", Arial, sans-serif; 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; line-height: 1.4;
background-color: #e9ebee; background-color: #e9ebee;
} }
a:focus, a:focus,
a:hover { a:hover {
color: #23527c; color: #23527c;
} }
a:active, a:active,
a:hover { a:hover {
outline: 0; outline: 0;
} }
a { a {
color: #337ab7; color: #337ab7;
text-decoration: none; text-decoration: none;
} }
article, article,
footer { footer {
width: 800px; width: 800px;
margin: 0 auto; margin: 0 auto;
} }
article p { article p {
text-align: justify; text-align: justify;
} }
footer p { footer p {
text-align: center; text-align: center;
} }
#gravatar { #gravatar {
display: block; display: block;
float: right; float: right;
@ -41,57 +284,56 @@ footer p {
border: none; border: none;
margin-top: 5px; margin-top: 5px;
} }
article h1 { article h1 {
font-weight: bold; font-weight: bold;
line-height: 1.3; line-height: 1.3;
text-shadow: 3px 2px 6px rgba(0, 0, 0, 0.2); text-shadow: 3px 2px 6px rgba(0, 0, 0, 0.2);
} }
footer { footer {
text-align: center; text-align: center;
border-top: 1px solid #ccc; border-top: 1px solid #ccc;
font-style: italic; font-style: italic;
} }
/* Blockquote: https://codepen.io/maxds/pen/DcveB */ /* Blockquote: https://codepen.io/maxds/pen/DcveB */
article > p:last-child { article>p:last-child {
display: block; display: block;
background: #fff; background: #fff;
padding: 15px 20px 15px 45px; padding: 15px 20px 15px 45px;
margin: 0 0 20px; margin: 0 0 20px;
position: relative; position: relative;
/*Font*/ /*Font*/
font-family: Georgia, serif; font-family: Georgia, serif;
font-size: 16px; font-size: 16px;
line-height: 1.4; line-height: 1.4;
color: #666; color: #666;
text-align: justify; text-align: justify;
/*Borders - (Optional)*/ /*Borders - (Optional)*/
border-left: 15px solid #3392cd; border-left: 15px solid #3392cd;
border-right: 2px solid #3392cd; border-right: 2px solid #3392cd;
/*Box Shadow - (Optional)*/ /*Box Shadow - (Optional)*/
-moz-box-shadow: 2px 2px 15px #ccc; -moz-box-shadow: 2px 2px 15px #ccc;
-webkit-box-shadow: 2px 2px 15px #ccc; -webkit-box-shadow: 2px 2px 15px #ccc;
box-shadow: 2px 2px 15px #ccc; box-shadow: 2px 2px 15px #ccc;
} }
article > p:last-child::before {
article>p:last-child::before {
content: "\201C"; content: "\201C";
/*Unicode for Left Double Quote*/ /*Unicode for Left Double Quote*/
/*Font*/ /*Font*/
font-family: Georgia, serif; font-family: Georgia, serif;
font-size: 60px; font-size: 60px;
font-weight: bold; font-weight: bold;
color: #999; color: #999;
/*Positioning*/ /*Positioning*/
position: absolute; position: absolute;
left: 10px; left: 10px;
top: 5px; top: 5px;
} }
article > p:last-child::after {
article>p:last-child::after {
/*Reset to make sure*/ /*Reset to make sure*/
content: ""; content: "";
} }

127
themes/magic-mint.css
View file

@ -1,102 +1,105 @@
@import url("https://fonts.googleapis.com/css?family=Lato:400,700,400italic"); @import url("https://fonts.googleapis.com/css?family=Lato:400,700,400italic");
html{ html {
font-size: 62.5%; font-size: 62.5%;
} }
body { body {
font-family: Lato, Helvetica, sans-serif; font-family: Lato, Helvetica, sans-serif;
padding: 8px; padding: 8px;
line-height: 1.6; line-height: 1.6;
color: #3e3e3e; color: #3e3e3e;
background: #c7f1d7; background: #c7f1d7;
} }
article { article {
max-width: 660px; max-width: 660px;
margin: 10px auto 0; margin: 10px auto 0;
text-align: center; text-align: center;
position: relative; position: relative;
} }
#gravatar{ #gravatar {
position: absolute; position: absolute;
left: 0; left: 0;
top: 22px; top: 22px;
width: 68px; width: 68px;
height: 68px; height: 68px;
} }
h1 { h1 {
font-weight: 700; font-weight: 700;
text-align: center; text-align: center;
font-size: 40px; font-size: 40px;
font-size: 4rem; font-size: 4rem;
text-transform: uppercase; text-transform: uppercase;
text-shadow: 0 1px 0 #c7f1d7; text-shadow: 0 1px 0 #c7f1d7;
border-bottom: 6px solid #3e3e3e; border-bottom: 6px solid #3e3e3e;
padding-bottom: 25px; padding-bottom: 25px;
line-height: 1.1; line-height: 1.1;
display: inline-block; display: inline-block;
margin: 15px auto 5px auto; margin: 15px auto 5px auto;
} }
article p:nth-of-type(1) { article p:nth-of-type(1) {
margin: 0; margin: 0;
padding: 21px 0 0; padding: 21px 0 0;
font-style: italic; font-style: italic;
text-align: center; text-align: center;
font-size: 14px; font-size: 14px;
font-size: 1.4rem; font-size: 1.4rem;
} }
article p:last-child { article p:last-child {
padding-bottom: 1.3em; padding-bottom: 1.3em;
margin-bottom: 0; margin-bottom: 0;
font-size: 18px; font-size: 18px;
font-size: 1.8rem; font-size: 1.8rem;
} }
p{ p {
text-align: justify; text-align: justify;
font-size: 18px; font-size: 18px;
font-size: 1.8rem; font-size: 1.8rem;
} }
a { a {
padding: 0.1em; padding: 0.1em;
} }
a:link, a:link,
a:visited { a:visited {
text-decoration: none; text-decoration: none;
color: #3e3e3e; color: #3e3e3e;
border-bottom: 1px solid; border-bottom: 1px solid;
} }
a:hover { a:hover {
background: #3e3e3e; background: #3e3e3e;
color: white; color: white;
border: none; border: none;
} }
a:active { a:active {
background: #2e2e2e; background: #2e2e2e;
position: relative; position: relative;
top: 1px; top: 1px;
} }
a[href^="mailto"] { a[href^="mailto"] {
border-bottom: none; border-bottom: none;
} }
footer { footer {
border-top: 8px solid #3e3e3e; border-top: 8px solid #3e3e3e;
font-size: 1.8rem; font-size: 1.8rem;
text-align: center; text-align: center;
max-width: 660px; max-width: 660px;
margin: 10px auto 0; margin: 10px auto 0;
padding: 12px 0; padding: 12px 0;
font-style: italic; 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 description: A simple theme based on the Montserrat font
-----------------------------------------------------------------------------*/ -----------------------------------------------------------------------------*/
@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700); @import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);
html{padding:0;margin:0;}
body{background-color:#F9F9F9;} html {
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;} padding: 0;
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%;} margin: 0;
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;} body {
#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;} 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); @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} html, body {
a:hover,a:active{color:#432321;text-decoration:underline} background: #663B14;
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)} font: 13pt "PT Sans", sans-serif;
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)} text-align: center
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} a:link, a:visited {
footer a:link,footer a:visited{color:#aaa} color: #234234;
footer a:hover,footer a:active{color:#eee} text-decoration: none
::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; } 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"?> <?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" <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">
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">
<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="50" y1="0" x2="50" y2="100"> <stop offset="0" style="stop-color:#EBECED"/>
<stop offset="0" style="stop-color:#EBECED"/> <stop offset="1" style="stop-color:#EBECED;stop-opacity:0"/>
<stop offset="1" style="stop-color:#EBECED;stop-opacity:0"/> </linearGradient>
</linearGradient> <rect fill="url(#SVGID_1_)" width="100" height="100"/>
<rect fill="url(#SVGID_1_)" width="100" height="100"/>
</svg> </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"?> <?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" <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">
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">
<radialGradient id="SVGID_1_" cx="50" cy="50" r="50" gradientUnits="userSpaceOnUse"> <stop offset="0" style="stop-color:#F5F6F7"/>
<stop offset="0" style="stop-color:#F5F6F7"/> <stop offset="1" style="stop-color:#FFFFFF;stop-opacity:0"/>
<stop offset="1" style="stop-color:#FFFFFF;stop-opacity:0"/> </radialGradient>
</radialGradient> <circle fill="url(#SVGID_1_)" cx="50" cy="50" r="50"/>
<circle fill="url(#SVGID_1_)" cx="50" cy="50" r="50"/>
</svg> </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); @import url(https://fonts.googleapis.com/css?family=Inconsolata);
body { body {
max-width: 625px; max-width: 625px;
} }
body, h1, h2, h3, h4, h5, h6 { 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); @import url(https://fonts.googleapis.com/css?family=Rokkitt:400,700);
body { body {
margin: 0 auto; margin: 0 auto;
font: normal x-large/1.3 Rokkitt, Helvetica, Arial; font: normal x-large/1.3 Rokkitt, Helvetica, Arial;
line-height: 1.2em; line-height: 1.2em;
color: #666; color: #666;
text-align: justify; text-align: justify;
} }
article, footer { article, footer {
display: block; display: block;
min-width: 360px; min-width: 360px;
max-width: 900px; max-width: 900px;
width: 80%; width: 80%;
} }
article { article {
margin: 0 auto 0 auto; margin: 0 auto 0 auto;
border: 1px solid ; border: 1px solid;
border-color: #fff #fff #fff #fff; border-color: #fff #fff #fff #fff;
padding: 2em; background: #fff; padding: 2em;
background: #fff;
} }
h1 { h1 {
margin: 0; margin: 0;
} }
article p:first-of-type { article p:first-of-type {
margin-top: 1.6em; margin-top: 1.6em;
} }
article p:last-child { article p:last-child {
margin-bottom: 0; margin-bottom: 0;
} }
footer { footer {
margin: 0em auto 2em auto; margin: 0em auto 2em auto;
text-align: center; text-align: center;
} }
footer a { footer a {
color: #abc8e2; color: #abc8e2;
text-shadow: 0 1px 1px #fff; text-shadow: 0 1px 1px #fff;
text-decoration:none; text-decoration: none;
font-size:.8em; font-size: .8em;
padding: 1em; padding: 1em;
} }
h1 { h1 {
font-weight:normal; font-weight: normal;
line-height: 36px; line-height: 36px;
font-size: 2em; font-size: 2em;
text-align: center text-align: center
} }
a { a {
color: #abc8e2; color: #abc8e2;
text-decoration:none; text-decoration: none;
} }
#gravatar { #gravatar {
position: relative; position: relative;
float: right; float: right;
margin-bottom: 1em; margin-bottom: 1em;
margin-left: 1em; margin-left: 1em;
border: 1px solid #ddd; 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/ **https://in.linkedin.com/in/devdipesh/
*/ */
body { body {
margin:0; padding: 50px; margin: 0;
font: normal 14px/20px "DroidSansRegular",Arial,Helvetica,sans-serif; padding: 50px;
color: #444; font: normal 14px/20px "DroidSansRegular", Arial, Helvetica, sans-serif;
background: #FAFAFA; color: #444;
background: url(/themes/page_gradient_radial.svg) 50% -300px no-repeat, url(/themes/page_gradient_linear.svg) 50% 0 repeat-x, #FAFAFA; background: #FAFAFA;
background-size: 1600px 600px, 100% 500px,auto; 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 { article {
border-right: 1.5px solid #9ab8ed; padding: 17px; border-right: 1.5px solid #9ab8ed;
border-radius: 1%; padding: 17px;
-webkit-box-shadow: 3px 0px 20px -2px #7ba5e4; border-radius: 1%;
-moz-box-shadow: 3px 0px 20px -2px #7ba5e4; -webkit-box-shadow: 3px 0px 20px -2px #7ba5e4;
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%); background: -webkit-radial-gradient(50% 0%, 50% 15px, #EB8CF2 0%, white 100%);
} }
article, footer { display:block; max-width:720px; margin:0 auto; } article, footer {
article { padding:28px;} display: block;
footer { padding:0 28px; text-align:center; } max-width: 720px;
h1 { margin:0; font-size: 24px; line-height: 32px;color:#008CCC; text-transform: uppercase;} margin: 0 auto;
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; } article {
:-moz-any-link:focus {background:#bc4a46;} padding: 28px;
::selection {background:#bc4a46;} }
::-moz-selection {background:#bc4a46;}
#gravatar { position: relative; float: right; margin-bottom: 1em; margin-left: 1em; border: 1px solid #ddd; } 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*/ /*Solarized theme by Ethan Schoonover*/
/*Part of source code reused from the Open Sans Theme */ /*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); @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; } margin: 0;
article, footer { display: block; max-width: 720px; margin: 0 auto; } padding: 0;
article { padding: 20px; } box-sizing: boder-box;
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; } img {
a:active, a:hover { text-decoration: underline;} border: 0;
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; } body {
#gravatar { float:right; margin:1em; width:80px; height:80px; border-radius:40px; } 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); @import url(https://fonts.googleapis.com/css?family=Rambla:400,400italic);
body { body {
font-family: Rambla, serif; font-family: Rambla, serif;
padding: 32px; padding: 32px;
font-size: 1.1em; font-size: 1.1em;
background: white; background: white;
color: gray; color: gray;
} }
article { article {
max-width: 800px; max-width: 800px;
text-align: justify; text-align: justify;
margin: 10px auto 0; margin: 10px auto 0;
} }
article p:nth-of-type(1) { article p:nth-of-type(1) {
text-align: center; text-align: center;
font-style: italic; font-style: italic;
font-size: 1.15em; font-size: 1.15em;
border-top: 2px dashed DeepSkyBlue; border-top: 2px dashed DeepSkyBlue;
padding-top: 1.0em; padding-top: 1.0em;
} }
article p:last-child { article p:last-child {
border-bottom: 2px dashed DeepSkyBlue; border-bottom: 2px dashed DeepSkyBlue;
padding: 0.0em 2.0em 1.0em 2.0em; padding: 0.0em 2.0em 1.0em 2.0em;
font-size: 0.9em; font-size: 0.9em;
font-style: italic; font-style: italic;
} }
article h1 { article h1 {
max-width: 550px; max-width: 550px;
margin: 0 auto; margin: 0 auto;
border-bottom: groove LightGray; border-bottom: groove LightGray;
padding-top: 0.5em; padding-top: 0.5em;
padding-bottom: 0.5em; padding-bottom: 0.5em;
text-align: center; text-align: center;
font-variant: small-caps; font-variant: small-caps;
font-size: 1.6em; font-size: 1.6em;
font-weight: 450; font-weight: 450;
letter-spacing: 0.25em; letter-spacing: 0.25em;
} }
footer { footer {
max-width: 550px; max-width: 550px;
border-top: groove LightGray; border-top: groove LightGray;
margin: 0 auto; margin: 0 auto;
font-size: 0.8em; font-size: 0.8em;
font-style: italic; font-style: italic;
text-align: center; text-align: center;
} }
a:link, a:visited { a:link, a:visited {
text-decoration: none; text-decoration: none;
color: SlateGray; color: SlateGray;
border-bottom: 1px solid; border-bottom: 1px solid;
} }
a:hover { a:hover {
color: DeepSkyBlue; color: DeepSkyBlue;
border: none; border: none;
} }
a:active { a:active {
color: #007399; color: #007399;
} }
#gravatar { #gravatar {
@ -71,4 +71,4 @@ a:active {
float: right; float: right;
border: 2px solid gray; border: 2px solid gray;
top: -1em; 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.