Update css

lt77777 · Dec 5, 2021 · cdda10a · cdda10a
1 parent 9ee70be
commit cdda10a
Showing 1 changed file with 74 additions and 24 deletions.
diff --git a/app/src/main/resources/static/css/amigos.css b/app/src/main/resources/static/css/amigos.css
@@ -1,3 +1,15 @@
+.w-layout-grid {
+ display: -ms-grid;
+ display: grid;
+ grid-auto-columns: 1fr;
+ -ms-grid-columns: 1fr 1fr;
+ grid-template-columns: 1fr 1fr;
+ -ms-grid-rows: auto auto;
+ grid-template-rows: auto auto;
+ grid-row-gap: 16px;
+ grid-column-gap: 16px;
+}
+
 .body {
  margin-bottom: 0px;
  margin-left: 0px;
@@ -44,7 +56,7 @@
  display: flex;
  margin-top: 0px;
  margin-right: 0px;
- padding: 0px 30px 75px;
+ padding: 0px 30px 30px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
@@ -123,12 +135,12 @@
  display: flex;
  padding-top: 60px;
  padding-bottom: 0%;
- padding-left: 0px;
+ padding-left: 20px;
 }
 
 .column-4 {
- padding-bottom: 4%;
- padding-left: 0px;
+ padding: 86px 170px 0% 0px;
+ font-size: 100%;
 }
 
 .heading {
@@ -832,7 +844,7 @@
 }
 
 .image-9 {
- position: absolute;
+ position: fixed;
  left: auto;
  top: 0%;
  right: 0%;
@@ -851,22 +863,11 @@
 
 .form-2 {
  margin-right: -42px;
+ padding-top: 20%;
  padding-right: 0px;
  padding-left: 0px;
 }
 
-@media screen and (max-width: 991px) {
- .text-block-2-copy-copy {
- left: 225px;
- }
-}
-
-.form-error {
- margin-top: 10px;
- padding: 10px;
- background-color: #ffdede;
-}
-
 .normal-text-style-copy {
  display: -webkit-box;
  display: -webkit-flex;
@@ -1119,7 +1120,7 @@
  padding: 10px 50px 10px 20px;
  border-radius: 5px;
  background-color: #e9e9e9;
- background-image: url("https://uploads-ssl.webflow.com/6186d05657b40287f8dd3978/6186f0fc71ae795ecb6698b3_account.png");
+ background-image: url('../images/account.png');
  background-position: 90% 50%;
  background-size: 30%;
  background-repeat: no-repeat;
@@ -1138,7 +1139,7 @@
  padding-left: 20px;
  border-radius: 5px;
  background-color: #e9e9e9;
- background-image: url("https://uploads-ssl.webflow.com/6186d05657b40287f8dd3978/61906a1e022ee1623710d9dd_Home.png");
+ background-image: url('../images/Home.png');
  background-position: 80% 35%;
  background-size: 25px;
  background-repeat: no-repeat;
@@ -1151,7 +1152,7 @@
  padding: 10px 40px 10px 20px;
  border-radius: 5px;
  background-color: #e9e9e9;
- background-image: url("https://uploads-ssl.webflow.com/6186d05657b40287f8dd3978/619049ca418b84931fe23c86_match%20pool%20icon.png");
+ background-image: url('../images/match-pool-icon.png');
  background-position: 90% 50%;
  background-size: 15%;
  background-repeat: no-repeat;
@@ -1165,7 +1166,7 @@
  padding: 10px 40px 10px 20px;
  border-radius: 5px;
  background-color: #e9e9e9;
- background-image: url("https://uploads-ssl.webflow.com/6186d05657b40287f8dd3978/619049ca418b84931fe23c86_match%20pool%20icon.png");
+ background-image: url('../images/match-pool-icon.png');
  background-position: 90% 50%;
  background-size: 15%;
  background-repeat: no-repeat;
@@ -1244,7 +1245,7 @@
  padding-left: 20px;
  border-radius: 5px;
  background-color: #e9e9e9;
- background-image: url("https://uploads-ssl.webflow.com/6186d05657b40287f8dd3978/61906a1e022ee1623710d9dd_Home.png");
+ background-image: url('../images/Home.png');
  background-position: 80% 40%;
  background-size: 25%;
  background-repeat: no-repeat;
@@ -1261,7 +1262,7 @@
  padding: 10px 50px 10px 20px;
  border-radius: 5px;
  background-color: #e9e9e9;
- background-image: url("https://uploads-ssl.webflow.com/6186d05657b40287f8dd3978/61915c6563e9d8a4b5a2e3d0_Eye.png");
+ background-image: url('../images/Eye.png');
  background-position: 90% 50%;
  background-size: 20%;
  background-repeat: no-repeat;
@@ -1316,7 +1317,7 @@
  padding: 10px 40px 10px 20px;
  border-radius: 5px;
  background-color: #e9e9e9;
- background-image: url("https://uploads-ssl.webflow.com/6186d05657b40287f8dd3978/6186f0fc71ae79c2b46698b4_lock.png");
+ background-image: url('../images/lock.png');
  background-position: 90% 50%;
  background-size: 20%;
  background-repeat: no-repeat;
@@ -1325,6 +1326,49 @@
  font-weight: 500;
 }
 
+.heading-11 {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ font-size: 500%;
+ font-weight: 500;
+}
+
+.heading-12 {
+ padding-top: 20px;
+ padding-right: 0px;
+ font-size: 150%;
+}
+
+.image-9-copy {
+ position: relative;
+ left: 50%;
+ top: -59px;
+ right: auto;
+ bottom: 0%;
+ display: block;
+ margin-top: 10px;
+ -webkit-align-self: auto;
+ -ms-flex-item-align: auto;
+ -ms-grid-row-align: auto;
+ align-self: auto;
+ -webkit-box-flex: 0;
+ -webkit-flex: 0 auto;
+ -ms-flex: 0 auto;
+ flex: 0 auto;
+ text-align: left;
+}
+
+.div-block-12 {
+ margin-left: -15px;
+ padding-left: 0px;
+}
+
 @media screen and (max-width: 991px) {
  .text-block-2-copy-copy {
  left: 225px;
@@ -1472,4 +1516,10 @@
  grid-column-start: span 2;
  -ms-grid-column-span: 2;
  grid-column-end: span 2;
+}
+
+.form-error {
+ margin-top: 10px;
+ padding: 10px;
+ background-color: #ffdede;
 }