435 lines
8.2 KiB
CSS
435 lines
8.2 KiB
CSS
@tailwind base;
|
|
@tailwind components;
|
|
@tailwind utilities;
|
|
|
|
/* Font Irans Sans X */
|
|
|
|
@font-face {
|
|
font-family: iran-sans;
|
|
src: url(../public/fonts/IranSansX/FarsiNumerals/IRANSansXFaNum-Thin.ttf);
|
|
font-weight: 100;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: iran-sans;
|
|
src: url(../public/fonts/IranSansX/FarsiNumerals/IRANSansXFaNum-ExtraBlack.ttf);
|
|
font-weight: 200;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: iran-sans;
|
|
src: url(../public/fonts/IranSansX/FarsiNumerals/IRANSansXFaNum-Light.ttf);
|
|
font-weight: 300;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: iran-sans;
|
|
src: url(../public/fonts/IranSansX/FarsiNumerals/IRANSansXFaNum-Regular.ttf);
|
|
font-weight: 400;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: iran-sans;
|
|
src: url(../public/fonts/IranSansX/FarsiNumerals/IRANSansXFaNum-Medium.ttf);
|
|
font-weight: 500;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: iran-sans;
|
|
src: url(../public/fonts/IranSansX/FarsiNumerals/IRANSansXFaNum-DemiBold.ttf);
|
|
font-weight: 600;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: iran-sans;
|
|
src: url(../public/fonts/IranSansX/FarsiNumerals/IRANSansXFaNum-Bold.ttf);
|
|
font-weight: 700;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: iran-sans;
|
|
src: url(../public/fonts/IranSansX/FarsiNumerals/IRANSansXFaNum-ExtraBold.ttf);
|
|
font-weight: 800;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: iran-sans;
|
|
src: url(../public/fonts/IranSansX/FarsiNumerals/IRANSansXFaNum-Black.ttf);
|
|
font-weight: 900;
|
|
}
|
|
|
|
/* Font Kalame */
|
|
|
|
@font-face {
|
|
font-family: kalame;
|
|
src: url(../public/fonts/kalame/StandardFonts/TTF/Kalameh-Thin.ttf);
|
|
font-weight: 100;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: kalame;
|
|
src: url(../public/fonts/kalame/StandardFonts/TTF/Kalameh-ExtraLight.ttf);
|
|
font-weight: 200;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: kalame;
|
|
src: url(../public/fonts/kalame/StandardFonts/TTF/Kalameh-Light.ttf);
|
|
font-weight: 300;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: kalame;
|
|
src: url(../public/fonts/kalame/StandardFonts/TTF/Kalameh-Regular.ttf);
|
|
font-weight: 400;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: kalame;
|
|
src: url(../public/fonts/kalame/StandardFonts/TTF/Kalameh-Medium.ttf);
|
|
font-weight: 500;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: kalame;
|
|
src: url(../public/fonts/kalame/StandardFonts/TTF/Kalameh-SemiBold.ttf);
|
|
font-weight: 600;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: kalame;
|
|
src: url(../public/fonts/kalame/StandardFonts/TTF/Kalameh-Bold.ttf);
|
|
font-weight: 700;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: kalame;
|
|
src: url(../public/fonts/kalame/StandardFonts/TTF/Kalameh-ExtraBold.ttf);
|
|
font-weight: 800;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: kalame;
|
|
src: url(../public/fonts/kalame/StandardFonts/TTF/Kalameh-Black.ttf);
|
|
font-weight: 900;
|
|
}
|
|
|
|
body {
|
|
font-family: iran-sans;
|
|
padding: 0;
|
|
margin: 0;
|
|
background: #FAFAFA;
|
|
}
|
|
|
|
/* Scroll */
|
|
|
|
html {
|
|
scroll-behavior: smooth;
|
|
}
|
|
|
|
::-webkit-scrollbar {
|
|
width: 7px;
|
|
}
|
|
|
|
::-webkit-scrollbar-track {
|
|
background: #F1F1F1;
|
|
height: 50px;
|
|
border-radius: 10px;
|
|
}
|
|
|
|
::-webkit-scrollbar-thumb {
|
|
background: #C1C1C1;
|
|
height: 50px;
|
|
border-radius: 20px;
|
|
}
|
|
|
|
.font-kalame {
|
|
font-family: kalame;
|
|
}
|
|
|
|
/* .bg-banner-home,
|
|
.bg-banner-register {
|
|
background-size: cover !important;
|
|
background-repeat: no-repeat !important;
|
|
background-position: center !important;
|
|
} */
|
|
|
|
.bg-border-t-gradient-sign {
|
|
background: linear-gradient(90deg, #E5E5E5 0%, #BABABA 48.5%, #E5E5E5 100%);
|
|
}
|
|
|
|
.bg-banner-home {
|
|
background: url(../public/assets/images/banner-home.png);
|
|
position: relative;
|
|
}
|
|
|
|
.bg-banner-footer {
|
|
background: url(../public/assets/images/banner-footer.png);
|
|
}
|
|
|
|
.bg-banner-about {
|
|
background: url(../public/assets/images/banner-about.png);
|
|
}
|
|
|
|
.bg-banner-home::after,
|
|
.bg-banner-stroke::after {
|
|
content: "";
|
|
position: absolute;
|
|
right: 0;
|
|
top: 0;
|
|
width: 100%;
|
|
height: 40%;
|
|
background: url(../public/assets/images/banner-register.png);
|
|
background-size: cover !important;
|
|
background-repeat: no-repeat !important;
|
|
background-position: center !important;
|
|
z-index: -10;
|
|
}
|
|
|
|
.bg-banner-register {
|
|
background: url(../public/assets/images/banner-register.png);
|
|
}
|
|
|
|
.animate-open {
|
|
animation: openx;
|
|
animation-duration: 2s;
|
|
}
|
|
|
|
.hover-mode-item-speciality:hover p:first-child {
|
|
color: #FAFAFA;
|
|
}
|
|
|
|
.hover-mode-item-speciality:hover p:last-child {
|
|
color: #EFEFEF;
|
|
}
|
|
|
|
.cover-head-blogs {
|
|
background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.07) 31.47%, rgba(0, 0, 0, 0.31) 59.72%, rgba(0, 0, 0, 0.70) 89.39%);
|
|
border-radius: 16px;
|
|
position: relative;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.cover-head-blogs img {
|
|
width: 100%;
|
|
}
|
|
|
|
.cover-head-blogs p {
|
|
position: absolute;
|
|
bottom: 32px;
|
|
color: #FAFAFA;
|
|
font-weight: 700;
|
|
}
|
|
|
|
@keyframes openx {
|
|
0% {
|
|
width: 0;
|
|
}
|
|
|
|
100% {
|
|
width: 85%;
|
|
}
|
|
}
|
|
|
|
.padding-responsive {
|
|
max-width: 1440px;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
padding-left: 24px;
|
|
padding-right: 24px;
|
|
}
|
|
|
|
.hover-rotate-icon:hover svg {
|
|
transform: rotateY(360deg);
|
|
transition: 0.5s all;
|
|
}
|
|
|
|
.bg-head-menu {
|
|
background: url(../public/assets/images/bg-head-menu.png);
|
|
}
|
|
|
|
.w-full-icon svg {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
@media (max-width: 768px) {
|
|
.res-field-account .MuiInputBase-input.MuiOutlinedInput-input {
|
|
padding-top: 10px;
|
|
padding-bottom: 10px;
|
|
}
|
|
}
|
|
|
|
/* Hidden Scroll */
|
|
|
|
.MuiPaper-root {
|
|
box-shadow: 0px 0px 18px 0px rgba(187, 187, 187, 0.25) !important;
|
|
border-radius: 4px !important;
|
|
border: 1px solid var(--colors-gray-50, #EFEFEF) !important;
|
|
background: var(--colors-white, #FFF) !important;
|
|
}
|
|
|
|
.hidden-scroll::-webkit-scrollbar-thumb,
|
|
.MuiTabs-scroller::-webkit-scrollbar-thumb {
|
|
background: transparent;
|
|
}
|
|
|
|
.hidden-scroll::-webkit-scrollbar,
|
|
.MuiTabs-scroller::-webkit-scrollbar {
|
|
height: 0;
|
|
}
|
|
|
|
.opacity-page {
|
|
animation: loadPageOpacity;
|
|
animation-duration: 1s;
|
|
}
|
|
|
|
.retry-icon svg {
|
|
animation: rotate 1s;
|
|
}
|
|
|
|
@keyframes rotate {
|
|
from {
|
|
rotate: 90;
|
|
}
|
|
|
|
to {
|
|
rotate: -360deg;
|
|
}
|
|
}
|
|
|
|
@keyframes loadPageOpacity {
|
|
0% {
|
|
opacity: 0;
|
|
}
|
|
|
|
100% {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
|
|
.padding-responsive {
|
|
padding-left: 16px;
|
|
padding-right: 16px;
|
|
}
|
|
|
|
@media (min-width: 640px) {
|
|
.padding-responsive {
|
|
padding-left: 52px;
|
|
padding-right: 52px;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 768px) {
|
|
.padding-responsive {
|
|
padding-left: 80px;
|
|
padding-right: 80px;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 1024px) {
|
|
.padding-responsive {
|
|
padding-left: 108px;
|
|
padding-right: 108px;
|
|
}
|
|
}
|
|
|
|
/* Date Picker Style */
|
|
|
|
.panel-elevation {
|
|
box-shadow: none !important;
|
|
border: none;
|
|
outline: none;
|
|
}
|
|
|
|
.icon-keyboard_double_arrow_right,
|
|
.icon-keyboard_double_arrow_left {
|
|
display: none !important;
|
|
}
|
|
|
|
.icon-chevron-right::before,
|
|
.icon-chevron-left::before {
|
|
content: "" !important;
|
|
background: url(../public/assets/icons/arrow-right.svg);
|
|
width: 24px;
|
|
height: 24px;
|
|
}
|
|
|
|
.icon-chevron-left::before {
|
|
rotate: 180deg;
|
|
}
|
|
|
|
.panel-date-holder-item span {
|
|
/* font-family: Iran Sans !important; */
|
|
font-size: 18px !important;
|
|
font-weight: 500 !important;
|
|
}
|
|
|
|
.panel-date-holder-item span:hover {
|
|
color: #FF8848 !important;
|
|
}
|
|
|
|
.year-item-selected,
|
|
.month-item-selected {
|
|
background: #FF8848 !important;
|
|
border-radius: 3px !important;
|
|
}
|
|
|
|
.panel-header-rtl {
|
|
border-bottom: none !important;
|
|
}
|
|
|
|
.day-label-bar-inner-rtl div {
|
|
color: #6C757D !important;
|
|
}
|
|
|
|
.panel-jalaali .days-body .not-current {
|
|
display: none !important;
|
|
}
|
|
|
|
.panel-jalaali .days-body .day.hovered span {
|
|
color: #343A40 !important;
|
|
}
|
|
|
|
.panel-jalaali .days-body .day.weekend-day span {
|
|
color: #B71232 !important;
|
|
}
|
|
|
|
.panel-jalaali .today,
|
|
.panel-jalaali .highlight {
|
|
border-radius: 50% !important;
|
|
}
|
|
|
|
.panel-jalaali .today {
|
|
border: 1px solid #FF8848 !important;
|
|
}
|
|
|
|
.panel-jalaali .highlight {
|
|
background: #ff975d !important;
|
|
}
|
|
|
|
.panel-jalaali .panel-footer-wrapper,
|
|
.panel-jalaali .panel-footer-rtl {
|
|
display: none !important;
|
|
}
|
|
|
|
.day.hovered.today {
|
|
border: 1px solid #F79463;
|
|
border-radius: 50%;
|
|
}
|
|
|
|
.day-label-bar-inner-rtl {
|
|
background: #FFF !important;
|
|
}
|
|
|
|
@media (max-width: 1024px) {
|
|
|
|
.day-label-bar-inner-rtl,
|
|
.panel-jalaali,
|
|
.panel-header-rtl,
|
|
.days-body {
|
|
background: #FAFAFA !important;
|
|
}
|
|
}
|
|
|
|
/* End Date Picker Style */ |