Merge pull request #220 from EA11R/patch-2

Update custom.css
rusefi · May 26, 2024 · 23f4e58 · 23f4e58
2 parents 82c8911 + 9e6f1f3
commit 23f4e58
Showing 1 changed file with 46 additions and 6 deletions.
diff --git a/www/css/custom.css b/www/css/custom.css
@@ -255,6 +255,10 @@ html {
       }
   }
 
+
+
+
+
   .mre {
     display: table;
     background-image: linear-gradient( 180deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.5) 100%),url('../images/site/mre_bg.jpg');
@@ -263,7 +267,40 @@ html {
     background-position: center;
   }
 
-  .mre-left {
+  .mre-right {
+    position: relative;
+    width: 50%;
+    height: 100%;
+    background-color: #252a2b;
+    z-index: 1;
+    color: #ffffff;
+    display: table-cell;
+    vertical-align: middle;
+  }
+
+  .mre-content {
+    padding: 20%;
+    text-align: left;
+    vertical-align: middle;
+    font-size: 1.3rem;
+  }
+
+  .mre-content h2 {
+    font-size: 2rem;
+  }
+
+
+
+
+  .ua {
+    display: table;
+    background-image: linear-gradient( 180deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.5) 100%),url('../images/site/ua_bg.jpg');
+    background-size: cover;
+    background-repeat: no-repeat;
+    background-position: center;
+  }
+
+  .ua-left {
     position: relative;
     width: 50%;
     height: 100%;
@@ -274,7 +311,7 @@ html {
     vertical-align: middle;
   }
 
-  .mre-right {
+  .ua-right {
     position: relative;
     width: 50%;
     height: 100%;
@@ -285,17 +322,20 @@ html {
     vertical-align: middle;
   }
 
-  .mre-content {
+  .ua-content {
     padding: 20%;
     text-align: left;
     vertical-align: middle;
     font-size: 1.3rem;
   }
 
-  .mre-content h2 {
+  .ua-content h2 {
     font-size: 2rem;
   }
 
+
+
+
   .proteus {
     display: table;
     background-image: linear-gradient( 180deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.5) 100%),url('../images/site/proteus_bg.jpg');
@@ -625,7 +665,7 @@ html {
     .popover.open-bottom .popover-item:first-child .popover-link:hover:after,
     .popover.open-top .popover-item:last-child .popover-link:hover:after {
       border-bottom-color: #f15a24; }
-    .mre-left {
+    .ua-left {
       display: table-cell;
     }
     .proteus-right {
@@ -659,4 +699,4 @@ html {
 
   td.evenrow {
     background-color: #91919100;
-  }
+  }