_sass/_page.scss in cosy-jekyll-theme-1.0.6 vs _sass/_page.scss in cosy-jekyll-theme-1.0.7

@@ -60,14 +60,14 @@
       position: absolute;
       opacity: 0;
       @include transition(0.3s all ease-in-out);
       @include transform(scale(0) perspective(60px) rotateX(50deg));
       width: 0;
-      left:-4px;
-      top:-4px;
+      left: -4px;
+      top: -4px;
       z-index: 10;
-      >img{
+      > img {
         box-shadow: 0 0 0 0, 0 6px 12px rgba($black, 0.5);
         padding: 4px;
         background-color: #fff;
       }
     }
@@ -78,17 +78,18 @@
       }
     }
   }
   p > a,
   li > a {
-    border-bottom: 1px dotted lighten($link-color, 50);
-    &:hover {
-      border-bottom-style: solid;
-    }
+    @include need-dotted();
   }
 }
 
+.need_dotted {
+  @include need-dotted();
+}
+
 ///sections
 .content-header-title {
   text-align: center;
   margin: 30px 0 0;
   h1 {
@@ -145,11 +146,11 @@
 
 // Single Post and Page
 // --------------------------------------------------
 .entry-meta {
   @include font-rem(12);
-  margin-left: 10px;
+  margin-top: 0;
   color: lighten($base-color, 60);
   a {
     color: lighten($base-color, 60);
   }
   .tag {
@@ -306,14 +307,11 @@
   p {
     text-align: left;
   }
   p > a,
   li > a {
-    border-bottom: 1px dotted lighten($link-color, 50);
-    &:hover {
-      border-bottom-style: solid;
-    }
+    @include need-dotted();
   }
   h3 {
     margin: 0;
     @include font-rem(20);
     @media #{$medium} {
@@ -392,17 +390,17 @@
   text-align: center;
   color: lighten($text-color, 20);
   @include font-rem(14);
   @media #{$medium} {
     margin: 8px auto 35px auto;
+    @include font-rem(16);
   }
   a {
     color: lighten($text-color, 20);
   }
 }
 
-
 // Browser Upgrade
 // --------------------------------------------------
 .upgrade {
   padding: 10px;
   text-align: center;
@@ -428,12 +426,12 @@
   padding: 8px 20px;
   display: inline-block;
   @include font-rem(14);
   background-color: $white;
   color: $text-color;
-  border-width: 2px ;
-  border-style: solid ;
+  border-width: 2px;
+  border-style: solid;
   border-color: lighten($primary, 50);
   @include rounded(3px);
 }
 
 #goog-wm-sb {
@@ -573,59 +571,73 @@
     width: 100%;
     height: 100%;
   }
 }
 
-.coffee{
+.coffee {
   width: 100%;
   @include flexbox();
   @include flex-direction(column);
   @include align-items(center);
-  margin:20px 0 15px;
-  @media #{$medium} {
-    margin: 40px 0 -20px;
+  margin: 40px 0 10px;
+  position: relative;
+  @media #{$large} {
+    margin-bottom: -20px;
   }
-  .buy-me-coffee{
+  .buy-me-coffee {
     @extend .btn;
     margin: 0 auto;
     position: relative;
     height: 36px;
-    width: 174px;
-    padding-left: 38px;
-    font-size: 16px;
-    line-height: 18px;
+    width: 158px;
+    padding-left: 36px;
+    line-height: 17px;
     text-align: center;
     @include text-overflow(clip);
     cursor: pointer;
     @include user-select(none);
-    &:hover{
+    &:hover {
       background-color: #222;
       color: #fff;
     }
-    &.active{
+    &.active {
       background-color: #fff;
       color: #222;
     }
-    &::after{
+    &::after {
       content: "";
       position: absolute;
-      top: 12px;
+      top: 11px;
       left: 10px;
       width: 20px;
       height: 13px;
       background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiICAgeG1sbnM6aW5rc2NhcGU9Imh0dHA6Ly93d3cuaW5rc2NhcGUub3JnL25hbWVzcGFjZXMvaW5rc2NhcGUiICAgd2lkdGg9IjE4MS45ODgybW0iICAgaGVpZ2h0PSIxMTUuOTU2MjltbSIgICB2aWV3Qm94PSIwIDAgNjQ0Ljg0MDEgNDEwLjg2ODc1IiAgIGlkPSJzdmc0MjM4IiAgIHZlcnNpb249IjEuMSIgICBpbmtzY2FwZTp2ZXJzaW9uPSIwLjkxIHIxMzcyNSIgICBzb2RpcG9kaTpkb2NuYW1lPSJjdXBsb2dvLnN2ZyI+ICA8ZGVmcyAgICAgaWQ9ImRlZnM0MjQwIiAvPiAgPHNvZGlwb2RpOm5hbWVkdmlldyAgICAgaWQ9ImJhc2UiICAgICBwYWdlY29sb3I9IiNmZmZmZmYiICAgICBib3JkZXJjb2xvcj0iIzY2NjY2NiIgICAgIGJvcmRlcm9wYWNpdHk9IjEuMCIgICAgIGlua3NjYXBlOnBhZ2VvcGFjaXR5PSIwIiAgICAgaW5rc2NhcGU6cGFnZXNoYWRvdz0iMiIgICAgIGlua3NjYXBlOnpvb209IjAuMzUiICAgICBpbmtzY2FwZTpjeD0iNzgwLjI3NzE4IiAgICAgaW5rc2NhcGU6Y3k9Ii0yMTQuNTY1NjEiICAgICBpbmtzY2FwZTpkb2N1bWVudC11bml0cz0icHgiICAgICBpbmtzY2FwZTpjdXJyZW50LWxheWVyPSJsYXllcjEiICAgICBzaG93Z3JpZD0iZmFsc2UiICAgICBmaXQtbWFyZ2luLXRvcD0iMCIgICAgIGZpdC1tYXJnaW4tbGVmdD0iMCIgICAgIGZpdC1tYXJnaW4tcmlnaHQ9IjAiICAgICBmaXQtbWFyZ2luLWJvdHRvbT0iMCIgICAgIGlua3NjYXBlOndpbmRvdy13aWR0aD0iMTI4MCIgICAgIGlua3NjYXBlOndpbmRvdy1oZWlnaHQ9IjY5OSIgICAgIGlua3NjYXBlOndpbmRvdy14PSIwIiAgICAgaW5rc2NhcGU6d2luZG93LXk9IjEiICAgICBpbmtzY2FwZTp3aW5kb3ctbWF4aW1pemVkPSIxIiAvPiAgPG1ldGFkYXRhICAgICBpZD0ibWV0YWRhdGE0MjQzIj4gICAgPHJkZjpSREY+ICAgICAgPGNjOldvcmsgICAgICAgICByZGY6YWJvdXQ9IiI+ICAgICAgICA8ZGM6Zm9ybWF0PmltYWdlL3N2Zyt4bWw8L2RjOmZvcm1hdD4gICAgICAgIDxkYzp0eXBlICAgICAgICAgICByZGY6cmVzb3VyY2U9Imh0dHA6Ly9wdXJsLm9yZy9kYy9kY21pdHlwZS9TdGlsbEltYWdlIiAvPiAgICAgICAgPGRjOnRpdGxlPjwvZGM6dGl0bGU+ICAgICAgPC9jYzpXb3JrPiAgICA8L3JkZjpSREY+ICA8L21ldGFkYXRhPiAgPGcgICAgIGlua3NjYXBlOmxhYmVsPSJMYXllciAxIiAgICAgaW5rc2NhcGU6Z3JvdXBtb2RlPSJsYXllciIgICAgIGlkPSJsYXllcjEiICAgICB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzcuNTc5OTY0LC0xMzUuNDk5MjcpIj4gICAgPGcgICAgICAgaWQ9Imc0MCIgICAgICAgdHJhbnNmb3JtPSJtYXRyaXgoMS4xNDIxNTI4LDAsMCwtMS4xNDIxNTI4LDI2NS45MzM5OCw0NjAuNzMwOTUpIj4gICAgICA8ZyAgICAgICAgIGlkPSJnNDE4NCI+ICAgICAgICA8cGF0aCAgICAgICAgICAgaW5rc2NhcGU6Y29ubmVjdG9yLWN1cnZhdHVyZT0iMCIgICAgICAgICAgIGlkPSJwYXRoMzgiICAgICAgICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpub25lIiAgICAgICAgICAgZD0ibSAwLDAgYyAtMTkuOTQ2LC0yLjQ5MiAtMzYuMTUxLC0wLjYyMiAtMzYuMTUxLC0wLjYyMiBsIDAsMTIyLjEzMiAzOC4wMiwwIGMgMCwwIDQyLjM4NSwtMTEuODM5IDQyLjM4NSwtNTYuNzA0IEMgNDQuMjU0LDIzLjY4IDIzLjA2Myw3LjQ3OCAwLDAgTSAxMDUuMDYzLDg1LjczOSBDIDg4LjQzNSwxNzMuNTYgMC42MjQsMTg0LjQ3MyAwLjYyNCwxODQuNDczIGwgLTM5My4zMzMsMCBjIC0xMi45OSwwIC0xNC41ODgsLTE3LjE0OCAtMTQuNTg4LC0xNy4xNDggMCwwIC0xLjc1MiwtMTU3LjQzIC0wLjQ4MSwtMjU0LjExMiAzLjUyNCwtNTIuMDkzIDU1LjU5NywtNTcuNDM1IDU1LjU5NywtNTcuNDM1IDAsMCAxNzcuNzAxLDAuNTIgMjU3LjIsMS4wMzkgNTIuNDEsOS4xODEgNTcuNjc0LDU1LjE1NSA1Ny4xNTUsODAuMyA5My41MjcsLTUuMTk2IDE1OS41MTUsNjAuOCAxNDIuODg5LDE0OC42MjIiICAgICAgICAgICB0cmFuc2Zvcm09Im1hdHJpeCgxLjA5NDQyNDUsMCwwLDEuMDk0NDI0NSwyNDYuODU1MzYsODIuODYxNDQ2KSIgLz4gICAgICAgIDxwYXRoICAgICAgICAgICBpbmtzY2FwZTpjb25uZWN0b3ItY3VydmF0dXJlPSIwIiAgICAgICAgICAgaWQ9InBhdGg0MiIgICAgICAgICAgIHN0eWxlPSJmaWxsOiNmZjVmNWY7ZmlsbC1vcGFjaXR5OjE7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOm5vbmUiICAgICAgICAgICBkPSJtIDAsMCBjIDQuNDQ1LC0yLjIzOCA3LjI4NSwwLjU0MyA3LjI4NSwwLjU0MyAwLDAgNjUuMDQ1LDU5LjM2NyA5NC4zNDgsOTMuNTU3IDI2LjA2MywzMC41ODYgMjcuNzYyLDgyLjEyOSAtMTYuOTk3LDEwMS4zODggLTQ0Ljc1OCwxOS4yNTggLTgxLjU4NCwtMjIuNjU3IC04MS41ODQsLTIyLjY1NyAtMzEuOTM1LDM1LjEyMyAtODAuMjY4LDMzLjM0NSAtMTAyLjYyMyw5LjU3NSAtMjIuMzU0LC0yMy43NyAtMTQuNTQ4LC02NC41NjggMi4xMjksLTg3LjI3NCAxNS42NTUsLTIxLjMxNCA4NC40NjUsLTgyLjY0NCA5NC44OTQsLTkzLjAxNiAwLDAgMC43NiwtMC43OTUgMi41NDgsLTIuMTE2IiAvPiAgICAgIDwvZz4gICAgPC9nPiAgPC9nPjwvc3ZnPg==);
       background-size: 20px 13px;
     }
   }
-  .my-pay-img{
-    width: 360px;
+  .my-pay-img {
+    width: 300px;
+    height: 0;
     display: block;
     overflow: hidden;
-    height: 0;
-    @include transition(0.5s all ease-in-out);
-    @include transform(scale(0) perspective(360px) rotateX(60deg));
-    &.active{
-      height: 489px;
+    box-shadow: 0 0 0 0, 0 6px 12px rgba($black, 0.5);
+    margin: 0 auto;
+    position: absolute;
+    top: 34px;
+    left: 0;
+    right: 0;
+    z-index: 101;
+    @include transition(0.4s all ease-in-out);
+    @include transform(scale(0) perspective(600px) rotateX(45deg));
+    &.active {
+      height: 407px;
+      top: 38px;
       @include transform(none);
     }
   }
+}
+
+.img-zoom {
+  cursor: -webkit-zoom-in;
+  cursor: -moz-zoom-in;
+  cursor: zoom-in;
 }