mirror of
https://github.com/simplex-chat/simplex-chat.git
synced 2026-04-14 18:16:12 +00:00
deploy: 81101f7fd2
This commit is contained in:
epoberezkin
541
css/design3-nav.css
Normal file
541
css/design3-nav.css
Normal file
@@ -0,0 +1,541 @@
|
||||
:root {
|
||||
--nav-color: #001796;
|
||||
}
|
||||
|
||||
:root.dark {
|
||||
--nav-color: #ffffff;
|
||||
}
|
||||
|
||||
body.change-nav-color {
|
||||
--nav-color: #001796;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 950px) {
|
||||
.logo {
|
||||
background: rgba(255, 255, 255, 0.05);
|
||||
backdrop-filter: blur(10px);
|
||||
-webkit-backdrop-filter: blur(10px);
|
||||
border-bottom-right-radius: 12px;
|
||||
padding-right: 24px;
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
|
||||
.dark .logo {
|
||||
background: rgba(19, 29, 73, 0.005);
|
||||
}
|
||||
|
||||
nav#menu {
|
||||
background: rgba(255, 255, 255, 0.05);
|
||||
backdrop-filter: blur(10px);
|
||||
-webkit-backdrop-filter: blur(10px);
|
||||
padding: 0px 50px;
|
||||
border-bottom-right-radius: 12px;
|
||||
border-bottom-left-radius: 12px;
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
|
||||
.dark nav#menu {
|
||||
background: rgba(19, 29, 73, 0.005);
|
||||
}
|
||||
|
||||
.right-links {
|
||||
background: rgba(255, 255, 255, 0.05);
|
||||
backdrop-filter: blur(10px);
|
||||
-webkit-backdrop-filter: blur(10px);
|
||||
border-bottom-left-radius: 12px;
|
||||
padding-left: 24px;
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
|
||||
.dark .right-links {
|
||||
background: rgba(19, 29, 73, 0.005);
|
||||
}
|
||||
}
|
||||
|
||||
/* NavBar */
|
||||
header#navbar {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
z-index: 50000;
|
||||
background: none;
|
||||
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
height: 54px;
|
||||
}
|
||||
|
||||
header#navbar>a.logo {
|
||||
position: absolute;
|
||||
left: 0px;
|
||||
padding-left: 16px;
|
||||
height: 100%;
|
||||
/* display: flex; */
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
header#navbar>a.logo img {
|
||||
height: 32px;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
header#navbar nav#menu>ul>hr {
|
||||
display: none;
|
||||
}
|
||||
|
||||
header#navbar nav#menu ul.sub-menu hr {
|
||||
border-top-width: 1px;
|
||||
height: 1px;
|
||||
width: 100%;
|
||||
color: #000;
|
||||
opacity: 0.2;
|
||||
}
|
||||
|
||||
.dark header#navbar nav#menu ul.sub-menu hr {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
header#navbar ul {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
gap: 49px;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
header#navbar ul a {
|
||||
font-family: "Manrope", "GT-Walsheim", sans-serif;
|
||||
color: white;
|
||||
text-decoration: none;
|
||||
font-size: 16px;
|
||||
font-weight: 500;
|
||||
padding: 8px 0;
|
||||
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
gap: 6px;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
header#navbar ul a span {
|
||||
display: flex;
|
||||
height: 100%;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
header#navbar ul a>span:first-child {
|
||||
transform: translateY(-1.5px);
|
||||
}
|
||||
|
||||
header#navbar ul a span svg {
|
||||
fill: #001796;
|
||||
width: 10px;
|
||||
height: auto;
|
||||
transition: all 0.5s ease;
|
||||
}
|
||||
|
||||
.dark header#navbar ul a span svg {
|
||||
fill: #fff;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 950px) {
|
||||
header#navbar nav#menu>ul>li>a {
|
||||
color: var(--nav-color);
|
||||
}
|
||||
|
||||
header#navbar nav#menu>ul>li>a svg {
|
||||
fill: var(--nav-color);
|
||||
}
|
||||
|
||||
header#navbar nav#menu li.nav-link:hover span svg {
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
}
|
||||
|
||||
header#navbar ul.sub-menu {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
justify-content: flex-start;
|
||||
gap: 0.5rem;
|
||||
max-height: calc(100vh - 70px);
|
||||
position: absolute;
|
||||
background: #fff;
|
||||
top: calc(100% + 8px);
|
||||
padding: 16px 0;
|
||||
min-width: 180px;
|
||||
border-radius: 8px;
|
||||
transition: all .3s ease !important;
|
||||
overflow: auto;
|
||||
visibility: hidden;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.dark header#navbar ul.sub-menu {
|
||||
background: #181e43;
|
||||
}
|
||||
|
||||
header#navbar ul.sub-menu li a {
|
||||
padding: 3px 20px;
|
||||
font-weight: 400;
|
||||
white-space: nowrap;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 4px;
|
||||
color: #001796;
|
||||
}
|
||||
|
||||
.dark header#navbar ul.sub-menu li a {
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
header#navbar ul.sub-menu li a img {
|
||||
height: 1rem;
|
||||
}
|
||||
|
||||
header#navbar .nav-link.flag-container ul.sub-menu li a {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 16px;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
header#navbar nav#menu,
|
||||
header#navbar nav#menu>ul {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
header#navbar .nav-link {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
header#navbar .nav-link:hover .sub-menu,
|
||||
header#navbar .nav-link:focus-within .sub-menu {
|
||||
visibility: visible;
|
||||
opacity: 1;
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.flag-container>a {
|
||||
background-color: transparent;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
gap: 4px;
|
||||
color: #001796;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.dark .flag-container>a {
|
||||
color: white;
|
||||
}
|
||||
|
||||
.flag-container>a svg {
|
||||
fill: #001796;
|
||||
width: 10px;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.dark .flag-container>a svg {
|
||||
fill: white;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 950px) {
|
||||
.flag-container>a {
|
||||
color: var(--nav-color) !important;
|
||||
}
|
||||
|
||||
.flag-container>a svg {
|
||||
fill: var(--nav-color) !important;
|
||||
}
|
||||
}
|
||||
|
||||
.flag-container>a p {
|
||||
font-size: 17px;
|
||||
font-weight: 500;
|
||||
user-select: none;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
line-height: 1rem;
|
||||
letter-spacing: 0.05em;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.flag-container .sub-menu a div {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.flag-container .sub-menu {
|
||||
top: 100%;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
header#navbar button.theme-switch-btn {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
background-color: transparent;
|
||||
border: none;
|
||||
}
|
||||
|
||||
header#navbar button.theme-switch-btn svg {
|
||||
width: 18px;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
header#navbar button.theme-switch-btn svg path {
|
||||
fill: #001796;
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
|
||||
.dark header#navbar button.theme-switch-btn svg path {
|
||||
fill: white;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 950px) {
|
||||
header#navbar button.theme-switch-btn svg path {
|
||||
fill: var(--nav-color) !important;
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
}
|
||||
|
||||
.right-links {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0px;
|
||||
padding-right: 16px;
|
||||
height: 54px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 1.5rem;
|
||||
}
|
||||
|
||||
button#cross-btn {
|
||||
background-color: transparent;
|
||||
border: none;
|
||||
display: none;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
#cross {
|
||||
fill: #001796;
|
||||
width: 13px;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.dark #cross {
|
||||
fill: #ffffff;
|
||||
}
|
||||
|
||||
#mobile-header {
|
||||
display: none;
|
||||
padding: 0 1rem;
|
||||
}
|
||||
|
||||
#mobile-header a.logo img {
|
||||
height: 32px;
|
||||
}
|
||||
|
||||
#mobile-header button#hamburger {
|
||||
height: 36px;
|
||||
background-color: transparent;
|
||||
border: none;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
#mobile-header button#hamburger svg {
|
||||
fill: var(--nav-color) !important;
|
||||
width: 20px;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
@media (max-width: 949px) {
|
||||
#mobile-header {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 54px;
|
||||
background: transparent;
|
||||
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
z-index: 50000;
|
||||
}
|
||||
|
||||
header#navbar {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
background: #fff;
|
||||
visibility: hidden;
|
||||
opacity: 0;
|
||||
transition: all .3s ease;
|
||||
transform: translateX(-100%);
|
||||
}
|
||||
|
||||
.dark header#navbar {
|
||||
background: #0a0f2b;
|
||||
}
|
||||
|
||||
header#navbar.open {
|
||||
visibility: visible;
|
||||
opacity: 1;
|
||||
transform: translateX(0);
|
||||
z-index: 60000;
|
||||
}
|
||||
|
||||
header#navbar>a.logo {
|
||||
height: fit-content;
|
||||
top: 16px;
|
||||
}
|
||||
|
||||
header#navbar>a.logo img {
|
||||
height: 28px;
|
||||
}
|
||||
|
||||
.right-links {
|
||||
top: 0px;
|
||||
}
|
||||
|
||||
header#navbar ul a span svg {
|
||||
width: 18px;
|
||||
}
|
||||
|
||||
header#navbar nav#menu>ul {
|
||||
flex-direction: column;
|
||||
justify-content: flex-start;
|
||||
gap: 0;
|
||||
}
|
||||
|
||||
header#navbar nav#menu {
|
||||
position: fixed !important;
|
||||
top: 54px;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: calc(100% - 54px);
|
||||
overflow: auto;
|
||||
padding: 0.5rem 0;
|
||||
}
|
||||
|
||||
header#navbar nav#menu .nav-link {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
header#navbar nav#menu .nav-link a {
|
||||
font-family: "Manrope", "GT-Walsheim", sans-serif;
|
||||
font-weight: 300;
|
||||
font-size: 18px;
|
||||
width: 100%;
|
||||
justify-content: space-between;
|
||||
justify-content: flex-start;
|
||||
gap: 10px;
|
||||
padding: 0px;
|
||||
padding: 6px 2rem;
|
||||
color: #001796;
|
||||
}
|
||||
|
||||
.dark header#navbar nav#menu .nav-link a {
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
header#navbar nav#menu .nav-link>a {
|
||||
font-size: 28px;
|
||||
padding: 1rem 2rem;
|
||||
}
|
||||
|
||||
header#navbar nav#menu ul.sub-menu hr {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
header#navbar nav#menu ul.sub-menu hr {
|
||||
margin: 1rem 2rem;
|
||||
width: calc(100% - 4rem);
|
||||
}
|
||||
|
||||
header#navbar nav#menu ul.sub-menu {
|
||||
position: static;
|
||||
}
|
||||
|
||||
header#navbar nav#menu .sub-menu {
|
||||
max-height: 0;
|
||||
opacity: 0;
|
||||
visibility: hidden;
|
||||
transform: translateY(-10px);
|
||||
transition: all .7s ease !important;
|
||||
overflow: hidden;
|
||||
border-radius: 0;
|
||||
background-color: transparent;
|
||||
margin-top: 0;
|
||||
padding: 0rem 1.5rem;
|
||||
gap: 0;
|
||||
}
|
||||
|
||||
header#navbar nav#menu .sub-menu li {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
header#navbar nav#menu .sub-menu li a {
|
||||
font-family: "Manrope", "GT-Walsheim", sans-serif;
|
||||
font-weight: 300;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.dark header#navbar nav#menu .sub-menu li a {
|
||||
font-weight: 200;
|
||||
}
|
||||
|
||||
header#navbar nav#menu .active .sub-menu {
|
||||
max-height: 1000px;
|
||||
transform: translateY(0px);
|
||||
padding: 0.5rem 1.5rem;
|
||||
opacity: 1;
|
||||
visibility: visible;
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
button#cross-btn {
|
||||
display: flex;
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
|
||||
/* underline animation on hover */
|
||||
@media (min-width:950px) {
|
||||
.nav-link-text {
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.nav-link-text::before,
|
||||
.active .nav-link-text::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
width: 0;
|
||||
height: 1px;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
background-color: var(--nav-color);
|
||||
transition: width 0.25s ease-out;
|
||||
}
|
||||
|
||||
.nav-link:hover .nav-link-text::before,
|
||||
.active .nav-link-text::before {
|
||||
width: 100%;
|
||||
left: 0;
|
||||
right: auto;
|
||||
}
|
||||
}
|
||||
856
css/design3.css
856
css/design3.css
File diff suppressed because it is too large
Load Diff
@@ -368,7 +368,7 @@ a{
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.menu-link{
|
||||
/* .menu-link{
|
||||
font-size: 16px;
|
||||
line-height: 33.42px;
|
||||
color: #0D0E12;
|
||||
@@ -402,7 +402,6 @@ a{
|
||||
height: 1px;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
/* background-color: initial; */
|
||||
transition: width 0.25s ease-out;
|
||||
}
|
||||
|
||||
@@ -462,16 +461,6 @@ header nav {
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
|
||||
/* @media (max-width: 1400px) {
|
||||
.landing-page-header-article-paragraph {
|
||||
width: 21rem;
|
||||
}
|
||||
|
||||
.socials {
|
||||
flex-wrap: nowrap;
|
||||
}
|
||||
} */
|
||||
|
||||
@media (min-width:1024px) {
|
||||
|
||||
.nav-link:hover .sub-menu,
|
||||
@@ -514,7 +503,7 @@ header nav {
|
||||
.flag-container .sub-menu{
|
||||
max-height: fit-content;
|
||||
}
|
||||
}
|
||||
} */
|
||||
|
||||
.lock-scroll {
|
||||
overflow: hidden;
|
||||
@@ -687,30 +676,35 @@ header nav {
|
||||
|
||||
|
||||
/* comparison */
|
||||
#comparison table thead th{
|
||||
#comparison table thead th,
|
||||
#how-secure-comparison table thead th{
|
||||
font-size: 16px;
|
||||
line-height: 36px;
|
||||
font-weight: 500;
|
||||
text-align: center;
|
||||
}
|
||||
#comparison table tbody td{
|
||||
#comparison table tbody td,
|
||||
#how-secure-comparison table tbody td{
|
||||
font-size: 16px;
|
||||
line-height: 24px;
|
||||
font-weight: 500;
|
||||
}
|
||||
#comparison table tbody tr > td:first-child{
|
||||
#comparison table tbody tr > td:first-child,
|
||||
#how-secure-comparison table tbody tr > td:first-child{
|
||||
font-size: 16px;
|
||||
line-height: 24px;
|
||||
font-weight: 500;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
[dir="rtl"] #comparison table tbody tr > td:first-child{
|
||||
[dir="rtl"] #comparison table tbody tr > td:first-child,
|
||||
[dir="rtl"] #how-secure-comparison table tbody tr > td:first-child{
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
@media (min-width: 1024px) {
|
||||
#comparison table tbody tr > td:first-child{
|
||||
#comparison table tbody tr > td:first-child,
|
||||
#how-secure-comparison table tbody tr > td:first-child{
|
||||
font-size: 18px;
|
||||
line-height: 36px;
|
||||
}
|
||||
|
||||
282
css/tailwind.css
282
css/tailwind.css
@@ -574,10 +574,6 @@ video {
|
||||
position: sticky;
|
||||
}
|
||||
|
||||
.-left-10 {
|
||||
left: -2.5rem;
|
||||
}
|
||||
|
||||
.bottom-0 {
|
||||
bottom: 0px;
|
||||
}
|
||||
@@ -618,10 +614,6 @@ video {
|
||||
top: 2.5rem;
|
||||
}
|
||||
|
||||
.top-11 {
|
||||
top: 2.75rem;
|
||||
}
|
||||
|
||||
.top-\[52\%\] {
|
||||
top: 52%;
|
||||
}
|
||||
@@ -638,10 +630,6 @@ video {
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
.z-50 {
|
||||
z-index: 50;
|
||||
}
|
||||
|
||||
.z-\[10000\] {
|
||||
z-index: 10000;
|
||||
}
|
||||
@@ -820,10 +808,6 @@ video {
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
|
||||
.mb-auto {
|
||||
margin-bottom: auto;
|
||||
}
|
||||
|
||||
.ml-\[-15px\] {
|
||||
margin-left: -15px;
|
||||
}
|
||||
@@ -832,10 +816,18 @@ video {
|
||||
margin-left: -6px;
|
||||
}
|
||||
|
||||
.ml-auto {
|
||||
margin-left: auto;
|
||||
}
|
||||
|
||||
.mr-\[-4px\] {
|
||||
margin-right: -4px;
|
||||
}
|
||||
|
||||
.mr-auto {
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
.mt-1 {
|
||||
margin-top: 0.25rem;
|
||||
}
|
||||
@@ -864,10 +856,6 @@ video {
|
||||
margin-top: 14px;
|
||||
}
|
||||
|
||||
.mt-\[25px\] {
|
||||
margin-top: 25px;
|
||||
}
|
||||
|
||||
.mt-\[30px\] {
|
||||
margin-top: 30px;
|
||||
}
|
||||
@@ -884,10 +872,6 @@ video {
|
||||
margin-top: 74px;
|
||||
}
|
||||
|
||||
.mt-\[8px\] {
|
||||
margin-top: 8px;
|
||||
}
|
||||
|
||||
.mt-auto {
|
||||
margin-top: auto;
|
||||
}
|
||||
@@ -932,10 +916,6 @@ video {
|
||||
height: 1rem;
|
||||
}
|
||||
|
||||
.h-6 {
|
||||
height: 1.5rem;
|
||||
}
|
||||
|
||||
.h-\[110px\] {
|
||||
height: 110px;
|
||||
}
|
||||
@@ -952,10 +932,6 @@ video {
|
||||
height: 180px;
|
||||
}
|
||||
|
||||
.h-\[1px\] {
|
||||
height: 1px;
|
||||
}
|
||||
|
||||
.h-\[24px\] {
|
||||
height: 24px;
|
||||
}
|
||||
@@ -964,10 +940,6 @@ video {
|
||||
height: 322px;
|
||||
}
|
||||
|
||||
.h-\[32px\] {
|
||||
height: 32px;
|
||||
}
|
||||
|
||||
.h-\[340px\] {
|
||||
height: 340px;
|
||||
}
|
||||
@@ -976,10 +948,6 @@ video {
|
||||
height: 34px;
|
||||
}
|
||||
|
||||
.h-\[36px\] {
|
||||
height: 36px;
|
||||
}
|
||||
|
||||
.h-\[40px\] {
|
||||
height: 40px;
|
||||
}
|
||||
@@ -1004,6 +972,10 @@ video {
|
||||
height: 55%;
|
||||
}
|
||||
|
||||
.h-\[60px\] {
|
||||
height: 60px;
|
||||
}
|
||||
|
||||
.h-\[66px\] {
|
||||
height: 66px;
|
||||
}
|
||||
@@ -1016,10 +988,6 @@ video {
|
||||
height: calc(100% - 81.42px);
|
||||
}
|
||||
|
||||
.h-\[calc\(100vh-66px\)\] {
|
||||
height: calc(100vh - 66px);
|
||||
}
|
||||
|
||||
.h-\[inherit\] {
|
||||
height: inherit;
|
||||
}
|
||||
@@ -1069,10 +1037,6 @@ video {
|
||||
width: 1rem;
|
||||
}
|
||||
|
||||
.w-8 {
|
||||
width: 2rem;
|
||||
}
|
||||
|
||||
.w-\[175px\] {
|
||||
width: 175px;
|
||||
}
|
||||
@@ -1085,10 +1049,6 @@ video {
|
||||
width: 238px;
|
||||
}
|
||||
|
||||
.w-\[36px\] {
|
||||
width: 36px;
|
||||
}
|
||||
|
||||
.w-\[44px\] {
|
||||
width: 44px;
|
||||
}
|
||||
@@ -1109,18 +1069,14 @@ video {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.min-w-\[100px\] {
|
||||
min-width: 100px;
|
||||
}
|
||||
|
||||
.min-w-\[152px\] {
|
||||
min-width: 152px;
|
||||
}
|
||||
|
||||
.min-w-\[170px\] {
|
||||
min-width: 170px;
|
||||
}
|
||||
|
||||
.min-w-\[180px\] {
|
||||
min-width: 180px;
|
||||
}
|
||||
|
||||
.min-w-\[210px\] {
|
||||
min-width: 210px;
|
||||
}
|
||||
@@ -1263,10 +1219,6 @@ video {
|
||||
grid-template-columns: repeat(1, minmax(0, 1fr));
|
||||
}
|
||||
|
||||
.flex-row {
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
.flex-col {
|
||||
flex-direction: column;
|
||||
}
|
||||
@@ -1291,10 +1243,6 @@ video {
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.justify-end {
|
||||
justify-content: flex-end;
|
||||
}
|
||||
|
||||
.justify-center {
|
||||
justify-content: center;
|
||||
}
|
||||
@@ -1307,6 +1255,10 @@ video {
|
||||
justify-content: space-around;
|
||||
}
|
||||
|
||||
.gap-0 {
|
||||
gap: 0px;
|
||||
}
|
||||
|
||||
.gap-1 {
|
||||
gap: 0.25rem;
|
||||
}
|
||||
@@ -1497,11 +1449,6 @@ video {
|
||||
background-color: rgb(217 236 255 / var(--tw-bg-opacity));
|
||||
}
|
||||
|
||||
.bg-\[\#F0F1F2\] {
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(240 241 242 / var(--tw-bg-opacity));
|
||||
}
|
||||
|
||||
.bg-\[\#F3F6F7\] {
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(243 246 247 / var(--tw-bg-opacity));
|
||||
@@ -1602,11 +1549,6 @@ video {
|
||||
padding-right: 0px;
|
||||
}
|
||||
|
||||
.px-20 {
|
||||
padding-left: 5rem;
|
||||
padding-right: 5rem;
|
||||
}
|
||||
|
||||
.px-4 {
|
||||
padding-left: 1rem;
|
||||
padding-right: 1rem;
|
||||
@@ -1627,11 +1569,6 @@ video {
|
||||
padding-right: 2rem;
|
||||
}
|
||||
|
||||
.px-\[20px\] {
|
||||
padding-left: 20px;
|
||||
padding-right: 20px;
|
||||
}
|
||||
|
||||
.py-10 {
|
||||
padding-top: 2.5rem;
|
||||
padding-bottom: 2.5rem;
|
||||
@@ -1652,11 +1589,6 @@ video {
|
||||
padding-bottom: 0.75rem;
|
||||
}
|
||||
|
||||
.py-4 {
|
||||
padding-top: 1rem;
|
||||
padding-bottom: 1rem;
|
||||
}
|
||||
|
||||
.py-5 {
|
||||
padding-top: 1.25rem;
|
||||
padding-bottom: 1.25rem;
|
||||
@@ -1942,6 +1874,11 @@ video {
|
||||
color: rgb(221 0 0 / var(--tw-text-opacity));
|
||||
}
|
||||
|
||||
.text-\[\#e2b01b\] {
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(226 176 27 / var(--tw-text-opacity));
|
||||
}
|
||||
|
||||
.text-active-blue {
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(1 151 255 / var(--tw-text-opacity));
|
||||
@@ -2104,12 +2041,6 @@ video {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.before\:bg-black::before {
|
||||
content: var(--tw-content);
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(13 14 18 / var(--tw-bg-opacity));
|
||||
}
|
||||
|
||||
.before\:bg-secondary-bg-light::before {
|
||||
content: var(--tw-content);
|
||||
--tw-bg-opacity: 1;
|
||||
@@ -2126,10 +2057,6 @@ video {
|
||||
outline-offset: 2px;
|
||||
}
|
||||
|
||||
:is([dir="ltr"] .ltr\:ml-8) {
|
||||
margin-left: 2rem;
|
||||
}
|
||||
|
||||
:is([dir="ltr"] .ltr\:mr-auto) {
|
||||
margin-right: auto;
|
||||
}
|
||||
@@ -2152,10 +2079,6 @@ video {
|
||||
margin-left: auto;
|
||||
}
|
||||
|
||||
:is([dir="rtl"] .rtl\:mr-8) {
|
||||
margin-right: 2rem;
|
||||
}
|
||||
|
||||
:is([dir="rtl"] .rtl\:\!hidden) {
|
||||
display: none !important;
|
||||
}
|
||||
@@ -2266,11 +2189,6 @@ video {
|
||||
background-color: rgb(12 11 19 / var(--tw-bg-opacity));
|
||||
}
|
||||
|
||||
:is(.dark .dark\:bg-primary-dark) {
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(112 240 249 / var(--tw-bg-opacity));
|
||||
}
|
||||
|
||||
:is(.dark .dark\:bg-secondary-bg-dark) {
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(17 24 47 / var(--tw-bg-opacity));
|
||||
@@ -2302,11 +2220,6 @@ video {
|
||||
color: rgb(112 240 249 / var(--tw-text-opacity));
|
||||
}
|
||||
|
||||
:is(.dark .dark\:text-black) {
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(13 14 18 / var(--tw-text-opacity));
|
||||
}
|
||||
|
||||
:is(.dark .dark\:text-primary-dark) {
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(112 240 249 / var(--tw-text-opacity));
|
||||
@@ -2317,10 +2230,6 @@ video {
|
||||
color: rgb(255 255 255 / var(--tw-text-opacity));
|
||||
}
|
||||
|
||||
:is(.dark .dark\:opacity-\[0\.1\]) {
|
||||
opacity: 0.1;
|
||||
}
|
||||
|
||||
:is(.dark .dark\:opacity-\[0\.2\]) {
|
||||
opacity: 0.2;
|
||||
}
|
||||
@@ -2347,12 +2256,6 @@ video {
|
||||
background-color: rgb(12 11 19 / var(--tw-bg-opacity));
|
||||
}
|
||||
|
||||
:is(.dark .dark\:before\:bg-white)::before {
|
||||
content: var(--tw-content);
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
|
||||
}
|
||||
|
||||
@media (min-width: 640px) {
|
||||
.sm\:block {
|
||||
display: block;
|
||||
@@ -2569,22 +2472,6 @@ video {
|
||||
}
|
||||
|
||||
@media (min-width: 1024px) {
|
||||
.lg\:absolute {
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.lg\:relative {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.lg\:top-0 {
|
||||
top: 0px;
|
||||
}
|
||||
|
||||
.lg\:mb-0 {
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
.lg\:mb-8 {
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
@@ -2597,10 +2484,6 @@ video {
|
||||
margin-top: 0px;
|
||||
}
|
||||
|
||||
.lg\:mt-\[10px\] {
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.lg\:flex {
|
||||
display: flex;
|
||||
}
|
||||
@@ -2617,10 +2500,6 @@ video {
|
||||
height: 642px;
|
||||
}
|
||||
|
||||
.lg\:h-\[66px\] {
|
||||
height: 66px;
|
||||
}
|
||||
|
||||
.lg\:h-\[855px\] {
|
||||
height: 855px;
|
||||
}
|
||||
@@ -2641,15 +2520,6 @@ video {
|
||||
height: calc(100vh - 66px);
|
||||
}
|
||||
|
||||
.lg\:h-auto {
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.lg\:h-fit {
|
||||
height: -moz-fit-content;
|
||||
height: fit-content;
|
||||
}
|
||||
|
||||
.lg\:max-h-\[888px\] {
|
||||
max-height: 888px;
|
||||
}
|
||||
@@ -2662,10 +2532,6 @@ video {
|
||||
width: 60%;
|
||||
}
|
||||
|
||||
.lg\:w-auto {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.lg\:max-w-\[240px\] {
|
||||
max-width: 240px;
|
||||
}
|
||||
@@ -2706,33 +2572,10 @@ video {
|
||||
gap: 7rem;
|
||||
}
|
||||
|
||||
.lg\:gap-5 {
|
||||
gap: 1.25rem;
|
||||
}
|
||||
|
||||
.lg\:gap-\[350px\] {
|
||||
gap: 350px;
|
||||
}
|
||||
|
||||
.lg\:bg-transparent {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.lg\:bg-white {
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
|
||||
}
|
||||
|
||||
.lg\:px-0 {
|
||||
padding-left: 0px;
|
||||
padding-right: 0px;
|
||||
}
|
||||
|
||||
.lg\:px-5 {
|
||||
padding-left: 1.25rem;
|
||||
padding-right: 1.25rem;
|
||||
}
|
||||
|
||||
.lg\:px-7 {
|
||||
padding-left: 1.75rem;
|
||||
padding-right: 1.75rem;
|
||||
@@ -2748,26 +2591,6 @@ video {
|
||||
padding-right: 50px;
|
||||
}
|
||||
|
||||
.lg\:py-0 {
|
||||
padding-top: 0px;
|
||||
padding-bottom: 0px;
|
||||
}
|
||||
|
||||
.lg\:py-2 {
|
||||
padding-top: 0.5rem;
|
||||
padding-bottom: 0.5rem;
|
||||
}
|
||||
|
||||
.lg\:py-4 {
|
||||
padding-top: 1rem;
|
||||
padding-bottom: 1rem;
|
||||
}
|
||||
|
||||
.lg\:py-5 {
|
||||
padding-top: 1.25rem;
|
||||
padding-bottom: 1.25rem;
|
||||
}
|
||||
|
||||
.lg\:py-\[50px\] {
|
||||
padding-top: 50px;
|
||||
padding-bottom: 50px;
|
||||
@@ -2814,56 +2637,21 @@ video {
|
||||
line-height: 45px;
|
||||
}
|
||||
|
||||
.lg\:shadow-\[0_0_3px_rgb\(60_72_88_\/_15\%\)\] {
|
||||
--tw-shadow: 0 0 3px rgb(60 72 88 / 15%);
|
||||
--tw-shadow-colored: 0 0 3px var(--tw-shadow-color);
|
||||
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
||||
}
|
||||
|
||||
:is([dir="ltr"] .ltr\:lg\:ml-4) {
|
||||
margin-left: 1rem;
|
||||
}
|
||||
|
||||
:is([dir="ltr"] .ltr\:lg\:ml-5) {
|
||||
margin-left: 1.25rem;
|
||||
}
|
||||
|
||||
:is([dir="ltr"] .lg\:ltr\:text-left) {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
:is([dir="rtl"] .rtl\:lg\:mr-4) {
|
||||
margin-right: 1rem;
|
||||
}
|
||||
|
||||
:is([dir="rtl"] .rtl\:lg\:mr-5) {
|
||||
margin-right: 1.25rem;
|
||||
}
|
||||
|
||||
:is([dir="rtl"] .lg\:rtl\:text-right) {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
:is(.dark .dark\:lg\:flex) {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
:is(.dark .dark\:lg\:hidden) {
|
||||
display: none;
|
||||
}
|
||||
|
||||
:is(.dark .dark\:lg\:bg-black) {
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(13 14 18 / var(--tw-bg-opacity));
|
||||
}
|
||||
|
||||
:is(.dark .dark\:lg\:bg-gradient-radial) {
|
||||
background-image: radial-gradient(88.77% 102.03% at 92.64% -13.22%, #17203D 0%, #0C0B13 100%);
|
||||
}
|
||||
|
||||
:is(.dark .dark\:lg\:bg-none) {
|
||||
background-image: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 1280px) {
|
||||
@@ -2959,10 +2747,6 @@ video {
|
||||
gap: 2.5rem;
|
||||
}
|
||||
|
||||
.xl\:gap-8 {
|
||||
gap: 2rem;
|
||||
}
|
||||
|
||||
.xl\:text-left {
|
||||
text-align: left;
|
||||
}
|
||||
@@ -2975,22 +2759,6 @@ video {
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
:is([dir="ltr"] .ltr\:xl\:ml-10) {
|
||||
margin-left: 2.5rem;
|
||||
}
|
||||
|
||||
:is([dir="ltr"] .ltr\:xl\:ml-8) {
|
||||
margin-left: 2rem;
|
||||
}
|
||||
|
||||
:is([dir="rtl"] .rtl\:xl\:mr-10) {
|
||||
margin-right: 2.5rem;
|
||||
}
|
||||
|
||||
:is([dir="rtl"] .rtl\:xl\:mr-8) {
|
||||
margin-right: 2rem;
|
||||
}
|
||||
|
||||
:is([dir="rtl"] .xl\:rtl\:text-right) {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user