somewhere

2023-08-17 13:05:51 +03:30
parent 30c7eb0e7b
commit 53843207cc
429 changed files with 117489 additions and 1 deletions
@@ -0,0 +1,212 @@
+.representation--page {
+  .hero {
+    .bg {
+      background-image: url('/assets/img/agents/representations-hero.jpg');
+    }
+  }
+
+  .panel {
+    width: 100%;
+    background: #fff;
+    @extend %defaultBorderRadius;
+    padding: 20px;
+    @include boxSizing(border-box);
+
+    &.not-logged-in {
+      text-align: center;
+
+      a {
+        color: $theme;
+      }
+    }
+
+    &.is-agent {
+      text-align: center;
+
+      a {
+        color: $theme;
+      }
+    }
+  }
+
+  .s1 {
+    .txtBox {
+      overflow: hidden;
+
+      h3 {
+        margin-bottom: 20px;
+      }
+
+      ul {
+        li {
+          list-style: disc;
+          margin-right: 20px;
+          margin-bottom: 10px;
+
+          p {
+            a {
+              color: $theme;
+            }
+          }
+        }
+      }
+    }
+
+    .links {
+      margin-top: 50px;
+      display: flex;
+      flex-wrap: wrap;
+      justify-content: space-around;
+
+      .item {
+        flex-basis: 32%;
+        overflow: hidden;
+        @include boxSizing(border-box);
+        @extend %defaultBorderRadius;
+        @extend %defaultBoxShadow;
+
+        @media (max-width: 768px) {
+          flex-basis: 100%;
+          margin-bottom: 15px;
+        }
+
+        button,
+        a {
+          display: block;
+          width: 100%;
+          height: 100%;
+          padding: 50px 15px;
+          border: none;
+          background: rgba(#000, 0.05);
+          text-align: center;
+          color: #000;
+          font-size: 16px;
+          font-family: 'iranYekanR';
+          cursor: pointer;
+          @extend %defaultTransition;
+
+          &:hover {
+            background: $theme;
+            color: #fff;
+          }
+        }
+      }
+    }
+  }
+
+  .enroll {
+    margin-top: 100px;
+  }
+
+  .checkUploadModalContent {
+    overflow: hidden;
+    position: relative;
+
+    .repCheckBox {
+      width: 100%;
+    }
+
+    .resultBox {
+      width: 100%;
+      position: absolute;
+      top: 100%;
+      left: 0;
+      border: 1px solid rgba(#000, 0.2);
+      padding: 15px;
+      @include boxSizing(border-box);
+      opacity: 0;
+
+      .repInfo {
+        padding: 15px;
+        margin: -10px -10px;
+        overflow: hidden;
+        $bgColorOpacity: 0.1;
+        &.accepted {
+          background: rgba(green, $bgColorOpacity);
+        }
+        &.rejected {
+          background: rgba(red, $bgColorOpacity);
+        }
+        &.registered,
+        &.ongoing,
+        &.verification {
+          background: rgba(orange, $bgColorOpacity);
+        }
+
+        p {
+          font-size: 18px;
+          text-align: right;
+
+          span {
+            font-family: 'iranYekanR';
+            color: #000;
+          }
+          b {
+            font-family: 'iranYekanB', sans-serif;
+          }
+        }
+      }
+
+      .uploadBtn {
+        margin-bottom: 30px;
+
+        label {
+          display: inline-block;
+          font-size: 18px;
+          font-weight: bold;
+          cursor: pointer;
+          padding: 5px;
+          text-align: center;
+          border: 1px solid $theme;
+          @extend %defaultBorderRadius;
+          @extend %defaultTransition;
+          margin-bottom: 20px;
+
+          &:hover {
+            background: $theme;
+            i,
+            span {
+              color: #fff;
+            }
+          }
+
+          i,
+          span {
+            @extend %defaultTransition;
+            color: $theme;
+          }
+
+          i {
+            font-size: 50px;
+          }
+          span {
+            font-size: 14px;
+            display: block;
+          }
+        }
+        input {
+          visibility: hidden;
+          opacity: 0;
+        }
+
+        p {
+          text-align: right;
+
+          b {
+            display: inline-block;
+            direction: ltr !important;
+          }
+
+          &.notice {
+            color: red;
+            font-size: 14px;
+          }
+        }
+      }
+    }
+
+    .el-loading-text {
+      text-align: center !important;
+    }
+  }
+}