محصولات
@@ -112,95 +112,716 @@
+
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
-
+
+
-
-
+
+
+
+
+
+
+
ماد های رایگان فیفا
+
+
+
+
+
+
+
+
+
+
آخرین
+ ماده های
+ PES
+
+ لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت
+ چاپ
+ با استفاده از طراحان گرافیک است
+ چاپگرها و متون بلکه روزنامه و مجله در ستون و
+ سطرآنچنان که لازم است
+ و برای شرایط فعلی تکنولوژی مورد نیاز و کاربردهای متنوع
+ با هدف بهبود ابزارهای کاربردی می باشد
+ کتابهای زیادی در شصت و سه درصد گذشته حال و آینده شناخت
+ فراوان جامعه و متخصصان را می طلبد
+
+
+
+
آخرین
+ پچ های
+ PES
+
+ لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت
+ چاپ
+ چاپگرها و متون بلکه روزنامه و مجله در ستون و
+ سطرآنچنان که لازم است
+ کتابهای زیادی در شصت و سه درصد گذشته حال و آینده شناخت
+ فراوان جامعه و متخصصان را می طلبد
+ و برای شرایط فعلی تکنولوژی مورد نیاز و کاربردهای متنوع
+ با هدف بهبود ابزارهای کاربردی می باشد
+ با استفاده از طراحان گرافیک است
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
آخرین
+ ماده های
+ PES
+
+ لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت
+ چاپ
+ چاپگرها و متون بلکه روزنامه و مجله در ستون و
+ سطرآنچنان که لازم است
+ کتابهای زیادی در شصت و سه درصد گذشته حال و آینده شناخت
+ فراوان جامعه و متخصصان را می طلبد
+ و برای شرایط فعلی تکنولوژی مورد نیاز و کاربردهای متنوع
+ با هدف بهبود ابزارهای کاربردی می باشد
+ با استفاده از طراحان گرافیک است
+
+
+
+
آخرین
+ پچ های
+ PES
+
+ لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت
+ چاپ
+ با استفاده از طراحان گرافیک است
+ چاپگرها و متون بلکه روزنامه و مجله در ستون و
+ سطرآنچنان که لازم است
+ و برای شرایط فعلی تکنولوژی مورد نیاز و کاربردهای متنوع
+ با هدف بهبود ابزارهای کاربردی می باشد
+ کتابهای زیادی در شصت و سه درصد گذشته حال و آینده شناخت
+ فراوان جامعه و متخصصان را می طلبد
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
تجربه شما از مودینگ وی
+
+
نظرات و پیشنهادات شما راجب مودینگ وی
+
+
+
+
+
+
+
+
+
+
+
+
+
+
پروژه های مودینگ وی
+
+
درصد پیشرفت و پروژه های جدید مودینگ وی
+
+
+
+
+
+
+
+
+
+
+
+
+
+
40+ محصول
+
+
+
+
150+ باگ
+
+
+
+
110+ دیدگاه
+
+
+
+
110+ سفارش تکمیل شده
+
+
+
+
+
+
+ لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و
+ با استفاده از طراحان گرافیک است
+ چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است
+ و برای شرایط فعلی تکنولوژی مورد نیاز و کاربردهای متنوع با هدف بهبود می باشد کتابهای زیادی در شصت و
+ PGL Patch
+ سه درصد گذشته حال و آینده شناخت فراوان جامعه و متخصصان را می طلبد
+ تا با نرم افزارها شناخت بیشتری را برای طراحان رایانه ای علی الخصوص طراحان خلاقی و فرهنگ پیشرو در
+ زبان
+ فارسی ایجاد کرد.
+
+
+
+
+
+
+
+
+ لایک
+
تعهد ما به شما
+
+
+ لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و
+ با استفاده از طراحان گرافیک است
+ چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است
+ و برای شرایط فعلی تکنولوژی مورد نیاز و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد
+
+
+
+
+
+
+
+ تیک
+
هدف و کیفیت
+
+
+ لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و
+ با استفاده از طراحان گرافیک است
+ چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است
+ و برای شرایط فعلی تکنولوژی مورد نیاز و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد
+ کتابهای زیادی در شصت و سه درصد گذشته حال و آینده شناخت فراوان جامعه و متخصصان را می طلبد
+
+
+
+
+
+
+
+
+
+
راه های ارتباطی
+
+ مپ
+ آدرس: لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ
+
+
+
+
+
+
+
+
+
نماد اعتماد به مودینگ وی
+
+
+
+
+
+
+
-
+
+
+ کلیه حقوق مادی و معنوی متعلق به گروه مودینگ وی میباشد.
+
+
+
diff --git a/public/image/etemad/1.png b/public/image/etemad/1.png
new file mode 100644
index 0000000..65aa275
Binary files /dev/null and b/public/image/etemad/1.png differ
diff --git a/public/image/etemad/2.png b/public/image/etemad/2.png
new file mode 100644
index 0000000..876798e
Binary files /dev/null and b/public/image/etemad/2.png differ
diff --git a/public/image/logo2.png b/public/image/logo2.png
new file mode 100644
index 0000000..6991898
Binary files /dev/null and b/public/image/logo2.png differ
diff --git a/public/image/other/aaa/1.png b/public/image/other/aaa/1.png
new file mode 100644
index 0000000..1370b45
Binary files /dev/null and b/public/image/other/aaa/1.png differ
diff --git a/public/image/other/aaa/2.png b/public/image/other/aaa/2.png
new file mode 100644
index 0000000..9937771
Binary files /dev/null and b/public/image/other/aaa/2.png differ
diff --git a/public/image/other/aaa/3.jpg b/public/image/other/aaa/3.jpg
new file mode 100644
index 0000000..b4c8f92
Binary files /dev/null and b/public/image/other/aaa/3.jpg differ
diff --git a/public/image/other/aaa/4.jpg b/public/image/other/aaa/4.jpg
new file mode 100644
index 0000000..83d61d2
Binary files /dev/null and b/public/image/other/aaa/4.jpg differ
diff --git a/public/image/other/img_custom/1.png b/public/image/other/img_custom/1.png
new file mode 100644
index 0000000..086e397
Binary files /dev/null and b/public/image/other/img_custom/1.png differ
diff --git a/public/image/other/img_custom/10.png b/public/image/other/img_custom/10.png
new file mode 100644
index 0000000..669b41c
Binary files /dev/null and b/public/image/other/img_custom/10.png differ
diff --git a/public/image/other/img_custom/11.png b/public/image/other/img_custom/11.png
new file mode 100644
index 0000000..570d1bf
Binary files /dev/null and b/public/image/other/img_custom/11.png differ
diff --git a/public/image/other/img_custom/2.png b/public/image/other/img_custom/2.png
new file mode 100644
index 0000000..d06116e
Binary files /dev/null and b/public/image/other/img_custom/2.png differ
diff --git a/public/image/other/img_custom/3.png b/public/image/other/img_custom/3.png
new file mode 100644
index 0000000..497a69d
Binary files /dev/null and b/public/image/other/img_custom/3.png differ
diff --git a/public/image/other/img_custom/4.png b/public/image/other/img_custom/4.png
new file mode 100644
index 0000000..0e22c67
Binary files /dev/null and b/public/image/other/img_custom/4.png differ
diff --git a/public/image/other/img_custom/5.png b/public/image/other/img_custom/5.png
new file mode 100644
index 0000000..eb260da
Binary files /dev/null and b/public/image/other/img_custom/5.png differ
diff --git a/public/image/other/img_custom/6.png b/public/image/other/img_custom/6.png
new file mode 100644
index 0000000..a591282
Binary files /dev/null and b/public/image/other/img_custom/6.png differ
diff --git a/public/image/other/img_custom/7.png b/public/image/other/img_custom/7.png
new file mode 100644
index 0000000..443c3a7
Binary files /dev/null and b/public/image/other/img_custom/7.png differ
diff --git a/public/image/other/img_custom/8.png b/public/image/other/img_custom/8.png
new file mode 100644
index 0000000..9105baa
Binary files /dev/null and b/public/image/other/img_custom/8.png differ
diff --git a/public/image/other/img_custom/9.png b/public/image/other/img_custom/9.png
new file mode 100644
index 0000000..e1d652a
Binary files /dev/null and b/public/image/other/img_custom/9.png differ
diff --git a/src/style/input.css b/src/style/input.css
index de0d37c..e20858a 100644
--- a/src/style/input.css
+++ b/src/style/input.css
@@ -28,6 +28,8 @@
}
@layer utilities {
+
+ /* bg */
.bg_gradient {
background-image: linear-gradient(90deg, #f87f06 0%, #fba105 100%);
}
@@ -36,16 +38,16 @@
background-image: linear-gradient(270deg, #f87f06 0%, #fba105 100%);
}
+
+ /* scrollbar */
.scrollbar_custom::-webkit-scrollbar-track {
padding: 2px 0;
background-color: #f6f6f6;
-
}
.scrollbar_custom::-webkit-scrollbar {
width: 4px;
height: 2px;
-
}
.scrollbar_custom::-webkit-scrollbar-thumb {
@@ -53,6 +55,21 @@
background-color: orange;
}
+ .scrollbar_custom_none::-webkit-scrollbar {
+ width: 0;
+ height: 0;
+ }
+
+ .scrollbar_custom_none::-webkit-scrollbar-thumb {
+ background-color: transparent;
+ }
+
+ .scrollbar_custom_none::-webkit-scrollbar-track {
+ background-color: transparent;
+ }
+
+
+ /* mask image */
.cover {
-webkit-mask-image: url("../../public/image/slider/cover.svg");
mask-image: url("../../public/image/slider/cover.svg");
@@ -61,13 +78,76 @@
box-shadow: 0 0 0 0 #000;
}
- .aspect {
+
+ /* aspect ratio */
+ .aspect1 {
aspect-ratio: 1/0.35;
}
+ .aspect2 {
+ aspect-ratio: 1 / 0.59;
+ }
+
+ .aspect3 {
+ aspect-ratio: 1 / 1.38;
+ }
+
+
+ /* slider */
.active_ball {
background: linear-gradient(270deg, #f87f06 0%, #fba105 100%);
width: 20px;
border-radius: 10px;
}
-}
+
+ /* shadow custom */
+ .shadow_custom {
+ box-shadow: -12px 10px 18px -17px #00000075;
+ }
+
+
+ /* slide */
+ .slide:first-child {
+ filter: grayscale(100%);
+ position: absolute;
+ right: 100px;
+ scale: 0.9;
+ }
+
+ .slide:last-child {
+ filter: grayscale(100%);
+ position: absolute;
+ left: 100px;
+ scale: 0.9;
+ }
+
+ .moraba::after {
+ content: '';
+ display: block;
+ width: 8px;
+ height: 8px;
+ background: #f87f06;
+ border-radius: 3px;
+ position: absolute;
+ right: -12px;
+ top: 10px;
+ }
+
+
+ .style_comment:first-child,
+ .style_comment:last-child {
+ opacity: 0.4;
+ width: 420px;
+ }
+
+ .style_comment:first-child {
+ opacity: 0.2;
+ }
+
+
+ .new_project:first-child,
+ .new_project:last-child {
+ opacity: 0.4;
+ width: 310px;
+ }
+}
\ No newline at end of file
diff --git a/src/style/output.css b/src/style/output.css
index 7c2c247..81554c4 100644
--- a/src/style/output.css
+++ b/src/style/output.css
@@ -619,24 +619,81 @@ input[type="search"]:focus {
position: relative;
}
+.-bottom-2 {
+ bottom: -0.5rem;
+}
+
+.-right-2 {
+ right: -0.5rem;
+}
+
+.-right-\[1px\] {
+ right: -1px;
+}
+
.bottom-3 {
bottom: 0.75rem;
}
+.right-0 {
+ right: 0px;
+}
+
.right-2 {
right: 0.5rem;
}
+.top-0 {
+ top: 0px;
+}
+
.top-2 {
top: 0.5rem;
}
+.z-10 {
+ z-index: 10;
+}
+
+.z-20 {
+ z-index: 20;
+}
+
.m-auto {
margin: auto;
}
-.-mt-4 {
- margin-top: -1rem;
+.my-10 {
+ margin-top: 2.5rem;
+ margin-bottom: 2.5rem;
+}
+
+.mb-5 {
+ margin-bottom: 1.25rem;
+}
+
+.ml-2 {
+ margin-left: 0.5rem;
+}
+
+.mt-11 {
+ margin-top: 2.75rem;
+}
+
+.mt-2 {
+ margin-top: 0.5rem;
+}
+
+.mt-4 {
+ margin-top: 1rem;
+}
+
+.mt-9 {
+ margin-top: 2.25rem;
+}
+
+.mt-3 {
+ margin-top: 0.75rem;
}
.line-clamp-1 {
@@ -646,6 +703,31 @@ input[type="search"]:focus {
-webkit-line-clamp: 1;
}
+.line-clamp-3 {
+ overflow: hidden;
+ display: -webkit-box;
+ -webkit-box-orient: vertical;
+ -webkit-line-clamp: 3;
+}
+
+.line-clamp-4 {
+ overflow: hidden;
+ display: -webkit-box;
+ -webkit-box-orient: vertical;
+ -webkit-line-clamp: 4;
+}
+
+.line-clamp-5 {
+ overflow: hidden;
+ display: -webkit-box;
+ -webkit-box-orient: vertical;
+ -webkit-line-clamp: 5;
+}
+
+.block {
+ display: block;
+}
+
.flex {
display: flex;
}
@@ -660,14 +742,50 @@ input[type="search"]:focus {
height: 2.25rem;
}
+.h-10 {
+ height: 2.5rem;
+}
+
+.h-12 {
+ height: 3rem;
+}
+
+.h-14 {
+ height: 3.5rem;
+}
+
+.h-16 {
+ height: 4rem;
+}
+
+.h-20 {
+ height: 5rem;
+}
+
.h-28 {
height: 7rem;
}
+.h-72 {
+ height: 18rem;
+}
+
+.h-8 {
+ height: 2rem;
+}
+
.h-9 {
height: 2.25rem;
}
+.h-\[30px\] {
+ height: 30px;
+}
+
+.h-\[440px\] {
+ height: 440px;
+}
+
.h-\[6px\] {
height: 6px;
}
@@ -680,6 +798,18 @@ input[type="search"]:focus {
height: 100%;
}
+.min-h-56 {
+ min-height: 14rem;
+}
+
+.min-h-\[132px\] {
+ min-height: 132px;
+}
+
+.w-11 {
+ width: 2.75rem;
+}
+
.w-12 {
width: 3rem;
}
@@ -688,10 +818,18 @@ input[type="search"]:focus {
width: 3.5rem;
}
+.w-16 {
+ width: 4rem;
+}
+
.w-20 {
width: 5rem;
}
+.w-24 {
+ width: 6rem;
+}
+
.w-28 {
width: 7rem;
}
@@ -700,20 +838,78 @@ input[type="search"]:focus {
width: 13rem;
}
+.w-60 {
+ width: 15rem;
+}
+
+.w-8 {
+ width: 2rem;
+}
+
.w-80 {
width: 20rem;
}
+.w-96 {
+ width: 24rem;
+}
+
+.w-\[101\%\] {
+ width: 101%;
+}
+
+.w-\[30px\] {
+ width: 30px;
+}
+
+.w-\[420px\] {
+ width: 420px;
+}
+
+.w-\[480px\] {
+ width: 480px;
+}
+
+.w-\[490px\] {
+ width: 490px;
+}
+
+.w-\[500px\] {
+ width: 500px;
+}
+
.w-\[6px\] {
width: 6px;
}
+.w-fit {
+ width: -moz-fit-content;
+ width: fit-content;
+}
+
.w-full {
width: 100%;
}
-.w-screen {
- width: 100vw;
+.w-min {
+ width: -moz-min-content;
+ width: min-content;
+}
+
+.max-w-80 {
+ max-width: 20rem;
+}
+
+.max-w-\[490px\] {
+ max-width: 490px;
+}
+
+.flex-1 {
+ flex: 1 1 0%;
+}
+
+.shrink-0 {
+ flex-shrink: 0;
}
.transform {
@@ -728,6 +924,14 @@ input[type="search"]:focus {
flex-direction: column;
}
+.items-start {
+ align-items: flex-start;
+}
+
+.items-end {
+ align-items: flex-end;
+}
+
.items-center {
align-items: center;
}
@@ -752,14 +956,34 @@ input[type="search"]:focus {
gap: 0.25rem;
}
+.gap-10 {
+ gap: 2.5rem;
+}
+
.gap-11 {
gap: 2.75rem;
}
+.gap-12 {
+ gap: 3rem;
+}
+
+.gap-16 {
+ gap: 4rem;
+}
+
.gap-2 {
gap: 0.5rem;
}
+.gap-3 {
+ gap: 0.75rem;
+}
+
+.gap-4 {
+ gap: 1rem;
+}
+
.gap-5 {
gap: 1.25rem;
}
@@ -768,31 +992,88 @@ input[type="search"]:focus {
gap: 1.5rem;
}
+.gap-7 {
+ gap: 1.75rem;
+}
+
+.gap-8 {
+ gap: 2rem;
+}
+
.gap-9 {
gap: 2.25rem;
}
+.gap-0 {
+ gap: 0px;
+}
+
+.overflow-hidden {
+ overflow: hidden;
+}
+
.overflow-x-auto {
overflow-x: auto;
}
+.whitespace-normal {
+ white-space: normal;
+}
+
.whitespace-nowrap {
white-space: nowrap;
}
+.rounded-2xl {
+ border-radius: 1rem;
+}
+
.rounded-3xl {
border-radius: 1.5rem;
}
+.rounded-\[38px\] {
+ border-radius: 38px;
+}
+
.rounded-full {
border-radius: 9999px;
}
+.rounded {
+ border-radius: 0.25rem;
+}
+
.rounded-b-\[30px\] {
border-bottom-right-radius: 30px;
border-bottom-left-radius: 30px;
}
+.rounded-b-\[35px\] {
+ border-bottom-right-radius: 35px;
+ border-bottom-left-radius: 35px;
+}
+
+.rounded-br-2xl {
+ border-bottom-right-radius: 1rem;
+}
+
+.rounded-es-\[48px\] {
+ border-end-start-radius: 48px;
+}
+
+.rounded-se-\[48px\] {
+ border-start-end-radius: 48px;
+}
+
+.rounded-se-\[60px\] {
+ border-start-end-radius: 60px;
+}
+
+.rounded-tl-2xl {
+ border-top-left-radius: 1rem;
+}
+
.border {
border-width: 1px;
}
@@ -801,15 +1082,48 @@ input[type="search"]:focus {
border-width: 0px;
}
+.border-t {
+ border-top-width: 1px;
+}
+
.border-Dark_orange {
--tw-border-opacity: 1;
border-color: rgb(248 127 6 / var(--tw-border-opacity));
}
+.border-gray-300 {
+ --tw-border-opacity: 1;
+ border-color: rgb(209 213 219 / var(--tw-border-opacity));
+}
+
+.border-gray-500 {
+ --tw-border-opacity: 1;
+ border-color: rgb(107 114 128 / var(--tw-border-opacity));
+}
+
+.border-gray-400 {
+ --tw-border-opacity: 1;
+ border-color: rgb(156 163 175 / var(--tw-border-opacity));
+}
+
+.bg-Dark_orange {
+ --tw-bg-opacity: 1;
+ background-color: rgb(248 127 6 / var(--tw-bg-opacity));
+}
+
+.bg-Light_orange {
+ --tw-bg-opacity: 1;
+ background-color: rgb(251 161 5 / var(--tw-bg-opacity));
+}
+
.bg-Light_orange\/20 {
background-color: rgb(251 161 5 / 0.2);
}
+.bg-\[\#00000087\] {
+ background-color: #00000087;
+}
+
.bg-gray-100 {
--tw-bg-opacity: 1;
background-color: rgb(243 244 246 / var(--tw-bg-opacity));
@@ -852,10 +1166,23 @@ input[type="search"]:focus {
object-fit: cover;
}
+.p-0 {
+ padding: 0px;
+}
+
.p-5 {
padding: 1.25rem;
}
+.p-\[2px\] {
+ padding: 2px;
+}
+
+.px-14 {
+ padding-left: 3.5rem;
+ padding-right: 3.5rem;
+}
+
.px-2 {
padding-left: 0.5rem;
padding-right: 0.5rem;
@@ -866,6 +1193,26 @@ input[type="search"]:focus {
padding-right: 0.75rem;
}
+.px-4 {
+ padding-left: 1rem;
+ padding-right: 1rem;
+}
+
+.px-6 {
+ padding-left: 1.5rem;
+ padding-right: 1.5rem;
+}
+
+.px-72 {
+ padding-left: 18rem;
+ padding-right: 18rem;
+}
+
+.px-9 {
+ padding-left: 2.25rem;
+ padding-right: 2.25rem;
+}
+
.px-\[3px\] {
padding-left: 3px;
padding-right: 3px;
@@ -881,36 +1228,139 @@ input[type="search"]:focus {
padding-bottom: 0.75rem;
}
+.py-7 {
+ padding-top: 1.75rem;
+ padding-bottom: 1.75rem;
+}
+
+.py-8 {
+ padding-top: 2rem;
+ padding-bottom: 2rem;
+}
+
.py-\[1px\] {
padding-top: 1px;
padding-bottom: 1px;
}
+.py-\[2px\] {
+ padding-top: 2px;
+ padding-bottom: 2px;
+}
+
+.py-\[3px\] {
+ padding-top: 3px;
+ padding-bottom: 3px;
+}
+
.py-\[5px\] {
padding-top: 5px;
padding-bottom: 5px;
}
+.py-5 {
+ padding-top: 1.25rem;
+ padding-bottom: 1.25rem;
+}
+
+.px-7 {
+ padding-left: 1.75rem;
+ padding-right: 1.75rem;
+}
+
+.py-4 {
+ padding-top: 1rem;
+ padding-bottom: 1rem;
+}
+
+.py-2 {
+ padding-top: 0.5rem;
+ padding-bottom: 0.5rem;
+}
+
.pb-2 {
padding-bottom: 0.5rem;
}
+.pb-4 {
+ padding-bottom: 1rem;
+}
+
.pb-\[2px\] {
padding-bottom: 2px;
}
+.pl-11 {
+ padding-left: 2.75rem;
+}
+
.pl-2 {
padding-left: 0.5rem;
}
+.pl-4 {
+ padding-left: 1rem;
+}
+
.pr-10 {
padding-right: 2.5rem;
}
+.pr-14 {
+ padding-right: 3.5rem;
+}
+
+.pr-2 {
+ padding-right: 0.5rem;
+}
+
+.pr-9 {
+ padding-right: 2.25rem;
+}
+
.pt-1 {
padding-top: 0.25rem;
}
+.pt-5 {
+ padding-top: 1.25rem;
+}
+
+.pt-\[2px\] {
+ padding-top: 2px;
+}
+
+.pb-\[3px\] {
+ padding-bottom: 3px;
+}
+
+.text-left {
+ text-align: left;
+}
+
+.text-center {
+ text-align: center;
+}
+
+.text-justify {
+ text-align: justify;
+}
+
+.text-2xl {
+ font-size: 1.5rem;
+ line-height: 2rem;
+}
+
+.text-4xl {
+ font-size: 2.25rem;
+ line-height: 2.5rem;
+}
+
+.text-base {
+ font-size: 1rem;
+ line-height: 1.5rem;
+}
+
.text-lg {
font-size: 1.125rem;
line-height: 1.75rem;
@@ -921,6 +1371,11 @@ input[type="search"]:focus {
line-height: 1.25rem;
}
+.text-xl {
+ font-size: 1.25rem;
+ line-height: 1.75rem;
+}
+
.font-bold {
font-weight: 700;
}
@@ -930,11 +1385,21 @@ input[type="search"]:focus {
color: rgb(248 127 6 / var(--tw-text-opacity));
}
+.text-Light_orange {
+ --tw-text-opacity: 1;
+ color: rgb(251 161 5 / var(--tw-text-opacity));
+}
+
.text-black {
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity));
}
+.text-gray-500 {
+ --tw-text-opacity: 1;
+ color: rgb(107 114 128 / var(--tw-text-opacity));
+}
+
.text-transparent {
color: transparent;
}
@@ -944,6 +1409,22 @@ input[type="search"]:focus {
color: rgb(255 255 255 / var(--tw-text-opacity));
}
+.text-gray-400 {
+ --tw-text-opacity: 1;
+ color: rgb(156 163 175 / var(--tw-text-opacity));
+}
+
+.text-gray-300 {
+ --tw-text-opacity: 1;
+ color: rgb(209 213 219 / var(--tw-text-opacity));
+}
+
+.shadow {
+ --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
+ --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
.outline-none {
outline: 2px solid transparent;
outline-offset: 2px;
@@ -954,6 +1435,8 @@ input[type="search"]:focus {
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
+/* bg */
+
.bg_gradient {
background-image: linear-gradient(90deg, #f87f06 0%, #fba105 100%);
}
@@ -962,6 +1445,8 @@ input[type="search"]:focus {
background-image: linear-gradient(270deg, #f87f06 0%, #fba105 100%);
}
+/* scrollbar */
+
.scrollbar_custom::-webkit-scrollbar-track {
padding: 2px 0;
background-color: #f6f6f6;
@@ -977,6 +1462,21 @@ input[type="search"]:focus {
background-color: orange;
}
+.scrollbar_custom_none::-webkit-scrollbar {
+ width: 0;
+ height: 0;
+}
+
+.scrollbar_custom_none::-webkit-scrollbar-thumb {
+ background-color: transparent;
+}
+
+.scrollbar_custom_none::-webkit-scrollbar-track {
+ background-color: transparent;
+}
+
+/* mask image */
+
.cover {
-webkit-mask-image: url("../../public/image/slider/cover.svg");
mask-image: url("../../public/image/slider/cover.svg");
@@ -987,16 +1487,78 @@ input[type="search"]:focus {
box-shadow: 0 0 0 0 #000;
}
-.aspect {
+/* aspect ratio */
+
+.aspect1 {
aspect-ratio: 1/0.35;
}
+.aspect2 {
+ aspect-ratio: 1 / 0.59;
+}
+
+.aspect3 {
+ aspect-ratio: 1 / 1.38;
+}
+
+/* slider */
+
.active_ball {
background: linear-gradient(270deg, #f87f06 0%, #fba105 100%);
width: 20px;
border-radius: 10px;
}
+/* shadow custom */
+
+.shadow_custom {
+ box-shadow: -12px 10px 18px -17px #00000075;
+}
+
+/* slide */
+
+.slide:first-child {
+ filter: grayscale(100%);
+ position: absolute;
+ right: 100px;
+ scale: 0.9;
+}
+
+.slide:last-child {
+ filter: grayscale(100%);
+ position: absolute;
+ left: 100px;
+ scale: 0.9;
+}
+
+.moraba::after {
+ content: '';
+ display: block;
+ width: 8px;
+ height: 8px;
+ background: #f87f06;
+ border-radius: 3px;
+ position: absolute;
+ right: -12px;
+ top: 10px;
+}
+
+.style_comment:first-child,
+ .style_comment:last-child {
+ opacity: 0.4;
+ width: 420px;
+}
+
+.style_comment:first-child {
+ opacity: 0.2;
+}
+
+.new_project:first-child,
+ .new_project:last-child {
+ opacity: 0.4;
+ width: 310px;
+}
+
.placeholder\:text-white::-moz-placeholder {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
@@ -1017,21 +1579,41 @@ input[type="search"]:focus {
bottom: -3px;
}
+.after\:bottom-0::after {
+ content: var(--tw-content);
+ bottom: 0px;
+}
+
.after\:right-3::after {
content: var(--tw-content);
right: 0.75rem;
}
+.after\:right-72::after {
+ content: var(--tw-content);
+ right: 18rem;
+}
+
.after\:block::after {
content: var(--tw-content);
display: block;
}
+.after\:h-10::after {
+ content: var(--tw-content);
+ height: 2.5rem;
+}
+
.after\:h-9::after {
content: var(--tw-content);
height: 2.25rem;
}
+.after\:w-20::after {
+ content: var(--tw-content);
+ width: 5rem;
+}
+
.after\:w-\[88\%\]::after {
content: var(--tw-content);
width: 88%;
@@ -1042,6 +1624,12 @@ input[type="search"]:focus {
border-radius: 1rem;
}
+.after\:bg-gray-100::after {
+ content: var(--tw-content);
+ --tw-bg-opacity: 1;
+ background-color: rgb(243 244 246 / var(--tw-bg-opacity));
+}
+
.after\:bg-white::after {
content: var(--tw-content);
--tw-bg-opacity: 1;
@@ -1056,4 +1644,4 @@ input[type="search"]:focus {
.focus\:outline-none:focus {
outline: 2px solid transparent;
outline-offset: 2px;
-}
+}
\ No newline at end of file