summaryrefslogtreecommitdiff
path: root/css/dthompson.css
diff options
context:
space:
mode:
authorDavid Thompson <dthompson2@worcester.edu>2016-03-27 11:59:14 -0400
committerDavid Thompson <dthompson2@worcester.edu>2016-03-27 11:59:14 -0400
commit9934cc80b087ce9b71a87baaa77068fbd23445ce (patch)
tree0ad991cec55a7fe492f07e22c03d411fd7229a18 /css/dthompson.css
First commit!
The wonderful beginnings of a new blog powered by Haunt!
Diffstat (limited to 'css/dthompson.css')
-rw-r--r--css/dthompson.css202
1 files changed, 202 insertions, 0 deletions
diff --git a/css/dthompson.css b/css/dthompson.css
new file mode 100644
index 0000000..563aa65
--- /dev/null
+++ b/css/dthompson.css
@@ -0,0 +1,202 @@
+body {
+ color: #000;
+ background-color: #fbfbfb;
+ font-size: 24px;
+ font-family: 'Linux Libertine',serif;
+ line-height: 140%;
+ text-rendering: optimizeLegibility;
+}
+
+h1, h2, h3 {
+ font-family: 'Linux Biolinum',sans;
+}
+
+h1 {
+ font-size: 150%;
+ line-height: 110%;
+}
+
+h2 {
+ font-size: 115%;
+}
+
+h3 {
+ font-size: 100%;
+}
+
+a {
+ color: #5b6ee1;
+ text-decoration: none;
+}
+
+a:hover {
+ color: #306082;
+ background-color: #f3f3f3;
+}
+
+a:visited {
+ color: #306082;
+}
+
+pre {
+ font-family: "Inconsolata",monospace;
+ line-height: 110%;
+ min-width: 100%;
+ padding: 1rem;
+ background-color: #222034;
+ color: #deeed6;
+ border-radius: 4px;
+ display: inline-block;
+}
+
+code {
+ font-family: "Inconsolata",monospace;
+}
+
+blockquote {
+ padding-left: 2rem;
+ border-left: 5px solid #eee;
+ font-style: italic;
+}
+
+/* Footer */
+
+footer {
+ border-top: 1px solid #ccc;
+ font-size: 80%;
+}
+
+.copyright {
+ text-align: center;
+}
+
+.cc-button {
+ margin-left: 1rem;
+}
+
+/* Navigation */
+
+.nav {
+ font-family: 'Linux Biolinum',sans;
+ padding-top: 1rem;
+ padding-bottom: 1rem;
+ margin-bottom: 3rem;
+ border-bottom: 1px solid #eee;
+}
+
+.nav ul {
+ list-style-type: none;
+ display: inline-block;
+ margin: 0;
+ padding: 0;
+}
+
+.nav li {
+ display: inline;
+ padding: 1rem;
+}
+
+.nav li:first-child {
+ padding-left: 0;
+}
+
+.nav a {
+ display: inline-block;
+ color: #000;
+}
+
+.nav a:hover {
+ color: #000;
+}
+
+.nav a:visited {
+ color: #000;
+}
+
+@media (min-width: 1140px) {
+ .container {
+ margin-left: 14rem;
+ margin-right: 4rem;
+ max-width: 52rem;
+ }
+}
+
+@media (min-width: 800px) and (max-width: 1140px) {
+ .container {
+ margin-left: 6rem;
+ margin-right: 4rem;
+ max-width: 52rem;
+ }
+}
+
+@media (max-width: 800px) {
+ .container {
+ margin: 1rem;
+ }
+}
+
+.fade-text {
+ color: #ddd;
+}
+
+/* Summaries */
+
+.summary {
+ margin-bottom: 3rem;
+}
+
+.summary .date {
+ margin-bottom: 0rem;
+}
+
+.summary p {
+ margin-top: 1rem;
+ margin-bottom: 1rem;
+}
+
+/* Posts */
+
+.date {
+ margin-top: -1rem;
+ margin-bottom: 2rem;
+ color: #666;
+}
+
+.post img {
+ display: block;
+ max-width: 100%;
+ height: auto;
+ margin: 0 auto;
+ padding: 0px;
+ border-radius: 4px;
+}
+
+.caption {
+ text-align: center;
+ margin: 0;
+ margin-left: 4rem;
+ margin-right: 4rem;
+}
+
+/* Syntax Highlighting */
+
+.syntax-special, .syntax-element {
+ color: #8ac6f2;
+ font-weight: bold;
+}
+
+.syntax-string {
+ color: #95e454;
+}
+
+.syntax-keyword, .syntax-attribute {
+ color: #e5786d;
+}
+
+.syntax-comment {
+ color: #999;
+}
+
+.syntax-open, .syntax-close {
+ color: #999;
+}