Merge pull request #4793 from Jerryby/wordpress

Features img fix and new css

htdocs/wp-content/themes/lawcarta/assets/css/main-page.css

@@ -669,6 +669,29 @@ blockquote {
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale; }
 
+.icon-warning-custom {
+  display: inline-block;
+  width: 16px;
+  height: 16px;
+  border-radius: 50%;
+  color: white;
+  background: red;
+  overflow: hidden;
+  line-height: 16px;
+  text-align: center;
+  padding-right: 1px; }
+  .icon-warning-custom:after {
+    content: "!";
+    font-size: 14px;
+    display: inline-block;
+    vertical-align: top;
+    position: relative;
+    top: -1px;
+    font-weight: bold; }
+
+.icon-upload:before {
+  content: "\e941"; }
+
 .icon-menu:before {
   content: "\e20e"; }
 
@@ -863,6 +886,10 @@ blockquote {
     .button.mp-top-right:hover {
       background: #755a4b;
       border-color: #755a4b; }
+    .button.mp-top-right:disabled, .button.mp-top-right.disabled, .button.mp-top-right:disabled:hover, .button.mp-top-right.disabled:hover {
+      background: #999;
+      border-color: #999;
+      color: #ccc; }
 
 .main-page .button.xxl {
   font-size: 14px;
@@ -1089,6 +1116,31 @@ header {
         header .sign-block .signed-user-block .dropdown-menu a:hover {
           text-decoration: none;
           background: #fff; }
+      header .sign-block .signed-user-block .dropdown-menu .profile-with-warning {
+        display: block;
+        position: relative; }
+        header .sign-block .signed-user-block .dropdown-menu .profile-with-warning .dm-link {
+          padding-right: 110px; }
+        header .sign-block .signed-user-block .dropdown-menu .profile-with-warning .email-confirm-link {
+          display: inline-block;
+          font-size: 9px;
+          height: 20px;
+          line-height: 20px;
+          text-transform: uppercase;
+          color: white;
+          background: red;
+          border-radius: 10px;
+          -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.5);
+                  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.5);
+          padding: 0 10px;
+          position: absolute;
+          right: 10px;
+          top: 50%;
+          -webkit-transform: translateY(-50%);
+                  transform: translateY(-50%); }
+          header .sign-block .signed-user-block .dropdown-menu .profile-with-warning .email-confirm-link:hover {
+            color: #fff;
+            background: #cc0000; }
     header .sign-block .button.bordered {
       background: rgba(255, 255, 255, 0.9); }
       header .sign-block .button.bordered + .button.bordered {
@@ -1174,6 +1226,25 @@ header {
         display: none; }
       header .mobile-menu .btn-toggle-menu.on .icon-close {
         display: inline-block; }
+  header .icon-warning-custom {
+    display: none; }
+  header .warning .icon-warning-custom {
+    display: block;
+    position: absolute;
+    right: 0;
+    top: 50%;
+    -webkit-transform: translateY(-50%);
+            transform: translateY(-50%); }
+  header .warning.btn-toggle-menu .icon-warning-custom {
+    right: 100%;
+    margin-right: 5px; }
+  header .sign-block a.warning.signed-user {
+    padding-right: 65px;
+    max-width: 200px; }
+    header .sign-block a.warning.signed-user .icon-caret {
+      right: 19px; }
+    header .sign-block a.warning.signed-user .icon-account-settings {
+      right: 38px; }
   header .mobile-nav {
     display: none;
     position: fixed;
@@ -2561,14 +2632,23 @@ footer {
           background: #7bb2d1; }
         @media (min-width: 480px) {
           .main-page .mp-small-block .feature-links .feature-link {
-            width: 32.33333333%;
+            width: 48%;
+            margin: 0 1% 10px;
+            font-size: 18px;
             float: left;
-            height: 100px; }
+            height: 100px; } }
-            .main-page .mp-small-block .feature-links .feature-link + .feature-link {
+        @media (min-width: 768px) {
-              margin-left: 1.3333333333%; } }
-        @media (min-width: 769px) {
           .main-page .mp-small-block .feature-links .feature-link {
-            font-size: 24px; } }
+            width: 19%;
+            margin: 0 0.5%; } }
+        @media (min-width: 768px) {
+          .main-page .mp-small-block .feature-links .feature-link {
+            font-size: 20px; } }
+        @media (min-width: 992px) {
+          .main-page .mp-small-block .feature-links .feature-link {
+            font-size: 24px;
+            width: 19%;
+            margin: 0 0.5%; } }
         .main-page .mp-small-block .feature-links .feature-link span {
           position: absolute;
           left: 50%;