+.footnotes { font-size: 80%; }
+
/*
* ___
* /\_ \
* \ \_\
* \/_/
*
- * In the novel, *The Strange Case of Dr. Jeykll and Mr. Hyde*, Mr. Poole is Dr.
- * Jekyll's virtuous and loyal butler. Similarly, Poole is an upstanding and
- * effective foundation for Jekyll themes.
- *
- * Designed, built, and released under MIT license by @mdo.
- *
- * Learn more at https://github.com/poole/poole.
+ * Designed, built, and released under MIT license by @mdo. Learn more at
+ * https://github.com/poole/poole.
*/
* Messages
* Container
* Masthead
- * Sidebar
* Posts and pages
* Pagination
* Reverse layout
}
html {
- font-family: "PT Sans", Helvetica, Arial, sans-serif;
+ font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 16px;
line-height: 1.5;
}
-@media (min-width: 48rem) {
+@media (min-width: 38em) {
html {
font-size: 20px;
}
body {
color: #515151;
background-color: #fff;
+ -webkit-text-size-adjust: 100%;
+ -ms-text-size-adjust: 100%;
}
/* No `:visited` state is required by default (browsers will use `a`) */
color: #268bd2;
text-decoration: none;
}
+a strong {
+ color: inherit;
+}
/* `:focus` is linked to `:hover` for basic accessibility */
a:hover,
a:focus {
font-size: 1rem;
}
+/* Body text */
p {
margin-top: 0;
margin-bottom: 1rem;
}
-ul, ol {
+strong {
+ color: #303030;
+}
+
+
+/* Lists */
+ul, ol, dl {
margin-top: 0;
margin-bottom: 1rem;
}
+dt {
+ font-weight: bold;
+}
+dd {
+ margin-bottom: .5rem;
+}
+
+/* Misc */
hr {
position: relative;
margin: 1.5rem 0;
border-bottom: 1px solid #fff;
}
-strong {
- color: #303030;
-}
-
abbr {
- background-color: #eee;
- display: inline-block;
- padding: .25em;
font-size: 85%;
font-weight: bold;
color: #555;
- text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5);
text-transform: uppercase;
- border-radius: 3px;
+}
+abbr[title] {
+ cursor: help;
+ border-bottom: 1px dotted #e5e5e5;
}
+/* Code */
code,
pre {
font-family: Menlo, Monaco, "Courier New", monospace;
color: inherit;
background-color: transparent;
}
+
+/* Pygments via Jekyll */
.highlight {
margin-bottom: 1rem;
border-radius: 4px;
margin-bottom: 0;
}
+/* Gist via GitHub Pages */
+.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;
+}
+
/* Quotes */
blockquote {
padding: .5rem 1rem;
margin: .8rem 0;
color: #7a7a7a;
- border-left: .25rem solid #eee;
+ border-left: .25rem solid #e5e5e5;
}
blockquote p:last-child {
margin-bottom: 0;
}
-@media (min-width: 30rem) {
+@media (min-width: 30em) {
blockquote {
padding-right: 5rem;
padding-left: 1.25rem;
img {
display: block;
+ max-width: 100%;
margin: 0 0 1rem;
border-radius: 5px;
}
+/* Tables */
+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;
+}
+
/*
* Custom type
*/
.container {
- max-width: 32rem;
+ max-width: 38rem;
padding-left: 1rem;
padding-right: 1rem;
margin-left: auto;
margin-right: auto;
}
-@media (min-width: 800px) {
- .container {
- max-width: 38rem;
- }
-}
/*
.masthead {
padding-top: 1rem;
padding-bottom: 1rem;
- margin-bottom: 2rem;
- border-bottom: 1px solid #eee;
+ margin-bottom: 3rem;
}
.masthead-title {
margin-top: 0;
color: #c0c0c0;
letter-spacing: 0;
}
-@media (min-width: 48rem) {
- .masthead {
- margin-bottom: 3rem;
- }
-}
/*
background-color: #f5f5f5;
}
-@media (min-width: 30rem) {
+@media (min-width: 30em) {
.pagination {
margin: 3rem 0;
}