Theme - Vision - 02

Francis · Francis · commit c0be0166f3b3 · 2019-03-13T19:47:56.000+03:30
diff --git a/src/App/Views/Themes/vision/List.cshtml b/src/App/Views/Themes/vision/List.cshtml
@@ -100,13 +100,18 @@
                         <div class="post-meta">
                             @*<a class="post-meta-author" href="~/authors/@item.Author.AppUserName">@item.Author.DisplayName</a>*@
                             <time class="post-meta-time">@item.Published.ToFriendlyDateString()</time>
+
                         </div>
+                        <div class="post-description">@Html.Raw(Markdig.Markdown.ToHtml(item.Description))</div>
+                        <a href="~/posts/@item.Slug" class="post-more">Read More</a>
                     </article>
                             }
                             }
 
                     @if (pgr != null && (pgr.ShowOlder || pgr.ShowNewer))
                     {
+
+                    <hr />
                     <ul class="pagination justify-content-between">
                         @if (pgr.ShowOlder)
                             {
diff --git a/src/App/wwwroot/themes/vision/css/styles.min.css b/src/App/wwwroot/themes/vision/css/styles.min.css
diff --git a/src/App/wwwroot/themes/vision/css/styles.min.css.map b/src/App/wwwroot/themes/vision/css/styles.min.css.map
diff --git a/src/App/wwwroot/themes/vision/img/logo.png b/src/App/wwwroot/themes/vision/img/logo.png
diff --git a/src/App/wwwroot/themes/vision/scss/base/_base.scss b/src/App/wwwroot/themes/vision/scss/base/_base.scss
@@ -1,9 +1,9 @@
 body {
-  background-color: #1A191F;
+  background-color: #f5f5f5;
   font-family: $font-family-base;
   font-size: 1rem;
   cursor: default;
   overflow-y: scroll;
-  color:#fff;
+  color:#000;
 }
 
diff --git a/src/App/wwwroot/themes/vision/scss/base/_variables.scss b/src/App/wwwroot/themes/vision/scss/base/_variables.scss
@@ -7,7 +7,7 @@ $fw-normal: 400;
 $fw-medium: 500;
 $fw-bold: 700;
 
-$color-theme: #04ffb0;
+$color-theme: #9527e1;
 $header-width: 30rem;
 $header-width-lg: 38rem;
 
diff --git a/src/App/wwwroot/themes/vision/scss/components/_search.scss b/src/App/wwwroot/themes/vision/scss/components/_search.scss
@@ -1,43 +1,42 @@
 .blog-search-form {
-  position: relative;
-  margin-left: 3rem;
-  .form-control {
-    background: #000;
-    width: 13rem;
-    border:none;
-    border-radius: 10rem;
-    color: #fff;
-    outline: none !important;
-    height: 3.25rem;
-    padding: 0 1.5rem;
+    position: relative;
+    margin-left: 3rem;
 
-    &::placeholder {
-      color: rgba(255,255,255,.3);
-      font-size: 1rem;
-      font-weight: 400;
+    .form-control {
+        background: #ddd;
+        width: 13rem;
+        border: none;
+        border-radius: 10rem;
+        color: #000;
+        outline: none !important;
+        height: 3.25rem;
+        padding: 0 1.5rem;
 
-    }
+        &::placeholder {
+            color: rgba(0, 0, 0, 0.30);
+            font-size: 1rem;
+            font-weight: 400;
+        }
 
-    &:focus {
-      border-color: rgba(255,255,255,.75);
-      outline: none !important
-      ;
-      box-shadow: none;
+        &:focus {
+            border-color: rgba(255,255,255,.75);
+            outline: none !important;
+            box-shadow: none;
+        }
     }
-  }
-  button{
-  border:0;
-  padding: 0;
-  margin: 0;
-  background: none;
-  color:#888;
-  height: 100%;
-  display: block;
-  position: absolute;
-  right:0;
-  top:0;
-  bottom:0;
-  width: 3.25rem;
 
-  }
+    button {
+        border: 0;
+        padding: 0;
+        margin: 0;
+        background: none;
+        color: #555;
+        height: 100%;
+        display: block;
+        position: absolute;
+        right: 0;
+        top: 0;
+        bottom: 0;
+        width: 3.25rem;
+    }
 }
diff --git a/src/App/wwwroot/themes/vision/scss/layout/_header.scss b/src/App/wwwroot/themes/vision/scss/layout/_header.scss
@@ -1,6 +1,9 @@
 .blog-header {
-    padding-top: 5rem;
-    padding-bottom: 3rem;
+    padding-top: 4rem;
+    padding-bottom: 4rem;
+    background: #fff;
+    box-shadow: 1px 5px 6rem 0px rgba(0, 0, 0, 0.17);
+    margin-bottom: 5rem;
 
     .blog-logo {
         width: 12rem;
@@ -24,7 +27,7 @@
         font-weight: 500;
         font-size: 1.25rem;
         letter-spacing: 0.0625rem;
-        color: #fff;
+        color: #000;
     }
 
     .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show > .nav-link {
@@ -57,26 +60,24 @@
 }
 
 .blog-search {
-
-
 }
 
 
 .blog-social {
-  li {
-    margin-left: 1.25rem;
+    li {
+        margin-left: 1.25rem;
 
-    &:first-child {
-      margin: 0;
-    }
+        &:first-child {
+            margin: 0;
+        }
 
-    a {
-      color: #666;
-      font-size: 1.125rem;
+        a {
+            color: #666;
+            font-size: 1.125rem;
 
-      &:hover {
-        color: #222;
-      }
+            &:hover {
+                color: #222;
+            }
+        }
     }
-  }
 }
diff --git a/src/App/wwwroot/themes/vision/scss/layout/_main.scss b/src/App/wwwroot/themes/vision/scss/layout/_main.scss
@@ -31,7 +31,7 @@ body{
 
 
 .blog-admin{
-    position:absolute;
+    position:absolute; 
     bottom:3rem;
     right:3rem;
     a{
diff --git a/src/App/wwwroot/themes/vision/scss/layout/_widgets.scss b/src/App/wwwroot/themes/vision/scss/layout/_widgets.scss
@@ -2,7 +2,7 @@
     margin-bottom: 5rem;
 
     &-title {
-        color: #fff;
+        color: #9527e1;
         font-size: 1.25rem;
         font-weight: 500;
         margin-bottom: 2rem;
diff --git a/src/App/wwwroot/themes/vision/scss/pages/_post.scss b/src/App/wwwroot/themes/vision/scss/pages/_post.scss
@@ -9,7 +9,8 @@
     .post-cover {
         position: relative;
         margin-bottom: 1rem;
-        border-radius:.5rem;
+        border-radius: .5rem;
+
         &:hover {
             img {
                 opacity: 0.7;
@@ -19,7 +20,6 @@
         img {
             font-size: 0;
             transition: all ease .25s;
-
         }
 
         .post-featrued-label {
@@ -34,7 +34,7 @@
             font-weight: bold;
             text-transform: uppercase;
             border-radius: .25rem;
-            color:#000;
+            color: #000;
         }
 
         @media screen and (min-width:992px) {
@@ -75,7 +75,7 @@
             border: 3px solid $color-theme;
             padding: .5rem 1rem;
             font-size: .75rem;
-            color: #000;
+            color: #fff;
             font-weight: 500;
             border-radius: 10rem;
 
@@ -131,7 +131,7 @@
         line-height: 1.3;
 
         a {
-            color: #fff;
+            color: #222;
 
             &:hover {
                 color: $color-theme;
@@ -141,18 +141,20 @@
 
     .post-more {
         font-size: .875rem;
-        font-weight: 700;
+        font-weight:500;
         padding: 0;
-        height: 2rem;
-        line-height: 2rem - .125rem;
-        width: 6rem;
         text-transform: uppercase;
-        border-color: #000;
-        background-color: #000;
+        background: none;
+        display: inline-block;
+        padding: .75rem 1.5rem;
+        border: 2px solid $color-theme;
+        color: $color-theme;
+        border-radius:4rem;
 
         &:hover {
-            border-color: #444;
-            background-color: #444;
+            color: #fff;
+            border-color: $color-theme;
+            background-color: $color-theme;
         }
     }
 
diff --git a/src/App/wwwroot/themes/vision/scss/pages/_single.scss b/src/App/wwwroot/themes/vision/scss/pages/_single.scss
@@ -70,7 +70,7 @@
             border: 3px solid $color-theme;
             padding: .375rem 1rem;
             font-size: .75rem;
-            color: #000;
+            color: #fff;
             font-weight: 500;
             border-radius: 10rem;
             display: block;
@@ -85,7 +85,10 @@
 
 
     .post-content {
-        color: #b3b3b3;
+        color: #444;
+        font-size:1.25rem;
+
+        font-weight:300;
 
         p {
             margin-bottom: 1.5rem;
diff --git a/src/App/wwwroot/themes/vision/scss/widgets/_newsletter.scss b/src/App/wwwroot/themes/vision/scss/widgets/_newsletter.scss
@@ -9,26 +9,27 @@
 
     form {
         position: relative;
+        border-radius: 6rem;
+        overflow: hidden;
     }
 
     input {
-        background: #000;
+        background: #eee;
         width: 100%;
         border: none;
         border-radius: 10rem;
-        color: #fff;
+        color: #000;
         outline: none !important;
         height: 3.25rem;
         padding: 0 1.5rem;
 
+
         &::placeholder {
-            color: rgba(255,255,255,.3);
-            font-size: 1rem;
+            font-size: .875rem;
             font-weight: 400;
         }
 
         &:focus {
-            border-color: rgba(255,255,255,.75);
             outline: none !important;
             box-shadow: none;
         }
@@ -43,9 +44,9 @@
         border: 0;
         width: 7.5rem;
         color: #fff;
+        background: $color-theme;
         text-transform: uppercase;
-        background: none;
         font-size: .875rem;
-        border-left: 1px solid #212529;
+        border-left: 1px solid #eee;
     }
 }

Original file line number	Diff line number	Diff line change
`@@ -100,13 +100,18 @@`
`100`	`100`	`<div class="post-meta">`
`101`	`101`	`@<a class="post-meta-author" href="~/authors/@item.Author.AppUserName">@item.Author.DisplayName</a>@`
`102`	`102`	`<time class="post-meta-time">@item.Published.ToFriendlyDateString()</time>`
	`103`	`+`
`103`	`104`	`</div>`
	`105`	`+ <div class="post-description">@Html.Raw(Markdig.Markdown.ToHtml(item.Description))</div>`
	`106`	`+ <a href="~/posts/@item.Slug" class="post-more">Read More</a>`
`104`	`107`	`</article>`
`105`	`108`	`}`
`106`	`109`	`}`
`107`	`110`
`108`	`111`	`@if (pgr != null && (pgr.ShowOlder \|\| pgr.ShowNewer))`
`109`	`112`	`{`
	`113`	`+`
	`114`	`+ <hr />`
`110`	`115`	`<ul class="pagination justify-content-between">`
`111`	`116`	`@if (pgr.ShowOlder)`
`112`	`117`	`{`