layout refresh

1 files changed, 5 insertions, 75 deletions

diff --git a/vnext/src/style/main.css b/vnext/src/style/main.css
index a5e0326d..913572dc 100644
--- a/vnext/src/style/main.css
+++ b/vnext/src/style/main.css
@@ -70,27 +70,10 @@ html {
     background: #f8f8f8;
     color: #222;
 }
-#wrapper {
-    margin: 0 auto;
-    width: 1000px;
-    margin-top: 52px;
-}
-#column {
-    float: left;
-    margin-left: 10px;
-    overflow: hidden;
-    padding-top: 10px;
-    width: 240px;
-}
 #content {
-    float: right;
-    margin: 12px 0 0 0;
-    width: 728px;
-}
-#minimal_content {
     margin: 0 auto;
-    min-width: 310px;
-    width: auto;
+    width: 728px;
+    margin-top: 62px;
 }
 noscript article {
     background-image: url("matrix.jpg");
@@ -135,7 +118,6 @@ body > header {
     transform: translateY(-100%);
 }
 #footer {
-    clear: both;
     color: #999;
     font-size: 10pt;
     margin: 40px;
@@ -147,7 +129,6 @@ body > header {
         text-size-adjust: 100%;
     }
     body,
-    #wrapper,
     #topwrapper,
     #content,
     #footer {
@@ -156,18 +137,9 @@ body > header {
         min-width: 310px;
         width: auto;
     }
-    #wrapper {
-        margin-top: 50px;
-    }
     body > header {
         margin-bottom: 15px;
     }
-    #column {
-        float: none;
-        margin: 0 10px;
-        padding-top: 0;
-        width: auto;
-    }
 }
 
 /* #endregion */
@@ -229,46 +201,6 @@ body > header {
     border-top: 1px solid #CCC;
 }
 
-#column ul,
-#column p,
-#column hr {
-    margin: 10px 0;
-}
-#column li > a {
-    display: block;
-    height: 100%;
-    padding: 6px;
-}
-#column li > a:hover {
-    background-color: #fff;
-    box-shadow: 0 0 3px rgba(0, 0, 0, 0.16);
-    transition: background-color 0.2s ease-in;
-}
-#column .margtop {
-    margin-top: 15px;
-}
-
-#column .tags {
-    background: #fff;
-    box-shadow: 0 0 3px rgba(0, 0, 0, 0.16);
-    line-height: 140%;
-    padding: 6px;
-    text-align: justify;
-}
-#column .inp {
-    background: #fff;
-    border: 1px solid #ddddd5;
-    outline: none !important;
-    padding: 4px;
-    width: 222px;
-}
-#column .tags h4 {
-    background: #eee;
-    border: 1px solid #eee;
-    color: #888;
-    display: block;
-    text-align: center;
-}
 #ctitle {
     font-size: 14pt;
 }
@@ -403,10 +335,9 @@ article .tags > a,
     margin-bottom: 0;
 }
 .msg-avatar {
-    float: left;
-    height: 48px;
+    min-height: 48px;
     margin-right: 10px;
-    width: 48px;
+    min-width: 48px;
 }
 .msg-avatar img {
     height: 48px;
@@ -419,7 +350,6 @@ article .tags > a,
     line-height: 140%;
     margin-bottom: 12px;
     padding: 20px;
-    width: 640px;
 }
 .reply-new .msg-cont {
     border-right: 5px solid #0C0;
@@ -542,7 +472,7 @@ article .tags > a,
 }
 
 @media screen and (max-width: 480px) {
-    #wrapper {
+    #content {
         margin-top: 104px;
     }
     #search {