Main page with new style

[blog.git] / css / application.min.css

diff --git a/css/application.min.css b/css/application.min.css
new file mode 100644 (file)
index 0000000..ed980ea
--- /dev/null
+++ b/css/application.min.css
@@ -0,0 +1,234 @@
+pre, code {
+  font-family: "Source Code Pro", monospace; }
+
+p code, li code {
+  background-color: #fef8f8;
+  border-radius: 3px;
+  padding: 2px 5px; }
+
+pre code, table.sourcetable pre, .source pre {
+  font-size: 0.95em;
+  line-height: 1.6em;
+  margin: 0; }
+
+.source {
+  display: inline-block;
+  margin: 1em 1.5em; }
+
+pre code {
+  display: block; }
+
+pre code, div[class^='brush: '] {
+  background-color: #fef8f8;
+  width: 100%;
+  overflow: auto;
+  -webkit-overflow-scrolling: touch; }
+
+table.sourcetable {
+  width: 100%; }
+  table.sourcetable td.linenos {
+    color: #d9b6b6;
+    white-space: nowrap;
+    width: 1%;
+    font-weight: 300; }
+  table.sourcetable pre {
+    margin: 0; }
+
+pre code, table.sourcetable {
+  padding: 20px; }
+
+td.linenos {
+  padding-right: 15px; }
+
+html {
+  background-color: #fffcfc;
+  font-family: "Merriweather", serif; }
+
+* {
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  -webkit-text-size-adjust: 100%;
+  -moz-text-size-adjust: 100%;
+  -ms-text-size-adjust: 100%; }
+
+html, body {
+  margin: 0;
+  padding: 0;
+  height: 100%;
+  width: 100%; }
+
+#page-content {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  width: 100%;
+  min-height: 100%; }
+
+#page-content > section[role=main] {
+  -webkit-box-flex: 1;
+      -ms-flex: 1;
+          flex: 1;
+  padding: 0 30px; }
+  #page-content > section[role=main] > .content {
+    margin: 0 auto;
+    padding: 40px 0;
+    max-width: 780px; }
+    @media (max-width: 550px) {
+      #page-content > section[role=main] > .content {
+        padding: 30px 0; } }
+  #page-content > section[role=main] p {
+    line-height: 1.9em; }
+  #page-content > section[role=main] li {
+    line-height: 1.8em; }
+  #page-content > section[role=main] a {
+    color: #c54747; }
+    #page-content > section[role=main] a:hover {
+      color: #d16e6e;
+      text-decoration: none; }
+
+@media (max-width: 550px) {
+  #blog-title-header {
+    display: none; } }
+
+#page-content > footer {
+  background-color: #e45b5b;
+  color: #fadede;
+  font-family: "Merriweather Sans", sans-serif;
+  text-align: center; }
+  #page-content > footer > .content {
+    margin: 0 auto;
+    padding: 10px 0;
+    max-width: 940px; }
+  #page-content > footer a {
+    color: inherit;
+    font-weight: bold;
+    text-decoration: underline; }
+  #page-content > footer h2, #page-content > footer h3 {
+    font-weight: 300;
+    margin: 0.8em; }
+  #page-content > footer h2 {
+    font-size: 1.1em; }
+  #page-content > footer h3 {
+    font-size: 0.8em; }
+
+article > header .date-and-tags time {
+  color: #473737;
+  font-size: 1.5em;
+  font-weight: 300; }
+
+article > header .tags a {
+  color: #c54747; }
+
+article.inline > header .title {
+  font-size: 2.3em;
+  margin-bottom: 10px; }
+  @media (max-width: 550px) {
+    article.inline > header .title {
+      font-size: 2em; } }
+
+article.inline > header .date-and-tags {
+  margin-bottom: 20px; }
+
+article.main > header .title {
+  font-size: 2.7em;
+  margin-bottom: 10px;
+  margin-top: 0; }
+  @media (max-width: 550px) {
+    article.main > header .title {
+      font-size: 2.2em; } }
+
+article.main > header .date-and-tags {
+  margin-bottom: 2em; }
+
+.content h1 {
+  font-size: 2em;
+  margin-top: 2em; }
+
+.footnotes {
+  font-size: small;
+  margin-top: 4em; }
+
+article.main > footer {
+  margin-top: 40px; }
+
+h1, h2, h3, h4, h5, h6 {
+  font-family: "Merriweather Sans", sans-serif; }
+
+a {
+  text-decoration: none;
+  -webkit-transition: color 0.15s ease-in-out;
+  transition: color 0.15s ease-in-out; }
+  a:hover {
+    text-decoration: underline; }
+
+blockquote {
+  background-color: #F6F6F6;
+  margin: 0;
+  padding: 0.5em 35px; }
+
+.navigation-bar {
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  background-color: #e45b5b;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  font-size: 1.2em;
+  font-family: "Merriweather Sans", sans-serif;
+  font-weight: 300;
+  width: 100%; }
+  .navigation-bar a {
+    color: #fadede;
+    display: block;
+    letter-spacing: 0.1em;
+    text-transform: uppercase;
+    text-decoration: none; }
+    .navigation-bar a:hover {
+      color: white; }
+  .navigation-bar h1 {
+    margin: 5px 0;
+    text-decoration: none;
+    font-size: 1.5em;
+    font-weight: inherit; }
+  .navigation-bar .navigation-items {
+    padding: 0; }
+    .navigation-bar .navigation-items.left, .navigation-bar .navigation-items.right {
+      margin: 15px; }
+    .navigation-bar .navigation-items.center {
+      -webkit-box-flex: 1;
+          -ms-flex: 1;
+              flex: 1; }
+    .navigation-bar .navigation-items li {
+      display: inline-block;
+      margin: 0 20px; }
+
+.pagination {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  margin-top: 4em;
+  padding: 0; }
+  .pagination li {
+    -webkit-box-flex: 1;
+        -ms-flex: 1;
+            flex: 1;
+    list-style: none;
+    text-align: center; }
+    .pagination li a {
+      display: block;
+      -webkit-transition: background-color 0.25s ease-in-out;
+      transition: background-color 0.25s ease-in-out;
+      width: 90%; }
+    .pagination li.active a {
+      cursor: default; }
+    .pagination li a:hover, .pagination li.active a {
+      background-color: #e45b5b;
+      color: white !important; }
+
+div.figure > img, article.main > p > a > img {
+  max-width: 100%; }