diff --git a/index.html b/index.html index 1570f86..977c2ee 100644 --- a/index.html +++ b/index.html @@ -15,7 +15,7 @@ -
+
@@ -92,7 +92,7 @@
-
+
image

محصولات

@@ -112,95 +112,716 @@
-
-
-
- image -
-

نسخه جدید FC26

-
-
-
- image -
-

نسخه جدید FC26

-
-
-
- image -
-

نسخه جدید FC26

-
-
-
- image -
-

نسخه جدید FC26

-
-
-
- image -
-

نسخه جدید FC26

-
-
-
- image -
-

نسخه جدید FC26

-
-
-
- image -
-

نسخه جدید FC26

-
-
-
- image -
-

نسخه جدید FC26

-
-
-
- image -
-

نسخه جدید FC26

-
-
-
- image -
-

نسخه جدید FC26

-
-
-
+
-
-
-
+
+
+
+
+ image +
+

نسخه جدید FC26

+
+
+
+ image +
+

نسخه جدید FC26

+
+
+
+ image +
+

نسخه جدید FC26

+
+
+
+ image +
+

نسخه جدید FC26

+
+
+
+ image +
+

نسخه جدید FC26

+
+
+
+ image +
+

نسخه جدید FC26

+
+
+
+ image +
+

نسخه جدید FC26

+
+
+
+ image +
+

نسخه جدید FC26

+
+
+
+ image +
+

نسخه جدید FC26

+
+
+
+ image +
+

نسخه جدید FC26

+
+
+ +
+
+
+ image-slider +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ +
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+ +
+
+
+
+

ماد های رایگان فیفا

+ +
+
+

مشاهده همه

+ +
+
+
+ +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+

آخرین + ماده های + PES

+
    +
  • لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت + چاپ
  • +
  • با استفاده از طراحان گرافیک است
  • +
  • چاپگرها و متون بلکه روزنامه و مجله در ستون و + سطرآنچنان که لازم است
  • +
  • و برای شرایط فعلی تکنولوژی مورد نیاز و کاربردهای متنوع + با هدف بهبود ابزارهای کاربردی می باشد
  • +
  • کتابهای زیادی در شصت و سه درصد گذشته حال و آینده شناخت + فراوان جامعه و متخصصان را می طلبد
  • +
+
+
+

آخرین + پچ های + PES

+
    +
  • لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت + چاپ
  • +
  • چاپگرها و متون بلکه روزنامه و مجله در ستون و + سطرآنچنان که لازم است
  • +
  • کتابهای زیادی در شصت و سه درصد گذشته حال و آینده شناخت + فراوان جامعه و متخصصان را می طلبد
  • +
  • و برای شرایط فعلی تکنولوژی مورد نیاز و کاربردهای متنوع + با هدف بهبود ابزارهای کاربردی می باشد
  • +
  • با استفاده از طراحان گرافیک است
  • +
+
+
+
+
+
+ +
+
+
+
+

ماد های رایگان PES

+ +
+
+

مشاهده همه

+ +
+
+
+ +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+

آخرین + ماده های + PES

+
    +
  • لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت + چاپ
  • +
  • چاپگرها و متون بلکه روزنامه و مجله در ستون و + سطرآنچنان که لازم است
  • +
  • کتابهای زیادی در شصت و سه درصد گذشته حال و آینده شناخت + فراوان جامعه و متخصصان را می طلبد
  • +
  • و برای شرایط فعلی تکنولوژی مورد نیاز و کاربردهای متنوع + با هدف بهبود ابزارهای کاربردی می باشد
  • +
  • با استفاده از طراحان گرافیک است
  • +
+
+
+

آخرین + پچ های + PES

+
    +
  • لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت + چاپ
  • +
  • با استفاده از طراحان گرافیک است
  • +
  • چاپگرها و متون بلکه روزنامه و مجله در ستون و + سطرآنچنان که لازم است
  • +
  • و برای شرایط فعلی تکنولوژی مورد نیاز و کاربردهای متنوع + با هدف بهبود ابزارهای کاربردی می باشد
  • +
  • کتابهای زیادی در شصت و سه درصد گذشته حال و آینده شناخت + فراوان جامعه و متخصصان را می طلبد
  • +
+
+
+
+
+
+ +
+
+ image + image + image +
+
+ +
+
+
+
+

محصولات فیزیکی

+ +
+
+

مشاهده همه

+ +
+
+ + +
+
+ +
+
+
+ image-custom +
+

تجربه شما از مودینگ وی +

+

نظرات و پیشنهادات شما راجب مودینگ وی

+
+
+
+
+ box-comments +
+
+
+

+

+
+
+ img-user +
+
+
+

+ +
+
+
+
+ box-comments +
+
+
+

+

+
+
+ img-user +
+
+
+

+ +
+
+
+
+ box-comments +
+
+
+

+

+
+
+ img-user +
+
+
+

+ +
+
+
+
+
+ +
+
+ image-custom +
+

پروژه های مودینگ وی +

+

درصد پیشرفت و پروژه های جدید مودینگ وی

+
+
+
+
+
+ box-comments +
+
+ box-comments +
+
+ box-comments +
+
+ +
+
+
+ +
+
+
+
+
+
+ img +

40+ محصول

+
+
+ img +

150+ باگ

+
+
+ img +

110+ دیدگاه

+
+
+ img +

110+ سفارش تکمیل شده

+
+
+ +
+ logo +

+ لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و + با استفاده از طراحان گرافیک است + چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است + و برای شرایط فعلی تکنولوژی مورد نیاز و کاربردهای متنوع با هدف بهبود می باشد کتابهای زیادی در شصت و + PGL Patch + سه درصد گذشته حال و آینده شناخت فراوان جامعه و متخصصان را می طلبد + تا با نرم افزارها شناخت بیشتری را برای طراحان رایانه ای علی الخصوص طراحان خلاقی و فرهنگ پیشرو در + زبان + فارسی ایجاد کرد. +

+
+
+
+ +
+
+
+ لایک +

تعهد ما به شما

+
+

+ لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و + با استفاده از طراحان گرافیک است + چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است + و برای شرایط فعلی تکنولوژی مورد نیاز و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد +

+
+ +
+ +

Modding Store

+

محصولات فیزیکی و پکیج های گیمینگ

+ ورود به فروشگاه +
+ +
+
+ تیک +

هدف و کیفیت

+
+

+ لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و + با استفاده از طراحان گرافیک است + چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است + و برای شرایط فعلی تکنولوژی مورد نیاز و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد + کتابهای زیادی در شصت و سه درصد گذشته حال و آینده شناخت فراوان جامعه و متخصصان را می طلبد +

+
+
+
+
+ + - +
+

+ کلیه حقوق مادی و معنوی متعلق به گروه مودینگ وی میباشد. +

+
+ 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