new profile theme

2 files changed, 40 insertions, 4 deletions

diff --git a/assets/css/_ublogger.scss b/assets/css/_ublogger.scss
index a58c447..414c8ca 100644
--- a/assets/css/_ublogger.scss
+++ b/assets/css/_ublogger.scss
@@ -232,9 +232,30 @@ a.post-tag-summary {
 
 .home {
   .home-profile {
+
+    text-align: left;
+    padding-bottom: 4rem;
+
+    .home-meta {
+      display: inline-block;
+    }
+
+    .home-title{
+      font-size: 30px;
+    }
+
     .home-avatar {
+      vertical-align: top;
+      width: 120px;
+      display: inline-block;
+      box-sizing: border-box;
+      margin-right: 10px;
+
       img {
 
+        border-radius: 10px;
+        width: 7rem;
+
         &:hover {
           box-shadow: (0 0 40px rgba(0, 0, 0, .1));
         }
@@ -761,10 +782,6 @@ footer {
   margin: 1rem 0;
 }
 
-.home[data-home=posts] .home-profile {
-  padding-bottom: 2rem;
-}
-
 .is-style-explanation {
   padding: .75rem 1rem .75rem 4rem;
   font-size: 1rem;
@@ -914,5 +931,15 @@ figure {
   }
 }
 
+.split-post {
+  .code-header, .table-wrapper {
+    border-radius: 0 !important;
+  }
+
+  img {
+    width: 100%;
+  }
+}
+
 @import "_partial/share-icon";
 @import "ublogger_media";
\ No newline at end of file
diff --git a/assets/css/_ublogger_media.scss b/assets/css/_ublogger_media.scss
index c975fb0..5e83d3f 100644
--- a/assets/css/_ublogger_media.scss
+++ b/assets/css/_ublogger_media.scss
@@ -160,6 +160,15 @@
 }
 
 @media only screen and (max-width: 680px) {
+
+  .home {
+    .home-profile {
+      .home-avatar {
+        display: none;
+      }
+    }
+  }
+
   article.single {
     font-size: 16px;