ourworld_web/www_ourverse_new
23
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

changed color

Browse Source
This commit is contained in:
sasha-astiadi
2024-09-11 19:11:45 +02:00
parent ab19547027
commit df8b6fab4b
518 changed files with 8007 additions and 2827 deletions
Download Patch File Download Diff File Expand all files Collapse all files

305
.next/static/css/app/layout.css
View File

@@ -1199,14 +1199,11 @@ video {
border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
}
.divide-blue-900\/10 > :not([hidden]) ~ :not([hidden]) {
border-color: rgb(30 58 138 / 0.1);
}
.divide-gray-900\/10 > :not([hidden]) ~ :not([hidden]) {
border-color: rgb(17 24 39 / 0.1);
}
.divide-purple-900\/10 > :not([hidden]) ~ :not([hidden]) {
border-color: rgb(75 61 137 / 0.1);
border-color: rgb(48 43 75 / 0.1);
}
.overflow-hidden {
overflow: hidden;
@@ -1256,10 +1253,6 @@ video {
.border-t {
border-top-width: 1px;
}
.border-blue-300 {
--tw-border-opacity: 1;
border-color: rgb(147 197 253 / var(--tw-border-opacity));
}
.border-gray-900\/10 {
border-color: rgb(17 24 39 / 0.1);
}
@@ -1267,6 +1260,10 @@ video {
--tw-border-opacity: 1;
border-color: rgb(165 180 252 / var(--tw-border-opacity));
}
.border-purple-300 {
--tw-border-opacity: 1;
border-color: rgb(168 163 207 / var(--tw-border-opacity));
}
.border-sky-300 {
--tw-border-opacity: 1;
border-color: rgb(125 211 252 / var(--tw-border-opacity));
@@ -1275,10 +1272,6 @@ video {
--tw-border-opacity: 1;
border-color: rgb(255 255 255 / var(--tw-border-opacity));
}
.border-purple-300 {
--tw-border-opacity: 1;
border-color: rgb(185 155 204 / var(--tw-border-opacity));
}
.border-opacity-25 {
--tw-border-opacity: 0.25;
}
@@ -1286,10 +1279,6 @@ video {
--tw-bg-opacity: 1;
background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}
.bg-blue-700 {
--tw-bg-opacity: 1;
background-color: rgb(29 78 216 / var(--tw-bg-opacity));
}
.bg-gray-100 {
--tw-bg-opacity: 1;
background-color: rgb(243 244 246 / var(--tw-bg-opacity));
@@ -1317,6 +1306,14 @@ video {
--tw-bg-opacity: 1;
background-color: rgb(79 70 229 / var(--tw-bg-opacity));
}
.bg-purple-50 {
--tw-bg-opacity: 1;
background-color: rgb(239 237 255 / var(--tw-bg-opacity));
}
.bg-purple-700 {
--tw-bg-opacity: 1;
background-color: rgb(86 74 126 / var(--tw-bg-opacity));
}
.bg-slate-200 {
--tw-bg-opacity: 1;
background-color: rgb(226 232 240 / var(--tw-bg-opacity));
@@ -1331,9 +1328,9 @@ video {
.bg-white\/60 {
background-color: rgb(255 255 255 / 0.6);
}
.bg-purple-700 {
.bg-purple-100 {
--tw-bg-opacity: 1;
background-color: rgb(109 82 153 / var(--tw-bg-opacity));
background-color: rgb(242 240 254 / var(--tw-bg-opacity));
}
.bg-opacity-0 {
--tw-bg-opacity: 0;
@@ -1350,6 +1347,9 @@ video {
.bg-gradient-to-tr {
background-image: linear-gradient(to top right, var(--tw-gradient-stops));
}
.bg-gradient-to-r {
background-image: linear-gradient(to right, var(--tw-gradient-stops));
}
.from-\[\#ff4694\] {
--tw-gradient-from: #ff4694 var(--tw-gradient-from-position);
--tw-gradient-to: rgb(255 70 148 / 0) var(--tw-gradient-to-position);
@@ -1365,34 +1365,84 @@ video {
--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-purple-100 {
--tw-gradient-from: #f2f0fe var(--tw-gradient-from-position);
--tw-gradient-to: rgb(242 240 254 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-purple-200 {
--tw-gradient-from: #c0bcdc var(--tw-gradient-from-position);
--tw-gradient-to: rgb(192 188 220 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-purple-500 {
--tw-gradient-from: #766fa6 var(--tw-gradient-from-position);
--tw-gradient-to: rgb(118 111 166 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-purple-50 {
--tw-gradient-from: #efedff var(--tw-gradient-from-position);
--tw-gradient-to: rgb(239 237 255 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.via-gray-900\/40 {
--tw-gradient-to: rgb(17 24 39 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), rgb(17 24 39 / 0.4) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-pink-100 {
--tw-gradient-to: rgb(252 231 243 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), #fce7f3 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-white {
--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), #fff var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-purple-400 {
--tw-gradient-to: rgb(144 137 194 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), #9089c2 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-purple-200 {
--tw-gradient-to: rgb(192 188 220 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), #c0bcdc var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-purple-500 {
--tw-gradient-to: rgb(118 111 166 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), #766fa6 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-purple-100 {
--tw-gradient-to: rgb(242 240 254 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), #f2f0fe var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.to-\[\#776fff\] {
--tw-gradient-to: #776fff var(--tw-gradient-to-position);
}
.fill-blue-500 {
fill: #3b82f6;
.to-blue-100 {
--tw-gradient-to: #dbeafe var(--tw-gradient-to-position);
}
.to-purple-100 {
--tw-gradient-to: #f2f0fe var(--tw-gradient-to-position);
}
.to-purple-200 {
--tw-gradient-to: #c0bcdc var(--tw-gradient-to-position);
}
.to-purple-500 {
--tw-gradient-to: #766fa6 var(--tw-gradient-to-position);
}
.fill-current {
fill: currentColor;
}
.fill-purple-500 {
fill: #766fa6;
}
.fill-transparent {
fill: transparent;
}
.fill-purple-500 {
fill: #954e98;
}
.stroke-blue-500 {
stroke: #3b82f6;
.stroke-purple-500 {
stroke: #766fa6;
}
.stroke-slate-400 {
stroke: #94a3b8;
}
.stroke-purple-500 {
stroke: #954e98;
}
.object-cover {
-o-object-fit: cover;
object-fit: cover;
@@ -1603,6 +1653,10 @@ video {
font-size: 1.25rem;
line-height: 2rem;
}
.text-xs {
font-size: 0.75rem;
line-height: 1rem;
}
.font-bold {
font-weight: 700;
}
@@ -1642,22 +1696,6 @@ video {
.tracking-tighter {
letter-spacing: -0.05em;
}
.text-blue-500 {
--tw-text-opacity: 1;
color: rgb(59 130 246 / var(--tw-text-opacity));
}
.text-blue-600 {
--tw-text-opacity: 1;
color: rgb(37 99 235 / var(--tw-text-opacity));
}
.text-blue-700 {
--tw-text-opacity: 1;
color: rgb(29 78 216 / var(--tw-text-opacity));
}
.text-blue-900 {
--tw-text-opacity: 1;
color: rgb(30 58 138 / var(--tw-text-opacity));
}
.text-gray-300 {
--tw-text-opacity: 1;
color: rgb(209 213 219 / var(--tw-text-opacity));
@@ -1676,19 +1714,23 @@ video {
}
.text-purple-500 {
--tw-text-opacity: 1;
color: rgb(149 78 152 / var(--tw-text-opacity));
color: rgb(118 111 166 / var(--tw-text-opacity));
}
.text-purple-600 {
--tw-text-opacity: 1;
color: rgb(103 93 145 / var(--tw-text-opacity));
}
.text-purple-700 {
--tw-text-opacity: 1;
color: rgb(109 82 153 / var(--tw-text-opacity));
color: rgb(86 74 126 / var(--tw-text-opacity));
}
.text-purple-800 {
--tw-text-opacity: 1;
color: rgb(86 63 131 / var(--tw-text-opacity));
color: rgb(68 59 98 / var(--tw-text-opacity));
}
.text-purple-900 {
--tw-text-opacity: 1;
color: rgb(75 61 137 / var(--tw-text-opacity));
color: rgb(48 43 75 / var(--tw-text-opacity));
}
.text-slate-500 {
--tw-text-opacity: 1;
@@ -1702,10 +1744,6 @@ video {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.text-purple-600 {
--tw-text-opacity: 1;
color: rgb(138 65 127 / var(--tw-text-opacity));
}
.underline {
text-decoration-line: underline;
}
@@ -1740,12 +1778,8 @@ video {
--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-blue-900\/5 {
--tw-shadow-color: rgb(30 58 138 / 0.05);
--tw-shadow: var(--tw-shadow-colored);
}
.shadow-purple-900\/5 {
--tw-shadow-color: rgb(75 61 137 / 0.05);
--tw-shadow-color: rgb(48 43 75 / 0.05);
--tw-shadow: var(--tw-shadow-colored);
}
.ring-1 {
@@ -1797,6 +1831,15 @@ video {
}
}
@font-face {
font-family: 'ethnocentric';
src: url('/fonts/ethnocentric.otf') format('opentype');
font-weight: normal;
font-style: normal;
font-display: swap;
}
.animate-slide {
display: flex;
width: -moz-max-content;
@@ -1804,204 +1847,171 @@ video {
animation: slide 15s linear infinite;
}
.font-gradient {
background-color: #423C5F;
background-image: linear-gradient(43deg, #423C5F 0%, #8462B7 25%,#8d69c3 50%, #8462B7 75%, #423C5F 100%);
background-color: #443b62;
background-image: linear-gradient(43deg, #302b4b 0%, #8780bc 35%, #302b4b 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
}
.bg-gradient2 {
background-color: #4a3d81;
background-image: linear-gradient(43deg, #4a3d81 0%, #644e84 15%,#9b6b8a 30%, #834f85 45%, #c28c8b 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
}
.bg-gradient3 {
background-color: #423C5F;
background-image: linear-gradient(43deg, #4b3d89 0%, #6d5299 15%,#b06b98 50%, #954e98 75%, #cf8a89 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
}
.btn-gradient3 {
background-color: #423C5F;
background-image: linear-gradient(43deg, #4b3d89 0%, #6d5299 15%,#b06b98 50%, #954e98 75%, #cf8a89 100%);
}
.bg-gradient {
background-color: #4158D0;
background-image: linear-gradient(43deg, #423C5F 0%, #8d69c3 50%, #B2AFD4 100%);
}
.btn-gradient {
background-color: #4b3d89;
background-image: linear-gradient(43deg, #4b3d89 0%, #b06b98 50%, #cf8a89 100%);
background-color: #443b62;
background-image: linear-gradient(43deg, #302b4b 0%, #4b466e 47%, #766fa6 83%, #8780bc 100%);
color: white;
padding: 8px 15px;
border: none;
cursor: pointer;
transition: background-image 0.3s ease;
}
.btn-gradient:hover {
background-image: linear-gradient(43deg, #2a2341 0%, #403c61 47%, #655b90 83%, #7269a6 100%);
}
.btn-gradient-light {
background-color: #9078ff;
background-image: linear-gradient(43deg, #b99bcc 0%, #d0bde5 50%, #ffd4d4 100%);
background-color: #8780bc;
background-image: linear-gradient(43deg, #8780bc 0%, #938dc3 15%, #b5b1d7 100%);
color: purple-50;
border: none;
border-radius: 50px;
font-weight: semibold;
cursor: pointer;
transition: background-image 0.3s ease;
}
.bg-gradient-light {
background-color: #4158D0;
background-image: linear-gradient(43deg, #ba8bff 0%, #e6d6fe 50%, #f7f3fd 100%);
.btn-gradient-light:hover {
background-image: linear-gradient(43deg, #766fa6 0%, #8684b7 15%, #a7a4ca 100%);
}
.font-blue1 {
color: #4158D0;
}
.font-blue2 {
color: #304195;
}
.font-pink1 {
color: #C850C0;
}
.font-gold1 {
color: #FFCC70;
}
.placeholder\:text-slate-400::-moz-placeholder {
--tw-text-opacity: 1;
color: rgb(148 163 184 / var(--tw-text-opacity));
}
.placeholder\:text-slate-400::placeholder {
--tw-text-opacity: 1;
color: rgb(148 163 184 / var(--tw-text-opacity));
}
.focus-within\:ring-2:focus-within {
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus-within\:ring-blue-900:focus-within {
--tw-ring-opacity: 1;
--tw-ring-color: rgb(30 58 138 / var(--tw-ring-opacity));
}
.focus-within\:ring-purple-900:focus-within {
--tw-ring-opacity: 1;
--tw-ring-color: rgb(75 61 137 / var(--tw-ring-opacity));
--tw-ring-color: rgb(48 43 75 / var(--tw-ring-opacity));
}
.hover\:bg-blue-500:hover {
--tw-bg-opacity: 1;
background-color: rgb(59 130 246 / var(--tw-bg-opacity));
}
.hover\:bg-purple-500:hover {
--tw-bg-opacity: 1;
background-color: rgb(149 78 152 / var(--tw-bg-opacity));
background-color: rgb(118 111 166 / var(--tw-bg-opacity));
}
.hover\:bg-opacity-10:hover {
--tw-bg-opacity: 0.1;
}
.hover\:text-blue-800:hover {
--tw-text-opacity: 1;
color: rgb(30 64 175 / var(--tw-text-opacity));
}
.hover\:text-blue-900:hover {
--tw-text-opacity: 1;
color: rgb(30 58 138 / var(--tw-text-opacity));
}
.hover\:text-purple-700:hover {
--tw-text-opacity: 1;
color: rgb(109 82 153 / var(--tw-text-opacity));
color: rgb(86 74 126 / var(--tw-text-opacity));
}
.hover\:text-purple-900:hover {
--tw-text-opacity: 1;
color: rgb(75 61 137 / var(--tw-text-opacity));
}
.hover\:text-purple-800:hover {
--tw-text-opacity: 1;
color: rgb(86 63 131 / var(--tw-text-opacity));
color: rgb(68 59 98 / var(--tw-text-opacity));
}
.hover\:text-purple-900:hover {
--tw-text-opacity: 1;
color: rgb(48 43 75 / var(--tw-text-opacity));
}
.focus\:outline-none:focus {
outline: 2px solid transparent;
outline-offset: 2px;
}
.focus-visible\:outline:focus-visible {
outline-style: solid;
}
.focus-visible\:outline-2:focus-visible {
outline-width: 2px;
}
.focus-visible\:outline-offset-2:focus-visible {
outline-offset: 2px;
}
.focus-visible\:outline-offset-\[-4px\]:focus-visible {
outline-offset: -4px;
}
.focus-visible\:outline-blue-500:focus-visible {
outline-color: #3b82f6;
}
.focus-visible\:outline-purple-500:focus-visible {
outline-color: #954e98;
outline-color: #766fa6;
}
.active\:text-white\/70:active {
color: rgb(255 255 255 / 0.7);
}
.group:hover .group-hover\:scale-110 {
--tw-scale-x: 1.1;
--tw-scale-y: 1.1;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group:hover .group-hover\:scale-95 {
--tw-scale-x: .95;
--tw-scale-y: .95;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group:hover .group-hover\:text-blue-400 {
--tw-text-opacity: 1;
color: rgb(96 165 250 / var(--tw-text-opacity));
}
.group:hover .group-hover\:text-purple-400 {
--tw-text-opacity: 1;
color: rgb(161 123 179 / var(--tw-text-opacity));
color: rgb(144 137 194 / var(--tw-text-opacity));
}
.group:hover .group-hover\:opacity-100 {
opacity: 1;
}
.group[data-open] .group-data-\[open\]\:hidden {
display: none;
}
@media (min-width: 640px) {
.sm\:not-sr-only {
@@ -2277,6 +2287,7 @@ video {
}
}
@media (min-width: 768px) {
.md\:mx-0 {
@@ -2328,6 +2339,7 @@ video {
}
}
@media (min-width: 1024px) {
.lg\:inset-x-auto {
@@ -2600,6 +2612,11 @@ video {
padding-bottom: 3rem;
}
.lg\:py-2 {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.lg\:py-20 {
padding-top: 5rem;
padding-bottom: 5rem;
@@ -2700,6 +2717,7 @@ video {
}
}
@media (min-width: 1280px) {
.xl\:right-6 {
@@ -2754,7 +2772,10 @@ video {
}
}
.group:not([data-open]) .\[\.group\:not\(\[data-open\]\)_\&\]\:hidden {
display: none;
}