restore relative permalinks config param
[blog] / public / css / poole.css
index a6718316d01f3b67f7288dc18810804faeb5f5fa..8ec27e7a8441866eca968039d5b6869c0aa87a0d 100644 (file)
@@ -9,13 +9,8 @@
  *    \ \_\
  *     \/_/
  *
- * 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.
  */
 
 
@@ -27,7 +22,6 @@
  * Messages
  * Container
  * Masthead
- * Sidebar
  * Posts and pages
  * Pagination
  * Reverse layout
@@ -54,11 +48,11 @@ body {
 }
 
 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;
   }
@@ -67,6 +61,8 @@ html {
 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`) */
@@ -74,6 +70,9 @@ a {
   color: #268bd2;
   text-decoration: none;
 }
+a strong {
+  color: inherit;
+}
 /* `:focus` is linked to `:hover` for basic accessibility */
 a:hover,
 a:focus {
@@ -83,7 +82,7 @@ a:focus {
 /* Headings */
 h1, h2, h3, h4, h5, h6 {
   margin-bottom: .5rem;
-  font-weight: normal;
+  font-weight: bold;
   line-height: 1.25;
   color: #313131;
   text-rendering: optimizeLegibility;
@@ -104,16 +103,31 @@ h4, h5, h6 {
   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;
@@ -122,22 +136,18 @@ hr {
   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;
@@ -168,6 +178,8 @@ pre code {
   color: inherit;
   background-color: transparent;
 }
+
+/* Pygments via Jekyll */
 .highlight {
   margin-bottom: 1rem;
   border-radius: 4px;
@@ -176,17 +188,39 @@ pre code {
   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;
@@ -195,10 +229,28 @@ blockquote p:last-child {
 
 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
@@ -234,17 +286,12 @@ img {
  */
 
 .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;
-  }
-}
 
 
 /*
@@ -256,8 +303,7 @@ img {
 .masthead {
   padding-top:    1rem;
   padding-bottom: 1rem;
-  margin-bottom: 2rem;
-  border-bottom: 1px solid #eee;
+  margin-bottom: 3rem;
 }
 .masthead-title {
   margin-top: 0;
@@ -273,11 +319,6 @@ img {
   color: #c0c0c0;
   letter-spacing: 0;
 }
-@media (min-width: 48rem) {
-  .masthead {
-    margin-bottom: 3rem;
-  }
-}
 
 
 /*
@@ -368,7 +409,7 @@ a.pagination-item:hover {
   background-color: #f5f5f5;
 }
 
-@media (min-width: 30rem) {
+@media (min-width: 30em) {
   .pagination {
     margin: 3rem 0;
   }