diff --git a/alchemy/static/css/clean-blog.css b/alchemy/static/css/clean-blog.css
deleted file mode 100755
index 04a94f0..0000000
--- a/alchemy/static/css/clean-blog.css
+++ /dev/null
@@ -1,400 +0,0 @@
-/*!
- * Start Bootstrap - Clean Blog v3.3.7+1 (http://startbootstrap.com/template-overviews/clean-blog)
- * Copyright 2013-2016 Start Bootstrap
- * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
- */
-body {
- font-family: 'Lora', 'Times New Roman', serif;
- font-size: 20px;
- color: #333333;
-}
-p {
- line-height: 1.5;
- margin: 30px 0;
-}
-p a {
- text-decoration: underline;
-}
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
- font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
- font-weight: 800;
-}
-a {
- color: #333333;
-}
-a:hover,
-a:focus {
- color: #0085A1;
-}
-a img:hover,
-a img:focus {
- cursor: zoom-in;
-}
-blockquote {
- color: #777777;
- font-style: italic;
-}
-hr.small {
- max-width: 100px;
- margin: 15px auto;
- border-width: 4px;
- border-color: white;
-}
-.navbar-custom {
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- z-index: 3;
- font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
-}
-.navbar-custom .navbar-brand {
- font-weight: 800;
-}
-.navbar-custom .navbar-header .navbar-toggle {
- color: #777777;
- font-weight: 800;
- text-transform: uppercase;
- font-size: 12px;
-}
-.navbar-custom .nav li a {
- text-transform: uppercase;
- font-size: 12px;
- font-weight: 800;
- letter-spacing: 1px;
-}
-@media only screen and (min-width: 768px) {
- .navbar-custom {
- background: transparent;
- border-bottom: 1px solid transparent;
- }
- .navbar-custom .navbar-brand {
- color: white;
- padding: 20px;
- }
- .navbar-custom .navbar-brand:hover,
- .navbar-custom .navbar-brand:focus {
- color: rgba(255, 255, 255, 0.8);
- }
- .navbar-custom .nav li a {
- color: white;
- padding: 20px;
- }
- .navbar-custom .nav li a:hover,
- .navbar-custom .nav li a:focus {
- color: rgba(255, 255, 255, 0.8);
- }
-}
-@media only screen and (min-width: 1170px) {
- .navbar-custom {
- -webkit-transition: background-color 0.3s;
- -moz-transition: background-color 0.3s;
- transition: background-color 0.3s;
- /* Force Hardware Acceleration in WebKit */
- -webkit-transform: translate3d(0, 0, 0);
- -moz-transform: translate3d(0, 0, 0);
- -ms-transform: translate3d(0, 0, 0);
- -o-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- -webkit-backface-visibility: hidden;
- backface-visibility: hidden;
- }
- .navbar-custom.is-fixed {
- /* when the user scrolls down, we hide the header right above the viewport */
- position: fixed;
- top: -61px;
- background-color: rgba(255, 255, 255, 0.9);
- border-bottom: 1px solid #f2f2f2;
- -webkit-transition: -webkit-transform 0.3s;
- -moz-transition: -moz-transform 0.3s;
- transition: transform 0.3s;
- }
- .navbar-custom.is-fixed .navbar-brand {
- color: #333333;
- }
- .navbar-custom.is-fixed .navbar-brand:hover,
- .navbar-custom.is-fixed .navbar-brand:focus {
- color: #0085A1;
- }
- .navbar-custom.is-fixed .nav li a {
- color: #333333;
- }
- .navbar-custom.is-fixed .nav li a:hover,
- .navbar-custom.is-fixed .nav li a:focus {
- color: #0085A1;
- }
- .navbar-custom.is-visible {
- /* if the user changes the scrolling direction, we show the header */
- -webkit-transform: translate3d(0, 100%, 0);
- -moz-transform: translate3d(0, 100%, 0);
- -ms-transform: translate3d(0, 100%, 0);
- -o-transform: translate3d(0, 100%, 0);
- transform: translate3d(0, 100%, 0);
- }
-}
-.intro-header {
- background-color: #777777;
- background: no-repeat center center;
- background-attachment: scroll;
- -webkit-background-size: cover;
- -moz-background-size: cover;
- background-size: cover;
- -o-background-size: cover;
- margin-bottom: 50px;
-}
-.intro-header .site-heading,
-.intro-header .post-heading,
-.intro-header .page-heading {
- padding: 100px 0 50px;
- color: white;
-}
-@media only screen and (min-width: 768px) {
- .intro-header .site-heading,
- .intro-header .post-heading,
- .intro-header .page-heading {
- padding: 150px 0;
- }
-}
-.intro-header .site-heading,
-.intro-header .page-heading {
- text-align: center;
-}
-.intro-header .site-heading h1,
-.intro-header .page-heading h1 {
- margin-top: 0;
- font-size: 50px;
-}
-.intro-header .site-heading .subheading,
-.intro-header .page-heading .subheading {
- font-size: 24px;
- line-height: 1.1;
- display: block;
- font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
- font-weight: 300;
- margin: 10px 0 0;
-}
-@media only screen and (min-width: 768px) {
- .intro-header .site-heading h1,
- .intro-header .page-heading h1 {
- font-size: 80px;
- }
-}
-.intro-header .post-heading h1 {
- font-size: 35px;
-}
-.intro-header .post-heading .subheading,
-.intro-header .post-heading .meta {
- line-height: 1.1;
- display: block;
-}
-.intro-header .post-heading .subheading {
- font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
- font-size: 24px;
- margin: 10px 0 30px;
- font-weight: 600;
-}
-.intro-header .post-heading .meta {
- font-family: 'Lora', 'Times New Roman', serif;
- font-style: italic;
- font-weight: 300;
- font-size: 20px;
-}
-.intro-header .post-heading .meta a {
- color: white;
-}
-@media only screen and (min-width: 768px) {
- .intro-header .post-heading h1 {
- font-size: 55px;
- }
- .intro-header .post-heading .subheading {
- font-size: 30px;
- }
-}
-.post-preview > a {
- color: #333333;
-}
-.post-preview > a:hover,
-.post-preview > a:focus {
- text-decoration: none;
- color: #0085A1;
-}
-.post-preview > a > .post-title {
- font-size: 30px;
- margin-top: 30px;
- margin-bottom: 10px;
-}
-.post-preview > a > .post-subtitle {
- margin: 0;
- font-weight: 300;
- margin-bottom: 10px;
-}
-.post-preview > .post-meta {
- color: #777777;
- font-size: 18px;
- font-style: italic;
- margin-top: 0;
-}
-.post-preview > .post-meta > a {
- text-decoration: none;
- color: #333333;
-}
-.post-preview > .post-meta > a:hover,
-.post-preview > .post-meta > a:focus {
- color: #0085A1;
- text-decoration: underline;
-}
-@media only screen and (min-width: 768px) {
- .post-preview > a > .post-title {
- font-size: 36px;
- }
-}
-.section-heading {
- font-size: 36px;
- margin-top: 60px;
- font-weight: 700;
-}
-.caption {
- text-align: center;
- font-size: 14px;
- padding: 10px;
- font-style: italic;
- margin: 0;
- display: block;
- border-bottom-right-radius: 5px;
- border-bottom-left-radius: 5px;
-}
-footer {
- padding: 50px 0 65px;
-}
-footer .list-inline {
- margin: 0;
- padding: 0;
-}
-footer .copyright {
- font-size: 14px;
- text-align: center;
- margin-bottom: 0;
-}
-.floating-label-form-group {
- font-size: 14px;
- position: relative;
- margin-bottom: 0;
- padding-bottom: 0.5em;
- border-bottom: 1px solid #eeeeee;
-}
-.floating-label-form-group input,
-.floating-label-form-group textarea {
- z-index: 1;
- position: relative;
- padding-right: 0;
- padding-left: 0;
- border: none;
- border-radius: 0;
- font-size: 1.5em;
- background: none;
- box-shadow: none !important;
- resize: none;
-}
-.floating-label-form-group label {
- display: block;
- z-index: 0;
- position: relative;
- top: 2em;
- margin: 0;
- font-size: 0.85em;
- line-height: 1.764705882em;
- vertical-align: middle;
- vertical-align: baseline;
- opacity: 0;
- -webkit-transition: top 0.3s ease,opacity 0.3s ease;
- -moz-transition: top 0.3s ease,opacity 0.3s ease;
- -ms-transition: top 0.3s ease,opacity 0.3s ease;
- transition: top 0.3s ease,opacity 0.3s ease;
-}
-.floating-label-form-group::not(:first-child) {
- padding-left: 14px;
- border-left: 1px solid #eeeeee;
-}
-.floating-label-form-group-with-value label {
- top: 0;
- opacity: 1;
-}
-.floating-label-form-group-with-focus label {
- color: #0085A1;
-}
-form .row:first-child .floating-label-form-group {
- border-top: 1px solid #eeeeee;
-}
-.btn {
- font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
- text-transform: uppercase;
- font-size: 14px;
- font-weight: 800;
- letter-spacing: 1px;
- border-radius: 0;
- padding: 15px 25px;
-}
-.btn-lg {
- font-size: 16px;
- padding: 25px 35px;
-}
-.btn-default:hover,
-.btn-default:focus {
- background-color: #0085A1;
- border: 1px solid #0085A1;
- color: white;
-}
-.pager {
- margin: 20px 0 0;
-}
-.pager li > a,
-.pager li > span {
- font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
- text-transform: uppercase;
- font-size: 14px;
- font-weight: 800;
- letter-spacing: 1px;
- padding: 15px 25px;
- background-color: white;
- border-radius: 0;
-}
-.pager li > a:hover,
-.pager li > a:focus {
- color: white;
- background-color: #0085A1;
- border: 1px solid #0085A1;
-}
-.pager .disabled > a,
-.pager .disabled > a:hover,
-.pager .disabled > a:focus,
-.pager .disabled > span {
- color: #777777;
- background-color: #333333;
- cursor: not-allowed;
-}
-::-moz-selection {
- color: white;
- text-shadow: none;
- background: #0085A1;
-}
-::selection {
- color: white;
- text-shadow: none;
- background: #0085A1;
-}
-img::selection {
- color: white;
- background: transparent;
-}
-img::-moz-selection {
- color: white;
- background: transparent;
-}
-body {
- -webkit-tap-highlight-color: #0085A1;
-}
diff --git a/alchemy/static/css/clean-blog.min.css b/alchemy/static/css/clean-blog.min.css
deleted file mode 100755
index faa3794..0000000
--- a/alchemy/static/css/clean-blog.min.css
+++ /dev/null
@@ -1,5 +0,0 @@
-/*!
- * Start Bootstrap - Clean Blog v3.3.7+1 (http://startbootstrap.com/template-overviews/clean-blog)
- * Copyright 2013-2016 Start Bootstrap
- * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
- */a,body{color:#333}.navbar-custom .nav li a,.navbar-custom .navbar-brand,h1,h2,h3,h4,h5,h6{font-weight:800}.caption,.intro-header .page-heading,.intro-header .site-heading,footer .copyright{text-align:center}body{font-family:Lora,'Times New Roman',serif;font-size:20px;-webkit-tap-highlight-color:#0085A1}.intro-header .page-heading .subheading,.intro-header .post-heading .subheading,.intro-header .site-heading .subheading,.navbar-custom,h1,h2,h3,h4,h5,h6{font-family:'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif}p{line-height:1.5;margin:30px 0}p a{text-decoration:underline}a:focus,a:hover{color:#0085A1}a img:focus,a img:hover{cursor:zoom-in}blockquote{color:#777;font-style:italic}hr.small{max-width:100px;margin:15px auto;border-width:4px;border-color:#fff}.navbar-custom{position:absolute;top:0;left:0;width:100%;z-index:3}.navbar-custom .navbar-header .navbar-toggle{color:#777;font-weight:800;text-transform:uppercase;font-size:12px}.navbar-custom .nav li a{text-transform:uppercase;font-size:12px;letter-spacing:1px}@media only screen and (min-width:768px){.navbar-custom{background:0 0;border-bottom:1px solid transparent}.navbar-custom .navbar-brand{color:#fff;padding:20px}.navbar-custom .navbar-brand:focus,.navbar-custom .navbar-brand:hover{color:rgba(255,255,255,.8)}.navbar-custom .nav li a{color:#fff;padding:20px}.navbar-custom .nav li a:focus,.navbar-custom .nav li a:hover{color:rgba(255,255,255,.8)}}@media only screen and (min-width:1170px){.navbar-custom{-webkit-transition:background-color .3s;-moz-transition:background-color .3s;transition:background-color .3s;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.navbar-custom.is-fixed{position:fixed;top:-61px;background-color:rgba(255,255,255,.9);border-bottom:1px solid #f2f2f2;-webkit-transition:-webkit-transform .3s;-moz-transition:-moz-transform .3s;transition:transform .3s}.navbar-custom.is-fixed .navbar-brand{color:#333}.navbar-custom.is-fixed .navbar-brand:focus,.navbar-custom.is-fixed .navbar-brand:hover{color:#0085A1}.navbar-custom.is-fixed .nav li a{color:#333}.navbar-custom.is-fixed .nav li a:focus,.navbar-custom.is-fixed .nav li a:hover{color:#0085A1}.navbar-custom.is-visible{-webkit-transform:translate3d(0,100%,0);-moz-transform:translate3d(0,100%,0);-ms-transform:translate3d(0,100%,0);-o-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.intro-header{background:center center no-repeat;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover;margin-bottom:50px}.intro-header .page-heading,.intro-header .post-heading,.intro-header .site-heading{padding:100px 0 50px;color:#fff}.intro-header .page-heading h1,.intro-header .site-heading h1{margin-top:0;font-size:50px}.intro-header .page-heading .subheading,.intro-header .site-heading .subheading{font-size:24px;line-height:1.1;display:block;font-weight:300;margin:10px 0 0}@media only screen and (min-width:768px){.intro-header .page-heading,.intro-header .post-heading,.intro-header .site-heading{padding:150px 0}.intro-header .page-heading h1,.intro-header .site-heading h1{font-size:80px}}.intro-header .post-heading h1{font-size:35px}.intro-header .post-heading .meta,.intro-header .post-heading .subheading{line-height:1.1;display:block}.intro-header .post-heading .subheading{font-size:24px;margin:10px 0 30px;font-weight:600}.intro-header .post-heading .meta{font-family:Lora,'Times New Roman',serif;font-style:italic;font-weight:300;font-size:20px}.intro-header .post-heading .meta a{color:#fff}@media only screen and (min-width:768px){.intro-header .post-heading h1{font-size:55px}.intro-header .post-heading .subheading{font-size:30px}}.post-preview>a{color:#333}.post-preview>a:focus,.post-preview>a:hover{text-decoration:none;color:#0085A1}.post-preview>a>.post-title{font-size:30px;margin-top:30px;margin-bottom:10px}.post-preview>a>.post-subtitle{margin:0 0 10px;font-weight:300}.post-preview>.post-meta{color:#777;font-size:18px;font-style:italic;margin-top:0}.post-preview>.post-meta>a{text-decoration:none;color:#333}.post-preview>.post-meta>a:focus,.post-preview>.post-meta>a:hover{color:#0085A1;text-decoration:underline}@media only screen and (min-width:768px){.post-preview>a>.post-title{font-size:36px}}.section-heading{font-size:36px;margin-top:60px;font-weight:700}.btn,.pager li>a,.pager li>span{font-family:'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;text-transform:uppercase;font-weight:800;letter-spacing:1px}.caption{font-size:14px;padding:10px;font-style:italic;margin:0;display:block;border-bottom-right-radius:5px;border-bottom-left-radius:5px}footer{padding:50px 0 65px}footer .list-inline{margin:0;padding:0}footer .copyright{font-size:14px;margin-bottom:0}.floating-label-form-group{font-size:14px;position:relative;margin-bottom:0;padding-bottom:.5em;border-bottom:1px solid #eee}.floating-label-form-group input,.floating-label-form-group textarea{z-index:1;position:relative;padding-right:0;padding-left:0;border:none;border-radius:0;font-size:1.5em;background:0 0;box-shadow:none!important;resize:none}.floating-label-form-group label{display:block;z-index:0;position:relative;top:2em;margin:0;font-size:.85em;line-height:1.764705882em;vertical-align:middle;vertical-align:baseline;opacity:0;-webkit-transition:top .3s ease,opacity .3s ease;-moz-transition:top .3s ease,opacity .3s ease;-ms-transition:top .3s ease,opacity .3s ease;transition:top .3s ease,opacity .3s ease}.floating-label-form-group::not(:first-child){padding-left:14px;border-left:1px solid #eee}.floating-label-form-group-with-value label{top:0;opacity:1}.floating-label-form-group-with-focus label{color:#0085A1}form .row:first-child .floating-label-form-group{border-top:1px solid #eee}.btn{font-size:14px;border-radius:0;padding:15px 25px}.btn-lg{font-size:16px;padding:25px 35px}.btn-default:focus,.btn-default:hover{background-color:#0085A1;border:1px solid #0085A1;color:#fff}.pager{margin:20px 0 0}.pager li>a,.pager li>span{font-size:14px;padding:15px 25px;background-color:#fff;border-radius:0}.pager li>a:focus,.pager li>a:hover{color:#fff;background-color:#0085A1;border:1px solid #0085A1}.pager .disabled>a,.pager .disabled>a:focus,.pager .disabled>a:hover,.pager .disabled>span{color:#777;background-color:#333;cursor:not-allowed}::-moz-selection{color:#fff;text-shadow:none;background:#0085A1}::selection{color:#fff;text-shadow:none;background:#0085A1}img::selection{color:#fff;background:0 0}img::-moz-selection{color:#fff;background:0 0}
\ No newline at end of file
diff --git a/alchemy/static/css/style.css b/alchemy/static/css/style.css
index 5cba1f8..460f5c5 100644
--- a/alchemy/static/css/style.css
+++ b/alchemy/static/css/style.css
@@ -1,8 +1,14 @@
+::selection {
+ background: #0085A1;
+ color: #fff;
+ text-shadow: none;
+}
+
body {
background-color: #f5f5f5;
- border-top: 4px solid #333;
font-family: 'Georgia', 'Cambria', 'Times New Roman', 'Times', serif;
- font-size: 18px;
+ font-size: 16px;
+ line-height: 1.5;
}
h1,
@@ -12,54 +18,33 @@ h4,
h5,
h6 {
font-family: 'Helvetica Neue', 'Helvetica', 'Roboto', 'Arial', sans-serif;
- font-weight: normal;
+ font-weight: bold;
}
+a {
+ color: #333;
+}
+
+a:focus,
+a:hover {
+ color: #0085a1
+}
+
+blockquote {
+ color: #777;
+ font-style: italic
+}
+
+/* ------------------------------------------------------------------------- */
+
.container {
max-width: 970px;
}
-.pagination > li > a,
-.pagination > li > span {
- color: #333;
-}
-
-.pagination > li > a:hover,
-.pagination > li > span:hover,
-.pagination > li > a:focus,
-.pagination > li > span:focus,
-a:focus,
-a:hover {
- color: #ff9800;
-}
-
.header {
border-bottom: 1px solid #ddd;
}
-.header img {
- border: 4px solid #333;
- margin: 20px 0;
-}
-
-.header h1 {
- font-size: 3em;
- font-weight: bold;
-}
-
-.header p {
- font-size: 1.1em;
- margin: 20px 0;
-}
-
-.header ul {
- margin-bottom: 10px;
-}
-
-.header nav li {
- margin-bottom: 10px;
-}
-
.main {
background-color: #fff;
padding: 20px 0;
@@ -70,35 +55,72 @@ a:hover {
padding: 20px 0;
}
+.highlight pre {
+ border: 1px solid #ddd;
+}
+
+.pagination > li > a,
+.pagination > li > span {
+ color: #333;
+}
+
+.header img {
+ margin: 20px 0;
+}
+
+.header h1 {
+ font-size: 3em;
+}
+
+.header p {
+ font-size: 1.1em;
+ margin: 20px 0;
+}
+
+.header ul {
+ margin-bottom: 10px;
+}
+
+.header li {
+ margin-bottom: 10px;
+}
+
.page-header {
margin-top: 0;
}
-.teaser h3 {
- margin: 0 0 30px;
+.teaser h2 {
+ margin-top: 0;
}
.teaser p {
- margin: 0;
+ margin-bottom: 0;
}
.teaser header div {
margin-bottom: 10px;
}
-.article blockquote,
-.article ul,
-.article ol,
-.article .highlight {
+.article > ul,
+.article > ol,
+.article > p,
+.article > blockquote,
+.article > .highlight {
margin: 30px 0;
}
-.article blockquote p:first-child,
-.article blockquote ul:first-child,
-.article blockquote ol:first-child {
- margin-top: 0;
+.article > h2 {
+ margin-top: 50px;
}
-.highlight pre {
- border: none;
-}
\ No newline at end of file
+.article a {
+ text-decoration: underline
+}
+
+.article header ul {
+ margin-bottom: 10px;
+}
+
+.article header li {
+ margin-bottom: 10px;
+}
diff --git a/alchemy/templates/base.html b/alchemy/templates/base.html
index 1ffe8b7..13c0074 100644
--- a/alchemy/templates/base.html
+++ b/alchemy/templates/base.html
@@ -41,7 +41,6 @@
{% endif %}
-