_sass/_page.scss in cosy-jekyll-theme-1.0.4 vs _sass/_page.scss in cosy-jekyll-theme-1.0.5

- old
+ new

@@ -25,11 +25,10 @@ } .entry-content { @include font-size(16); word-wrap: break-word; - word-break: break-all; // Dotted line underlines for links p > a, li > a { border-bottom: 1px dotted lighten($link-color, 50); &:hover { @@ -104,11 +103,11 @@ a { color: lighten($base-color, 60); } .vcard { &:before { - content: "bye"; + content: "BYB"; } } .tag { display: inline-block; margin: 4px; @@ -140,11 +139,11 @@ } #post, #page { .entry-content { - margin: 30px 2px 20px 2px; + margin: 20px 2px 20px 2px; padding: 10px 15px; background-color: $white; box-shadow: 0 0 0 0, 0 6px 12px rgba($black, 0.1); @include rounded(3px); @media #{$medium} { @@ -160,11 +159,11 @@ @include font-size(20); } } } #disqus_thread { - margin: 40px 2px 20px 2px; + margin: 20px 2px; padding: 10px 15px; background-color: $white; box-shadow: 0 0 0 1px rgba($border-color, 0.1), 0 6px 12px rgba($black, 0.1); @include rounded(3px); @media #{$medium} { @@ -192,11 +191,11 @@ .tag-heading, .year-heading { margin-top: 0; } -.tag-list{ +.tag-list { line-height: 1.5; } // Go to the exact location of bookmarks in tags, categories .anchor-bookmark { @@ -325,11 +324,11 @@ // Post Index // -------------------------------------------------- #post-index { #main { - margin: 30px 2px 20px 2px; + margin: 20px 2px 20px 2px; @media #{$medium} { margin-left: 20px; margin-right: 20px; } @media #{$large} { @@ -380,11 +379,11 @@ // Footer // -------------------------------------------------- .footer-wrapper { @include clearfix; - margin: 2em auto; + margin: 0 auto 20px auto; text-align: center; color: lighten($text-color, 20); a { color: lighten($text-color, 20); } @@ -435,11 +434,11 @@ width: 100%; overflow: hidden; position: relative; width: 100%; overflow: hidden; - height: 50px; + height: 60px; @media #{$medium} { background-color: $header-color; min-height: 260px; } } @@ -488,16 +487,22 @@ color: $white; } } .header-menu { - position: fixed; + position: absolute; top: 0; left: 0; width: 100%; height: $menu-height; z-index: 20; + @media #{$medium} { + position: fixed; + &.header-menu-top{ + box-shadow: 0px 6px 5px rgba(0, 0, 0, 0.4); + } + } ul { margin: 0 auto; list-style-type: none; height: 100%; padding: 0; @@ -507,11 +512,11 @@ } } .header-menu-top { background-color: $menu-top; - box-shadow: 0px 6px 5px rgba(0, 0, 0, 0.4); + box-shadow: 0 0 0 0, 0 6px 12px rgba($black, 0.1); } .header-menu-overflow { background-color: $menu-overflow; z-index: 100; @@ -644,6 +649,25 @@ } } footer { font-size: 13px; +} + +.entry-content{ + position: relative; + .page-info{ + color: rgba(85,85,85,0.8); + font-size: 14px; + font-weight: normal; + margin: -15px 2px 0; + time{ + margin-left: 20px; + } + @media #{$medium}{ + font-size: 16px; + } + } +} +.header-href{ + display: block; }