hamid zarghami
173 lines
3.8 KiB
CSS
173 lines
3.8 KiB
CSS
@import "tailwindcss";
|
|
|
|
@layer base {
|
|
:root {
|
|
--background: 0 0% 100%;
|
|
--foreground: 222.2 84% 4.9%;
|
|
--card: 0 0% 100%;
|
|
--card-foreground: 222.2 84% 4.9%;
|
|
--popover: 0 0% 100%;
|
|
--popover-foreground: 222.2 84% 4.9%;
|
|
--primary: 0 0% 0%;
|
|
--primary-foreground: 210 40% 98%;
|
|
--secondary: 210 40% 96.1%;
|
|
--secondary-foreground: 222.2 47.4% 11.2%;
|
|
--muted: 210 40% 96.1%;
|
|
--muted-foreground: 215.4 16.3% 46.9%;
|
|
--accent: 210 40% 96.1%;
|
|
--accent-foreground: 222.2 47.4% 11.2%;
|
|
--destructive: 0 84.2% 60.2%;
|
|
--destructive-foreground: 210 40% 98%;
|
|
--border: 214.3 31.8% 91.4%;
|
|
--input: 214.3 31.8% 91.4%;
|
|
--ring: 222.2 84% 4.9%;
|
|
--radius: 0.5rem;
|
|
}
|
|
}
|
|
|
|
html {
|
|
direction: rtl;
|
|
overflow: hidden;
|
|
max-width: 100%;
|
|
}
|
|
|
|
body {
|
|
font-family: irancell;
|
|
margin: 0;
|
|
padding: 0;
|
|
width: 100%;
|
|
direction: rtl;
|
|
overflow: hidden !important;
|
|
background: #eceef6;
|
|
font-weight: 300;
|
|
overflow: hidden;
|
|
font-feature-settings: "lnum"; /* اطمینان از نمایش اعداد انگلیسی */
|
|
}
|
|
|
|
html,
|
|
body {
|
|
height: 100%;
|
|
margin: 0;
|
|
overflow: hidden !important; /* اعمال overflow: hidden با !important */
|
|
}
|
|
|
|
html,
|
|
body,
|
|
#root {
|
|
min-height: 100% !important;
|
|
height: 100%;
|
|
}
|
|
* {
|
|
outline: none;
|
|
}
|
|
input::placeholder,
|
|
textarea::placeholder {
|
|
color: #888888;
|
|
}
|
|
|
|
@theme {
|
|
--color-primary: #000;
|
|
--color-border: #d0d0d0;
|
|
--color-secondary: #ebedf5;
|
|
--color-description: #c3c7dd;
|
|
--color-desc: #8c90a3;
|
|
}
|
|
|
|
::-webkit-scrollbar {
|
|
display: none;
|
|
}
|
|
body,
|
|
html {
|
|
scrollbar-width: none; /* Firefox */
|
|
-ms-overflow-style: none; /* IE 10+ */
|
|
}
|
|
|
|
.dltr {
|
|
direction: ltr;
|
|
}
|
|
|
|
.filterBlack {
|
|
filter: brightness(0) invert(0);
|
|
}
|
|
|
|
/* استایل برای صفحات کتاب - بکگراند سفید */
|
|
.stf__item.page,
|
|
.stf__item[class*="page"],
|
|
.page.stf__item,
|
|
div.stf__item.page,
|
|
.stf__block .stf__item,
|
|
.stf__parent .stf__item,
|
|
.stf__wrapper .stf__item {
|
|
background-color: #ffffff !important;
|
|
background: #ffffff !important;
|
|
}
|
|
|
|
/* برای اطمینان بیشتر - تمام صفحات با کلاس page */
|
|
.page {
|
|
background-color: #ffffff !important;
|
|
background: #ffffff !important;
|
|
}
|
|
|
|
/* استایل برای ظاهر کتاب */
|
|
.flipbook-container {
|
|
box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
|
|
border-radius: 12px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
/* موبایل: بدون سایهٔ کادر کتاب تا لبهٔ صفحه هنگام ورق دیده شود؛ overflow و contain کمتر تا بریدگی ۳D نماند */
|
|
@media (max-width: 767px) {
|
|
.flipbook-container {
|
|
box-shadow: none;
|
|
border-radius: 2px;
|
|
overflow: visible;
|
|
}
|
|
|
|
.flipbook-container .stf__wrapper {
|
|
overflow: visible !important;
|
|
}
|
|
|
|
.flipbook-container .stf__item {
|
|
contain: none;
|
|
overflow: visible !important;
|
|
}
|
|
}
|
|
|
|
/* استایل برای صفحات داخل flipbook */
|
|
.flipbook-container .stf__item,
|
|
.flipbook-container .page {
|
|
border-radius: 0;
|
|
}
|
|
|
|
/* جلوگیری از نمایش محتوای صفحات غیرفعال هنگام هاور */
|
|
.flipbook-container .stf__item {
|
|
overflow: hidden !important;
|
|
isolation: isolate;
|
|
contain: layout style paint;
|
|
}
|
|
|
|
/* اطمینان از overflow hidden برای محتوای صفحات */
|
|
.flipbook-container .stf__item .page {
|
|
overflow: hidden !important;
|
|
position: relative;
|
|
isolation: isolate;
|
|
}
|
|
|
|
/* مخفی کردن محتوای صفحات غیرفعال - فقط صفحه فعلی قابل تعامل است */
|
|
.flipbook-container .stf__wrapper {
|
|
overflow: hidden;
|
|
isolation: isolate;
|
|
}
|
|
|
|
/* جلوگیری از نمایش محتوای صفحات پشت صفحه فعلی */
|
|
.flipbook-container .stf__item {
|
|
pointer-events: none;
|
|
}
|
|
|
|
/* فعال کردن pointer events فقط برای صفحه فعلی */
|
|
.flipbook-container .stf__item.stf__item--active,
|
|
.flipbook-container .stf__item:hover {
|
|
pointer-events: auto;
|
|
z-index: 100;
|
|
}
|