UI modifications in Login and index.html
This commit is contained in:
Abhiram
Vendored
+320
-20
@@ -1091,7 +1091,7 @@ html,body{
|
||||
|
||||
/* ORDER DETAILS */
|
||||
.bg-return{
|
||||
background-color: #d0f5ff !important;
|
||||
background-color: #f7f0e1 !important;
|
||||
}
|
||||
.close_exchange{
|
||||
bottom:10px;
|
||||
@@ -1106,7 +1106,7 @@ html,body{
|
||||
font-size: 1rem !important;
|
||||
}
|
||||
.order-summary{
|
||||
background-color:#c8ebff !important;
|
||||
background-color:#f3e2be !important;
|
||||
}
|
||||
.fs-7{
|
||||
font-size: 0.7rem;
|
||||
@@ -1513,8 +1513,12 @@ display: none;
|
||||
background: linear-gradient(112.1deg, rgb(63, 76, 119) -14.8% , rgb(32, 38, 57) 100.4%);
|
||||
}
|
||||
.bg-gradient-violet{
|
||||
background: linear-gradient(90deg, rgba(230,242,244,1) 6%, rgba(236,228,220,1) 100%);
|
||||
}
|
||||
/* background: linear-gradient(90deg, rgba(230,242,244,1) 6%, rgba(236,228,220,1) 100%);
|
||||
*/
|
||||
background:url(../assets/imgs/login_bg.png);
|
||||
background-size: cover;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
@media only screen and (min-width: 769px) and (max-width: 1199px) {
|
||||
span.transform_text2 {
|
||||
position: absolute;
|
||||
@@ -1596,19 +1600,315 @@ display: none;
|
||||
background: rgb(22,62,96);
|
||||
background: linear-gradient(75deg, rgb(56 89 118) 51%, rgb(107 18 111) 89%)
|
||||
}
|
||||
.same-style a{
|
||||
font-size:12px !important;
|
||||
font-weight:600 !important;
|
||||
}
|
||||
.fs-60 {
|
||||
font-size: 60px !important;
|
||||
padding: 40px 0px !important;
|
||||
}
|
||||
.Order_details_section{
|
||||
position: sticky;
|
||||
top: 120px;
|
||||
}
|
||||
.primary_btn{
|
||||
background: #0A1039 !important;
|
||||
color: #fff !important;
|
||||
}
|
||||
/*Text neon */
|
||||
.neon {
|
||||
text-shadow:
|
||||
0 0 0px #fff,
|
||||
0 0 0px #fff,
|
||||
0 0 0px #ff9300,
|
||||
0 0 1px #ff9300,
|
||||
0 0 10px #ff9300,
|
||||
0 0 10px #ff9300,
|
||||
0 0 0px #ff9300;
|
||||
}
|
||||
/* .neon-orange {
|
||||
text-shadow:
|
||||
0 0 0px #fff,
|
||||
0 0 0px #fff,
|
||||
0 0 0px #b2674e,
|
||||
0 0 1px #b2674e,
|
||||
0 0 10px #b2674e,
|
||||
0 0 10px #b2674e,
|
||||
0 0 0px #b2674e;
|
||||
}
|
||||
.neon-blue {
|
||||
text-shadow:
|
||||
0 0 0px #fff,
|
||||
0 0 0px #fff,
|
||||
0 0 0px #3b6ec9,
|
||||
0 0 1px #3b6ec9,
|
||||
0 0 10px #3b6ec9,
|
||||
0 0 10px #3b6ec9,
|
||||
0 0 0px #3b6ec9;
|
||||
}
|
||||
.neon-purple {
|
||||
text-shadow:
|
||||
0 0 0px #fff,
|
||||
0 0 0px #fff,
|
||||
0 0 0px #885bce,
|
||||
0 0 1px #885bce,
|
||||
0 0 10px #885bce,
|
||||
0 0 10px #885bce,
|
||||
0 0 0px #885bce;
|
||||
} */
|
||||
section.graphene_img_section {
|
||||
height: 100vh;
|
||||
background-attachment: fixed !important;
|
||||
background-repeat: no-repeat !important;
|
||||
background-size: cover !important;
|
||||
}
|
||||
section#graphene_section {
|
||||
padding-top: 50px;
|
||||
}
|
||||
.main-text{
|
||||
background: linear-gradient(270deg, #f6940c 50%, #ff9300 50%);
|
||||
-webkit-background-clip: text;
|
||||
-webkit-text-fill-color: transparent;
|
||||
font-size: 40px;
|
||||
}
|
||||
.item-title {
|
||||
font-size: 16px;
|
||||
font-weight: 500;
|
||||
padding: 20px 0px;
|
||||
}
|
||||
|
||||
/*button*/
|
||||
.buy-now {
|
||||
border-radius: 4px;
|
||||
/* background-color: #f4511e; */
|
||||
border: none;
|
||||
color: #FFFFFF;
|
||||
text-align: center;
|
||||
padding: 5px 15px;
|
||||
width: 120px;
|
||||
transition: all 0.5s;
|
||||
cursor: pointer;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
.butbuy-nowton span {
|
||||
cursor: pointer;
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
transition: 0.5s;
|
||||
}
|
||||
|
||||
.buy-now span:after {
|
||||
content: '\00bb';
|
||||
position: absolute;
|
||||
opacity: 0;
|
||||
top: 0;
|
||||
right: 20px;
|
||||
transition: 0.5s;
|
||||
}
|
||||
|
||||
.buy-now:hover span {
|
||||
border-bottom: solid 1px white;
|
||||
}
|
||||
|
||||
.buy-now:hover span:after {
|
||||
opacity: 1;
|
||||
right: 0;
|
||||
}
|
||||
.buy-now{
|
||||
background:#5782ce !important;
|
||||
color:white;
|
||||
}
|
||||
@media (min-width:320px) and (max-width:1198px){
|
||||
section.graphene_img_section {
|
||||
height: 200px;
|
||||
background-attachment: initial !important;
|
||||
background-repeat: no-repeat !important;
|
||||
background-size: 100% !important;
|
||||
}
|
||||
.main-text {
|
||||
background: linear-gradient(270deg, #f4a73c 50%, #ff9300 50%);
|
||||
-webkit-background-clip: text;
|
||||
-webkit-text-fill-color: transparent;
|
||||
font-size: 24px;
|
||||
}
|
||||
}
|
||||
.footer-wrapper{
|
||||
background-image: linear-gradient(145deg,rgb(33,37,41,0.9),rgb(33,37,41,0.9)),url(../assets/imgs/home/h1.jpg);
|
||||
}
|
||||
|
||||
.orangeWrapper {
|
||||
padding:0;
|
||||
}
|
||||
.card-item-header {
|
||||
width: 80%;
|
||||
margin: auto;
|
||||
margin-top: -90px;
|
||||
}
|
||||
.row.product_card_section {
|
||||
padding-top: 100px;
|
||||
}
|
||||
|
||||
.card-header-sub-1, .card-header-sub-2, .card-header-sub-3 {
|
||||
border-radius: 20px;
|
||||
height: 180px;
|
||||
}
|
||||
.card-item-header .card-header-sub-1 {
|
||||
background-image: url(../assets/imgs/Home_new/Explore_Fyro_bg.png);
|
||||
background-position: center;
|
||||
background-size: cover;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
.product_card_1 .card-item-body:hover h3 a{
|
||||
color:#ff9300;
|
||||
}
|
||||
.product_card_2 .card-item-body:hover h3 a{
|
||||
color:#5d87d0;
|
||||
}
|
||||
.product_card_3 .card-item-body:hover h3 a{
|
||||
color:#9973d4;
|
||||
}
|
||||
.product_card_1 .card-item-body:hover .card_product_footer a{
|
||||
color:#ff9300;
|
||||
}
|
||||
.product_card_2 .card-item-body:hover .card_product_footer a{
|
||||
color:#5d87d0;
|
||||
}
|
||||
.product_card_3 .card-item-body:hover .card_product_footer a{
|
||||
color:#9973d4;
|
||||
}
|
||||
.card-item-body p {
|
||||
color: #212529;
|
||||
margin-bottom: 1px;
|
||||
font-size: 15px;
|
||||
}
|
||||
.card-item-body {
|
||||
padding: 50px;
|
||||
height: 320px;
|
||||
}
|
||||
.shadow:hover{
|
||||
box-shadow: rgba(0, 0, 0, 0.15) 10px 1rem 1rem !important;
|
||||
}
|
||||
.card_product_footer{
|
||||
position: absolute;
|
||||
bottom:5px;
|
||||
}
|
||||
.card_product_footer a{
|
||||
font-weight: 500;
|
||||
}
|
||||
.product_card_1 {
|
||||
border: 1px solid rgb(204, 204, 204,0.1);
|
||||
border-radius: 10px;
|
||||
background: #8e9eab; /* fallback for old browsers */
|
||||
background: -webkit-linear-gradient(to right, #f8f8f8, #f8f8f8); /* Chrome 10-25, Safari 5.1-6 */
|
||||
background: linear-gradient(to right, #f8f8f8, #f8f8f8); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
|
||||
position: relative;
|
||||
}
|
||||
.product_card_1:hover img{
|
||||
transform: scale(1.3);
|
||||
}
|
||||
.product_card_2 {
|
||||
border: 1px solid rgb(204, 204, 204,0.1);
|
||||
border-radius: 10px;
|
||||
background: #8e9eab; /* fallback for old browsers */
|
||||
background: -webkit-linear-gradient(to right, #f8f8f8, #f8f8f8); /* Chrome 10-25, Safari 5.1-6 */
|
||||
background: linear-gradient(to right, #f8f8f8, #f8f8f8); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
|
||||
position: relative;
|
||||
}
|
||||
.product_card_2:hover img{
|
||||
transform: scale(1.2);
|
||||
}
|
||||
.product_card_2:hover .card-item-footer{
|
||||
display: block;
|
||||
animation: fadeIn 0.8s;
|
||||
}
|
||||
.card-item-header .card-header-sub-2 {
|
||||
background-image: url(../assets/imgs/allin_imgs/laptop_bg.png);
|
||||
background-position: center;
|
||||
background-size: cover;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
.product_card_3 {
|
||||
border: 1px solid rgb(204, 204, 204,0.1);
|
||||
border-radius: 10px;
|
||||
background: #8e9eab; /* fallback for old browsers */
|
||||
background: -webkit-linear-gradient(to right, #f8f8f8, #f8f8f8); /* Chrome 10-25, Safari 5.1-6 */
|
||||
background: linear-gradient(to right, #f8f8f8, #f8f8f8); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
|
||||
position: relative;
|
||||
}
|
||||
.product_card_3:hover img{
|
||||
transform: scale(1.2);
|
||||
}
|
||||
.product_card_3:hover .card-item-footer{
|
||||
display: block;
|
||||
animation: fadeIn 0.8s;
|
||||
}
|
||||
.card-item-header .card-header-sub-3 {
|
||||
background-image: url(../assets/imgs/allin_imgs/desktop_bg.png);
|
||||
background-position: center;
|
||||
background-size: cover;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
.product_card_section h6 {
|
||||
font-size: 14px;
|
||||
}
|
||||
#pills-tabContent .col-sm-4{
|
||||
margin-top:100px;
|
||||
}
|
||||
#pills-tabContent .product_card_section{
|
||||
padding-top:0px;
|
||||
}
|
||||
.theme-btn {
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
overflow: hidden;
|
||||
vertical-align: middle;
|
||||
display: inline-block;
|
||||
border: none;
|
||||
text-transform: capitalize;
|
||||
text-align: center;
|
||||
background-color: #202639 !important;
|
||||
color: white !important;
|
||||
font-size: 14px;
|
||||
font-weight: 600;
|
||||
line-height: 1;
|
||||
padding: 20.5px 29px;
|
||||
box-shadow: 0px 6px 16px rgba(13, 94, 244, 0.24);
|
||||
border-radius: 5px;
|
||||
}
|
||||
.theme-btn:before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
height: 0%;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
width: 600%;
|
||||
background-color: #142c8e !important;
|
||||
-webkit-transform: translateX(-50%) translateY(-50%) rotate(60deg);
|
||||
-ms-transform: translateX(-50%) translateY(-50%) rotate(60deg);
|
||||
transform: translateX(-50%) translateY(-50%) rotate(60deg);
|
||||
z-index: -1;
|
||||
-webkit-transition: 0.7s ease;
|
||||
transition: 0.7s ease;
|
||||
}
|
||||
.theme-btn:hover, .theme-btn.active {
|
||||
color: var(--white-color);
|
||||
}
|
||||
.or_line{
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
border-bottom: 1px solid #ccc;
|
||||
line-height: 0.1em;
|
||||
line-height: 0 !important;
|
||||
font-size: 16px !important;
|
||||
|
||||
}
|
||||
.or_line span {
|
||||
background:#fff;
|
||||
padding:0 10px;
|
||||
}
|
||||
.bg-gradient-anwi-outline{
|
||||
border:solid 2px #142c70 !important;
|
||||
color:#142c70 !important;
|
||||
background: linear-gradient(145deg,rgb(255,255,255,0.9),rgb(255,255,255));
|
||||
}
|
||||
.bg-gradient-anwi-outline:hover{
|
||||
background: linear-gradient(145deg,rgb(27,45,83,0.9),rgb(10,19,34)) !important;
|
||||
border:solid 2px rgb(10,19,34)!important;
|
||||
color:white !important;
|
||||
}
|
||||
.main-menu.menu-lh-1 > ul > li >a{
|
||||
line-height: 50px;
|
||||
}
|
||||
|
||||
.banner-main-container .carousel_img {
|
||||
height: 100%;
|
||||
min-height: 100%;
|
||||
max-height: 100% !important;
|
||||
}
|
||||
|
||||
|
||||
Vendored
+27
-13
@@ -3794,7 +3794,7 @@ margin-bottom: 0.5rem !important;
|
||||
|
||||
.header-action-wrap .same-style a {
|
||||
font-size: 20px;
|
||||
color: #0A1039;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.header-action-wrap .same-style a:hover {
|
||||
@@ -4069,8 +4069,8 @@ margin-bottom: 0.5rem !important;
|
||||
position: absolute;
|
||||
bottom: -1px;
|
||||
left: -10px;
|
||||
background: rgb(63, 76, 119);
|
||||
height: 4px;
|
||||
background: rgb(63, 76, 119,0.5);
|
||||
height: 1px;
|
||||
width: 100%;
|
||||
z-index: 200;
|
||||
transition: all 200ms cubic-bezier(0.5, 0.15, 0, 1);
|
||||
@@ -4082,8 +4082,8 @@ margin-bottom: 0.5rem !important;
|
||||
position: absolute;
|
||||
bottom: -1px;
|
||||
left: -10px;
|
||||
background: rgb(63, 76, 119);
|
||||
height: 3px;
|
||||
background: rgb(63, 76, 119,0.5);
|
||||
height: 2px;
|
||||
width: 100%;
|
||||
z-index: 200;
|
||||
transition: all 200ms cubic-bezier(0.5, 0.15, 0, 1);
|
||||
@@ -4092,12 +4092,26 @@ margin-bottom: 0.5rem !important;
|
||||
}
|
||||
.main-menu > nav > ul > li > a {
|
||||
font-size: 12px;
|
||||
color: #060A27;
|
||||
color: #fff;
|
||||
display: inline-block;
|
||||
font-weight: 600;;
|
||||
}
|
||||
|
||||
|
||||
.header-bottom.sticky-bar.stick .main-menu > nav > ul > li > a {
|
||||
font-size: 12px;
|
||||
color: #0A1039;
|
||||
display: inline-block;
|
||||
font-weight: 600;;
|
||||
}
|
||||
.header-bottom.sticky-bar.stick .header-action-wrap .same-style a {
|
||||
font-size: 20px;
|
||||
color: rgb(10, 16, 57);
|
||||
}
|
||||
/* .sticky-bar.stick .main-menu > nav > ul > li > a {
|
||||
font-size: 12px;
|
||||
color: #fff;
|
||||
display: inline-block;
|
||||
font-weight: 600;;
|
||||
} */
|
||||
.main-menu > nav > ul > li:hover > a {
|
||||
color: #0A1039;
|
||||
}
|
||||
@@ -4508,7 +4522,7 @@ margin-bottom: 0.5rem !important;
|
||||
|
||||
@media only screen and (min-width: 1366px) and (max-width: 1600px) {
|
||||
.main-menu.main-menu-padding-1 > nav > ul > li {
|
||||
padding: 0 20px 0 0;
|
||||
margin: 0 20px 0 0;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -31615,10 +31629,10 @@ h4.checkout-title::before {
|
||||
}
|
||||
} */
|
||||
|
||||
.sticky-bar{
|
||||
/* border-bottom: 1px solid #f9f9f9 !important; */
|
||||
/* box-shadow: 0 3px 6px 0 rgba(0,0,0,.2) !important; */
|
||||
}
|
||||
/* .sticky-bar{
|
||||
border-bottom: 1px solid #f9f9f9 !important;
|
||||
box-shadow: 0 3px 6px 0 rgba(0,0,0,.2) !important;
|
||||
} */
|
||||
|
||||
.order_details_btn {
|
||||
width: 180px;
|
||||
|
||||
Reference in New Issue
Block a user