Initial commit of the Dr Shahab Mousavi website.
Next.js clone of the clinic site with Meshkee-backed articles and portfolio pages. Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
@@ -0,0 +1,158 @@
|
||||
/*----------------------------------------------------------------
|
||||
GLOBAL
|
||||
----------------------------------------------------------------*/
|
||||
body.wb-rtl .direction-auto {
|
||||
direction: rtl !important;
|
||||
}
|
||||
|
||||
.direction-auto .about-img-back {
|
||||
left: 0;
|
||||
right: unset;
|
||||
}
|
||||
|
||||
body.wb-ltr .direction-auto {
|
||||
direction: ltr !important;
|
||||
}
|
||||
|
||||
body.wb-rtl .text-align-auto,
|
||||
body.wb-rtl .dropdown-item {
|
||||
text-align: right !important;
|
||||
}
|
||||
|
||||
body.wb-ltr .text-align-auto {
|
||||
text-align: left !important;
|
||||
}
|
||||
|
||||
.MulltipleEllipsis-Clamp2 {
|
||||
overflow: hidden;
|
||||
display: -webkit-box !important;
|
||||
-webkit-line-clamp: 2;
|
||||
-webkit-box-orient: vertical;
|
||||
}
|
||||
|
||||
/*----------------------------------------------------------------
|
||||
HEADER
|
||||
----------------------------------------------------------------*/
|
||||
@media(min-width: 1200px) {
|
||||
body.wb-rtl .banner-details>figure {
|
||||
margin-right: -180px;
|
||||
margin-left: 0;
|
||||
}
|
||||
}
|
||||
|
||||
body.wb-rtl .banner-details-txt {
|
||||
left: 0;
|
||||
right: unset;
|
||||
}
|
||||
|
||||
body.wb-rtl .banner-details-txt p:after {
|
||||
right: -21px;
|
||||
left: unset;
|
||||
}
|
||||
|
||||
.banner-btn a:hover {
|
||||
color: #000;
|
||||
}
|
||||
|
||||
body.wb-rtl .dropdown-menu,
|
||||
body.wb-rtl .header-con .navbar-light .navbar-nav .nav-item::after {
|
||||
right: 0;
|
||||
left: unset;
|
||||
}
|
||||
|
||||
body.wb-rtl .phone-txt {
|
||||
padding-left: 0;
|
||||
padding-right: 18px;
|
||||
}
|
||||
|
||||
body.wb-rtl .service-provide-box {
|
||||
padding-right: 37px;
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
body.wb-rtl .provide-arrow figure {
|
||||
margin-right: 11px;
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
body.wb-rtl .patient-details .patient-rating {
|
||||
margin-left: 0;
|
||||
margin-right: 16px;
|
||||
}
|
||||
|
||||
/*----------------------------------------------------------------
|
||||
FEATURE BOX
|
||||
----------------------------------------------------------------*/
|
||||
body.wb-rtl .contact-img-box {
|
||||
margin-left: 25px;
|
||||
margin-right: 0;
|
||||
margin-top: 4px;
|
||||
}
|
||||
|
||||
/*----------------------------------------------------------------
|
||||
CONTACT US
|
||||
----------------------------------------------------------------*/
|
||||
|
||||
.contact-con:before {
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
.contact-con.result-section:before {
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
.dots-img:after,
|
||||
.contact-con.result-section:after {
|
||||
width: 0;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
#accordion button {
|
||||
font-size: 1.1em;
|
||||
text-decoration: none;
|
||||
background-color: rgb(0 166 229 / 5%);
|
||||
color: var(--wb-primary-color);
|
||||
margin-bottom: 7px;
|
||||
border-radius: 14px;
|
||||
}
|
||||
|
||||
#content h3,
|
||||
#content h4, #content h2 {
|
||||
color: #000;
|
||||
}
|
||||
@media only screen and (min-width: 1200px) {
|
||||
body.wb-rtl .contact-form {
|
||||
margin: auto -15% auto auto;
|
||||
}
|
||||
|
||||
body.wb-rtl .header-con .navbar-expand-lg .navbar-nav {
|
||||
margin-left: 75px;
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
body.wb-rtl .banner-title p {
|
||||
padding-left: 100px;
|
||||
padding-right: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 991px) {
|
||||
body.wb-rtl .banner-details>figure {
|
||||
margin-left: -90px;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 767px) {
|
||||
body.wb-rtl .banner-details>figure {
|
||||
margin-left: -70px;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 575px) {
|
||||
body.wb-rtl .banner-details>figure {
|
||||
margin-left: 0;
|
||||
position: relative;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user