Switch to an even simple theme because hey why not
This commit is contained in:
R. Tyler Croy
parent
2d51c94223
commit
0f47b0764d
4
Gemfile
4
Gemfile
|
|
@ -2,5 +2,7 @@ source 'https://rubygems.org'
|
|||
|
||||
gem "rake"
|
||||
gem "rdiscount"
|
||||
gem "jekyll", '~> 1.x'
|
||||
gem 'pygments.rb'
|
||||
gem "jekyll-tagging"
|
||||
gem 'jekyll-paginate'
|
||||
gem 'jekyll-watch'
|
||||
|
|
|
|||
36
_config.yml
36
_config.yml
|
|
@ -1,4 +1,4 @@
|
|||
name: 'unethical blogger'
|
||||
name: 'rtyler'
|
||||
description: 'a moderately technical blog'
|
||||
|
||||
|
||||
|
|
@ -6,8 +6,11 @@ tag_page_layout: tag_page
|
|||
tag_page_dir: tag
|
||||
|
||||
paginate: 10
|
||||
pygments: true
|
||||
markdown: redcarpet
|
||||
highlighter: 'pygments'
|
||||
markdown: rdiscount
|
||||
|
||||
gems:
|
||||
- jekyll-paginate
|
||||
|
||||
lsi: false
|
||||
exclude: ['README.markdown', 'drupal.rb', 'sync.sh', 'Makefile']
|
||||
|
|
@ -15,3 +18,30 @@ exclude: ['README.markdown', 'drupal.rb', 'sync.sh', 'Makefile']
|
|||
# Used for the RSS feed generator
|
||||
url: 'http://unethicalblogger.com'
|
||||
author: 'R. Tyler Croy'
|
||||
|
||||
# Navigation
|
||||
nav:
|
||||
- name: "about"
|
||||
href: "/about"
|
||||
- name: "code"
|
||||
href: "//github.com/rtyler"
|
||||
|
||||
# Sass
|
||||
sass:
|
||||
style: :compressed
|
||||
|
||||
# Scopes
|
||||
defaults:
|
||||
-
|
||||
scope:
|
||||
path: ""
|
||||
type: "pages"
|
||||
values:
|
||||
layout: "page"
|
||||
-
|
||||
scope:
|
||||
path: ""
|
||||
type: "posts"
|
||||
values:
|
||||
layout: "post"
|
||||
|
||||
|
|
|
|||
|
|
@ -1,43 +1,16 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
|
||||
|
||||
<title>{{ site.name }} - {{ site.description }}</title>
|
||||
<meta name="description" content="{{ site.meta_description}}" />
|
||||
|
||||
<meta name="HandheldFriendly" content="True" />
|
||||
<meta name="MobileOptimized" content="320" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
|
||||
<link rel="stylesheet" type="text/css" href="/assets/css/normalize.css" />
|
||||
<link rel="stylesheet" type="text/css" href="/assets/css/screen.css" />
|
||||
<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Noto+Serif:400,700,400italic|Open+Sans:700,400" />
|
||||
<!-- This is for syntax highlight -->
|
||||
<link rel="stylesheet" type="text/css" href="/assets/css/syntax.css">
|
||||
<!-- Customisation -->
|
||||
<link rel="stylesheet" type="text/css" href="/assets/css/main.css" />
|
||||
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>{% if page.title %}{{ page.title }}{% else %}{{ site.name }}{% endif %}</title>
|
||||
<link rel="stylesheet" href="//fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,600">
|
||||
<link rel="stylesheet" href="{{ site.baseurl }}/style.css">
|
||||
</head>
|
||||
<body class="home-template">
|
||||
|
||||
|
||||
<body>
|
||||
<div class="container">
|
||||
{{ content }}
|
||||
|
||||
<footer class="site-footer">
|
||||
<a class="subscribe icon-feed" href="{{ site.baseurl }}atom.xml"><span class="tooltip">Subscribe!</span></a>
|
||||
<div class="inner">
|
||||
<section class="copyright">All content copyright <a href="{{ site.baseurl }}">R. Tyler Croy</a> © {{date format="YYYY"}} • All rights reserved.</section>
|
||||
<section class="poweredby">Made with Jekyll using <a href="http://github.com/rosario/kasper">Kasper theme</a></section>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
|
||||
<script type="text/javascript" src="/assets/js/jquery-1.10.2.min.js"></script>
|
||||
<script type="text/javascript" src="/assets/js/jquery.fitvids.js"></script>
|
||||
<script type="text/javascript" src="/assets/js/index.js"></script>
|
||||
|
||||
{% include analytics.html %}
|
||||
</div>
|
||||
{% include analytics.html %}
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -1,113 +1,31 @@
|
|||
---
|
||||
layout: default
|
||||
disqus: true
|
||||
archive: false
|
||||
---
|
||||
|
||||
<main class="content" role="main">
|
||||
<header class="masthead">
|
||||
<h1 class="masthead-title--small">
|
||||
<a href="{{ site.baseurl }}/">{{ site.name }}</a>
|
||||
</h1>
|
||||
</header>
|
||||
<div class="content post">
|
||||
<h1 class="post-title">{{ page.title }}</h1>
|
||||
<div class="post-date">
|
||||
<time>{{ page.date | date_to_string }}</time>
|
||||
</div>
|
||||
{{ content }}
|
||||
</div>
|
||||
|
||||
<article class="post">
|
||||
<header class="post-header">
|
||||
<a id="blog-logo" href="{{site.baseurl}}">
|
||||
{% if site.logo %}
|
||||
<img src="{{site.logo}}" alt="{{ site.name }}" />
|
||||
{% else %}
|
||||
<span class="blog-title">{{ site.name }}</span>
|
||||
{%endif%}
|
||||
</a>
|
||||
<section class="disqus">
|
||||
<div id="disqus_thread"></div>
|
||||
<script type="text/javascript">
|
||||
|
||||
<div style="float: right; margin: 5px;">
|
||||
<script data-gittip-username="rtyler" data-gittip-widget="button" src="//gttp.co/v1.js"></script>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<span class="post-meta">
|
||||
<time datetime="{{ page.date | date:"%Y-%m-%d" }}">{{ page.date | date_to_string }}</time>
|
||||
{% if page.categories %}
|
||||
on
|
||||
{% for category in page.categories %}
|
||||
{{category}}
|
||||
{% endfor %}
|
||||
{% endif %}
|
||||
</span>
|
||||
|
||||
<h1 class="post-title">{{ page.title }}</h1>
|
||||
|
||||
<section class="post-content">
|
||||
{{content}}
|
||||
</section>
|
||||
|
||||
{% if page.archive %}
|
||||
<section class="archive">
|
||||
<h5>Archive</h5>
|
||||
<ul>
|
||||
{% for post in site.posts %}
|
||||
<li><span>{{ post.date | date_to_string }}</span> <a href="{{ post.url }}">{{ post.title }}</a></li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</section>
|
||||
{% endif %}
|
||||
|
||||
<footer class="post-footer">
|
||||
<!-- If we want to display author's name and bio -->
|
||||
{% if site.author %}
|
||||
<section class="author">
|
||||
<header> <a href="{{ site.baseurl }}"> <img class="profile" src="/assets/images/rtyler.jpg" alt="R. Tyler Croy"></a></header>
|
||||
<article>
|
||||
<!-- Author Name -->
|
||||
<h4> {{ site.author }} </h4>
|
||||
<!-- Author Bio -->
|
||||
<p>
|
||||
I can be found on <a href="https://github.com/rtyler">GitHub</a>,
|
||||
<a href="https://twitter.com/agentdero">Twitter</a>, or via email <strong>tyler</strong>[at]<strong>linux.com</strong>
|
||||
</p>
|
||||
|
||||
<p>
|
||||
PGP Key ID: <strong>3F51E16F</strong>
|
||||
</p>
|
||||
|
||||
<p>
|
||||
<a href="https://flattr.com/submit/auto?user_id=rtyler&url=http%3A%2F%2Funethicalblogger.com" target="_blank"><img src="//api.flattr.com/button/flattr-badge-large.png" alt="Flattr this" title="Flattr this" border="0"></a>
|
||||
</p>
|
||||
</article>
|
||||
</section>
|
||||
{% endif %}
|
||||
|
||||
<section class="share">
|
||||
<h4>Share this post</h4>
|
||||
<a class="icon-twitter" href="http://twitter.com/share?text={{page.title}}&url={{site.url}}{{ page.url }}"
|
||||
onclick="window.open(this.href, 'twitter-share', 'width=550,height=235');return false;">
|
||||
<span class="hidden">Twitter</span>
|
||||
</a>
|
||||
<a class="icon-facebook" href="https://www.facebook.com/sharer/sharer.php?u={{site.url}}{{page.url}}"
|
||||
onclick="window.open(this.href, 'facebook-share','width=580,height=296');return false;">
|
||||
<span class="hidden">Facebook</span>
|
||||
</a>
|
||||
<a class="icon-google-plus" href="https://plus.google.com/share?url={{site.url}}{{page.url}}"
|
||||
onclick="window.open(this.href, 'google-plus-share', 'width=490,height=530');return false;">
|
||||
<span class="hidden">Google+</span>
|
||||
</a>
|
||||
</section>
|
||||
|
||||
{% if page.disqus %}
|
||||
<section class="disqus">
|
||||
<div id="disqus_thread"></div>
|
||||
<script type="text/javascript">
|
||||
|
||||
var disqus_shortname = 'unethicalblogger';
|
||||
(function() {
|
||||
var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
|
||||
dsq.src = 'http://' + disqus_shortname + '.disqus.com/embed.js';
|
||||
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
|
||||
})();
|
||||
</script>
|
||||
<noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
|
||||
<a href="http://disqus.com" class="dsq-brlink">comments powered by <span class="logo-disqus">Disqus</span></a>
|
||||
</section>
|
||||
{% endif %}
|
||||
|
||||
</footer>
|
||||
|
||||
</article>
|
||||
|
||||
</main>
|
||||
var disqus_shortname = 'unethicalblogger';
|
||||
(function() {
|
||||
var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
|
||||
dsq.src = 'http://' + disqus_shortname + '.disqus.com/embed.js';
|
||||
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
|
||||
})();
|
||||
</script>
|
||||
<noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
|
||||
<a href="http://disqus.com" class="dsq-brlink">comments powered by <span class="logo-disqus">Disqus</span></a>
|
||||
</section>
|
||||
|
|
|
|||
|
|
@ -1,35 +0,0 @@
|
|||
/* Rosario. I've added and changed few things. Feel free to change it as you like */
|
||||
|
||||
/* Font size of 2.0 is too big, I'll reduce it */
|
||||
body {font-size: 1.9rem;}
|
||||
|
||||
/* Adding some text shadow*/
|
||||
.site-head {text-shadow: 2px 2px #234;}
|
||||
.site-head a {color:#eee;}
|
||||
|
||||
/* The font is too large in the post view. Revert to small size*/
|
||||
.post-header .blog-title {font-size:inherit;}
|
||||
|
||||
/* Reduce font size and add line-height*/
|
||||
pre{
|
||||
font-size: 0.75em;
|
||||
line-height: 1.4em;
|
||||
}
|
||||
|
||||
/* Author styling */
|
||||
.author {margin-bottom:1em;}
|
||||
.author header{
|
||||
float:left;
|
||||
width: 80px;
|
||||
}
|
||||
.author article{
|
||||
margin-left:80px;
|
||||
min-height: 80px;
|
||||
padding-left:20px;
|
||||
}
|
||||
img.profile {
|
||||
width:80px;
|
||||
height:auto;
|
||||
border-radius: 50px;
|
||||
}
|
||||
|
||||
|
|
@ -1,406 +0,0 @@
|
|||
/*! normalize.css v2.1.2 | MIT License | git.io/normalize */
|
||||
|
||||
/* ==========================================================================
|
||||
HTML5 display definitions
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* Correct `block` display not defined in IE 8/9.
|
||||
*/
|
||||
|
||||
article,
|
||||
aside,
|
||||
details,
|
||||
figcaption,
|
||||
figure,
|
||||
footer,
|
||||
header,
|
||||
hgroup,
|
||||
main,
|
||||
nav,
|
||||
section,
|
||||
summary {
|
||||
display: block;
|
||||
}
|
||||
|
||||
/**
|
||||
* Correct `inline-block` display not defined in IE 8/9.
|
||||
*/
|
||||
|
||||
audio,
|
||||
canvas,
|
||||
video {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
/**
|
||||
* Prevent modern browsers from displaying `audio` without controls.
|
||||
* Remove excess height in iOS 5 devices.
|
||||
*/
|
||||
|
||||
audio:not([controls]) {
|
||||
display: none;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* Address `[hidden]` styling not present in IE 8/9.
|
||||
* Hide the `template` element in IE, Safari, and Firefox < 22.
|
||||
*/
|
||||
|
||||
[hidden],
|
||||
template {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* ==========================================================================
|
||||
Base
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* 1. Set default font family to sans-serif.
|
||||
* 2. Prevent iOS text size adjust after orientation change, without disabling
|
||||
* user zoom.
|
||||
*/
|
||||
|
||||
html {
|
||||
font-family: sans-serif; /* 1 */
|
||||
-ms-text-size-adjust: 100%; /* 2 */
|
||||
-webkit-text-size-adjust: 100%; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Remove default margin.
|
||||
*/
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
/* ==========================================================================
|
||||
Links
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* Remove the gray background color from active links in IE 10.
|
||||
*/
|
||||
|
||||
a {
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
/**
|
||||
* Address `outline` inconsistency between Chrome and other browsers.
|
||||
*/
|
||||
|
||||
a:focus {
|
||||
outline: thin dotted;
|
||||
}
|
||||
|
||||
/**
|
||||
* Improve readability when focused and also mouse hovered in all browsers.
|
||||
*/
|
||||
|
||||
a:active,
|
||||
a:hover {
|
||||
outline: 0;
|
||||
}
|
||||
|
||||
/* ==========================================================================
|
||||
Typography
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* Address variable `h1` font-size and margin within `section` and `article`
|
||||
* contexts in Firefox 4+, Safari 5, and Chrome.
|
||||
*/
|
||||
|
||||
h1 {
|
||||
font-size: 2em;
|
||||
margin: 0.67em 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* Address styling not present in IE 8/9, Safari 5, and Chrome.
|
||||
*/
|
||||
|
||||
abbr[title] {
|
||||
border-bottom: 1px dotted;
|
||||
}
|
||||
|
||||
/**
|
||||
* Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
|
||||
*/
|
||||
|
||||
b,
|
||||
strong {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/**
|
||||
* Address styling not present in Safari 5 and Chrome.
|
||||
*/
|
||||
|
||||
dfn {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
/**
|
||||
* Address differences between Firefox and other browsers.
|
||||
*/
|
||||
|
||||
hr {
|
||||
-moz-box-sizing: content-box;
|
||||
box-sizing: content-box;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* Address styling not present in IE 8/9.
|
||||
*/
|
||||
|
||||
mark {
|
||||
background: #ff0;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
/**
|
||||
* Correct font family set oddly in Safari 5 and Chrome.
|
||||
*/
|
||||
|
||||
code,
|
||||
kbd,
|
||||
pre,
|
||||
samp {
|
||||
font-family: monospace, serif;
|
||||
font-size: 1em;
|
||||
}
|
||||
|
||||
/**
|
||||
* Improve readability of pre-formatted text in all browsers.
|
||||
*/
|
||||
|
||||
pre {
|
||||
white-space: pre-wrap;
|
||||
}
|
||||
|
||||
/**
|
||||
* Set consistent quote types.
|
||||
*/
|
||||
|
||||
q {
|
||||
quotes: "\201C" "\201D" "\2018" "\2019";
|
||||
}
|
||||
|
||||
/**
|
||||
* Address inconsistent and variable font size in all browsers.
|
||||
*/
|
||||
|
||||
small {
|
||||
font-size: 80%;
|
||||
}
|
||||
|
||||
/**
|
||||
* Prevent `sub` and `sup` affecting `line-height` in all browsers.
|
||||
*/
|
||||
|
||||
sub,
|
||||
sup {
|
||||
font-size: 75%;
|
||||
line-height: 0;
|
||||
position: relative;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
sup {
|
||||
top: -0.5em;
|
||||
}
|
||||
|
||||
sub {
|
||||
bottom: -0.25em;
|
||||
}
|
||||
|
||||
/* ==========================================================================
|
||||
Embedded content
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* Remove border when inside `a` element in IE 8/9.
|
||||
*/
|
||||
|
||||
img {
|
||||
border: 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* Correct overflow displayed oddly in IE 9.
|
||||
*/
|
||||
|
||||
svg:not(:root) {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
/* ==========================================================================
|
||||
Figures
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* Address margin not present in IE 8/9 and Safari 5.
|
||||
*/
|
||||
|
||||
figure {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
/* ==========================================================================
|
||||
Forms
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* Define consistent border, margin, and padding.
|
||||
*/
|
||||
|
||||
fieldset {
|
||||
border: 1px solid #c0c0c0;
|
||||
margin: 0 2px;
|
||||
padding: 0.35em 0.625em 0.75em;
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Correct `color` not being inherited in IE 8/9.
|
||||
* 2. Remove padding so people aren't caught out if they zero out fieldsets.
|
||||
*/
|
||||
|
||||
legend {
|
||||
border: 0; /* 1 */
|
||||
padding: 0; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Correct font family not being inherited in all browsers.
|
||||
* 2. Correct font size not being inherited in all browsers.
|
||||
* 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
|
||||
*/
|
||||
|
||||
button,
|
||||
input,
|
||||
select,
|
||||
textarea {
|
||||
font-family: inherit; /* 1 */
|
||||
font-size: 100%; /* 2 */
|
||||
margin: 0; /* 3 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Address Firefox 4+ setting `line-height` on `input` using `!important` in
|
||||
* the UA stylesheet.
|
||||
*/
|
||||
|
||||
button,
|
||||
input {
|
||||
line-height: normal;
|
||||
}
|
||||
|
||||
/**
|
||||
* Address inconsistent `text-transform` inheritance for `button` and `select`.
|
||||
* All other form control elements do not inherit `text-transform` values.
|
||||
* Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
|
||||
* Correct `select` style inheritance in Firefox 4+ and Opera.
|
||||
*/
|
||||
|
||||
button,
|
||||
select {
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
|
||||
* and `video` controls.
|
||||
* 2. Correct inability to style clickable `input` types in iOS.
|
||||
* 3. Improve usability and consistency of cursor style between image-type
|
||||
* `input` and others.
|
||||
*/
|
||||
|
||||
button,
|
||||
html input[type="button"], /* 1 */
|
||||
input[type="reset"],
|
||||
input[type="submit"] {
|
||||
-webkit-appearance: button; /* 2 */
|
||||
cursor: pointer; /* 3 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Re-set default cursor for disabled elements.
|
||||
*/
|
||||
|
||||
button[disabled],
|
||||
html input[disabled] {
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Address box sizing set to `content-box` in IE 8/9.
|
||||
* 2. Remove excess padding in IE 8/9.
|
||||
*/
|
||||
|
||||
input[type="checkbox"],
|
||||
input[type="radio"] {
|
||||
box-sizing: border-box; /* 1 */
|
||||
padding: 0; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
|
||||
* 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
|
||||
* (include `-moz` to future-proof).
|
||||
*/
|
||||
|
||||
input[type="search"] {
|
||||
-webkit-appearance: textfield; /* 1 */
|
||||
-moz-box-sizing: content-box;
|
||||
-webkit-box-sizing: content-box; /* 2 */
|
||||
box-sizing: content-box;
|
||||
}
|
||||
|
||||
/**
|
||||
* Remove inner padding and search cancel button in Safari 5 and Chrome
|
||||
* on OS X.
|
||||
*/
|
||||
|
||||
input[type="search"]::-webkit-search-cancel-button,
|
||||
input[type="search"]::-webkit-search-decoration {
|
||||
-webkit-appearance: none;
|
||||
}
|
||||
|
||||
/**
|
||||
* Remove inner padding and border in Firefox 4+.
|
||||
*/
|
||||
|
||||
button::-moz-focus-inner,
|
||||
input::-moz-focus-inner {
|
||||
border: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Remove default vertical scrollbar in IE 8/9.
|
||||
* 2. Improve readability and alignment in all browsers.
|
||||
*/
|
||||
|
||||
textarea {
|
||||
overflow: auto; /* 1 */
|
||||
vertical-align: top; /* 2 */
|
||||
}
|
||||
|
||||
/* ==========================================================================
|
||||
Tables
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* Remove most spacing between table cells.
|
||||
*/
|
||||
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0;
|
||||
}
|
||||
|
|
@ -1,950 +0,0 @@
|
|||
/* ==========================================================================
|
||||
Table of Contents
|
||||
========================================================================== */
|
||||
|
||||
/*
|
||||
|
||||
0. Includes
|
||||
1. Icons
|
||||
2. General
|
||||
3. Utilities
|
||||
4. General
|
||||
5. Single Post
|
||||
6. Third Party Elements
|
||||
7. Pagination
|
||||
8. Footer
|
||||
9. Media Queries (Tablet)
|
||||
10. Media Queries (Mobile)
|
||||
|
||||
*/
|
||||
|
||||
/* ==========================================================================
|
||||
0. Includes - Ground zero
|
||||
========================================================================== */
|
||||
|
||||
|
||||
|
||||
/* ==========================================================================
|
||||
1. Icons - Sets up the icon font and respective classes
|
||||
========================================================================== */
|
||||
|
||||
/* Import the font file with the icons in it */
|
||||
@font-face {
|
||||
font-family: 'icons';
|
||||
src:url('../fonts/icons.eot');
|
||||
src:url('../fonts/icons.eot?#iefix') format('embedded-opentype'),
|
||||
url('../fonts/icons.woff') format('woff'),
|
||||
url('../fonts/icons.ttf') format('truetype'),
|
||||
url('../fonts/icons.svg#icons') format('svg');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
/* Apply these base styles to all icons */
|
||||
.icon-ghost:before,
|
||||
.icon-feed:before,
|
||||
.icon-twitter:before,
|
||||
.icon-google-plus:before,
|
||||
.icon-facebook:before {
|
||||
font-family: 'icons';
|
||||
speak: none;
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
font-variant: normal;
|
||||
text-transform: none;
|
||||
line-height: 1;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
/* Each icon is created by inserting the corret character into the
|
||||
content of the :before pseudo element. Like a boss. */
|
||||
.icon-ghost:before {
|
||||
content: "\e000";
|
||||
}
|
||||
.icon-feed:before {
|
||||
content: "\e001";
|
||||
}
|
||||
.icon-twitter:before {
|
||||
content: "\e002";
|
||||
font-size: 1.1em;
|
||||
}
|
||||
.icon-google-plus:before {
|
||||
content: "\e003";
|
||||
}
|
||||
.icon-facebook:before {
|
||||
content: "\e004";
|
||||
}
|
||||
|
||||
|
||||
/* ==========================================================================
|
||||
2. General - Setting up some base styles
|
||||
========================================================================== */
|
||||
|
||||
html {
|
||||
height: 100%;
|
||||
max-height: 100%;
|
||||
font-size: 62.5%;
|
||||
}
|
||||
|
||||
body {
|
||||
height: 100%;
|
||||
max-height: 100%;
|
||||
font-family: 'Noto Serif', serif;
|
||||
font-size: 2.0rem;
|
||||
line-height: 1.6em;
|
||||
color: #3A4145;
|
||||
}
|
||||
|
||||
::-moz-selection {
|
||||
color: #222;
|
||||
background: #D6EDFF;
|
||||
text-shadow: none;
|
||||
}
|
||||
|
||||
::selection {
|
||||
color: #222;
|
||||
background: #D6EDFF;
|
||||
text-shadow: none;
|
||||
}
|
||||
|
||||
h1, h2, h3,
|
||||
h4, h5, h6 {
|
||||
text-rendering: optimizeLegibility;
|
||||
line-height: 1;
|
||||
margin-top: 0;
|
||||
font-family: 'Open Sans', sans-serif;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 5rem;
|
||||
line-height: 1.2em;
|
||||
letter-spacing: -2px;
|
||||
text-indent: -3px;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 4rem;
|
||||
line-height: 1.2em;
|
||||
letter-spacing: -1px;
|
||||
text-indent: -2px;
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-size: 3.5rem;
|
||||
}
|
||||
|
||||
h4 {
|
||||
font-size: 3rem;
|
||||
}
|
||||
|
||||
h5 {
|
||||
font-size: 2.5rem;
|
||||
}
|
||||
|
||||
h6 {
|
||||
font-size: 2rem;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #4a4a4a;
|
||||
transition: color ease 0.3s;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
color: #57A3E8;
|
||||
}
|
||||
|
||||
h1 a, h2 a, h3 a,
|
||||
h4 a, h5 a, h6 a {
|
||||
color: #50585D;
|
||||
}
|
||||
|
||||
|
||||
p, ul, ol, dl {
|
||||
margin: 1.6em 0;
|
||||
}
|
||||
|
||||
ol ol, ul ul,
|
||||
ul ol, ol ul {
|
||||
margin: 0.4em 0;
|
||||
}
|
||||
|
||||
dl dt {
|
||||
float: left;
|
||||
width: 180px;
|
||||
overflow: hidden;
|
||||
clear: left;
|
||||
text-align: right;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
font-weight: bold;
|
||||
margin-bottom: 1em
|
||||
}
|
||||
|
||||
dl dd {
|
||||
margin-left: 200px;
|
||||
margin-bottom: 1em
|
||||
}
|
||||
|
||||
hr {
|
||||
display: block;
|
||||
height: 1px;
|
||||
border: 0;
|
||||
border-top: 1px solid #efefef;
|
||||
margin: 3.2em 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
blockquote {
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
margin: 1.6em 0 1.6em -2.2em;
|
||||
padding: 0 0 0 1.6em;
|
||||
border-left: #4a4a4a 0.4em solid;
|
||||
}
|
||||
|
||||
blockquote p {
|
||||
margin: 0.8em 0;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
blockquote small {
|
||||
display: inline-block;
|
||||
margin: 0.8em 0 0.8em 1.5em;
|
||||
font-size:0.9em;
|
||||
color: #ccc;
|
||||
}
|
||||
|
||||
blockquote small:before { content: '\2014 \00A0'; }
|
||||
|
||||
blockquote cite {
|
||||
font-weight:bold;
|
||||
}
|
||||
|
||||
blockquote cite a { font-weight: normal; }
|
||||
|
||||
mark {
|
||||
background-color: #ffc336;
|
||||
}
|
||||
|
||||
code, tt {
|
||||
padding: 1px 3px;
|
||||
font-family: Inconsolata, monospace, sans-serif;
|
||||
font-size: 0.85em;
|
||||
white-space: pre-wrap;
|
||||
border: 1px solid #E3EDF3;
|
||||
background: #F7FAFB;
|
||||
border-radius: 2px;
|
||||
}
|
||||
|
||||
pre {
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
margin: 1.6em 0;
|
||||
border: 1px solid #E3EDF3;
|
||||
width: 100%;
|
||||
padding: 10px;
|
||||
font-family: Inconsolata, monospace, sans-serif;
|
||||
font-size: 0.9em;
|
||||
white-space: pre;
|
||||
overflow: auto;
|
||||
background: #F7FAFB;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
pre code, tt {
|
||||
font-size: inherit;
|
||||
white-space: -moz-pre-wrap;
|
||||
white-space: pre-wrap;
|
||||
background: transparent;
|
||||
border: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
kbd {
|
||||
display: inline-block;
|
||||
margin-bottom: 0.4em;
|
||||
padding: 1px 8px;
|
||||
border: #ccc 1px solid;
|
||||
color: #666;
|
||||
text-shadow: #fff 0 1px 0;
|
||||
font-size: 0.9em;
|
||||
font-weight: bold;
|
||||
background: #f4f4f4;
|
||||
border-radius: 4px;
|
||||
box-shadow:
|
||||
0 1px 0 rgba(0, 0, 0, 0.2),
|
||||
0 1px 0 0 #fff inset;
|
||||
}
|
||||
|
||||
table {
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
margin: 1.6em 0;
|
||||
width:100%;
|
||||
max-width: 100%;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
table th,
|
||||
table td {
|
||||
padding: 8px;
|
||||
line-height: 20px;
|
||||
text-align: left;
|
||||
vertical-align: top;
|
||||
border-top: 1px solid #efefef;
|
||||
}
|
||||
|
||||
table th { color: #000; }
|
||||
|
||||
table caption + thead tr:first-child th,
|
||||
table caption + thead tr:first-child td,
|
||||
table colgroup + thead tr:first-child th,
|
||||
table colgroup + thead tr:first-child td,
|
||||
table thead:first-child tr:first-child th,
|
||||
table thead:first-child tr:first-child td {
|
||||
border-top: 0;
|
||||
}
|
||||
|
||||
table tbody + tbody { border-top: 2px solid #efefef; }
|
||||
|
||||
table table table { background-color: #fff; }
|
||||
|
||||
table tbody > tr:nth-child(odd) > td,
|
||||
table tbody > tr:nth-child(odd) > th {
|
||||
background-color: #f6f6f6;
|
||||
}
|
||||
|
||||
table.plain tbody > tr:nth-child(odd) > td,
|
||||
table.plain tbody > tr:nth-child(odd) > th {
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
iframe, .fluid-width-video-wrapper {
|
||||
display: block;
|
||||
margin: 1.6em 0;
|
||||
}
|
||||
|
||||
/* When a video is inside the fitvids wrapper, drop the
|
||||
margin on the iframe, cause it breaks stuff. */
|
||||
.fluid-width-video-wrapper iframe {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
|
||||
/* ==========================================================================
|
||||
3. Utilities - These things get used a lot
|
||||
========================================================================== */
|
||||
|
||||
/* Hides shit */
|
||||
.hidden {
|
||||
text-indent: -9999px;
|
||||
visibility: hidden;
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* Creates a responsive wrapper that makes our content scale nicely */
|
||||
.inner {
|
||||
position: relative;
|
||||
width: 80%;
|
||||
max-width: 700px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
/* Centres vertically yo. (IE8+) */
|
||||
.vertical {
|
||||
display: table-cell;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
|
||||
/* ==========================================================================
|
||||
4. General - The main styles for the the theme
|
||||
========================================================================== */
|
||||
|
||||
/* Big cover image on the home page */
|
||||
.site-head {
|
||||
position: relative;
|
||||
display: table;
|
||||
width: 100%;
|
||||
padding-top: 25px;
|
||||
padding-bottom: 25px;
|
||||
margin-bottom: 5rem;
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
background: #303538 no-repeat center center;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
.blog-logo {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
/* Yo-logo. Yolo-go. Upload one in ghost/settings/ */
|
||||
.blog-logo img {
|
||||
display: block;
|
||||
max-height: 100px;
|
||||
width: auto;
|
||||
margin: 0 auto;
|
||||
line-height: 0;
|
||||
}
|
||||
|
||||
/* The details of your blog. Defined in ghost/settings/ */
|
||||
.blog-title {
|
||||
margin: 10px 0 10px 0;
|
||||
font-size: 5rem;
|
||||
letter-spacing: -1px;
|
||||
font-weight: bold;
|
||||
font-family: 'Open Sans', sans-serif;
|
||||
}
|
||||
|
||||
.blog-description {
|
||||
margin: 0;
|
||||
font-size: 1.8rem;
|
||||
line-height: 1.5em;
|
||||
font-weight: 300;
|
||||
font-family: 'Noto Serif', serif;
|
||||
letter-spacing: 0;
|
||||
}
|
||||
|
||||
/* Every post, on every page, gets this style on its <article> tag */
|
||||
.post {
|
||||
position: relative;
|
||||
width:80%;
|
||||
max-width: 700px;
|
||||
margin: 4rem auto;
|
||||
padding-bottom: 4rem;
|
||||
border-bottom: #EBF2F6 1px solid;
|
||||
word-break: break-word;
|
||||
hyphens: auto;
|
||||
}
|
||||
|
||||
/* Add a little circle in the middle of the border-bottom on our .post
|
||||
just for the lolz and stylepoints. */
|
||||
.post:after {
|
||||
display: block;
|
||||
content: "";
|
||||
width: 7px;
|
||||
height: 7px;
|
||||
border: #E7EEF2 1px solid;
|
||||
position: absolute;
|
||||
bottom: -5px;
|
||||
left: 50%;
|
||||
margin-left: -5px;
|
||||
background: #fff;
|
||||
-webkit-border-radius: 100%;
|
||||
-moz-border-radius: 100%;
|
||||
border-radius: 100%;
|
||||
box-shadow: #fff 0 0 0 5px;
|
||||
}
|
||||
|
||||
.post-title {
|
||||
margin:0;
|
||||
}
|
||||
|
||||
.post-title a {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.post-excerpt p {
|
||||
margin: 1.6rem 0 0 0;
|
||||
font-size: 0.9em;
|
||||
line-height: 1.6em;
|
||||
}
|
||||
|
||||
.post-meta {
|
||||
display: inline-block;
|
||||
margin: 0 0 5px 0;
|
||||
font-family: 'Open Sans', sans-serif;
|
||||
font-size: 1.5rem;
|
||||
color: #9EABB3;
|
||||
}
|
||||
|
||||
.post-meta a {
|
||||
color: #9EABB3;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.post-meta a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.user-meta {
|
||||
position: relative;
|
||||
padding: 0.3rem 40px 0 100px;
|
||||
min-height: 77px;
|
||||
}
|
||||
|
||||
.user-image {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.user-name {
|
||||
display: block;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.user-bio {
|
||||
display: block;
|
||||
max-width: 440px;
|
||||
font-size: 1.4rem;
|
||||
line-height: 1.5em;
|
||||
}
|
||||
|
||||
.publish-meta {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
padding: 4.3rem 0 4rem 0;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.publish-heading {
|
||||
display: block;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.publish-date {
|
||||
display: block;
|
||||
font-size: 1.4rem;
|
||||
line-height: 1.5em;
|
||||
}
|
||||
|
||||
/* ==========================================================================
|
||||
5. Single Post - When you click on an individual post
|
||||
========================================================================== */
|
||||
|
||||
/* Tweak the .post wrapper style */
|
||||
.post-template .post {
|
||||
margin-top: 0;
|
||||
border-bottom: none;
|
||||
padding-bottom: 0;
|
||||
}
|
||||
|
||||
/* Kill that stylish little circle that was on the border, too */
|
||||
.post-template .post:after {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* Insert some mad padding up in the header for better spacing */
|
||||
.post-template .post-header {
|
||||
padding: 60px 0;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.post-template .blog-title {
|
||||
display: inline-block;
|
||||
padding: 2.5rem 0;
|
||||
}
|
||||
|
||||
/* Keep large images within the bounds of the post-width */
|
||||
.post-content img {
|
||||
display: block;
|
||||
max-width: 100%;
|
||||
margin: 0 auto;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
/* The author credit area after the post */
|
||||
.post-footer {
|
||||
position: relative;
|
||||
margin: 4rem 0 0 0;
|
||||
padding: 4rem 0 0 0;
|
||||
border-top: #EBF2F6 1px solid;
|
||||
}
|
||||
|
||||
.post-footer h4 {
|
||||
font-size: 1.8rem;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.post-footer p {
|
||||
margin: 1rem 0;
|
||||
font-size: 1.4rem;
|
||||
line-height: 1.6em;
|
||||
}
|
||||
|
||||
/* Create some space to the right for the share links */
|
||||
.post-footer .author {
|
||||
margin-right: 180px;
|
||||
}
|
||||
|
||||
/* Drop the share links in the space to the right.
|
||||
Doing it like this means it's easier for the author bio
|
||||
to be flexible at smaller screen sizes while the share
|
||||
links remain at a fixed width the whole time */
|
||||
.post-footer .share {
|
||||
position: absolute;
|
||||
top: 4rem;
|
||||
right: 0;
|
||||
width: 140px;
|
||||
}
|
||||
|
||||
.post-footer .share a {
|
||||
font-size: 1.8rem;
|
||||
display: inline-block;
|
||||
margin: 1.4rem 1.6rem 1.6rem 0;
|
||||
color: #BBC7CC;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.post-footer .share a:hover {
|
||||
color: #50585D;
|
||||
}
|
||||
|
||||
|
||||
/* ==========================================================================
|
||||
6. Third Party Elements - Embeds from other services
|
||||
========================================================================== */
|
||||
|
||||
/* Github */
|
||||
|
||||
.gist table {
|
||||
margin: 0;
|
||||
font-size: 1.4rem;
|
||||
}
|
||||
|
||||
.gist .line-number {
|
||||
min-width: 25px;
|
||||
font-size: 1.1rem;
|
||||
}
|
||||
|
||||
|
||||
/* ==========================================================================
|
||||
7. Pagination - Tools to let you flick between pages
|
||||
========================================================================== */
|
||||
|
||||
/* The main wrapper for our pagination links */
|
||||
.pagination {
|
||||
position: relative;
|
||||
width: 80%;
|
||||
max-width: 700px;
|
||||
margin: 4rem auto;
|
||||
font-family: 'Open Sans', sans-serif;
|
||||
font-size: 1.3rem;
|
||||
color: #9EABB3;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.pagination a {
|
||||
color: #9EABB3;
|
||||
}
|
||||
|
||||
/* Push the previous/next links out to the left/right */
|
||||
.older-posts,
|
||||
.newer-posts {
|
||||
position: absolute;
|
||||
display: inline-block;
|
||||
padding: 0 15px;
|
||||
border: #EBF2F6 2px solid;
|
||||
text-decoration: none;
|
||||
border-radius: 30px;
|
||||
transition: border ease 0.3s;
|
||||
}
|
||||
|
||||
.older-posts {
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.page-number {
|
||||
display: inline-block;
|
||||
padding: 2px 0;
|
||||
}
|
||||
|
||||
.newer-posts {
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.older-posts:hover,
|
||||
.newer-posts:hover {
|
||||
border-color: #9EABB3;
|
||||
}
|
||||
|
||||
|
||||
/* ==========================================================================
|
||||
8. Footer - The bottom of every page
|
||||
========================================================================== */
|
||||
|
||||
.site-footer {
|
||||
position: relative;
|
||||
margin: 8rem 0 0 0;
|
||||
padding: 4rem 0;
|
||||
border-top: #EBF2F6 1px solid;
|
||||
font-family: 'Open Sans', sans-serif;
|
||||
font-size: 1.3rem;
|
||||
line-height: 1.7em;
|
||||
color: #BBC7CC;
|
||||
text-align: center;
|
||||
background: #F7FAFB;
|
||||
}
|
||||
|
||||
.site-footer a {
|
||||
color: #BBC7CC;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.site-footer a:hover {
|
||||
color: #50585D;
|
||||
}
|
||||
|
||||
.poweredby .icon-ghost {
|
||||
font-weight: 700;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.poweredby .icon-ghost:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.poweredby .icon-ghost:before {
|
||||
font-size: 1rem;
|
||||
margin-right: 0.2em;
|
||||
}
|
||||
|
||||
/* The subscribe icon on the footer */
|
||||
.subscribe {
|
||||
width: 28px;
|
||||
height: 28px;
|
||||
position: absolute;
|
||||
top: -14px;
|
||||
left: 50%;
|
||||
margin-left: -15px;
|
||||
border: #EBF2F6 1px solid;
|
||||
text-align: center;
|
||||
line-height: 2.4rem;
|
||||
border-radius: 50px;
|
||||
background: #fff;
|
||||
transition: box-shadow 0.5s;
|
||||
}
|
||||
|
||||
/* The RSS icon, inserted via icon font */
|
||||
.subscribe:before {
|
||||
color: #D2DEE3;
|
||||
font-size: 10px;
|
||||
position: absolute;
|
||||
top: 9px;
|
||||
left: 9px;
|
||||
font-weight: bold;
|
||||
transition: color 0.5s ease;
|
||||
}
|
||||
|
||||
/* Add a box shadow to on hover */
|
||||
.subscribe:hover {
|
||||
box-shadow: rgba(0,0,0,0.05) 0 0 0 3px;
|
||||
transition: box-shadow 0.25s;
|
||||
}
|
||||
|
||||
.subscribe:hover:before {
|
||||
color: #50585D;
|
||||
}
|
||||
|
||||
/* CSS tooltip saying "Subscribe!" - initially hidden */
|
||||
.tooltip {
|
||||
opacity:0;
|
||||
display: inline-block;
|
||||
padding: 4px 8px 5px 8px;
|
||||
position:absolute;
|
||||
top: -23px;
|
||||
left: -21px;
|
||||
color: rgba(255,255,255,0.9);
|
||||
font-size: 1.1rem;
|
||||
line-height: 1em;
|
||||
text-align: center;
|
||||
background: #50585D;
|
||||
border-radius:20px;
|
||||
box-shadow: 0 1px 4px rgba(0,0,0,0.1);
|
||||
transition: opacity 0.3s ease, top 0.3s ease;
|
||||
}
|
||||
|
||||
/* The little chiclet arrow under the tooltip, pointing down */
|
||||
.tooltip:after {
|
||||
content:"";
|
||||
border-width:5px 5px 0 5px;
|
||||
border-style:solid;
|
||||
border-color: #50585D transparent;
|
||||
display:block;
|
||||
position:absolute;
|
||||
bottom:-4px;
|
||||
left:50%;
|
||||
margin-left:-5px;
|
||||
z-index: 220;
|
||||
width:0;
|
||||
}
|
||||
|
||||
/* On hover, show the tooltip! */
|
||||
.subscribe:hover .tooltip {
|
||||
opacity: 1;
|
||||
top: -33px;
|
||||
}
|
||||
|
||||
|
||||
/* ==========================================================================
|
||||
9. Media Queries - Smaller than 900px
|
||||
========================================================================== */
|
||||
|
||||
@media only screen and (max-width: 900px) {
|
||||
|
||||
blockquote {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.site-head {
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
height: auto;
|
||||
min-height: 240px;
|
||||
padding: 15% 0;
|
||||
}
|
||||
|
||||
.blog-title {
|
||||
font-size: 4rem;
|
||||
letter-spacing: -1px;
|
||||
}
|
||||
|
||||
.blog-description {
|
||||
font-size: 1.7rem;
|
||||
line-height: 1.5em;
|
||||
}
|
||||
|
||||
.post {
|
||||
font-size: 0.9em;
|
||||
line-height: 1.6em;
|
||||
}
|
||||
|
||||
.post-template .post {
|
||||
padding-bottom: 1rem;
|
||||
}
|
||||
|
||||
.post-template .post-header {
|
||||
padding: 40px 0;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 4.8rem;
|
||||
text-indent: -2px;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 3.8rem;
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-size: 3.3rem;
|
||||
}
|
||||
|
||||
h4 {
|
||||
font-size: 2.8rem;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
/* ==========================================================================
|
||||
10. Media Queries - Smaller than 500px
|
||||
========================================================================== */
|
||||
|
||||
|
||||
@media only screen and (max-width: 500px) {
|
||||
|
||||
.blog-logo img {
|
||||
max-height: 80px;
|
||||
}
|
||||
|
||||
.inner,
|
||||
.pagination {
|
||||
width: auto;
|
||||
margin-left: 16px;
|
||||
margin-right: 16px;
|
||||
}
|
||||
|
||||
.post {
|
||||
width:auto;
|
||||
margin-left: 16px;
|
||||
margin-right: 16px;
|
||||
font-size: 0.8em;
|
||||
line-height: 1.6em;
|
||||
}
|
||||
|
||||
.site-head {
|
||||
padding: 10% 0;
|
||||
}
|
||||
|
||||
.blog-title {
|
||||
font-size: 3rem;
|
||||
}
|
||||
|
||||
.blog-description {
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
|
||||
|
||||
h1, h2 {
|
||||
font-size: 3rem;
|
||||
line-height: 1.1em;
|
||||
letter-spacing: -1px;
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-size: 2.8rem;
|
||||
}
|
||||
|
||||
h4 {
|
||||
font-size: 2.3rem;
|
||||
}
|
||||
|
||||
.post-template .post {
|
||||
padding-bottom: 0;
|
||||
}
|
||||
|
||||
.post-template .post-header {
|
||||
padding: 30px 0;
|
||||
}
|
||||
|
||||
.post-meta {
|
||||
font-size: 1.3rem;
|
||||
}
|
||||
|
||||
.post-footer {
|
||||
padding: 4rem 0;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.post-footer .author {
|
||||
margin: 0 0 2rem 0;
|
||||
padding: 0 0 1.6rem 0;
|
||||
border-bottom: #EBF2F6 1px dashed;
|
||||
}
|
||||
|
||||
.post-footer .share {
|
||||
position: static;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.post-footer .share a {
|
||||
margin: 1.4rem 0.8rem 0 0.8rem;
|
||||
}
|
||||
|
||||
.older-posts,
|
||||
.newer-posts {
|
||||
position: static;
|
||||
margin: 10px 0;
|
||||
}
|
||||
|
||||
.page-number {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.site-footer {
|
||||
margin-top: 6rem;
|
||||
font-size: 1.1rem;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
/* ==========================================================================
|
||||
End of file. Media queries should be the last thing here. Do not add stuff
|
||||
below this point, or it will probably fuck everything up.
|
||||
========================================================================== */
|
||||
|
|
@ -1,60 +0,0 @@
|
|||
.highlight { background: #ffffff; }
|
||||
.highlight .c { color: #999988; font-style: italic } /* Comment */
|
||||
.highlight .err { color: #a61717; background-color: #e3d2d2 } /* Error */
|
||||
.highlight .k { font-weight: bold } /* Keyword */
|
||||
.highlight .o { font-weight: bold } /* Operator */
|
||||
.highlight .cm { color: #999988; font-style: italic } /* Comment.Multiline */
|
||||
.highlight .cp { color: #999999; font-weight: bold } /* Comment.Preproc */
|
||||
.highlight .c1 { color: #999988; font-style: italic } /* Comment.Single */
|
||||
.highlight .cs { color: #999999; font-weight: bold; font-style: italic } /* Comment.Special */
|
||||
.highlight .gd { color: #000000; background-color: #ffdddd } /* Generic.Deleted */
|
||||
.highlight .gd .x { color: #000000; background-color: #ffaaaa } /* Generic.Deleted.Specific */
|
||||
.highlight .ge { font-style: italic } /* Generic.Emph */
|
||||
.highlight .gr { color: #aa0000 } /* Generic.Error */
|
||||
.highlight .gh { color: #999999 } /* Generic.Heading */
|
||||
.highlight .gi { color: #000000; background-color: #ddffdd } /* Generic.Inserted */
|
||||
.highlight .gi .x { color: #000000; background-color: #aaffaa } /* Generic.Inserted.Specific */
|
||||
.highlight .go { color: #888888 } /* Generic.Output */
|
||||
.highlight .gp { color: #555555 } /* Generic.Prompt */
|
||||
.highlight .gs { font-weight: bold } /* Generic.Strong */
|
||||
.highlight .gu { color: #aaaaaa } /* Generic.Subheading */
|
||||
.highlight .gt { color: #aa0000 } /* Generic.Traceback */
|
||||
.highlight .kc { font-weight: bold } /* Keyword.Constant */
|
||||
.highlight .kd { font-weight: bold } /* Keyword.Declaration */
|
||||
.highlight .kp { font-weight: bold } /* Keyword.Pseudo */
|
||||
.highlight .kr { font-weight: bold } /* Keyword.Reserved */
|
||||
.highlight .kt { color: #445588; font-weight: bold } /* Keyword.Type */
|
||||
.highlight .m { color: #009999 } /* Literal.Number */
|
||||
.highlight .s { color: #d14 } /* Literal.String */
|
||||
.highlight .na { color: #008080 } /* Name.Attribute */
|
||||
.highlight .nb { color: #0086B3 } /* Name.Builtin */
|
||||
.highlight .nc { color: #445588; font-weight: bold } /* Name.Class */
|
||||
.highlight .no { color: #008080 } /* Name.Constant */
|
||||
.highlight .ni { color: #800080 } /* Name.Entity */
|
||||
.highlight .ne { color: #990000; font-weight: bold } /* Name.Exception */
|
||||
.highlight .nf { color: #990000; font-weight: bold } /* Name.Function */
|
||||
.highlight .nn { color: #555555 } /* Name.Namespace */
|
||||
.highlight .nt { color: #000080 } /* Name.Tag */
|
||||
.highlight .nv { color: #008080 } /* Name.Variable */
|
||||
.highlight .ow { font-weight: bold } /* Operator.Word */
|
||||
.highlight .w { color: #bbbbbb } /* Text.Whitespace */
|
||||
.highlight .mf { color: #009999 } /* Literal.Number.Float */
|
||||
.highlight .mh { color: #009999 } /* Literal.Number.Hex */
|
||||
.highlight .mi { color: #009999 } /* Literal.Number.Integer */
|
||||
.highlight .mo { color: #009999 } /* Literal.Number.Oct */
|
||||
.highlight .sb { color: #d14 } /* Literal.String.Backtick */
|
||||
.highlight .sc { color: #d14 } /* Literal.String.Char */
|
||||
.highlight .sd { color: #d14 } /* Literal.String.Doc */
|
||||
.highlight .s2 { color: #d14 } /* Literal.String.Double */
|
||||
.highlight .se { color: #d14 } /* Literal.String.Escape */
|
||||
.highlight .sh { color: #d14 } /* Literal.String.Heredoc */
|
||||
.highlight .si { color: #d14 } /* Literal.String.Interpol */
|
||||
.highlight .sx { color: #d14 } /* Literal.String.Other */
|
||||
.highlight .sr { color: #009926 } /* Literal.String.Regex */
|
||||
.highlight .s1 { color: #d14 } /* Literal.String.Single */
|
||||
.highlight .ss { color: #990073 } /* Literal.String.Symbol */
|
||||
.highlight .bp { color: #999999 } /* Name.Builtin.Pseudo */
|
||||
.highlight .vc { color: #008080 } /* Name.Variable.Class */
|
||||
.highlight .vg { color: #008080 } /* Name.Variable.Global */
|
||||
.highlight .vi { color: #008080 } /* Name.Variable.Instance */
|
||||
.highlight .il { color: #009999 } /* Literal.Number.Integer.Long */
|
||||
|
|
@ -1,41 +0,0 @@
|
|||
<?xml version="1.0" standalone="no"?>
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
|
||||
<svg xmlns="http://www.w3.org/2000/svg">
|
||||
<metadata>
|
||||
This is a custom SVG font generated by IcoMoon.
|
||||
<iconset grid="16"></iconset>
|
||||
</metadata>
|
||||
<defs>
|
||||
<font id="icons" horiz-adv-x="512" >
|
||||
<font-face units-per-em="512" ascent="480" descent="-32" />
|
||||
<missing-glyph horiz-adv-x="512" />
|
||||
<glyph class="hidden" unicode="" d="M0,480L 512 -32L0 -32 z" horiz-adv-x="0" />
|
||||
<glyph unicode="" d="M 421.344-32C 420.944,197.616, 220.592,385.264,0,385.696L0,480 c 270.656,0, 512-230.304, 512-512L 421.344-32
|
||||
z M 343.6-31.968l-90.608,0 c 0.304,56.384-28.336,119.488-73.664,166.736C 134.256,182.4, 54.368,212.416, 0.224,212.128L 0.224,306.4
|
||||
C 169.264,302.752, 340.16,143.088, 343.6-31.968z M 64.256,96.048c 35.312,0, 63.936-28.656, 63.936-64c0-35.328-28.624-63.984-63.936-63.984
|
||||
S 0.32-3.28, 0.32,32.048C 0.32,67.392, 28.944,96.048, 64.256,96.048z" data-tags="feed, rss" />
|
||||
<glyph unicode="" d="M 512,382.791c-18.838-8.354-39.082-14.001-60.33-16.54c 21.686,13, 38.343,33.585, 46.186,58.115
|
||||
c-20.298-12.039-42.778-20.78-66.705-25.49c-19.16,20.415-46.461,33.17-76.673,33.17c-58.011,0-105.044-47.029-105.044-105.039
|
||||
c0-8.233, 0.929-16.25, 2.72-23.939c-87.3,4.382-164.701,46.2-216.509,109.753c-9.042-15.514-14.223-33.558-14.223-52.809
|
||||
c0-36.444, 18.544-68.596, 46.73-87.433c-17.219,0.546-33.416,5.271-47.577,13.139c-0.010-0.438-0.010-0.878-0.010-1.321
|
||||
c0-50.894, 36.209-93.348, 84.261-103c-8.813-2.4-18.094-3.686-27.674-3.686c-6.769,0-13.349,0.66-19.764,1.886
|
||||
c 13.368-41.73, 52.16-72.103, 98.126-72.948c-35.95-28.175-81.243-44.967-130.458-44.967c-8.479,0-16.84,0.497-25.058,1.47
|
||||
c 46.486-29.805, 101.701-47.197, 161.021-47.197c 193.211,0, 298.868,160.062, 298.868,298.872c0,4.554-0.103,9.084-0.305,13.59
|
||||
C 480.11,343.227, 497.918,361.727, 512,382.791z" data-tags="twitter, tweet, social" />
|
||||
<glyph unicode="" d="M 0.403,45.168c-0.122,1.266-0.226,2.535-0.292,3.815C 0.176,47.703, 0.281,46.434, 0.403,45.168zM 117.954,197.426c 46.005-1.369, 76.867,46.349, 68.931,106.599c-7.947,60.24-51.698,108.584-97.704,109.961
|
||||
c-46.013,1.365-76.87-44.741-68.926-105C 28.196,248.752, 71.931,198.799, 117.954,197.426zM 512,352L 512,394.655 C 512,441.595, 473.609,480, 426.671,480L 85.343,480 C 39.205,480, 1.337,442.884, 0.061,397.037
|
||||
c 29.181,25.693, 69.662,47.158, 111.437,47.158c 44.652,0, 178.622,0, 178.622,0l-39.974-33.809l-56.634,0
|
||||
c 37.565-14.402, 57.578-58.062, 57.578-102.861c0-37.624-20.905-69.977-50.444-92.984c-28.822-22.451-34.286-31.854-34.286-50.939
|
||||
c0-16.289, 30.873-44, 47.016-55.394c 47.191-33.269, 62.458-64.156, 62.458-115.728c0-8.214-1.021-16.415-3.033-24.48l 153.871,0
|
||||
C 473.609-32, 512,6.375, 512,53.345L 512,319.999 l-96,0 L 416,224 l-32,0 l0,96 l-95.999,0 l0,32 L 384,352 L 384,448 l 32,0 l0-96 L 512,352 zM 92.943,97.032c 10.807,0, 20.711,0.295, 30.968,0.295c-13.573,13.167-24.313,29.3-24.313,49.19
|
||||
c0,11.804, 3.782,23.168, 9.067,33.26c-5.391-0.385-10.895-0.497-16.563-0.497c-37.178,0-68.753,12.038-92.102,31.927l0-33.621
|
||||
l 0.003-100.865C 26.723,89.408, 58.447,97.032, 92.943,97.032zM 1.71,36.371c-0.556,2.729-0.983,5.503-1.271,8.317C 0.726,41.874, 1.154,39.1, 1.71,36.371zM 227.725,3.577c-7.529,29.403-34.227,43.982-71.444,69.784c-13.536,4.366-28.447,6.937-44.447,7.104
|
||||
c-44.809,0.482-86.554-17.471-110.108-44.186C 9.686-2.574, 44.243-32, 85.343-32l 143.222,0 c 0.908,5.564, 1.348,11.316, 1.348,17.216
|
||||
C 229.913-8.517, 229.146-2.388, 227.725,3.577z" data-tags="google plus, social" />
|
||||
<glyph unicode="" d="M 426.672,480L 85.342,480 C 38.406,480,0,441.593,0,394.656l0-341.313 C0,6.374, 38.406-32, 85.342-32l 341.33,0.001
|
||||
c 46.938,0, 85.328,38.373, 85.328,85.344L 512,394.656 C 512,441.593, 473.609,480, 426.672,480z M 435.296,224L 352,224 l0-224 l-96,0 L 256,224 l-46.263,0 l0,73.282 L 256,297.282
|
||||
l0,47.593 C 256,409.546, 283.896,448, 359.935,448l 87.622,0 l0-79.285 l-71.565,0 c-21.241,0.035-23.876-11.076-23.876-31.756L 352,297.282l 96,0
|
||||
L 435.296,224z" data-tags="facebook, social" />
|
||||
<glyph unicode="" d="M0,480 L0,377.6 L 307.2,377.6 L 307.2,480 L0,480 Z M0,480M0,275.2 L0,172.8 L 512,172.8 L 512,275.2 L0,275.2 Z M0,275.2M0,70.4 L0-32 L 204.8-32 L 204.8,70.4 L0,70.4 Z M0,70.4M 307.2,70.4 L 307.2-32 L 512-32 L 512,70.4 L 307.2,70.4 Z M 307.2,70.4M 409.6,480 L 409.6,377.6 L 512,377.6 L 512,480 L 409.6,480 Z M 409.6,480" data-tags="ghst" />
|
||||
<glyph unicode=" " horiz-adv-x="256" />
|
||||
</font></defs></svg>
|
||||
|
Before Width: | Height: | Size: 4.4 KiB |
|
|
@ -1,41 +0,0 @@
|
|||
<?xml version="1.0" standalone="no"?>
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
|
||||
<svg xmlns="http://www.w3.org/2000/svg">
|
||||
<metadata>
|
||||
This is a custom SVG font generated by IcoMoon.
|
||||
<iconset grid="16"></iconset>
|
||||
</metadata>
|
||||
<defs>
|
||||
<font id="icons" horiz-adv-x="512" >
|
||||
<font-face units-per-em="512" ascent="480" descent="-32" />
|
||||
<missing-glyph horiz-adv-x="512" />
|
||||
<glyph class="hidden" unicode="" d="M0,480L 512 -32L0 -32 z" horiz-adv-x="0" />
|
||||
<glyph unicode="" d="M 421.344-32C 420.944,197.616, 220.592,385.264,0,385.696L0,480 c 270.656,0, 512-230.304, 512-512L 421.344-32
|
||||
z M 343.6-31.968l-90.608,0 c 0.304,56.384-28.336,119.488-73.664,166.736C 134.256,182.4, 54.368,212.416, 0.224,212.128L 0.224,306.4
|
||||
C 169.264,302.752, 340.16,143.088, 343.6-31.968z M 64.256,96.048c 35.312,0, 63.936-28.656, 63.936-64c0-35.328-28.624-63.984-63.936-63.984
|
||||
S 0.32-3.28, 0.32,32.048C 0.32,67.392, 28.944,96.048, 64.256,96.048z" />
|
||||
<glyph unicode="" d="M 512,382.791c-18.838-8.354-39.082-14.001-60.33-16.54c 21.686,13, 38.343,33.585, 46.186,58.115
|
||||
c-20.298-12.039-42.778-20.78-66.705-25.49c-19.16,20.415-46.461,33.17-76.673,33.17c-58.011,0-105.044-47.029-105.044-105.039
|
||||
c0-8.233, 0.929-16.25, 2.72-23.939c-87.3,4.382-164.701,46.2-216.509,109.753c-9.042-15.514-14.223-33.558-14.223-52.809
|
||||
c0-36.444, 18.544-68.596, 46.73-87.433c-17.219,0.546-33.416,5.271-47.577,13.139c-0.010-0.438-0.010-0.878-0.010-1.321
|
||||
c0-50.894, 36.209-93.348, 84.261-103c-8.813-2.4-18.094-3.686-27.674-3.686c-6.769,0-13.349,0.66-19.764,1.886
|
||||
c 13.368-41.73, 52.16-72.103, 98.126-72.948c-35.95-28.175-81.243-44.967-130.458-44.967c-8.479,0-16.84,0.497-25.058,1.47
|
||||
c 46.486-29.805, 101.701-47.197, 161.021-47.197c 193.211,0, 298.868,160.062, 298.868,298.872c0,4.554-0.103,9.084-0.305,13.59
|
||||
C 480.11,343.227, 497.918,361.727, 512,382.791z" />
|
||||
<glyph unicode="" d="M 0.403,45.168c-0.122,1.266-0.226,2.535-0.292,3.815C 0.176,47.703, 0.281,46.434, 0.403,45.168zM 117.954,197.426c 46.005-1.369, 76.867,46.349, 68.931,106.599c-7.947,60.24-51.698,108.584-97.704,109.961
|
||||
c-46.013,1.365-76.87-44.741-68.926-105C 28.196,248.752, 71.931,198.799, 117.954,197.426zM 512,352L 512,394.655 C 512,441.595, 473.609,480, 426.671,480L 85.343,480 C 39.205,480, 1.337,442.884, 0.061,397.037
|
||||
c 29.181,25.693, 69.662,47.158, 111.437,47.158c 44.652,0, 178.622,0, 178.622,0l-39.974-33.809l-56.634,0
|
||||
c 37.565-14.402, 57.578-58.062, 57.578-102.861c0-37.624-20.905-69.977-50.444-92.984c-28.822-22.451-34.286-31.854-34.286-50.939
|
||||
c0-16.289, 30.873-44, 47.016-55.394c 47.191-33.269, 62.458-64.156, 62.458-115.728c0-8.214-1.021-16.415-3.033-24.48l 153.871,0
|
||||
C 473.609-32, 512,6.375, 512,53.345L 512,319.999 l-96,0 L 416,224 l-32,0 l0,96 l-95.999,0 l0,32 L 384,352 L 384,448 l 32,0 l0-96 L 512,352 zM 92.943,97.032c 10.807,0, 20.711,0.295, 30.968,0.295c-13.573,13.167-24.313,29.3-24.313,49.19
|
||||
c0,11.804, 3.782,23.168, 9.067,33.26c-5.391-0.385-10.895-0.497-16.563-0.497c-37.178,0-68.753,12.038-92.102,31.927l0-33.621
|
||||
l 0.003-100.865C 26.723,89.408, 58.447,97.032, 92.943,97.032zM 1.71,36.371c-0.556,2.729-0.983,5.503-1.271,8.317C 0.726,41.874, 1.154,39.1, 1.71,36.371zM 227.725,3.577c-7.529,29.403-34.227,43.982-71.444,69.784c-13.536,4.366-28.447,6.937-44.447,7.104
|
||||
c-44.809,0.482-86.554-17.471-110.108-44.186C 9.686-2.574, 44.243-32, 85.343-32l 143.222,0 c 0.908,5.564, 1.348,11.316, 1.348,17.216
|
||||
C 229.913-8.517, 229.146-2.388, 227.725,3.577z" />
|
||||
<glyph unicode="" d="M 426.672,480L 85.342,480 C 38.406,480,0,441.593,0,394.656l0-341.313 C0,6.374, 38.406-32, 85.342-32l 341.33,0.001
|
||||
c 46.938,0, 85.328,38.373, 85.328,85.344L 512,394.656 C 512,441.593, 473.609,480, 426.672,480z M 435.296,224L 352,224 l0-224 l-96,0 L 256,224 l-46.263,0 l0,73.282 L 256,297.282
|
||||
l0,47.593 C 256,409.546, 283.896,448, 359.935,448l 87.622,0 l0-79.285 l-71.565,0 c-21.241,0.035-23.876-11.076-23.876-31.756L 352,297.282l 96,0
|
||||
L 435.296,224z" />
|
||||
<glyph unicode="" d="M0,480 L0,377.6 L 307.2,377.6 L 307.2,480 L0,480 Z M0,480M0,275.2 L0,172.8 L 512,172.8 L 512,275.2 L0,275.2 Z M0,275.2M0,70.4 L0-32 L 204.8-32 L 204.8,70.4 L0,70.4 Z M0,70.4M 307.2,70.4 L 307.2-32 L 512-32 L 512,70.4 L 307.2,70.4 Z M 307.2,70.4M 409.6,480 L 409.6,377.6 L 512,377.6 L 512,480 L 409.6,480 Z M 409.6,480" />
|
||||
<glyph unicode=" " horiz-adv-x="256" />
|
||||
</font></defs></svg>
|
||||
|
Before Width: | Height: | Size: 4.3 KiB |
|
|
@ -1,15 +0,0 @@
|
|||
/**
|
||||
* Main JS file for Casper behaviours
|
||||
*/
|
||||
|
||||
/*globals jQuery, document */
|
||||
(function ($) {
|
||||
"use strict";
|
||||
|
||||
$(document).ready(function(){
|
||||
|
||||
$(".post-content").fitVids();
|
||||
|
||||
});
|
||||
|
||||
}(jQuery));
|
||||
File diff suppressed because one or more lines are too long
|
|
@ -1,74 +0,0 @@
|
|||
/*global jQuery */
|
||||
/*jshint multistr:true browser:true */
|
||||
/*!
|
||||
* FitVids 1.0.3
|
||||
*
|
||||
* Copyright 2013, Chris Coyier - http://css-tricks.com + Dave Rupert - http://daverupert.com
|
||||
* Credit to Thierry Koblentz - http://www.alistapart.com/articles/creating-intrinsic-ratios-for-video/
|
||||
* Released under the WTFPL license - http://sam.zoy.org/wtfpl/
|
||||
*
|
||||
* Date: Thu Sept 01 18:00:00 2011 -0500
|
||||
*/
|
||||
|
||||
(function( $ ){
|
||||
|
||||
"use strict";
|
||||
|
||||
$.fn.fitVids = function( options ) {
|
||||
var settings = {
|
||||
customSelector: null
|
||||
};
|
||||
|
||||
if(!document.getElementById('fit-vids-style')) {
|
||||
|
||||
var div = document.createElement('div'),
|
||||
ref = document.getElementsByTagName('base')[0] || document.getElementsByTagName('script')[0],
|
||||
cssStyles = '­<style>.fluid-width-video-wrapper{width:100%;position:relative;padding:0;}.fluid-width-video-wrapper iframe,.fluid-width-video-wrapper object,.fluid-width-video-wrapper embed {position:absolute;top:0;left:0;width:100%;height:100%;}</style>';
|
||||
|
||||
div.className = 'fit-vids-style';
|
||||
div.id = 'fit-vids-style';
|
||||
div.style.display = 'none';
|
||||
div.innerHTML = cssStyles;
|
||||
|
||||
ref.parentNode.insertBefore(div,ref);
|
||||
|
||||
}
|
||||
|
||||
if ( options ) {
|
||||
$.extend( settings, options );
|
||||
}
|
||||
|
||||
return this.each(function(){
|
||||
var selectors = [
|
||||
"iframe[src*='player.vimeo.com']",
|
||||
"iframe[src*='youtube.com']",
|
||||
"iframe[src*='youtube-nocookie.com']",
|
||||
"iframe[src*='kickstarter.com'][src*='video.html']",
|
||||
"object",
|
||||
"embed"
|
||||
];
|
||||
|
||||
if (settings.customSelector) {
|
||||
selectors.push(settings.customSelector);
|
||||
}
|
||||
|
||||
var $allVideos = $(this).find(selectors.join(','));
|
||||
$allVideos = $allVideos.not("object object"); // SwfObj conflict patch
|
||||
|
||||
$allVideos.each(function(){
|
||||
var $this = $(this);
|
||||
if (this.tagName.toLowerCase() === 'embed' && $this.parent('object').length || $this.parent('.fluid-width-video-wrapper').length) { return; }
|
||||
var height = ( this.tagName.toLowerCase() === 'object' || ($this.attr('height') && !isNaN(parseInt($this.attr('height'), 10))) ) ? parseInt($this.attr('height'), 10) : $this.height(),
|
||||
width = !isNaN(parseInt($this.attr('width'), 10)) ? parseInt($this.attr('width'), 10) : $this.width(),
|
||||
aspectRatio = height / width;
|
||||
if(!$this.attr('id')){
|
||||
var videoID = 'fitvid' + Math.floor(Math.random()*999999);
|
||||
$this.attr('id', videoID);
|
||||
}
|
||||
$this.wrap('<div class="fluid-width-video-wrapper"></div>').parent('.fluid-width-video-wrapper').css('padding-top', (aspectRatio * 100)+"%");
|
||||
$this.removeAttr('height').removeAttr('width');
|
||||
});
|
||||
});
|
||||
};
|
||||
// Works with either jQuery or Zepto
|
||||
})( window.jQuery || window.Zepto );
|
||||
|
|
@ -1,83 +0,0 @@
|
|||
@font-face {
|
||||
font-family: "DejaVu Sans";
|
||||
src: local("DejaVu Sans"), url(/fonts/DejaVuSans.ttf) format("truetype");
|
||||
}
|
||||
@font-face {
|
||||
font-family: "DejaVu Sans";
|
||||
src: local("DejaVu Sans"), url(/fonts/DejaVuSans-Bold.ttf) format("truetype");
|
||||
font-weight: bold;
|
||||
}
|
||||
@font-face {
|
||||
font-family: "DejaVu Sans";
|
||||
src: local("DejaVu Sans"), url(/fonts/DejaVuSans-Oblique.ttf) format("truetype");
|
||||
font-style: italic;
|
||||
}
|
||||
@font-face {
|
||||
font-family: "DejaVu Sans";
|
||||
src: local("DejaVu Sans"), url(/fonts/DejaVuSans-BoldOblique.ttf) format("truetype");
|
||||
font-weight: bold;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: "DejaVu Sans Mono";
|
||||
src: local("DejaVu Sans Mono"), url(/fonts/DejaVuSansMono.ttf) format("truetype");
|
||||
}
|
||||
@font-face {
|
||||
font-family: "DejaVu Sans Mono";
|
||||
src: local("DejaVu Sans Mono"), url(/fonts/DejaVuSansMono-Bold.ttf) format("truetype");
|
||||
font-weight: bold;
|
||||
}
|
||||
@font-face {
|
||||
font-family: "DejaVu Sans Mono";
|
||||
src: local("DejaVu Sans Mono"), url(/fonts/DejaVuSansMono-Oblique.ttf) format("truetype");
|
||||
font-style: italic;
|
||||
}
|
||||
@font-face {
|
||||
font-family: "DejaVu Sans Mono";
|
||||
src: local("DejaVu Sans Mono"), url(/fonts/DejaVuSansMono-BoldOblique.ttf) format("truetype");
|
||||
font-weight: bold;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: "DejaVu Serif";
|
||||
src: local("DejaVu Serif"), url(/fonts/DejaVuSerif.ttf) format("truetype");
|
||||
}
|
||||
@font-face {
|
||||
font-family: "DejaVu Serif";
|
||||
src: local("DejaVu Serif"), url(/fonts/DejaVuSerif-Bold.ttf) format("truetype");
|
||||
font-weight: bold;
|
||||
}
|
||||
@font-face {
|
||||
font-family: "DejaVu Serif";
|
||||
src: local("DejaVu Serif"), url(/fonts/DejaVuSerif-Italic.ttf) format("truetype");
|
||||
font-style: italic;
|
||||
}
|
||||
@font-face {
|
||||
font-family: "DejaVu Serif";
|
||||
src: local("DejaVu Serif"), url(/fonts/DejaVuSerif-BoldItalic.ttf) format("truetype");
|
||||
font-weight: bold;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: "DejaVu Serif Condensed";
|
||||
src: local("DejaVu Serif Condensed"), url(/fonts/DejaVuSerifCondensed.ttf) format("truetype");
|
||||
}
|
||||
@font-face {
|
||||
font-family: "DejaVu Serif Condensed";
|
||||
src: local("DejaVu Serif Condensed"), url(/fonts/DejaVuSerifCondensed-Bold.ttf) format("truetype");
|
||||
font-weight: bold;
|
||||
}
|
||||
@font-face {
|
||||
font-family: "DejaVu Serif Condensed";
|
||||
src: local("DejaVu Serif Condensed"), url(/fonts/DejaVuSerifCondensed-Italic.ttf) format("truetype");
|
||||
font-style: italic;
|
||||
}
|
||||
@font-face {
|
||||
font-family: "DejaVu Serif Condensed";
|
||||
src: local("DejaVu Serif Condensed"), url(/fonts/DejaVuSerifCondensed-BoldItalic.ttf) format("truetype");
|
||||
font-weight: bold;
|
||||
font-style: italic;
|
||||
}
|
||||
29
index.html
29
index.html
|
|
@ -1,28 +1,19 @@
|
|||
---
|
||||
layout: default
|
||||
title: Home
|
||||
cover: false
|
||||
about: 'about.html'
|
||||
---
|
||||
|
||||
<header class="site-head" {% if page.cover %} style="background-image: url({{ page.cover }})"{% endif %}>
|
||||
<div class="vertical">
|
||||
<div class="site-head-content" class="inner">
|
||||
{% if page.logo %}
|
||||
<a class="blog-logo" href="{{ site.baseurl }}">
|
||||
<img src="{{ page.logo }}" alt="Blog Logo" />
|
||||
</a>
|
||||
{% endif %}
|
||||
<h1 class="blog-title">{{ site.name }}</h1>
|
||||
<h2 class="blog-description">
|
||||
{{ site.description }}
|
||||
{% if page.about %} by <a href='{{ site.baseurl }}{{ page.about }}'>R. Tyler Croy</a> {% endif %}
|
||||
</h2>
|
||||
</div>
|
||||
</div>
|
||||
<header class="masthead">
|
||||
<h1 class="masthead-title">
|
||||
<a href="{{ site.baseurl }}/">{{ site.name }}<span>'s blog</span></a>
|
||||
</h1>
|
||||
<nav class="masthead-nav">
|
||||
{% for nav in site.nav %}
|
||||
<a href="{{ nav.href }}">{{ nav.name }}</a>
|
||||
{% endfor %}
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<main class="content" role="main">
|
||||
<main class="content list" role="main">
|
||||
|
||||
{% for post in paginator.posts %}
|
||||
|
||||
|
|
|
|||
|
|
@ -1,70 +0,0 @@
|
|||
document.observe("dom:loaded", function() {
|
||||
var search_field = $('search');
|
||||
var search_label = $$('#search_area label').first();
|
||||
var clear_search = $$('#search_area img').first();
|
||||
var tweets = $('tweets');
|
||||
var body = $$('body').first();
|
||||
var json_search = new JSONSearch({
|
||||
fields: {
|
||||
title: 'infix',
|
||||
summary: 'word_prefix',
|
||||
content: 'word_prefix'
|
||||
},
|
||||
ranks: {
|
||||
title: 3,
|
||||
summary: 2,
|
||||
content: 1
|
||||
}
|
||||
});
|
||||
|
||||
var search = function(e) {
|
||||
if (e && e.keyCode == 27) {
|
||||
clear();
|
||||
}
|
||||
var query = search_field.value;
|
||||
var results;
|
||||
if (query.blank()) {
|
||||
results = posts;
|
||||
} else {
|
||||
results = json_search.getResults(query, posts);
|
||||
}
|
||||
|
||||
if (!query.blank()) {
|
||||
body.addClassName('searching');
|
||||
search_label.hide();
|
||||
} else {
|
||||
body.removeClassName('searching');
|
||||
}
|
||||
$('result_count').update('(' + results.length + ')');
|
||||
|
||||
$('search_results').update(results.collect(function(post) {
|
||||
return('<li><a href="' + post.url + '">' + post.title + '</a><p>' + post.summary + '</p></li>');
|
||||
}).join(''));
|
||||
};
|
||||
|
||||
if (search_field.value.blank()) {
|
||||
search_label.show();
|
||||
}
|
||||
|
||||
search_field.observe('keyup', search);
|
||||
|
||||
search_field.observe('focus', function(e) {
|
||||
search_label.hide();
|
||||
});
|
||||
|
||||
search_field.observe('blur', function(e) {
|
||||
if (search_field.value.blank()) {
|
||||
search_label.show();
|
||||
}
|
||||
});
|
||||
|
||||
var clear = function() {
|
||||
search_field.value = '';
|
||||
search_label.show();
|
||||
search();
|
||||
search_field.blur();
|
||||
}
|
||||
clear_search.observe('click', clear);
|
||||
search();
|
||||
});
|
||||
$('search_area').show();
|
||||
|
|
@ -1,182 +0,0 @@
|
|||
var JSONSearch = function(options) {
|
||||
|
||||
this.default_options = {
|
||||
fields: {},
|
||||
ranks: {},
|
||||
limit: null,
|
||||
offset: 0,
|
||||
case_sensitive: false
|
||||
};
|
||||
|
||||
this.patterns = {
|
||||
infix: '.*$token.*',
|
||||
prefix: '^$token.*',
|
||||
exact: '^$token$',
|
||||
word: '\\b$token\\b',
|
||||
word_prefix: '\\b$token.*'
|
||||
};
|
||||
|
||||
this.query_string = '';
|
||||
this.query_function = "1&&function(object) { var hits = 0, ranks_array = []; #{query_string} if (hits > 0) { return [(ranks_array.sort()[ranks_array.length - 1] || 0), hits, object]; } }";
|
||||
|
||||
this.initialize(options);
|
||||
};
|
||||
|
||||
JSONSearch.InstanceMethods = {
|
||||
initialize: function(options) {
|
||||
this.options = {};
|
||||
for(var property in this.default_options) {
|
||||
this.options[property] = this.default_options[property]
|
||||
};
|
||||
for(var property in options) {
|
||||
this.options[property] = options[property];
|
||||
}
|
||||
this.setAttributes(options);
|
||||
this.buildMatcherTemplates();
|
||||
this.buildQueryString();
|
||||
},
|
||||
|
||||
setAttributes: function() {
|
||||
var args = ['fields', 'limit', 'offset', 'case_sensitive'];
|
||||
for(var i = 0; i < args.length; i++) {
|
||||
this[args[i]] = this.options[args[i]];
|
||||
};
|
||||
this.ranks = this.getRanks();
|
||||
this.fields_ordered_by_rank = this.fieldsOrderedByRank();
|
||||
},
|
||||
|
||||
buildMatcherTemplates: function() {
|
||||
for(var property in this.patterns) {
|
||||
this[property + '_matcher'] = 'if(/' + this.patterns[property] + '/#{regex_options}.test(object["#{name}"])){hits++;ranks_array.push(ranks["#{name}"]);}';
|
||||
};
|
||||
},
|
||||
|
||||
getRanks: function(object) {
|
||||
var ranks = {};
|
||||
for(var property in this.fields) {
|
||||
ranks[property] = (this.options.ranks && this.options.ranks[property] || 0);
|
||||
};
|
||||
return ranks;
|
||||
},
|
||||
|
||||
// TODO if ranks are all 0 might just use the format order if supplied
|
||||
fieldsOrderedByRank: function() {
|
||||
var fields_ordered_by_rank = [];
|
||||
for(var property in this.ranks){
|
||||
fields_ordered_by_rank.push([this.ranks['property'], property]);
|
||||
};
|
||||
fields_ordered_by_rank = fields_ordered_by_rank.sort().reverse();
|
||||
for(var i = 0; i < fields_ordered_by_rank.length; i++) {
|
||||
fields_ordered_by_rank[i] = fields_ordered_by_rank[i][1];
|
||||
}
|
||||
return fields_ordered_by_rank;
|
||||
},
|
||||
|
||||
buildQueryString: function() {
|
||||
var query_string_array = [], field;
|
||||
for(var i = 0; i < this.fields_ordered_by_rank.length; i++) {
|
||||
field = this.fields_ordered_by_rank[i];
|
||||
query_string_array.push(this.buildMatcher(field, this.fields[field]));
|
||||
}
|
||||
this.query_string = query_string_array.join('');
|
||||
},
|
||||
|
||||
buildMatcher: function(name, pattern) {
|
||||
return this.subMatcher(this[pattern + '_matcher'], { name: name, regex_options: this.getRegexOptions() });
|
||||
},
|
||||
|
||||
subMatcher: function(matcher, object) {
|
||||
var subbed_matcher = matcher;
|
||||
for(var property in object) {
|
||||
subbed_matcher = subbed_matcher.replace('#{' + property + '}', object[property], 'g')
|
||||
}
|
||||
return subbed_matcher;
|
||||
},
|
||||
|
||||
subQueryString: function(token) {
|
||||
return this.query_string.replace(/\$token/g, this.regexEscape(token));
|
||||
},
|
||||
|
||||
subQueryFunction: function(object) {
|
||||
var subbed_query_function;
|
||||
for(var property in object) {
|
||||
subbed_query_function = this.query_function.replace('#{' + property + '}', object[property], 'g')
|
||||
}
|
||||
return subbed_query_function;
|
||||
},
|
||||
|
||||
//TODO add an options object to pass limit/offset.
|
||||
getResults: function(token, object) {
|
||||
object = this.evalJSON(object);
|
||||
if (!(object instanceof Array)) {
|
||||
object = [object];
|
||||
}
|
||||
var results, subbed_query_string = this.subQueryString(token);
|
||||
results = this.getFilteredResults(subbed_query_string, object);
|
||||
results = this.sortResults(results);
|
||||
results = this.limitResults(results);
|
||||
return this.cleanResults(results);
|
||||
},
|
||||
|
||||
getFilteredResults: function(query_string, array) {
|
||||
var results = [], ranks = this.ranks, result, len = (array.length), query_string = (query_string || '');
|
||||
var query_function = eval(this.subQueryFunction({ query_string: query_string }));
|
||||
|
||||
for(var i = 0; i < len; ++i) {
|
||||
if(result = query_function(array[i])) {
|
||||
results.push(result);
|
||||
}
|
||||
}
|
||||
return results;
|
||||
},
|
||||
|
||||
sortResults: function(results) {
|
||||
return results.sort().reverse();
|
||||
},
|
||||
|
||||
limitResults: function(results) {
|
||||
if (this.limit) {
|
||||
return results.slice(this.offset, (this.limit + this.offset));
|
||||
} else if (this.offset > 0) {
|
||||
return results.slice(this.offset, (results.length));
|
||||
} else {
|
||||
return results;
|
||||
}
|
||||
},
|
||||
|
||||
cleanResults: function(results) {
|
||||
var clean_results = []; len = (results.length);
|
||||
for(var i = 0; i < len; ++i) {
|
||||
clean_results.push(results[i][2]);
|
||||
}
|
||||
return clean_results;
|
||||
},
|
||||
|
||||
evalJSON: function(json) {
|
||||
if (typeof json == 'string') {
|
||||
try {
|
||||
json = eval('(' + json + ')');
|
||||
} catch(e) {
|
||||
throw new SyntaxError('Badly formed JSON string');
|
||||
}
|
||||
}
|
||||
return json;
|
||||
},
|
||||
|
||||
getRegex: function(token, pattern) {
|
||||
return new RegExp(this.patterns[pattern].replace(/\$token/, this.regexEscape(token)), this.getRegexOptions());
|
||||
},
|
||||
|
||||
getRegexOptions: function() {
|
||||
return (this.case_sensitive && '' || 'i');
|
||||
},
|
||||
|
||||
regexEscape: function(string) {
|
||||
return String(string).replace(/([.*+?^=!:${}()|[\]\/\\])/g, '\\$1');
|
||||
}
|
||||
}
|
||||
|
||||
for(var property in JSONSearch.InstanceMethods) {
|
||||
JSONSearch.prototype[property] = JSONSearch.InstanceMethods[property]
|
||||
}
|
||||
delete JSONSearch.InstanceMethods;
|
||||
|
|
@ -1,307 +0,0 @@
|
|||
/**
|
||||
* remy sharp / http://remysharp.com
|
||||
* http://remysharp.com/2007/05/18/add-twitter-to-your-blog-step-by-step/
|
||||
*
|
||||
* @params
|
||||
* cssIdOfContainer: e.g. twitters
|
||||
* options:
|
||||
* {
|
||||
* id: {String} username,
|
||||
* count: {Int} 1-20, defaults to 1 - max limit 20
|
||||
* prefix: {String} '%name% said', defaults to blank
|
||||
* clearContents: {Boolean} true, removes contents of element specified in cssIdOfContainer, defaults to true
|
||||
* ignoreReplies: {Boolean}, skips over tweets starting with '@', defaults to false
|
||||
* template: {String} HTML template to use for LI element (see URL above for examples), defaults to predefined template
|
||||
* enableLinks: {Boolean} linkifies text, defaults to true,
|
||||
* timeout: {Int} How long before triggering onTimeout, defaults to 10 seconds if onTimeout is set
|
||||
* onTimeoutCancel: {Boolean} Completely cancel twitter call if timedout, defaults to false
|
||||
* onTimeout: {Function} Function to run when the timeout occurs. Function is bound to element specified with
|
||||
* cssIdOfContainer (i.e. 'this' keyword)
|
||||
*
|
||||
* CURRENTLY DISABLED DUE TO CHANGE IN TWITTER API:
|
||||
* withFriends: {Boolean} includes friend's status
|
||||
*
|
||||
* }
|
||||
*
|
||||
* @license MIT (MIT-LICENSE.txt)
|
||||
* @version 1.11 - Added timeout functionality, and removed withFriends while Twitter works out API changes
|
||||
* @date $Date: 2008-10-16 18:49:40 +0100 (Thu, 16 Oct 2008) $
|
||||
*/
|
||||
|
||||
// to protect variables from resetting if included more than once
|
||||
if (typeof renderTwitters != 'function') (function () {
|
||||
/** Private variables */
|
||||
var browser = (function() {
|
||||
var b = navigator.userAgent.toLowerCase();
|
||||
|
||||
// Figure out what browser is being used
|
||||
return {
|
||||
safari: /webkit/.test(b),
|
||||
opera: /opera/.test(b),
|
||||
msie: /msie/.test(b) && !(/opera/).test(b),
|
||||
mozilla: /mozilla/.test(b) && !(/(compatible|webkit)/).test(b)
|
||||
};
|
||||
})();
|
||||
|
||||
var guid = 0;
|
||||
var readyList = [];
|
||||
var isReady = false;
|
||||
|
||||
/** Global functions */
|
||||
|
||||
// to create a public function within our private scope, we attach the
|
||||
// the function to the window object
|
||||
window.renderTwitters = function (obj, options) {
|
||||
// private shortcuts
|
||||
function node(e) {
|
||||
return document.createElement(e);
|
||||
}
|
||||
|
||||
function text(t) {
|
||||
return document.createTextNode(t);
|
||||
}
|
||||
|
||||
var target = document.getElementById(options.twitterTarget);
|
||||
var data = null;
|
||||
var ul = node('ul'), li, statusSpan, timeSpan, i, max = obj.length > options.count ? options.count : obj.length;
|
||||
|
||||
for (i = 0; i < max && obj[i]; i++) {
|
||||
data = getTwitterData(obj[i]);
|
||||
|
||||
if (options.ignoreReplies && obj[i].text.substr(0, 1) == '@') {
|
||||
max++;
|
||||
continue; // skip
|
||||
}
|
||||
|
||||
li = node('li');
|
||||
|
||||
if (options.template) {
|
||||
li.innerHTML = options.template.replace(/%([a-z_\-\.]*)%/ig, function (m, l) {
|
||||
var r = data[l] + "" || "";
|
||||
if (l == 'text' && options.enableLinks) r = linkify(r);
|
||||
return r;
|
||||
});
|
||||
} else {
|
||||
statusSpan = node('span');
|
||||
statusSpan.className = 'twitterStatus';
|
||||
timeSpan = node('span');
|
||||
timeSpan.className = 'twitterTime';
|
||||
statusSpan.innerHTML = obj[i].text; // forces the entities to be converted correctly
|
||||
|
||||
if (options.enableLinks == true) {
|
||||
statusSpan.innerHTML = linkify(statusSpan.innerHTML);
|
||||
}
|
||||
|
||||
timeSpan.innerHTML = relative_time(obj[i].created_at);
|
||||
|
||||
if (options.prefix) {
|
||||
var s = node('span');
|
||||
s.className = 'twitterPrefix';
|
||||
s.innerHTML = options.prefix.replace(/%(.*?)%/g, function (m, l) {
|
||||
return obj[i].user[l];
|
||||
});
|
||||
li.appendChild(s);
|
||||
li.appendChild(text(' ')); // spacer :-(
|
||||
}
|
||||
|
||||
li.appendChild(statusSpan);
|
||||
li.appendChild(text(' '));
|
||||
li.appendChild(timeSpan);
|
||||
}
|
||||
|
||||
ul.appendChild(li);
|
||||
}
|
||||
|
||||
if (options.clearContents) {
|
||||
while (target.firstChild) {
|
||||
target.removeChild(target.firstChild);
|
||||
}
|
||||
}
|
||||
|
||||
target.appendChild(ul);
|
||||
};
|
||||
|
||||
window.getTwitters = function (target, id, count, options) {
|
||||
guid++;
|
||||
|
||||
|
||||
if (typeof id == 'object') {
|
||||
options = id;
|
||||
id = options.id;
|
||||
count = options.count;
|
||||
}
|
||||
|
||||
// defaulting options
|
||||
if (!count) count = 1;
|
||||
|
||||
if (options) {
|
||||
options.count = count;
|
||||
} else {
|
||||
options = {};
|
||||
}
|
||||
|
||||
if (!options.timeout && typeof options.onTimeout == 'function') {
|
||||
options.timeout = 10;
|
||||
}
|
||||
|
||||
if (typeof options.clearContents == 'undefined') {
|
||||
options.clearContents = true;
|
||||
}
|
||||
|
||||
// Hack to disable withFriends, twitter changed their API so this requires auth
|
||||
// http://getsatisfaction.com/twitter/topics/friends_timeline_api_call_suddenly_requires_auth
|
||||
if (options.withFriends) options.withFriends = false;
|
||||
|
||||
// need to make these global since we can't pass in to the twitter callback
|
||||
options['twitterTarget'] = target;
|
||||
|
||||
// default enable links
|
||||
if (typeof options.enableLinks == 'undefined') options.enableLinks = true;
|
||||
|
||||
// this looks scary, but it actually allows us to have more than one twitter
|
||||
// status on the page, which in the case of my example blog - I do!
|
||||
window['twitterCallback' + guid] = function (obj) {
|
||||
if (options.timeout) {
|
||||
clearTimeout(window['twitterTimeout' + guid]);
|
||||
}
|
||||
renderTwitters(obj, options);
|
||||
};
|
||||
|
||||
// check out the mad currying!
|
||||
ready((function(options, guid) {
|
||||
return function () {
|
||||
// if the element isn't on the DOM, don't bother
|
||||
if (!document.getElementById(options.twitterTarget)) {
|
||||
return;
|
||||
}
|
||||
|
||||
var url = 'http://www.twitter.com/statuses/' + (options.withFriends ? 'friends_timeline' : 'user_timeline') + '/' + id + '.json?callback=twitterCallback' + guid + '&count=20';
|
||||
|
||||
if (options.timeout) {
|
||||
window['twitterTimeout' + guid] = setTimeout(function () {
|
||||
// cancel callback
|
||||
if (options.onTimeoutCancel) window['twitterCallback' + guid] = function () {};
|
||||
options.onTimeout.call(document.getElementById(options.twitterTarget));
|
||||
}, options.timeout * 1000);
|
||||
}
|
||||
|
||||
var script = document.createElement('script');
|
||||
script.setAttribute('src', url);
|
||||
document.getElementsByTagName('head')[0].appendChild(script);
|
||||
};
|
||||
})(options, guid));
|
||||
};
|
||||
|
||||
// GO!
|
||||
DOMReady();
|
||||
|
||||
|
||||
/** Private functions */
|
||||
|
||||
function getTwitterData(orig) {
|
||||
var data = orig, i;
|
||||
for (i in orig.user) {
|
||||
data['user_' + i] = orig.user[i];
|
||||
}
|
||||
|
||||
data.time = relative_time(orig.created_at);
|
||||
|
||||
return data;
|
||||
}
|
||||
|
||||
function ready(callback) {
|
||||
if (!isReady) {
|
||||
readyList.push(callback);
|
||||
} else {
|
||||
callback.call();
|
||||
}
|
||||
}
|
||||
|
||||
function fireReady() {
|
||||
isReady = true;
|
||||
var fn;
|
||||
while (fn = readyList.shift()) {
|
||||
fn.call();
|
||||
}
|
||||
}
|
||||
|
||||
// ready and browser adapted from John Resig's jQuery library (http://jquery.com)
|
||||
function DOMReady() {
|
||||
if ( browser.mozilla || browser.opera ) {
|
||||
document.addEventListener( "DOMContentLoaded", fireReady, false );
|
||||
} else if ( browser.msie ) {
|
||||
// If IE is used, use the excellent hack by Matthias Miller
|
||||
// http://www.outofhanwell.com/blog/index.php?title=the_window_onload_problem_revisited
|
||||
|
||||
// Only works if you document.write() it
|
||||
document.write("<scr" + "ipt id=__ie_init defer=true src=//:><\/script>");
|
||||
|
||||
// Use the defer script hack
|
||||
var script = document.getElementById("__ie_init");
|
||||
|
||||
// script does not exist if jQuery is loaded dynamically
|
||||
if (script) {
|
||||
script.onreadystatechange = function() {
|
||||
if ( this.readyState != "complete" ) return;
|
||||
this.parentNode.removeChild( this );
|
||||
fireReady.call();
|
||||
};
|
||||
}
|
||||
|
||||
// Clear from memory
|
||||
script = null;
|
||||
|
||||
// If Safari is used
|
||||
} else if ( browser.safari ) {
|
||||
// Continually check to see if the document.readyState is valid
|
||||
var safariTimer = setInterval(function () {
|
||||
// loaded and complete are both valid states
|
||||
if ( document.readyState == "loaded" ||
|
||||
document.readyState == "complete" ) {
|
||||
|
||||
// If either one are found, remove the timer
|
||||
clearInterval( safariTimer );
|
||||
safariTimer = null;
|
||||
// and execute any waiting functions
|
||||
fireReady.call();
|
||||
}
|
||||
}, 10);
|
||||
}
|
||||
}
|
||||
|
||||
function relative_time(time_value) {
|
||||
var values = time_value.split(" ");
|
||||
time_value = values[1] + " " + values[2] + ", " + values[5] + " " + values[3];
|
||||
var parsed_date = Date.parse(time_value);
|
||||
var relative_to = (arguments.length > 1) ? arguments[1] : new Date();
|
||||
var delta = parseInt((relative_to.getTime() - parsed_date) / 1000);
|
||||
delta = delta + (relative_to.getTimezoneOffset() * 60);
|
||||
|
||||
var r = '';
|
||||
if (delta < 60) {
|
||||
r = 'less than a minute ago';
|
||||
} else if(delta < 120) {
|
||||
r = 'about a minute ago';
|
||||
} else if(delta < (45*60)) {
|
||||
r = (parseInt(delta / 60)).toString() + ' minutes ago';
|
||||
} else if(delta < (2*90*60)) { // 2* because sometimes read 1 hours ago
|
||||
r = 'about an hour ago';
|
||||
} else if(delta < (24*60*60)) {
|
||||
r = 'about ' + (parseInt(delta / 3600)).toString() + ' hours ago';
|
||||
} else if(delta < (48*60*60)) {
|
||||
r = '1 day ago';
|
||||
} else {
|
||||
r = (parseInt(delta / 86400)).toString() + ' days ago';
|
||||
}
|
||||
|
||||
return r;
|
||||
}
|
||||
|
||||
function linkify(s) {
|
||||
return s.replace(/[A-Za-z]+:\/\/[A-Za-z0-9-_]+\.[A-Za-z0-9-_:%&\?\/.=]+/g, function(m) {
|
||||
return m.link(m);
|
||||
}).replace(/@[\S]+/g, function(m) {
|
||||
return '<a href="http://twitter.com/' + m.substr(1) + '">' + m + '</a>';
|
||||
});
|
||||
}
|
||||
})();
|
||||
|
|
@ -0,0 +1,435 @@
|
|||
---
|
||||
---
|
||||
|
||||
* {
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
html,
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
html {
|
||||
font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||
font-size: 18px;
|
||||
font-weight: 300;
|
||||
line-height: 1.6;
|
||||
|
||||
@media (min-width: 38em) {
|
||||
font-size: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
body {
|
||||
color: #515151;
|
||||
background-color: #fff;
|
||||
-webkit-text-size-adjust: 100%;
|
||||
-ms-text-size-adjust: 100%;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #268bd2;
|
||||
text-decoration: none;
|
||||
|
||||
&:hover,
|
||||
&:focus {
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
margin-top: 0;
|
||||
margin-bottom: .5rem;
|
||||
font-weight: 600;
|
||||
line-height: 1.1;
|
||||
color: #333;
|
||||
letter-spacing: -.025rem;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 2rem;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 1.6rem;
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-size: 1.3rem;
|
||||
}
|
||||
|
||||
h4, h5, h6 {
|
||||
font-size: 1rem;
|
||||
}
|
||||
|
||||
p {
|
||||
margin: 0 0 1rem;
|
||||
}
|
||||
|
||||
ul, ol, dl {
|
||||
margin-top: 0;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
dt {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
dd {
|
||||
margin-bottom: .5rem;
|
||||
}
|
||||
|
||||
ul {
|
||||
list-style: inside circle;
|
||||
padding-left: 0;
|
||||
|
||||
li {
|
||||
margin-bottom: .25rem;
|
||||
}
|
||||
|
||||
ul,
|
||||
ol {
|
||||
margin-top: .25rem;
|
||||
margin-bottom: .5rem;
|
||||
}
|
||||
}
|
||||
|
||||
ol {
|
||||
list-style: inside decimal;
|
||||
padding-left: 0;
|
||||
|
||||
li {
|
||||
margin-bottom: .25rem;
|
||||
}
|
||||
|
||||
ul,
|
||||
ol {
|
||||
margin-top: .25rem;
|
||||
margin-bottom: .5rem;
|
||||
}
|
||||
}
|
||||
|
||||
p + h1,
|
||||
p + h2,
|
||||
p + h3,
|
||||
ul + h1,
|
||||
ul + h2,
|
||||
ul + h3,
|
||||
ol + h1,
|
||||
ol + h2,
|
||||
ol + h3 {
|
||||
margin-top: 1.5rem;
|
||||
}
|
||||
|
||||
hr {
|
||||
border: 0;
|
||||
border-top: .5px solid #eee;
|
||||
border-bottom: .5px solid #eee;
|
||||
margin: 1.5rem auto;
|
||||
}
|
||||
|
||||
strong {
|
||||
color: #333;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
abbr {
|
||||
font-size: 85%;
|
||||
font-weight: bold;
|
||||
color: #555;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
abbr[title] {
|
||||
cursor: help;
|
||||
border-bottom: 1px dotted #e5e5e5;
|
||||
}
|
||||
|
||||
blockquote {
|
||||
padding: 0 0 0 1.5rem;
|
||||
margin: 0 2rem 1rem 0;
|
||||
color: #999;
|
||||
border-left: .5rem solid #e5e5e5;
|
||||
|
||||
p:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
code,
|
||||
pre {
|
||||
font-family: Menlo, Monaco, "Courier New", monospace;
|
||||
}
|
||||
|
||||
code {
|
||||
padding: .25em .5em;
|
||||
font-size: 85%;
|
||||
color: #bf616a;
|
||||
background-color: #f9f9f9;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
pre {
|
||||
display: block;
|
||||
margin-top: 0;
|
||||
margin-bottom: 1rem;
|
||||
padding: 1rem;
|
||||
font-size: .8rem;
|
||||
line-height: 1.4;
|
||||
white-space: pre;
|
||||
white-space: pre-wrap;
|
||||
word-break: break-all;
|
||||
// word-wrap: break-word;
|
||||
background-color: #f9f9f9;
|
||||
}
|
||||
|
||||
pre code {
|
||||
padding: 0;
|
||||
font-size: 100%;
|
||||
color: inherit;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.highlight {
|
||||
margin-bottom: 1rem;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.highlight pre {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.gist .gist-file {
|
||||
font-family: Menlo, Monaco, "Courier New", monospace !important;
|
||||
}
|
||||
|
||||
.gist .markdown-body {
|
||||
padding: 15px;
|
||||
}
|
||||
|
||||
.gist pre {
|
||||
padding: 0;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.gist .gist-file .gist-data {
|
||||
font-size: .8rem !important;
|
||||
line-height: 1.4;
|
||||
}
|
||||
|
||||
.gist code {
|
||||
padding: 0;
|
||||
color: inherit;
|
||||
background-color: transparent;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
img {
|
||||
display: block;
|
||||
max-width: 100%;
|
||||
margin: 0 0 1rem;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
table {
|
||||
margin-bottom: 1rem;
|
||||
width: 100%;
|
||||
border: 1px solid #e5e5e5;
|
||||
border-collapse: collapse;
|
||||
}
|
||||
|
||||
td,
|
||||
th {
|
||||
padding: .25rem .5rem;
|
||||
border: 1px solid #e5e5e5;
|
||||
}
|
||||
|
||||
tbody tr:nth-child(odd) td,
|
||||
tbody tr:nth-child(odd) th {
|
||||
background-color: #f9f9f9;
|
||||
}
|
||||
|
||||
.lead {
|
||||
font-size: 1.25rem;
|
||||
}
|
||||
|
||||
.container {
|
||||
max-width: 38rem;
|
||||
padding: 2rem 1.5rem;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
|
||||
@media (min-width: 38rem){
|
||||
padding: 5rem 1rem;
|
||||
}
|
||||
}
|
||||
|
||||
.masthead {
|
||||
|
||||
&-title {
|
||||
font-weight: 300;
|
||||
|
||||
a {
|
||||
color: #333;
|
||||
|
||||
&:hover,
|
||||
&:focus {
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
|
||||
span {
|
||||
color: #ddd;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
&-title--small {
|
||||
margin-bottom: .75rem;
|
||||
font-size: .75rem;
|
||||
font-weight: 600;
|
||||
text-transform: uppercase;
|
||||
|
||||
a {
|
||||
color: #333;
|
||||
|
||||
&:hover,
|
||||
&:focus {
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.masthead-nav {
|
||||
margin-bottom: 2rem;
|
||||
|
||||
a {
|
||||
color: #aaa;
|
||||
font-weight: 300;
|
||||
text-transform: lowercase;
|
||||
-webkit-transition: all .2s ease;
|
||||
-moz-transition: all .2s ease;
|
||||
transition: all .2s ease;
|
||||
|
||||
&:hover,
|
||||
&:focus {
|
||||
color: #333;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
+ a {
|
||||
margin-left: .25rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.page {
|
||||
&-title {
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
}
|
||||
|
||||
.post {
|
||||
&-title {
|
||||
margin-bottom: .25rem;
|
||||
}
|
||||
&-date {
|
||||
margin-bottom: 2rem;
|
||||
font-size: .75rem;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
}
|
||||
|
||||
.list {
|
||||
&-post-title {
|
||||
margin-bottom: .25rem;
|
||||
|
||||
a {
|
||||
color: #333;
|
||||
|
||||
&:hover,
|
||||
&:focus {
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
&-post-date {
|
||||
margin-bottom: 1rem;
|
||||
font-size: .75rem;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
}
|
||||
|
||||
.projects-list {
|
||||
a {
|
||||
color: #333;
|
||||
}
|
||||
}
|
||||
|
||||
.highlight .hll { background-color: #ffffcc }
|
||||
.highlight .c { color: #999988; font-style: italic } /* Comment */
|
||||
.highlight .err { color: #a61717; background-color: #e3d2d2 } /* Error */
|
||||
.highlight .k { color: #000000; font-weight: bold } /* Keyword */
|
||||
.highlight .o { color: #000000; font-weight: bold } /* Operator */
|
||||
.highlight .cm { color: #999988; font-style: italic } /* Comment.Multiline */
|
||||
.highlight .cp { color: #999999; font-weight: bold; font-style: italic } /* Comment.Preproc */
|
||||
.highlight .c1 { color: #999988; font-style: italic } /* Comment.Single */
|
||||
.highlight .cs { color: #999999; font-weight: bold; font-style: italic } /* Comment.Special */
|
||||
.highlight .gd { color: #000000; background-color: #ffdddd } /* Generic.Deleted */
|
||||
.highlight .ge { color: #000000; font-style: italic } /* Generic.Emph */
|
||||
.highlight .gr { color: #aa0000 } /* Generic.Error */
|
||||
.highlight .gh { color: #999999 } /* Generic.Heading */
|
||||
.highlight .gi { color: #000000; background-color: #ddffdd } /* Generic.Inserted */
|
||||
.highlight .go { color: #888888 } /* Generic.Output */
|
||||
.highlight .gp { color: #555555 } /* Generic.Prompt */
|
||||
.highlight .gs { font-weight: bold } /* Generic.Strong */
|
||||
.highlight .gu { color: #aaaaaa } /* Generic.Subheading */
|
||||
.highlight .gt { color: #aa0000 } /* Generic.Traceback */
|
||||
.highlight .kc { color: #000000; font-weight: bold } /* Keyword.Constant */
|
||||
.highlight .kd { color: #000000; font-weight: bold } /* Keyword.Declaration */
|
||||
.highlight .kn { color: #000000; font-weight: bold } /* Keyword.Namespace */
|
||||
.highlight .kp { color: #000000; font-weight: bold } /* Keyword.Pseudo */
|
||||
.highlight .kr { color: #000000; font-weight: bold } /* Keyword.Reserved */
|
||||
.highlight .kt { color: #445588; font-weight: bold } /* Keyword.Type */
|
||||
.highlight .m { color: #009999 } /* Literal.Number */
|
||||
.highlight .s { color: #d01040 } /* Literal.String */
|
||||
.highlight .na { color: #008080 } /* Name.Attribute */
|
||||
.highlight .nb { color: #0086B3 } /* Name.Builtin */
|
||||
.highlight .nc { color: #445588; font-weight: bold } /* Name.Class */
|
||||
.highlight .no { color: #008080 } /* Name.Constant */
|
||||
.highlight .nd { color: #3c5d5d; font-weight: bold } /* Name.Decorator */
|
||||
.highlight .ni { color: #800080 } /* Name.Entity */
|
||||
.highlight .ne { color: #990000; font-weight: bold } /* Name.Exception */
|
||||
.highlight .nf { color: #990000; font-weight: bold } /* Name.Function */
|
||||
.highlight .nl { color: #990000; font-weight: bold } /* Name.Label */
|
||||
.highlight .nn { color: #555555 } /* Name.Namespace */
|
||||
.highlight .nt { color: #000080 } /* Name.Tag */
|
||||
.highlight .nv { color: #008080 } /* Name.Variable */
|
||||
.highlight .ow { color: #000000; font-weight: bold } /* Operator.Word */
|
||||
.highlight .w { color: #bbbbbb } /* Text.Whitespace */
|
||||
.highlight .mf { color: #009999 } /* Literal.Number.Float */
|
||||
.highlight .mh { color: #009999 } /* Literal.Number.Hex */
|
||||
.highlight .mi { color: #009999 } /* Literal.Number.Integer */
|
||||
.highlight .mo { color: #009999 } /* Literal.Number.Oct */
|
||||
.highlight .sb { color: #d01040 } /* Literal.String.Backtick */
|
||||
.highlight .sc { color: #d01040 } /* Literal.String.Char */
|
||||
.highlight .sd { color: #d01040 } /* Literal.String.Doc */
|
||||
.highlight .s2 { color: #d01040 } /* Literal.String.Double */
|
||||
.highlight .se { color: #d01040 } /* Literal.String.Escape */
|
||||
.highlight .sh { color: #d01040 } /* Literal.String.Heredoc */
|
||||
.highlight .si { color: #d01040 } /* Literal.String.Interpol */
|
||||
.highlight .sx { color: #d01040 } /* Literal.String.Other */
|
||||
.highlight .sr { color: #009926 } /* Literal.String.Regex */
|
||||
.highlight .s1 { color: #d01040 } /* Literal.String.Single */
|
||||
.highlight .ss { color: #990073 } /* Literal.String.Symbol */
|
||||
.highlight .bp { color: #999999 } /* Name.Builtin.Pseudo */
|
||||
.highlight .vc { color: #008080 } /* Name.Variable.Class */
|
||||
.highlight .vg { color: #008080 } /* Name.Variable.Global */
|
||||
.highlight .vi { color: #008080 } /* Name.Variable.Instance */
|
||||
.highlight .il { color: #009999 } /* Literal.Number.Integer.Long */
|
||||
|
|
@ -1,411 +0,0 @@
|
|||
/*******************************************************************************
|
||||
Color
|
||||
*******************************************************************************/
|
||||
|
||||
/* Base page colors */
|
||||
|
||||
body {
|
||||
background-color: #fff;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
h1 .amp, h2 .amp, h3 .amp {
|
||||
color: #333;
|
||||
}
|
||||
|
||||
/* Pre-Graublau dimming */
|
||||
/* h1, h2, h1 a, h2 a, h3 a.entry-title, dl.entry-meta dt { */
|
||||
/* color: #333; */
|
||||
/* } */
|
||||
h1 a, h2 a, h3 a.entry-title {
|
||||
color: #000;
|
||||
}
|
||||
|
||||
/* h1, h2 { */
|
||||
/* -webkit-text-fill-color: #333; */
|
||||
/* -webkit-text-stroke-color: #999; */
|
||||
/* } */
|
||||
|
||||
/* Links */
|
||||
|
||||
a { border-color: #ccc; }
|
||||
|
||||
a, pre.email a, pre.lettering a, pre.lyrics a, pre.verse a {
|
||||
color: #933;
|
||||
}
|
||||
|
||||
h1 a:hover, h2 a:hover, h3 a.entry-title:hover {
|
||||
color: #933;
|
||||
}
|
||||
|
||||
h1 a:hover .amp, h2 a:hover .amp {
|
||||
color: #933;
|
||||
}
|
||||
|
||||
pre a {
|
||||
color: #ffc;
|
||||
}
|
||||
|
||||
.error {
|
||||
background-color: #f00;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Header & Footer */
|
||||
|
||||
#footer {
|
||||
background-color: #ddd;
|
||||
color: #333;
|
||||
border-color: #eee;
|
||||
}
|
||||
|
||||
#logo {
|
||||
background: transparent url("/images/ted-icon.jpg") top right no-repeat;
|
||||
}
|
||||
|
||||
.subtitle {
|
||||
color: #666;
|
||||
}
|
||||
|
||||
/* Basic elements */
|
||||
|
||||
hr {
|
||||
background: transparent url("/images/hr.png") top center no-repeat;
|
||||
}
|
||||
|
||||
hr.raven {
|
||||
background: transparent url("/2004/11/raven.gif") top center no-repeat;
|
||||
}
|
||||
|
||||
.source {
|
||||
color: #333;
|
||||
}
|
||||
|
||||
/* button { */
|
||||
/* background-color: #66f; */
|
||||
/* color: #fff; */
|
||||
/* border-right-color: #33c; */
|
||||
/* border-bottom-color: #33c; */
|
||||
/* border-left-color: #99f; */
|
||||
/* border-top-color: #99f; */
|
||||
/* } */
|
||||
|
||||
em, strong {
|
||||
background-color: #fffac9;
|
||||
}
|
||||
|
||||
.cloud em, pre em {
|
||||
background-color: inherit;
|
||||
}
|
||||
|
||||
ins, em ins, ins em {
|
||||
background-color: #dfd;
|
||||
border-color: #0a0;
|
||||
}
|
||||
|
||||
.net-gain {
|
||||
color: #0a0;
|
||||
}
|
||||
|
||||
del, em del, del em {
|
||||
background-color: #fdd;
|
||||
border-color: #c00;
|
||||
}
|
||||
|
||||
.net-loss {
|
||||
color: #c00;
|
||||
}
|
||||
|
||||
pre, pre code {
|
||||
background-color: #000;
|
||||
border-color: #111;
|
||||
color: #ccc;
|
||||
}
|
||||
|
||||
pre em {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
pre ins {
|
||||
background-color: #333;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
pre.email em, pre.lettering em, pre.lyrics em, pre.verse em, pre.artwork em,
|
||||
pre.email ins, pre.lettering ins, pre.lyrics ins, pre.verse ins, pre.artwork ins {
|
||||
background-color: #dfd;
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
pre.email, pre.lettering, pre.lyrics, pre.verse {
|
||||
background-color: inherit;
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
pre.artwork { /* */
|
||||
background-color: #ddd;
|
||||
color: #222;
|
||||
}
|
||||
|
||||
#elsewhere .network
|
||||
.forty-three-things { background: transparent url(/images/services/43things.png) no-repeat left; }
|
||||
#elsewhere .network .amazon { background: transparent url(/images/services/amazon.png) no-repeat left; }
|
||||
#elsewhere .network .bebo { background: transparent url(/images/services/bebo.png) no-repeat left; }
|
||||
#elsewhere .network .claimid { background: transparent url(/images/services/claimid.png) no-repeat left; }
|
||||
#elsewhere .network .delicious { background: transparent url(/stream/images/delicious.png) no-repeat left; }
|
||||
#elsewhere .network .digg { background: transparent url(/images/services/digg.png) no-repeat left; }
|
||||
#elsewhere .network .dopplr { background: transparent url(/stream/images/dopplr.png) no-repeat left; }
|
||||
#elsewhere .network .emacsen { background: transparent url(/stream/images/emacsen.png) no-repeat left; }
|
||||
#elsewhere .network .eventful { background: transparent url(/stream/images/eventful.png) no-repeat left; }
|
||||
#elsewhere .network .facebook { background: transparent url(/stream/images/facebook.png) no-repeat left; }
|
||||
#elsewhere .network .flickr { background: transparent url(/stream/images/flickr.png) no-repeat left; }
|
||||
#elsewhere .network .goodreads { background: transparent url(/images/services/goodreads.png) no-repeat left; }
|
||||
#elsewhere .network .google { background: transparent url(/images/services/google.png) no-repeat left; }
|
||||
#elsewhere .network .iusethis { background: transparent url(/images/services/iusethis.png) no-repeat left; }
|
||||
#elsewhere .network .jyte { background: transparent url(/images/services/jyte.png) no-repeat left; }
|
||||
#elsewhere .network .lastfm { background: transparent url(/images/services/lastfm.png) no-repeat left; }
|
||||
#elsewhere .network .linkedin { background: transparent url(/images/services/linkedin.png) no-repeat left; }
|
||||
#elsewhere .network .lj,
|
||||
#elsewhere .network .livejournal { background: transparent url(/stream/images/livejournal.png) no-repeat left; }
|
||||
#elsewhere .network .muxtape { background: transparent url(/stream/images/muxtape.png) no-repeat left; }
|
||||
#elsewhere .network .mybloglog { background: transparent url(/images/services/mybloglog.png) no-repeat left; }
|
||||
#elsewhere .network .myopenid { background: transparent url(/images/services/myopenid.png) no-repeat left; }
|
||||
#elsewhere .network .myspace { background: transparent url(/images/services/myspace.png) no-repeat left; }
|
||||
#elsewhere .network .ning { background: transparent url(/images/services/ning.png) no-repeat left; }
|
||||
#elsewhere .network .orkut { background: transparent url(/images/services/orkut.png) no-repeat left; }
|
||||
#elsewhere .network .pownce { background: transparent url(/stream/images/pownce.png) no-repeat left; }
|
||||
#elsewhere .network .reddit { background: transparent url(/stream/images/reddit.png) no-repeat left; }
|
||||
#elsewhere .network .scribd { background: transparent url(/images/services/scribd.png) no-repeat left; }
|
||||
#elsewhere .network .technorati { background: transparent url(/images/services/technorati.png) no-repeat left; }
|
||||
#elsewhere .network .twitter { background: transparent url(/stream/images/twitter.png) no-repeat left; }
|
||||
#elsewhere .network .upcoming { background: transparent url(/images/services/upcoming.png) no-repeat left; }
|
||||
#elsewhere .network .vox { background: transparent url(/images/services/vox.png) no-repeat left; }
|
||||
#elsewhere .network .wordie { background: transparent url(/stream/images/wordie.png) no-repeat left; }
|
||||
#elsewhere .network .wordpress { background: transparent url(/images/services/wordpress.png) no-repeat left; }
|
||||
#elsewhere .network .yelp { background: transparent url(/stream/images/yelp.png) no-repeat left; }
|
||||
#elsewhere .network .youtube { background: transparent url(/images/services/youtube.png) no-repeat left; }
|
||||
|
||||
#latest-entry {
|
||||
/* border-color: #ccc; */
|
||||
/* background-color: #eee; */
|
||||
}
|
||||
|
||||
/* Basic blog content */
|
||||
|
||||
.issue {
|
||||
border-color: #f00;
|
||||
color: #f00;
|
||||
}
|
||||
|
||||
#home-page .blog-meta,
|
||||
.hentry .header .author,
|
||||
.hentry .updated {
|
||||
color: #999;
|
||||
}
|
||||
|
||||
.hentry .footer,
|
||||
.hentry .footer .updated {
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.entry-rights, .entry-summary {
|
||||
color: #333;
|
||||
}
|
||||
|
||||
p.more {
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.figure {
|
||||
background-color: #d8d8d8;
|
||||
color: #333;
|
||||
border-color: #eee;
|
||||
}
|
||||
|
||||
.cutout { /* a cutout is a figure with no background or border */
|
||||
background-color: inherit;
|
||||
color: inherit;
|
||||
border-color: transparent;
|
||||
}
|
||||
|
||||
.aside {
|
||||
background-color: #f0ccff;
|
||||
border-color: #90c;
|
||||
}
|
||||
|
||||
.halmos {
|
||||
background: transparent url("/images/ted-icon-16x16.jpg") bottom left no-repeat;
|
||||
}
|
||||
|
||||
/* Code
|
||||
*
|
||||
* There are two styles: first, the dark-background ones, and second,
|
||||
* the light-background ones.
|
||||
*/
|
||||
|
||||
code { color: inherit; }
|
||||
a code, pre code { color: inherit; }
|
||||
|
||||
code.pathname { color: inherit; }
|
||||
.executable,
|
||||
code.executable { color: #009900; }
|
||||
|
||||
pre code .keyword { color: #4682b4; }
|
||||
pre code .type { color: #3cb371; }
|
||||
pre code .function { color: #5f9ea0; }
|
||||
pre code var,
|
||||
pre code .variable { color: #ff6a6a; }
|
||||
pre code .string { color: #fffacd; }
|
||||
pre code .comment { color: #9932cc; }
|
||||
pre code .comment-delimiter { color: #ba55d3; }
|
||||
pre code .doc { color: #f0e68c; } /* like string */
|
||||
pre code .docstring { color: #ba55d3; } /* like comment */
|
||||
pre code .preprocessor { color: #f0e68c; }
|
||||
pre code .constant { color: #db7093; }
|
||||
pre code .builtin { color: #f4a460; }
|
||||
|
||||
pre.verse code .keyword,
|
||||
code .keyword { color: inherit; }
|
||||
pre.verse code .type,
|
||||
code .type { color: inherit; }
|
||||
pre.verse code .function,
|
||||
code .function-name { color: inherit; }
|
||||
pre.verse code var,
|
||||
pre.verse code .variable,
|
||||
code var,
|
||||
code .variable { color: inherit; }
|
||||
pre.verse code .string,
|
||||
code .string { color: inherit; }
|
||||
pre.verse code .comment,
|
||||
code .comment { color: inherit; }
|
||||
pre.verse code .comment-delimiter,
|
||||
code .comment-delimiter { color: inherit; }
|
||||
pre.verse code .doc,
|
||||
code .doc { color: inherit; } /* like string */
|
||||
pre.verse code .docstring,
|
||||
code .docstring { color: inherit; } /* like comment */
|
||||
pre.verse code .preprocessor,
|
||||
code .preprocessor { color: inherit; }
|
||||
pre.verse code .constant,
|
||||
code .constant { color: inherit; }
|
||||
pre.verse code .builtin,
|
||||
code .builtin { color: inherit; }
|
||||
|
||||
/* For shell listings, IELM, etc. */
|
||||
pre code .prompt { color: #933; }
|
||||
|
||||
/* Email archive pages */
|
||||
|
||||
pre.email .quote {
|
||||
color: #c33;
|
||||
}
|
||||
|
||||
pre.email .signature {
|
||||
color: #999;
|
||||
}
|
||||
|
||||
/* calendar */
|
||||
|
||||
table.calendar caption,
|
||||
table.calendar td.nonday,
|
||||
table.calendar th {
|
||||
background-color: #eee;
|
||||
}
|
||||
|
||||
table.calendar td {
|
||||
background-color: #ccc;
|
||||
}
|
||||
|
||||
/* Comments */
|
||||
|
||||
#comments ol li {
|
||||
background-color: #fff;
|
||||
border-color: #999;
|
||||
}
|
||||
|
||||
#comments ol li.alternate {
|
||||
background-color: #ccc;
|
||||
border-color: #333;
|
||||
}
|
||||
|
||||
#comments ol li.troll,
|
||||
.troll .source {
|
||||
background-color: #eee;
|
||||
border-color: #ddd;
|
||||
color: #666;
|
||||
}
|
||||
|
||||
.troll em, .troll strong {
|
||||
background-color: #ddd;
|
||||
color: #555;
|
||||
}
|
||||
|
||||
#comments ol li.author-comment {
|
||||
background-color: #cfc;
|
||||
border-color: #363;
|
||||
}
|
||||
|
||||
label, .legalese {
|
||||
color: #333;
|
||||
}
|
||||
|
||||
input, textarea {
|
||||
border-color: #999;
|
||||
}
|
||||
|
||||
#preview {
|
||||
background-color: #eee;
|
||||
}
|
||||
|
||||
#comment-status {
|
||||
/* FIXME */
|
||||
}
|
||||
|
||||
/* Flickr badge */
|
||||
|
||||
.flickr_badge_image img {
|
||||
border-color: black !important;
|
||||
}
|
||||
|
||||
/* Tumblelog */
|
||||
|
||||
.tumblelog-page .hentry.alternate,
|
||||
/* tumblelog tombstones */
|
||||
ul.tumblelog li.alternate {
|
||||
background-color: #f8f8f8;
|
||||
}
|
||||
|
||||
/* Chat logs */
|
||||
|
||||
ol.chat li cite,
|
||||
ol.chat li cite a {
|
||||
color: #00f;
|
||||
}
|
||||
|
||||
ol.chat li.alternate cite,
|
||||
ol.chat li.alternate cite a {
|
||||
color: #f00;
|
||||
}
|
||||
|
||||
ol.chat li.third cite,
|
||||
ol.chat li.third cite a {
|
||||
color: #090;
|
||||
}
|
||||
|
||||
/* reviews */
|
||||
|
||||
.hreview .figure .adr {
|
||||
color: #333;
|
||||
}
|
||||
|
||||
@media print {
|
||||
* {
|
||||
background-color: inherit;
|
||||
border-color: transparent;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.aside {
|
||||
border-color: #000;
|
||||
}
|
||||
}
|
||||
|
|
@ -1,221 +0,0 @@
|
|||
.clear {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
img {
|
||||
border: 0;
|
||||
}
|
||||
|
||||
body {
|
||||
color: #222;
|
||||
background: #fff;
|
||||
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
|
||||
}
|
||||
|
||||
a:hover, a:active, #sidebar a:active, #sidebar a:hover, #content a {
|
||||
color: #b40;
|
||||
}
|
||||
|
||||
pre {
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
#site {
|
||||
width: 850px;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
#subscribe {
|
||||
float: right;
|
||||
margin: 20px;
|
||||
}
|
||||
|
||||
#nav_home {
|
||||
float: left;
|
||||
margin: 20px;
|
||||
}
|
||||
|
||||
|
||||
h1 {
|
||||
margin: 0;
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
h1 a, h1 a:link, h1 a:visited {
|
||||
text-decoration: none;
|
||||
color: #222;
|
||||
}
|
||||
|
||||
#slogan {
|
||||
margin: 15px;
|
||||
}
|
||||
|
||||
#sidebar {
|
||||
width: 200px;
|
||||
padding: 10px 20px 20px 20px;
|
||||
border-left: 5px solid #eee;
|
||||
float: right;
|
||||
}
|
||||
#sidebar a, #sidebar a:link #sidebar a:visited {
|
||||
color: #222;
|
||||
}
|
||||
#sidebar dl, #sidebar ul {
|
||||
margin: 0 0 30px 0;
|
||||
padding: 0;
|
||||
}
|
||||
#sidebar dl#contact dt {
|
||||
display: none;
|
||||
}
|
||||
#sidebar dl#contact dd {
|
||||
margin: 0;
|
||||
}
|
||||
#sidebar ul {
|
||||
list-style-type: none;
|
||||
}
|
||||
#sidebar a {
|
||||
text-decoration: none;
|
||||
}
|
||||
#sidebar .adr, #sidebar .tel {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#content {
|
||||
width: 600px;
|
||||
padding: 0 20px 20px 20px;
|
||||
}
|
||||
#content li {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
h3 {
|
||||
margin: 0 0 10px 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.highlight pre {
|
||||
/* background: #eee; conflicts with the monokai theme */
|
||||
border: 1px solid #ccc;
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
.update {
|
||||
border: 1px solid #fc6;
|
||||
background: #fe8;
|
||||
padding: 15px;
|
||||
text-align: center;
|
||||
}
|
||||
#post {
|
||||
margin-bottom: 30px;
|
||||
padding-bottom: 25px;
|
||||
padding-top: 25px;
|
||||
border-bottom: 2px dashed #cecece;
|
||||
border-top: 2px dashed #cecece;
|
||||
}
|
||||
|
||||
#disqus_thread {
|
||||
margin-bottom: 130px;
|
||||
}
|
||||
|
||||
#related {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.posts p {
|
||||
margin: 5px 0 25px 0;
|
||||
}
|
||||
|
||||
.rss_only {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#search_area {
|
||||
width: 80px;
|
||||
float: right;
|
||||
margin: 19px 50px;
|
||||
position: relative;
|
||||
}
|
||||
#search {
|
||||
font-size: 17px;
|
||||
font-family: inherit;
|
||||
border: 1px solid #ccc;
|
||||
color: #666;
|
||||
-moz-border-radius: 30px;
|
||||
-webkit-border-radius: 13px;
|
||||
padding: 3px 27px 3px 27px;
|
||||
background: url(http://www.famfamfam.com/lab/icons/silk/icons/magnifier.png) 7px 6px no-repeat ;
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
}
|
||||
#search:focus {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
#search_area label {
|
||||
font-size: 17px;
|
||||
position: absolute;
|
||||
top: 4px;
|
||||
left: 29px;
|
||||
color: #ccc;
|
||||
cursor: text;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#search_area img {
|
||||
display: none;
|
||||
}
|
||||
.searching #search_area img {
|
||||
position: absolute;
|
||||
left: 113px;
|
||||
top: 7px;
|
||||
display: block;
|
||||
}
|
||||
#search_results_area {
|
||||
display: none;
|
||||
}
|
||||
.searching #search_results_area {
|
||||
display: block;
|
||||
}
|
||||
.searching #home {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.posttags {
|
||||
color: #666;
|
||||
font-size: 11px !important;
|
||||
background: url(/images/tag-icon.gif) no-repeat left top;
|
||||
padding-left: 20px;
|
||||
}
|
||||
|
||||
.posttags a, .posttags a:link, .posttags a:active {
|
||||
color: #333 !important;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.pagination {
|
||||
padding-top: 10px;
|
||||
border-top: 2px dashed #cecece;
|
||||
}
|
||||
|
||||
.dsq_widget {
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
.dsq-widget-list {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
#comments-block {
|
||||
padding-top: 10px;
|
||||
padding-bottom: 10px;
|
||||
border-top: 2px dashed #cecece;
|
||||
border-bottom: 2px dashed #cecece;
|
||||
}
|
||||
|
||||
#post .timestamp {
|
||||
color: #999;
|
||||
font-style: italic;
|
||||
font-size: 0.875em;
|
||||
line-height: 1.5;
|
||||
font-family: "DejaVu Serif", Cambria, "Bitstream Vera", Georgia, "Times New Roman", serif;
|
||||
font-size-adjust: none;
|
||||
}
|
||||
|
|
@ -1,59 +0,0 @@
|
|||
.hll { background-color: #49483e }
|
||||
.c { color: #75715e } /* Comment */
|
||||
.err { color: #960050; background-color: #1e0010 } /* Error */
|
||||
.k { color: #66d9ef } /* Keyword */
|
||||
.l { color: #ae81ff } /* Literal */
|
||||
.n { color: #f8f8f2 } /* Name */
|
||||
.o { color: #f92672 } /* Operator */
|
||||
.p { color: #f8f8f2 } /* Punctuation */
|
||||
.cm { color: #75715e } /* Comment.Multiline */
|
||||
.cp { color: #75715e } /* Comment.Preproc */
|
||||
.c1 { color: #75715e } /* Comment.Single */
|
||||
.cs { color: #75715e } /* Comment.Special */
|
||||
.ge { font-style: italic } /* Generic.Emph */
|
||||
.gs { font-weight: bold } /* Generic.Strong */
|
||||
.kc { color: #66d9ef } /* Keyword.Constant */
|
||||
.kd { color: #66d9ef } /* Keyword.Declaration */
|
||||
.kn { color: #f92672 } /* Keyword.Namespace */
|
||||
.kp { color: #66d9ef } /* Keyword.Pseudo */
|
||||
.kr { color: #66d9ef } /* Keyword.Reserved */
|
||||
.kt { color: #66d9ef } /* Keyword.Type */
|
||||
.ld { color: #e6db74 } /* Literal.Date */
|
||||
.m { color: #ae81ff } /* Literal.Number */
|
||||
.s { color: #e6db74 } /* Literal.String */
|
||||
.na { color: #a6e22e } /* Name.Attribute */
|
||||
.nb { color: #f8f8f2 } /* Name.Builtin */
|
||||
.nc { color: #a6e22e } /* Name.Class */
|
||||
.no { color: #66d9ef } /* Name.Constant */
|
||||
.nd { color: #a6e22e } /* Name.Decorator */
|
||||
.ni { color: #f8f8f2 } /* Name.Entity */
|
||||
.ne { color: #a6e22e } /* Name.Exception */
|
||||
.nf { color: #a6e22e } /* Name.Function */
|
||||
.nl { color: #f8f8f2 } /* Name.Label */
|
||||
.nn { color: #f8f8f2 } /* Name.Namespace */
|
||||
.nx { color: #a6e22e } /* Name.Other */
|
||||
.py { color: #f8f8f2 } /* Name.Property */
|
||||
.nt { color: #f92672 } /* Name.Tag */
|
||||
.nv { color: #f8f8f2 } /* Name.Variable */
|
||||
.ow { color: #f92672 } /* Operator.Word */
|
||||
.w { color: #f8f8f2 } /* Text.Whitespace */
|
||||
.mf { color: #ae81ff } /* Literal.Number.Float */
|
||||
.mh { color: #ae81ff } /* Literal.Number.Hex */
|
||||
.mi { color: #ae81ff } /* Literal.Number.Integer */
|
||||
.mo { color: #ae81ff } /* Literal.Number.Oct */
|
||||
.sb { color: #e6db74 } /* Literal.String.Backtick */
|
||||
.sc { color: #e6db74 } /* Literal.String.Char */
|
||||
.sd { color: #e6db74 } /* Literal.String.Doc */
|
||||
.s2 { color: #e6db74 } /* Literal.String.Double */
|
||||
.se { color: #ae81ff } /* Literal.String.Escape */
|
||||
.sh { color: #e6db74 } /* Literal.String.Heredoc */
|
||||
.si { color: #e6db74 } /* Literal.String.Interpol */
|
||||
.sx { color: #e6db74 } /* Literal.String.Other */
|
||||
.sr { color: #e6db74 } /* Literal.String.Regex */
|
||||
.s1 { color: #e6db74 } /* Literal.String.Single */
|
||||
.ss { color: #e6db74 } /* Literal.String.Symbol */
|
||||
.bp { color: #f8f8f2 } /* Name.Builtin.Pseudo */
|
||||
.vc { color: #f8f8f2 } /* Name.Variable.Class */
|
||||
.vg { color: #f8f8f2 } /* Name.Variable.Global */
|
||||
.vi { color: #f8f8f2 } /* Name.Variable.Instance */
|
||||
.il { color: #ae81ff } /* Literal.Number.Integer.Long */
|
||||
|
|
@ -1,62 +0,0 @@
|
|||
/* From http://github.com/mojombo/tpw/raw/master/css/syntax.css */
|
||||
|
||||
.highlight { background: #ffffff; }
|
||||
.highlight .c { color: #999988; font-style: italic } /* Comment */
|
||||
.highlight .err { color: #a61717; background-color: #e3d2d2 } /* Error */
|
||||
.highlight .k { font-weight: bold } /* Keyword */
|
||||
.highlight .o { font-weight: bold } /* Operator */
|
||||
.highlight .cm { color: #999988; font-style: italic } /* Comment.Multiline */
|
||||
.highlight .cp { color: #999999; font-weight: bold } /* Comment.Preproc */
|
||||
.highlight .c1 { color: #999988; font-style: italic } /* Comment.Single */
|
||||
.highlight .cs { color: #999999; font-weight: bold; font-style: italic } /* Comment.Special */
|
||||
.highlight .gd { color: #000000; background-color: #ffdddd } /* Generic.Deleted */
|
||||
.highlight .gd .x { color: #000000; background-color: #ffaaaa } /* Generic.Deleted.Specific */
|
||||
.highlight .ge { font-style: italic } /* Generic.Emph */
|
||||
.highlight .gr { color: #aa0000 } /* Generic.Error */
|
||||
.highlight .gh { color: #999999 } /* Generic.Heading */
|
||||
.highlight .gi { color: #000000; background-color: #ddffdd } /* Generic.Inserted */
|
||||
.highlight .gi .x { color: #000000; background-color: #aaffaa } /* Generic.Inserted.Specific */
|
||||
.highlight .go { color: #888888 } /* Generic.Output */
|
||||
.highlight .gp { color: #555555 } /* Generic.Prompt */
|
||||
.highlight .gs { font-weight: bold } /* Generic.Strong */
|
||||
.highlight .gu { color: #aaaaaa } /* Generic.Subheading */
|
||||
.highlight .gt { color: #aa0000 } /* Generic.Traceback */
|
||||
.highlight .kc { font-weight: bold } /* Keyword.Constant */
|
||||
.highlight .kd { font-weight: bold } /* Keyword.Declaration */
|
||||
.highlight .kp { font-weight: bold } /* Keyword.Pseudo */
|
||||
.highlight .kr { font-weight: bold } /* Keyword.Reserved */
|
||||
.highlight .kt { color: #445588; font-weight: bold } /* Keyword.Type */
|
||||
.highlight .m { color: #009999 } /* Literal.Number */
|
||||
.highlight .s { color: #d14 } /* Literal.String */
|
||||
.highlight .na { color: #008080 } /* Name.Attribute */
|
||||
.highlight .nb { color: #0086B3 } /* Name.Builtin */
|
||||
.highlight .nc { color: #445588; font-weight: bold } /* Name.Class */
|
||||
.highlight .no { color: #008080 } /* Name.Constant */
|
||||
.highlight .ni { color: #800080 } /* Name.Entity */
|
||||
.highlight .ne { color: #990000; font-weight: bold } /* Name.Exception */
|
||||
.highlight .nf { color: #990000; font-weight: bold } /* Name.Function */
|
||||
.highlight .nn { color: #555555 } /* Name.Namespace */
|
||||
.highlight .nt { color: #000080 } /* Name.Tag */
|
||||
.highlight .nv { color: #008080 } /* Name.Variable */
|
||||
.highlight .ow { font-weight: bold } /* Operator.Word */
|
||||
.highlight .w { color: #bbbbbb } /* Text.Whitespace */
|
||||
.highlight .mf { color: #009999 } /* Literal.Number.Float */
|
||||
.highlight .mh { color: #009999 } /* Literal.Number.Hex */
|
||||
.highlight .mi { color: #009999 } /* Literal.Number.Integer */
|
||||
.highlight .mo { color: #009999 } /* Literal.Number.Oct */
|
||||
.highlight .sb { color: #d14 } /* Literal.String.Backtick */
|
||||
.highlight .sc { color: #d14 } /* Literal.String.Char */
|
||||
.highlight .sd { color: #d14 } /* Literal.String.Doc */
|
||||
.highlight .s2 { color: #d14 } /* Literal.String.Double */
|
||||
.highlight .se { color: #d14 } /* Literal.String.Escape */
|
||||
.highlight .sh { color: #d14 } /* Literal.String.Heredoc */
|
||||
.highlight .si { color: #d14 } /* Literal.String.Interpol */
|
||||
.highlight .sx { color: #d14 } /* Literal.String.Other */
|
||||
.highlight .sr { color: #009926 } /* Literal.String.Regex */
|
||||
.highlight .s1 { color: #d14 } /* Literal.String.Single */
|
||||
.highlight .ss { color: #990073 } /* Literal.String.Symbol */
|
||||
.highlight .bp { color: #999999 } /* Name.Builtin.Pseudo */
|
||||
.highlight .vc { color: #008080 } /* Name.Variable.Class */
|
||||
.highlight .vg { color: #008080 } /* Name.Variable.Global */
|
||||
.highlight .vi { color: #008080 } /* Name.Variable.Instance */
|
||||
.highlight .il { color: #009999 } /* Literal.Number.Integer.Long */
|
||||
|
|
@ -1,308 +0,0 @@
|
|||
/* Custom faces */
|
||||
|
||||
@import url(/fonts/dejavu-family.css);
|
||||
|
||||
/* Sizing & line-heights */
|
||||
|
||||
body {
|
||||
/* http://sam.brown.tc/entry/434/improve-handling-of-kerning-pairs-ligatures-in-latest-browsers */
|
||||
text-rendering: optimizeLegibility;
|
||||
}
|
||||
|
||||
@media print {
|
||||
body {
|
||||
font-size: 75%; /* 12pt */
|
||||
}
|
||||
}
|
||||
|
||||
#logo {
|
||||
font-size: 4.5em; /* 72 pt */
|
||||
line-height: 1.167; /* 84pt */
|
||||
|
||||
}
|
||||
|
||||
/* ELEMENT { */
|
||||
/* font-size: 3.75em; /\* 60pt *\/ */
|
||||
/* line-height: 1.4; /\* 84pt *\/ */
|
||||
/* } */
|
||||
|
||||
h1, h2 {
|
||||
font-size: 3em; /* 48pt */
|
||||
line-height: 1.3125;
|
||||
/* -webkit-text-stroke-width: 1px; */
|
||||
}
|
||||
|
||||
/* .illuminated { */
|
||||
/* font-size: 3em; /\* 48pt *\/ */
|
||||
/* line-height: 1; */
|
||||
/* } */
|
||||
|
||||
h3, #comments legend {
|
||||
font-size: 2.25em; /* 36pt */
|
||||
line-height: 1.167;
|
||||
letter-spacing: 0.1ex;
|
||||
}
|
||||
|
||||
h4 {
|
||||
font-size: 1.5em; /* 24pt */
|
||||
line-height: 1.75;
|
||||
letter-spacing: 0.2ex;
|
||||
}
|
||||
|
||||
h5, dl.entry-meta dt {
|
||||
font-size: 1.3125em;
|
||||
line-height: 2;
|
||||
letter-spacing: 0.3ex;
|
||||
}
|
||||
|
||||
h6 {
|
||||
font-size: 1.125em;
|
||||
line-height: 1.167;
|
||||
letter-spacing: 0.4ex;
|
||||
}
|
||||
|
||||
.hentry .footer,
|
||||
#header .nav, comments li.troll blockquote blockquote, input, address,
|
||||
#blockquote, dd, dl, dt, li, ol, p, pre, ul, textarea, #preview {
|
||||
font-size: 1em; /* 16pt */
|
||||
line-height: 1.3125; /* 16pt + 5pt == 21pt */
|
||||
}
|
||||
|
||||
button, hr {
|
||||
font-size: 1em;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
#home-page .blog-meta,
|
||||
.hentry .header .author, .hentry .header address, .include-link,
|
||||
#header .nav form input, h1 code, h2 code, h3 code, h4 code,
|
||||
.hreview .figure .adr, .aside {
|
||||
font-size: 0.875em; /* 14pt */
|
||||
line-height: 1.5; /* 14pt + 7pt == 21pt */
|
||||
}
|
||||
|
||||
/*
|
||||
font-size: 0.75em;
|
||||
*/
|
||||
|
||||
sub, sup {
|
||||
font-size: 0.625em;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
#comments li.troll blockquote {
|
||||
font-size: 0.625em;
|
||||
line-height: 1.05;
|
||||
}
|
||||
|
||||
.cloud {
|
||||
font-size: 0.5em;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
.cloud em {
|
||||
font-size: 1.375em;
|
||||
}
|
||||
|
||||
#home-page #header p, #home-page #header h1 {
|
||||
font-size: 1em;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
/* Decoration & style */
|
||||
|
||||
#home-page #header h1,
|
||||
table.game .winner,
|
||||
dfn, pre em {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
ins, a {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
pre.lyrics .ship,
|
||||
.chat q,
|
||||
#header .nav input,
|
||||
address, cite, dfn, var {
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
.hentry .header address, .hentry .header .author,
|
||||
pre.lyrics, pre.verse, p.more, #header .nav, .art, .album, .book,
|
||||
.chat .emote, .chat .emote cite, .chat .emote q, .chat .context,
|
||||
.court-case, .movie, .poem, .publication, .ship, .tv-show,
|
||||
[lang]:not([lang^="en"]), ins em, del em {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
/* hr:after { */
|
||||
/* /\* HEAVY EIGHT TEARDROP-SPOKED PROPELLER ASTERISK *\/ */
|
||||
/* content: "\274B \274B \274B"; */
|
||||
/* } */
|
||||
|
||||
/* hr.raven:after { */
|
||||
/* content: ''; */
|
||||
/* } */
|
||||
|
||||
/* disable auto-quoting of q elements used in chat transcripts
|
||||
* (tested in gecko and safari)
|
||||
*/
|
||||
ol.chat q:before, ol.chat q:after {
|
||||
content: "";
|
||||
}
|
||||
|
||||
#comment-terms li:before {
|
||||
content: "\2014\a0";
|
||||
}
|
||||
|
||||
/* Alignment & indentation */
|
||||
|
||||
th, td {
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.entry-summary, #secondary, #header, h1, h2, h3, h4, h5, h6,
|
||||
.figure pre, .figure th, .figure td {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.hentry .footer, .include-link, #comment-status, p.more, .source {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
#footer,
|
||||
#header .nav, .tumblelog-page .pages, hr, .figure {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
/*
|
||||
p + p {
|
||||
text-indent: 4ex;
|
||||
}
|
||||
|
||||
p.source + p,
|
||||
.figure p + p.postamble,
|
||||
.figure p.preamble + p {
|
||||
text-indent: 0;
|
||||
}
|
||||
*/
|
||||
|
||||
/* Families & variants */
|
||||
|
||||
/* FIXME: rename lettering to something more appropriate */
|
||||
.lettering, .personae dt, .finis, dl.entry-meta dt {
|
||||
font-variant: small-caps;
|
||||
}
|
||||
|
||||
#home-page #header h1, body, input, textarea, #comments blockquote {
|
||||
font-family: "DejaVu Sans", Calibri, "Bitstream Vera Sans", Verdana, sans-serif;
|
||||
font-size-adjust: 0.55;
|
||||
}
|
||||
|
||||
#logo, h1, h2, h3, h4, h5, h6, dl.entry-meta dt, #comments legend {
|
||||
font-family: "DejaVu Serif Condensed", Cambria, "Bitstream Vera", Georgia, "Times New Roman", serif;
|
||||
font-weight: bold;
|
||||
font-size-adjust: none;
|
||||
}
|
||||
|
||||
code, kbd, pre, pre code, samp, .domain-name, .email-address, .hostname,
|
||||
.ip-adddress, .irc-channel, .media-type, .newsgroup, .nick, .pace,
|
||||
.pathname, .smilie, .ssid, .uri {
|
||||
font-family: "DejaVu Sans Mono", Consolas, "Bitstream Vera Sans Mono", "Andale Mono", "Lucida Console", Monaco, "Courier New", monospace;
|
||||
font-size-adjust: 0.55;
|
||||
}
|
||||
|
||||
pre.verse, pre.lyrics, .personae dt, .finis, blockquote, q,
|
||||
.hentry .header .author, .hentry .header address {
|
||||
font-family: "DejaVu Serif", Cambria, "Bitstream Vera", Georgia, "Times New Roman", serif;
|
||||
font-size-adjust: none;
|
||||
}
|
||||
|
||||
q {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
code, kbd, samp, .domain-name, .email-address, .hostname,
|
||||
.ip-adddress, .irc-channel, .media-type, .newsgroup, .nick, .pace,
|
||||
.pathname, .smilie, .uri {
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
pre code, pre samp {
|
||||
line-height: 1.3125;
|
||||
}
|
||||
|
||||
/* "In heads and titles use the best available ampersand" -- EoTS 5.1.3 */
|
||||
h1 .amp, h2 .amp, h3 .amp, h4 .amp, h5 .amp, h6 .amp {
|
||||
font-family: "Goudy Old Style", "OFL Sorts Mill Goudy", Baskerville,
|
||||
"Goudy Bookletter 1911", Palatino, "Book Antiqua", serif;
|
||||
font-weight: normal;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
/* Styling of TeX and LaTeX. */
|
||||
|
||||
.tex, .latex, .tex sub, .latex sub {
|
||||
font-size: 1em;
|
||||
}
|
||||
|
||||
.tex sub, .latex sub, .latex sup {
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.latex sub, .tex sub {
|
||||
vertical-align: -0.25em;
|
||||
margin-left: -0.1667em;
|
||||
margin-right: -0.125em;
|
||||
}
|
||||
|
||||
.latex sup {
|
||||
font-size: 0.85em;
|
||||
vertical-align: 0.15em;
|
||||
margin-left: -0.36em;
|
||||
margin-right: -0.15em;
|
||||
}
|
||||
|
||||
/* Scoreboards */
|
||||
|
||||
.scoreboard {
|
||||
border-collapse: collapse;
|
||||
margin: 0 auto;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.scoreboard th, .scoreboard td {
|
||||
padding: 0.25em;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.scoreboard th {
|
||||
}
|
||||
|
||||
.scoreboard tr.away {
|
||||
background: #eee;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.scoreboard tr.home {
|
||||
background: #fff;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.scoreboard td.won {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.scoreboard .inning,
|
||||
.scoreboard .runs,
|
||||
.scoreboard .hits,
|
||||
.scoreboard .errors {
|
||||
width: 3ex;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.scoreboard .first-inning,
|
||||
.scoreboard .runs {
|
||||
width: 6ex;
|
||||
}
|
||||
Loading…
Reference in New Issue