jekyll-lenciel-theme 0.1.4 → 0.1.5

data/_sass/custom/_colors.scss

@@ -0,0 +1,48 @@
+// Here you can easily change your sites's color scheme.
+// To give it a try, uncomment some of the lines below rebuild your blog, and see how it works.
+// If you need a handy color picker try http://hslpicker.com
+
+// uncomment line with * to get dark back
+/*$header-bg: #263347;*/
+/*$subtitle-color: lighten($header-bg, 58);*/
+//$nav-bg: desaturate(lighten(#8fc17a, 18), 5);
+$nav-bg: desaturate(lighten(#4F5153, 1), 5);
+//$nav-bg-front: image-url('noise.png');
+$nav-bg-back: linear-gradient(lighten($nav-bg, 8), $nav-bg, darken($nav-bg, 11));
+//$sidebar-bg: desaturate(#eceff5, 8);
+//$sidebar-link-color: saturate(#526f9a, 10);
+//$sidebar-link-color-hover: darken(#7ab662, 9);
+$footer-bg: #393A3D !default;
+//$footer-bg-front: image-url('noise.png');
+$footer-bg-back: linear-gradient(lighten($footer-bg, 9), $footer-bg, darken($footer-bg, 11));
+// $footer-link-color: hsl(209.73, 47.64%, 54.31%);
+$footer-link-color: hsl(209.01, 86.94%, 50.04%);
+$footer-link-color-hover: lighten($footer-link-color, 9);
+
+
+/* To use the light Solarized highlighting theme uncomment the following line */
+//$solarized: light;
+
+/* If you want to tweak the Solarized colors you can do that here */
+//$base03:          #002b36; //darkest blue
+//$base02:          #073642; //dark blue
+//$base01:          #586e75; //darkest gray
+//$base00:          #657b83; //dark gray
+//$base0:           #839496; //medium gray
+//$base1:           #93a1a1; //medium light gray
+//$base2:           #eee8d5; //cream
+//$base3:           #fdf6e3; //white
+//$solar-yellow:    #b58900;
+//$solar-orange:    #cb4b16;
+//$solar-red:       #dc322f;
+//$solar-magenta:   #d33682;
+//$solar-violet:    #6c71c4;
+//$solar-blue:      #268bd2;
+//$solar-cyan:      #2aa198;
+//$solar-green:     #859900;
+
+
+/* Non highlighted code colors */
+//$pre-bg: $base03;
+//$pre-border: darken($base02, 5);
+//$pre-color: $base1;

data/_sass/custom/_fonts.scss

@@ -0,0 +1,16 @@
+// Here you can easily change font faces which are used in your site.
+// To give it a try, uncomment some of the lines below rebuild your blog, and see how it works. your sites's.
+// If you love to use Web Fonts, you also need to add some lines to source/_includes/custom/head.html
+
+//$sans: "Optima", sans-serif;
+//$serif: "Baskerville", serif;
+//$mono: "Courier", monospace;
+//$heading-font-family: "Verdana", sans-serif;
+//$header-title-font-family: "Futura", sans-serif;
+//$header-subtitle-font-family: "Futura", sans-serif;
+
+$header-title-font-family: 'Patua One', "Helvetica Neue", Arial, sans-serif;
+$header-subtitle-font-family: 'Yanone Kaffeesatz', "Helvetica Neue", Arial, sans-serif;
+$heading-font-family: 'Yanone Kaffeesatz', "Helvetica Neue", Arial, sans-serif;
+// $serif: 'Hiragino Mincho ProN', PCMyungjo, serif;
+$serif: 'PT Sans', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;

data/_sass/custom/_footer.scss

@@ -0,0 +1,68 @@
+$footer-construction: hsl(0.00, 0.00%, 6.27%);
+
+// Footer
+body > footer {
+  overflow: hidden;
+  p {
+    margin-bottom: 0;
+  }
+  @include border-bottom-radius(0px);
+  p span.theme-version {
+    float: right;
+    color: #9C9EA2;
+  }
+  @include single-box-shadow(#000, 1px, 3px, 5px)
+}
+
+section {
+  &.contruction-wrap {
+    height: 52px;
+    width:200px;
+    position: absolute;
+    right: 0;
+    top: 14px;
+  }
+  div.contruction {
+    height: 15px;
+    width: 200px;
+    position: relative;
+    margin-left: 105px;
+    background-color: hsl(39.59, 100.00%, 47.84%);
+    @include rotate(-45deg);
+    @include background-image(linear-gradient(
+      45deg,
+      $footer-construction 6.25%,
+      transparent 6.25%,
+      transparent 12.5%,
+      $footer-construction 12.5%,
+      $footer-construction 18.75%,
+      transparent 18.75%,
+      transparent 25%,
+      $footer-construction 25%,
+      $footer-construction 31.25%,
+      transparent 31.25%,
+      transparent 37.5%,
+      $footer-construction 37.5%,
+      $footer-construction 43.75%,
+      transparent 43.75%,
+      transparent 50%,
+      $footer-construction 50%,
+      $footer-construction 56.25%,
+      transparent 56.25%,
+      transparent 62.5%,
+      $footer-construction 62.5%,
+      $footer-construction 68.75%,
+      transparent 68.75%,
+      transparent 75%,
+      $footer-construction 75%,
+      $footer-construction 81.25%,
+      transparent 81.25%,
+      transparent 87.5%,
+      $footer-construction 87.5%,
+      $footer-construction 93.75%,
+      transparent 93.75%,
+      transparent 100%
+      ));
+    @include box-shadow(hsla(0, 0%, 100%, 0.2) 0px 1px 2px 1px inset, hsla(0, 0%, 0%, 0.2) 0px -1px 1px 1px inset);
+  }
+}

data/_sass/custom/_footnotes.scss

@@ -0,0 +1,4 @@
+sup, sub {
+	padding: 0 0.2em;
+	display: inline;
+}

data/_sass/custom/_header.scss

@@ -0,0 +1,11 @@
+// Header
+body > header {
+  background: none;
+  h1, h2 {
+    @include text-shadow(0px 1px 0px #999, 0px 2px 0px #888, 0px 3px 0px #777, 0px 4px 0px #666, 0px 5px 0px #555, 0px 6px 0px #444, 0px 7px 0px #333, 0px 8px 7px #001135);
+  }
+  h2 {
+    margin-top: .5em;
+    display: none;
+  }
+}

data/_sass/custom/_icomoon.scss

@@ -0,0 +1,204 @@
+/* cyrillic-ext */
+@font-face {
+  font-family: 'PT Sans';
+  font-style: normal;
+  font-weight: 400;
+  src: local('PT Sans'), local('PTSans-Regular'), url('../fonts/fhNmDCnjccoUYyU4ZASaLVKPGs1ZzpMvnHX-7fPOuAc.woff2') format('woff2');
+  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
+}
+/* cyrillic */
+@font-face {
+  font-family: 'PT Sans';
+  font-style: normal;
+  font-weight: 400;
+  src: local('PT Sans'), local('PTSans-Regular'), url('../fonts/BJVWev7_auVaQ__OU8Qih1KPGs1ZzpMvnHX-7fPOuAc.woff2') format('woff2');
+  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+/* latin-ext */
+@font-face {
+  font-family: 'PT Sans';
+  font-style: normal;
+  font-weight: 400;
+  src: local('PT Sans'), local('PTSans-Regular'), url('../fonts/oysROHFTu1eTZ74Hcf8V-VKPGs1ZzpMvnHX-7fPOuAc.woff2') format('woff2');
+  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
+}
+/* latin */
+@font-face {
+  font-family: 'PT Sans';
+  font-style: normal;
+  font-weight: 400;
+  src: local('PT Sans'), local('PTSans-Regular'), url('../fonts/CWlc_g68BGYDSGdpJvpktgLUuEpTyoUstqEm5AMlJo4.woff2') format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
+}
+/* cyrillic-ext */
+@font-face {
+  font-family: 'PT Sans';
+  font-style: normal;
+  font-weight: 700;
+  src: local('PT Sans Bold'), local('PTSans-Bold'), url('../fonts/kTYfCWJhlldPf5LnG4ZnHAsYbbCjybiHxArTLjt7FRU.woff2') format('woff2');
+  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
+}
+/* cyrillic */
+@font-face {
+  font-family: 'PT Sans';
+  font-style: normal;
+  font-weight: 700;
+  src: local('PT Sans Bold'), local('PTSans-Bold'), url('../fonts/g46X4VH_KHOWAAa-HpnGPgsYbbCjybiHxArTLjt7FRU.woff2') format('woff2');
+  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+/* latin-ext */
+@font-face {
+  font-family: 'PT Sans';
+  font-style: normal;
+  font-weight: 700;
+  src: local('PT Sans Bold'), local('PTSans-Bold'), url('../fonts/hpORcvLZtemlH8gI-1S-7gsYbbCjybiHxArTLjt7FRU.woff2') format('woff2');
+  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
+}
+/* latin */
+@font-face {
+  font-family: 'PT Sans';
+  font-style: normal;
+  font-weight: 700;
+  src: local('PT Sans Bold'), local('PTSans-Bold'), url('../fonts/0XxGQsSc1g4rdRdjJKZrNAzyDMXhdD8sAj6OAJTFsBI.woff2') format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
+}
+/* cyrillic-ext */
+@font-face {
+  font-family: 'PT Sans';
+  font-style: italic;
+  font-weight: 400;
+  src: local('PT Sans Italic'), local('PTSans-Italic'), url('../fonts/GpWpM_6S4VQLPNAQ3iWvVYX0hVgzZQUfRDuZrPvH3D8.woff2') format('woff2');
+  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
+}
+/* cyrillic */
+@font-face {
+  font-family: 'PT Sans';
+  font-style: italic;
+  font-weight: 400;
+  src: local('PT Sans Italic'), local('PTSans-Italic'), url('../fonts/7dSh6BcuqDLzS2qAASIeuoX0hVgzZQUfRDuZrPvH3D8.woff2') format('woff2');
+  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+/* latin-ext */
+@font-face {
+  font-family: 'PT Sans';
+  font-style: italic;
+  font-weight: 400;
+  src: local('PT Sans Italic'), local('PTSans-Italic'), url('../fonts/DVKQJxMmC9WF_oplMzlQqYX0hVgzZQUfRDuZrPvH3D8.woff2') format('woff2');
+  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
+}
+/* latin */
+@font-face {
+  font-family: 'PT Sans';
+  font-style: italic;
+  font-weight: 400;
+  src: local('PT Sans Italic'), local('PTSans-Italic'), url('../fonts/PIPMHY90P7jtyjpXuZ2cLJBw1xU1rKptJj_0jans920.woff2') format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
+}
+/* cyrillic-ext */
+@font-face {
+  font-family: 'PT Sans';
+  font-style: italic;
+  font-weight: 700;
+  src: local('PT Sans Bold Italic'), local('PTSans-BoldItalic'), url('../fonts/lILlYDvubYemzYzN7GbLkA7aC6SjiAOpAWOKfJDfVRY.woff2') format('woff2');
+  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
+}
+/* cyrillic */
+@font-face {
+  font-family: 'PT Sans';
+  font-style: italic;
+  font-weight: 700;
+  src: local('PT Sans Bold Italic'), local('PTSans-BoldItalic'), url('../fonts/lILlYDvubYemzYzN7GbLkBdwxCXfZpKo5kWAx_74bHs.woff2') format('woff2');
+  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+/* latin-ext */
+@font-face {
+  font-family: 'PT Sans';
+  font-style: italic;
+  font-weight: 700;
+  src: local('PT Sans Bold Italic'), local('PTSans-BoldItalic'), url('../fonts/lILlYDvubYemzYzN7GbLkIjoYw3YTyktCCer_ilOlhE.woff2') format('woff2');
+  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
+}
+/* latin */
+@font-face {
+  font-family: 'PT Sans';
+  font-style: italic;
+  font-weight: 700;
+  src: local('PT Sans Bold Italic'), local('PTSans-BoldItalic'), url('../fonts/lILlYDvubYemzYzN7GbLkBampu5_7CjHW5spxoeN3Vs.woff2') format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
+}
+/* latin */
+@font-face {
+  font-family: 'Patua One';
+  font-style: normal;
+  font-weight: 400;
+  src: local('Patua One'), local('PatuaOne-Regular'), url('../fonts/yAXhog6uK3bd3OwBILv_SJBw1xU1rKptJj_0jans920.woff2') format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
+}
+/* latin-ext */
+@font-face {
+  font-family: 'Yanone Kaffeesatz';
+  font-style: normal;
+  font-weight: 400;
+  src: local('Yanone Kaffeesatz Regular'), local('YanoneKaffeesatz-Regular'), url('../fonts/YDAoLskQQ5MOAgvHUQCcLaa0P60JZGaCMFbL3N9v4H0.woff2') format('woff2');
+  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
+}
+/* latin */
+@font-face {
+  font-family: 'Yanone Kaffeesatz';
+  font-style: normal;
+  font-weight: 400;
+  src: local('Yanone Kaffeesatz Regular'), local('YanoneKaffeesatz-Regular'), url('../fonts/YDAoLskQQ5MOAgvHUQCcLWjF_m7mVnhXExjNED3rUtY.woff2') format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
+}
+
+@font-face {
+  font-family: 'icomoon';
+  src: url('../fonts/IcoMoon.eot');
+  src: url('../fonts/IcoMoon.eot?#iefix') format('embedded-opentype'),
+    url('../fonts/IcoMoon.svg#icomoon') format('svg'),
+    url('../fonts/IcoMoon.woff') format('woff'),
+    url('../fonts/IcoMoon.ttf') format('truetype');
+  font-weight: normal;
+  font-style: normal;
+}
+
+/* Use the following CSS code if you want to use data attributes for inserting your icons */
+[data-icon]:before {
+  font-family: 'icomoon';
+  content: attr(data-icon);
+  speak: none;
+}
+
+/* Use the following CSS code if you want to have a class per icon */
+[class^="icon-"]:before, [class*=" icon-"]:before {
+  font-family: 'icomoon';
+  font-style: normal;
+  speak: none;
+}
+.icon-facebook:before {
+  content: "\23";
+}
+.icon-github:before {
+  content: "\24";
+}
+.icon-google-plus:before {
+  content: "\25";
+}
+.icon-rss:before {
+  content: "\26";
+}
+.icon-home:before {
+  content: "\27";
+}
+.icon-user:before {
+  content: "\28";
+}
+.icon-book-alt:before {
+  content: "\2a";
+}
+.icon-twitter:before {
+  content: "\22";
+}
+.icon-link:before {
+  content: "\21";
+}

data/_sass/custom/_layout.scss

@@ -0,0 +1,21 @@
+// Here you can easily change your sites's layout.
+// To give it a try, uncomment some of the lines below, make changes, rebuild your blog, and see how it works.
+
+//$header-font-size: 1em;
+//$header-padding-top: 1.5em;
+//$header-padding-bottom: 1.5em;
+
+$max-width: 1000px;
+$indented-lists: true;
+
+// Padding used for layout margins
+//$pad-min: 18px;
+//$pad-narrow: 25px;
+//$pad-medium: 35px;
+//$pad-wide: 55px;
+
+// Sidebar widths used in media queries
+//$sidebar-width-medium: 240px;
+//$sidebar-pad-medium: 15px;
+//$sidebar-pad-wide: 20px;
+//$sidebar-width-wide: 300px;

data/_sass/custom/_navigation.scss

@@ -0,0 +1,50 @@
+// Navigation
+body > nav {
+  @include single-box-shadow(#000, 0px, 2px, 5px);
+  li + li {
+    border-left: none;
+    a {
+      border-left: none;
+    }
+  }
+  ul.main-navigation {
+    padding-left: 3px;
+  }
+  // ul.subscription {
+  //   display: none;
+  // }
+  a {
+    &:hover {
+      color: hsl(209.01, 86.94%, 50.04%);
+      text-shadow:
+        hsl(209.01, 86.94%, 42.04%) 0px 0px 5px,
+        hsl(209.01, 86.94%, 42.04%) 0px 0px 7px,
+        hsl(209.01, 86.94%, 52.04%) 0px 0px 9px,
+        hsl(209.01, 86.94%, 52.04%) 0px 0px 11px,
+        hsl(0, 0%, 0%) 0 0 2px;
+
+    }
+    i {
+      color: hsl(209.01, 86.94%, 50.04%);
+      text-shadow:
+        hsl(209.01, 86.94%, 42.04%) 0px 0px 5px,
+        hsl(209.01, 86.94%, 42.04%) 0px 0px 7px,
+        hsl(209.01, 86.94%, 52.04%) 0px 0px 9px,
+        hsl(209.01, 86.94%, 52.04%) 0px 0px 11px,
+        hsl(0, 0%, 0%) 0 0 2px;
+      &.icon-home, &.icon-book-alt, &.icon-user {
+        padding-right: 5px;
+      }
+    }
+  }
+}
+
+.divider {
+  position: absolute;
+  display: block;
+  height: 42px; /* this */
+  width: 1px; /* where the magic happens */
+  @include background-image(linear-gradient(top, rgb(40, 54, 62) 50%, rgb(30, 40, 47) 100%));
+  margin: -.57em 0em 0em 0em;  /* pulls the border to the top of the header */
+  box-shadow: 1px 0 0 0 rgba(255,255,255,.1);  /* white highlight on the inside of the border, ff now accepts this w/o a prefix */
+}

data/_sass/custom/_styles.scss

@@ -0,0 +1,81 @@
+// This File is imported last, and will override other styles in the cascade
+// Add styles here to make changes without digging in too much
+
+// Import
+@import "icomoon";
+@import "footnotes";
+@import "tablestyle";
+@import "background";
+@import "header";
+@import "navigation";
+@import "article";
+@import "footer";
+
+// Main layout
+html {
+  body > div > div {
+    border-right: none;
+  }
+
+  audio {
+    width:100%;
+  }
+
+  i.icon { // 使用 Pictos 的 icon font
+    font-family: 'Pictos Custom';
+    -webkit-font-smoothing: antialiased;
+    font-style: normal;
+    font-weight: normal;
+    font-size: 22px;
+  }
+
+  ::selection {
+    color: hsl(0, 0, 100%);
+    background: hsl(0, 0, 0); /* Safari */
+    }
+  ::-moz-selection {
+    color: hsl(0, 0, 100%);
+    background: hsl(0, 0, 0); /* Firefox */
+  }
+}
+
+// Responsive design
+@media only screen and (min-width: 1037px) {
+  body > nav {
+    @include border-top-radius(.4em);
+  }
+
+  body > footer {
+    @include border-bottom-radius(.4em);
+  }
+}
+
+@media only screen and (min-width: 550px) {
+  body > header > hgroup {
+    section div#banner {
+      display: none;
+    }
+  }
+}
+
+// the divider between links in navigator
+@media only screen and (min-width: 992px) {
+  .divider {
+    height: 48px; /* this */
+    margin: -.57em 0em 0em 0em;  /* pulls the border to the top of the header */
+  }
+}
+
+@media only screen and (max-width: 992px) {
+  .divider {
+    height: 42px; /* this */
+    margin: -.57em 0em 0em 0em;  /* pulls the border to the top of the header */
+  }
+}
+
+@media only screen and (max-width: 768px) {
+  .divider {
+    height: 40px;
+    margin: -.53em 0 0 0;
+  }
+}

data/_sass/custom/_tablestyle.scss

@@ -0,0 +1,37 @@
+// table style
+#gradient-style
+{
+  margin-bottom: 1.5em;
+  width: 100%;
+  text-align: left;
+  border-collapse: collapse;
+}
+#gradient-style th
+{
+  text-align: left;
+  font-weight: normal;
+  padding: 8px;
+  background: #b9c9fe url('../images/gradhead.png') repeat-x;
+  border-top: 2px solid #d3ddff;
+  border-bottom: 1px solid #fff;
+  color: #039;
+}
+#gradient-style td
+{
+  padding: 8px;
+  border-bottom: 1px solid #fff;
+  color: #669;
+  border-top: 1px solid #fff;
+  background: #e8edff url('../images/gradback.png') repeat-x;
+}
+#gradient-style tfoot tr td
+{
+  background: #e8edff;
+  font-size: 12px;
+  color: #99c;
+}
+#gradient-style tbody tr:hover td
+{
+  background: #d0dafd url('../images/gradhover.png') repeat-x;
+  color: #339;
+}

data/_sass/partials/_archive.scss

@@ -0,0 +1,72 @@
+#archive {
+  #content > div { &, > article { padding-top: 0; } }
+}
+#blog-archives {
+  article {
+    padding: 1em 0 1em;
+    position: relative;
+    background: $img-border bottom left repeat-x;
+    &:last-child {
+      background: none;
+    }
+    footer { padding: 0; margin: 0;}
+  }
+  h1 { color: $text-color; margin-bottom: .3em; }
+  h2 { display: none; }
+  h1 {
+    font-size: 1.5em;
+    a {
+      @include hover-link;
+      color: inherit;
+      &:hover { color: $link-color-hover; }
+      font-weight: normal;
+      display: inline-block;
+    }
+  }
+  a.category, time {
+    @extend .sans;
+    color: $text-color-light;
+  }
+  color: $text-color-light;
+  .entry-content { display: none; }
+  time {
+    font-size: .9em;
+    line-height: 1.2em;
+    .month, .day { display: inline-block; }
+    .month { text-transform: uppercase; }
+  }
+  p { margin-bottom: 1em; }
+  &, .entry-content { a { @include link-colors(inherit, $link-color-hover); }}
+  a:hover { color: $link-color-hover; }
+  @media only screen and (min-width: 550px) {
+    article { margin-left: 5em; }
+    h2 {
+      margin-bottom: .3em;
+      font-weight: normal;
+      display: inline-block;
+      position: relative; top: -1px;
+      float: left;
+      &:first-child { padding-top: .75em; }
+    }
+    time {
+      position: absolute;
+      text-align: right;
+      left: 0em;
+      top: 1.8em;
+    }
+    .year { display: none; }
+    article {
+      padding:{left: 4.5em; bottom: .7em;}
+    }
+  a.category {
+    line-height: 1.1em;
+    }
+  }
+}
+#content > .category {
+  article {
+    margin-left: 0;
+    padding-left: 6.8em;
+  }
+  .year { display: inline; }
+}