Browse Source
Merge branch 'feature/19315_Customer-Registration-new' of http://202.166.220.79:3000/IME-LONDON/CustomerPortal into feature/19315_Customer-Registration-new
Merge branch 'feature/19315_Customer-Registration-new' of http://202.166.220.79:3000/IME-LONDON/CustomerPortal into feature/19315_Customer-Registration-new
# Conflicts: # CustomerOnlineV2/CustomerOnlineV2/Views/Customer/Refer.cshtmlfeature/19315_Customer-Registration-new
shakun
10 months ago
3 changed files with 172 additions and 15 deletions
-
17CustomerOnlineV2/CustomerOnlineV2/Views/Customer/Refer.cshtml
-
10CustomerOnlineV2/CustomerOnlineV2/Views/ReceiverInformation/Receiver.cshtml
-
158CustomerOnlineV2/CustomerOnlineV2/wwwroot/css/refer.css
@ -0,0 +1,158 @@ |
|||||
|
|
||||
|
|
||||
|
|
||||
|
.custom-tab { |
||||
|
background-color: #262262 !important; |
||||
|
color: white !important; |
||||
|
border: 1px solid #262262 !important; |
||||
|
transition: background-color 0.3s ease-in-out; |
||||
|
} |
||||
|
|
||||
|
.custom-tab:hover { |
||||
|
background-color: white !important; |
||||
|
color: black !important; |
||||
|
} |
||||
|
#col-md-6 { |
||||
|
flex: 0 0 auto !important; |
||||
|
width: 100% !important; |
||||
|
} |
||||
|
.col-md-3 { |
||||
|
flex: 0 0 auto !important; |
||||
|
width: 100% !important; |
||||
|
} |
||||
|
|
||||
|
.p { |
||||
|
width: 400px; |
||||
|
} |
||||
|
.img-fluid { |
||||
|
max-width: 368px; |
||||
|
height: 214px; |
||||
|
} |
||||
|
|
||||
|
.btn-primary { |
||||
|
background-color: #262262 !important; |
||||
|
border-color: #262262 !important; |
||||
|
} |
||||
|
/*@media screen and (max-width: 600px) { |
||||
|
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { |
||||
|
margin-top: 0; |
||||
|
margin-bottom: 0.5rem; |
||||
|
font-weight: 200; |
||||
|
line-height: 1.2; |
||||
|
} |
||||
|
}*/ |
||||
|
|
||||
|
p { |
||||
|
line-height: 1.8 !important; |
||||
|
font-size: 18px !important; |
||||
|
} |
||||
|
|
||||
|
@media screen and (max-width: 600px) { |
||||
|
.banner .banner-small { |
||||
|
height: 445px !important; |
||||
|
border-radius: 8px !important; |
||||
|
padding: 50px 20px !important; |
||||
|
margin-bottom: 24px !important; |
||||
|
position: relative !important; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
|
||||
|
#referImg { |
||||
|
text-align: right; |
||||
|
width:30%; |
||||
|
|
||||
|
} |
||||
|
|
||||
|
#reward-table { |
||||
|
width: 100%; |
||||
|
border-collapse: collapse; |
||||
|
margin-top: 20px; |
||||
|
} |
||||
|
|
||||
|
#reward-table th, #reward-table td { |
||||
|
padding: 12px; |
||||
|
text-align: left; |
||||
|
border: 1px solid #ddd; |
||||
|
} |
||||
|
|
||||
|
/* #reward-table tbody tr:nth-child(even) { |
||||
|
background-color: beige; |
||||
|
} */ |
||||
|
|
||||
|
@media screen and (max-width: 600px) { |
||||
|
#reward-table tbody tr:hover { |
||||
|
background-color: #f1f1f1; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
} |
||||
|
|
||||
|
.banner-small-2 { |
||||
|
display: flex; |
||||
|
justify-content: space-between; |
||||
|
align-items: center; |
||||
|
} |
||||
|
|
||||
|
.banner-small-2 .img-fluid { |
||||
|
margin-left: 20px; |
||||
|
padding-right: 100px; |
||||
|
} |
||||
|
|
||||
|
.banner-small-2 .text-content { |
||||
|
width: 60%; |
||||
|
} |
||||
|
|
||||
|
.referral-code-container { |
||||
|
position: relative; |
||||
|
width: 18%; |
||||
|
} |
||||
|
|
||||
|
.referral-code-header { |
||||
|
font-size: 1rem; |
||||
|
} |
||||
|
|
||||
|
.referral-code { |
||||
|
width: 120%; |
||||
|
padding-right: 30px; |
||||
|
padding-left: 13px; |
||||
|
background-color: #f0f8ff; |
||||
|
border: 1px solid #a0a0a0; |
||||
|
border-radius: 5px; |
||||
|
} |
||||
|
|
||||
|
.referral-code:focus { |
||||
|
outline: none; |
||||
|
} |
||||
|
|
||||
|
.copy-icon { |
||||
|
position: absolute; |
||||
|
top: -3px; |
||||
|
right: -25px; |
||||
|
padding: 10px; |
||||
|
cursor: pointer; |
||||
|
} |
||||
|
|
||||
|
@media (min-width: 1025px) and (max-width: 1260px){ |
||||
|
|
||||
|
.col-md-6 { |
||||
|
width: 65%; |
||||
|
height: 140% |
||||
|
} |
||||
|
} |
||||
|
@media (min-width: 768px) { |
||||
|
|
||||
|
.row mb-4 { |
||||
|
width: 65%; |
||||
|
height: 3%; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
.referral-code-header { |
||||
|
width: 500px; |
||||
|
height: 20px; |
||||
|
} |
||||
|
|
||||
|
.p { |
||||
|
width: 65%%; |
||||
|
} |
Write
Preview
Loading…
Cancel
Save
Reference in new issue