685 lines
11 KiB
CSS
685 lines
11 KiB
CSS
/*! purgecss start ignore */
|
|
/* @import "nav.css"; */
|
|
@import "code.css";
|
|
/*! purgecss end ignore */
|
|
|
|
@import "tailwindcss/base";
|
|
@import "layout.css";
|
|
@import "tailwindcss/components";
|
|
@import "admonition.css";
|
|
@import "tailwindcss/utilities";
|
|
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');
|
|
|
|
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');
|
|
@import url('https://fonts.googleapis.com/css2?family=Inter+Tight:ital,wght@0,100..900;1,100..900&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');
|
|
|
|
|
|
.dashboard:hover {
|
|
|
|
background: #74ddc3 !important;
|
|
}
|
|
|
|
|
|
/* Custom CSS for header partial */
|
|
.backdrop-blur {
|
|
-webkit-backdrop-filter: blur(40px);
|
|
}
|
|
|
|
* {
|
|
font-family: "Inter", sans-serif;
|
|
}
|
|
|
|
.bg-semi-white {
|
|
background-color: rgba(255, 255, 255, 0.75);
|
|
}
|
|
|
|
.bg-dark-gradient {
|
|
background: rgb(15, 15, 15);
|
|
background: radial-gradient(circle, rgba(15, 15, 15, 1) 0%, rgb(24, 24, 24) 50%, rgba(15, 15, 15, 1) 100%);
|
|
}
|
|
|
|
.bg-black1 {
|
|
background-color: rgba(15, 15, 15, 1);
|
|
}
|
|
|
|
.bg-transparent {
|
|
background-color: transparent;
|
|
}
|
|
|
|
|
|
|
|
/* Custom css allowing image styling in markdown */
|
|
img[src*="#mx-auto"] {
|
|
margin: auto;
|
|
}
|
|
|
|
img[src*="#small"] {
|
|
width: 68px;
|
|
}
|
|
|
|
img[src*="#medium"] {
|
|
width: 400px;
|
|
margin: auto;
|
|
}
|
|
|
|
img[src*="#logo"] {
|
|
max-width: min(250px, 100%);
|
|
margin: auto;
|
|
}
|
|
|
|
img[src*="#icon"] {
|
|
width: 200px;
|
|
margin: auto;
|
|
}
|
|
|
|
img[src*="#social"] {
|
|
width: 60px;
|
|
margin: auto;
|
|
}
|
|
|
|
img[src*="#semilarge"] {
|
|
width: 500px;
|
|
margin: auto;
|
|
}
|
|
|
|
img[src*="#large"] {
|
|
width: 700px;
|
|
margin: auto;
|
|
}
|
|
|
|
img[src*="#tft_img"] {
|
|
width: 100px;
|
|
margin: auto;
|
|
}
|
|
|
|
img[src*="#absolute"] {
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
}
|
|
|
|
a img:hover {
|
|
opacity: 0.5 !important;
|
|
cursor: pointer;
|
|
}
|
|
|
|
/* new theme */
|
|
|
|
.dropdown {
|
|
|
|
background-color: rgb(0 0 0 / 50%);
|
|
@apply lg:text-lg px-6 py-1 lg:mr-5 my-3 shadow border-black capitalize leading-6 border-transparent flex flex-col border-2 w-full items-start rounded transition hover:border-stone-700
|
|
/* hover:bg-stone-100 */
|
|
p-2 text-left text-white
|
|
}
|
|
|
|
.dropdown a {
|
|
@apply px-0 text-white
|
|
}
|
|
|
|
.subtitle {
|
|
background-color: #58CF77 !important;
|
|
color: #fff !important;
|
|
text-transform: uppercase;
|
|
/* font-weight: 600 !important; */
|
|
}
|
|
|
|
.green {
|
|
|
|
background-color: #58CF77 !important;
|
|
color: #fff !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
table{
|
|
@apply table-auto text-white border border-gray-700 text-left w-full;
|
|
}
|
|
|
|
thead{
|
|
@apply bg-gray-800 text-white;
|
|
}
|
|
|
|
th{
|
|
@apply border border-gray-600 px-4 py-2;
|
|
}
|
|
|
|
tbody{
|
|
@apply bg-black text-gray-100;
|
|
}
|
|
|
|
td{
|
|
@apply border border-gray-600 px-4 py-2;
|
|
}
|
|
|
|
.green:hover {
|
|
background-color: #7ad993 !important;
|
|
}
|
|
|
|
.green a {
|
|
color: #fff !important;
|
|
}
|
|
|
|
.green:hover {
|
|
background-color: #7ad993 !important;
|
|
}
|
|
|
|
.green_text {
|
|
color: #58CF77;
|
|
}
|
|
|
|
|
|
.blue_b {
|
|
|
|
background-color: #2E83FF !important;
|
|
color: #fff !important;
|
|
|
|
}
|
|
|
|
.blue_b a {
|
|
color: #fff !important;
|
|
}
|
|
|
|
.blue_b:hover {
|
|
background-color: #5596f5 !important;
|
|
}
|
|
|
|
|
|
.footer-cust a {
|
|
color: #999;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.footer-cust a:hover {
|
|
color: #c7c7c7;
|
|
}
|
|
|
|
.footer-cust h6 {
|
|
margin-bottom: 15px;
|
|
}
|
|
|
|
.logo_size {
|
|
width: 200px
|
|
}
|
|
|
|
|
|
.blue {
|
|
color: #2E83FF
|
|
}
|
|
|
|
.nav p>a {
|
|
display: flex;
|
|
width: 100%;
|
|
flex-direction: column;
|
|
align-items: flex-start;
|
|
text-align: left;
|
|
line-height: 1.5rem;
|
|
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
|
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
transition-duration: 150ms;
|
|
border-radius: 0.25rem;
|
|
border-width: 2px;
|
|
border-color: transparent;
|
|
padding: 0.5rem;
|
|
margin-top: 0.75rem;
|
|
margin-bottom: 0.75rem;
|
|
display: inline-block;
|
|
border-width: 2px;
|
|
border-color: rgb(0 0 0 / var(--tw-border-opacity));
|
|
padding-left: 3rem;
|
|
padding-right: 3rem;
|
|
padding-top: 0.25rem;
|
|
padding-bottom: 0.25rem;
|
|
text-transform: capitalize;
|
|
box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
|
|
}
|
|
|
|
.nav p>a:hover {
|
|
--tw-border-opacity: 1;
|
|
border-color: rgb(231 229 228 / var(--tw-border-opacity));
|
|
--tw-bg-opacity: 1;
|
|
background-color: rgb(245 245 244 / var(--tw-bg-opacity));
|
|
}
|
|
|
|
.big_header {
|
|
font-size: 6rem !important;
|
|
font-weight: 500 !important;
|
|
}
|
|
|
|
.mycard {
|
|
height: 300px !important;
|
|
}
|
|
|
|
|
|
.mypartners {
|
|
height: 300px !important;
|
|
|
|
}
|
|
|
|
.key_card {
|
|
|
|
height: 250px;
|
|
|
|
}
|
|
|
|
|
|
@layer components {
|
|
h1 {
|
|
@apply text-4xl lg:text-6xl font-bold text-white;
|
|
color: #ffffff;
|
|
font-family: "Inter", sans-serif !important;
|
|
}
|
|
|
|
h2 {
|
|
@apply lg:text-5xl text-3xl leading-snug font-semibold tracking-tight my-2 text-white capitalize;
|
|
color: #ffffff;
|
|
font-family: "Inter", sans-serif !important;
|
|
}
|
|
|
|
h2 strong {
|
|
@apply font-semibold;
|
|
}
|
|
|
|
h3 {
|
|
@apply lg:text-2xl text-xl leading-tight font-normal tracking-tight ;
|
|
color: #ffffff;
|
|
font-family: "Inter", sans-serif !important;
|
|
}
|
|
|
|
h3 strong {
|
|
@apply font-normal;
|
|
}
|
|
|
|
h4 {
|
|
@apply text-xl lg:text-2xl font-normal tracking-wider;
|
|
font-family: "Inter", sans-serif !important;
|
|
|
|
}
|
|
|
|
h5 {
|
|
@apply text-lg my-1 tracking-normal font-medium;
|
|
font-family: "Inter", sans-serif !important;
|
|
color: #fff !important
|
|
}
|
|
|
|
h6 {
|
|
@apply text-md not-italic font-normal my-1;
|
|
font-family: "Inter", sans-serif !important;
|
|
}
|
|
|
|
p {
|
|
@apply text-pretty lg:text-xl text-lg font-light text-gray-200 my-2;
|
|
font-family: "Inter", sans-serif !important;
|
|
}
|
|
|
|
blockquote {
|
|
@apply border-l-4 border-gray-400 mx-2 my-2 p-2;
|
|
}
|
|
|
|
li {
|
|
@apply text-base lg:text-base font-normal;
|
|
}
|
|
|
|
li li {
|
|
@apply text-sm lg:text-sm font-light;
|
|
}
|
|
|
|
button {
|
|
@apply inline-block md:text-md text-sm lg:mr-3 py-1 my-2 border rounded shadow border-gray-400 capitalize;
|
|
}
|
|
|
|
.my-header h4 {
|
|
color: #9f9f9f;
|
|
|
|
}
|
|
|
|
h3 a {
|
|
color: #ffffff;
|
|
|
|
}
|
|
|
|
h3 a:hover {
|
|
color: #b6b6b6;
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.article h2 {
|
|
font-size: 2.25rem;
|
|
font-family: "Inter", sans-serif;
|
|
line-height: 1.5;
|
|
font-weight: 700;
|
|
color: #e2e2e2;
|
|
}
|
|
|
|
.article h1 {
|
|
font-family: "Inter", sans-serif;
|
|
}
|
|
|
|
}
|
|
|
|
.article p {
|
|
font-size: 1.125rem;
|
|
font-family: "Inter", sans-serif;
|
|
line-height: 1.7;
|
|
color: #e2e2e2
|
|
}
|
|
|
|
.post-content-text a,
|
|
.article a {
|
|
color: #a1debd;
|
|
}
|
|
|
|
.post-content-text a:hover,
|
|
.article a:hover {
|
|
color: #57d391;
|
|
}
|
|
|
|
.article li {
|
|
font-size: 1.125rem;
|
|
font-family: "Inter", sans-serif;
|
|
line-height: 1.7;
|
|
color: #e2e2e2
|
|
}
|
|
|
|
.article h3 {
|
|
font-weight: 400;
|
|
|
|
}
|
|
|
|
.article h4 {
|
|
color: #fff !important;
|
|
|
|
}
|
|
|
|
.main-title {
|
|
font-family: "Inter", sans-serif;
|
|
}
|
|
|
|
|
|
/* button:hover :is(:where(a)) {
|
|
color: #5e5e5e;
|
|
} */
|
|
|
|
button :is(:where(p)) {
|
|
color: #ddd;
|
|
font-weight: 400;
|
|
}
|
|
|
|
button a {
|
|
line-height: 1.3;
|
|
@apply text-black px-8
|
|
}
|
|
|
|
.long-text a {
|
|
padding-left: 2rem;
|
|
padding-right: 2rem;
|
|
--tw-text-opacity: 1;
|
|
color: rgb(0 0 0 / var(--tw-text-opacity));
|
|
}
|
|
|
|
a {
|
|
border-width: 0px;
|
|
}
|
|
|
|
header {
|
|
font-family: "Inter", sans-serif;
|
|
}
|
|
|
|
.nav_btn {
|
|
margin: 0 !important;
|
|
border: none !important;
|
|
box-shadow: none !important;
|
|
}
|
|
|
|
.quicklinks {
|
|
box-sizing: border-box;
|
|
-webkit-align-items: center;
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
width: auto;
|
|
margin: 0 auto;
|
|
border-radius: 10px;
|
|
margin-top: 30px;
|
|
-webkit-flex-wrap: wrap;
|
|
-ms-flex-wrap: wrap;
|
|
flex-wrap: wrap;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.quicklinks img {
|
|
height: auto;
|
|
max-width: 200px;
|
|
display: inline-block;
|
|
padding: 10px;
|
|
-webkit-filter: grayscale(100%);
|
|
filter: grayscale(100%);
|
|
position: relative;
|
|
|
|
-webkit-transition: all 0.2s ease;
|
|
transition: all 0.2s ease;
|
|
opacity: 0.5;
|
|
}
|
|
|
|
.quicklinks img:hover {
|
|
opacity: 1;
|
|
-webkit-transition: all 0.2s ease;
|
|
transition: all 0.2s ease;
|
|
-webkit-filter: grayscale(0%);
|
|
filter: grayscale(0%);
|
|
}
|
|
|
|
|
|
.banner {
|
|
width: 100%;
|
|
margin: 0;
|
|
padding: 120px 0;
|
|
text-align: center;
|
|
position: relative;
|
|
display: block;
|
|
color: #fff !important;
|
|
letter-spacing: 0.5px;
|
|
overflow: hidden;
|
|
background: #00838d;
|
|
transition: 1.5s;
|
|
}
|
|
|
|
.header {
|
|
height: auto;
|
|
background: none;
|
|
padding: 200px 0;
|
|
}
|
|
|
|
.banner h2,
|
|
.header h1 {
|
|
margin: auto;
|
|
color: #fff;
|
|
position: relative;
|
|
transition: 0.3s;
|
|
z-index: 1;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.header h1 {
|
|
color: #000;
|
|
transition: none;
|
|
}
|
|
|
|
.banner h2 svg {
|
|
font-size: 40px;
|
|
margin-left: 15px;
|
|
position: absolute;
|
|
top: 55%;
|
|
transform: translateY(-50%) scale(0.5);
|
|
opacity: 0;
|
|
transition: 0.3s;
|
|
}
|
|
|
|
.banner .back {
|
|
width: 100%;
|
|
height: 100%;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
background-position: center;
|
|
background-size: cover;
|
|
filter: grayscale(1) contrast(1.4);
|
|
opacity: 0.25;
|
|
transition: 1.5s;
|
|
}
|
|
|
|
.header .back {
|
|
filter: none;
|
|
opacity: 1;
|
|
background-position: center;
|
|
|
|
background-size: cover;
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
.banner:hover {
|
|
background: #4b3a92;
|
|
}
|
|
|
|
.header:hover {
|
|
background: none;
|
|
}
|
|
|
|
.banner:hover h2 svg {
|
|
transform: translateY(-50%) scale(1);
|
|
opacity: 1;
|
|
}
|
|
|
|
.banner:hover h2 {
|
|
padding-right: 40px;
|
|
}
|
|
|
|
.header:hover h1 {
|
|
padding-right: 0;
|
|
}
|
|
|
|
.banner:hover .back {
|
|
transform: scale(1.03);
|
|
}
|
|
|
|
.header:hover .back {
|
|
transform: none;
|
|
}
|
|
|
|
.my-test {
|
|
font-family: "Inter", sans-serif;
|
|
}
|
|
|
|
.post-content-text .my-test {
|
|
font-family: "Inter", sans-serif;
|
|
line-height: 1.7;
|
|
}
|
|
|
|
.post-content-text h2 {
|
|
font-family: "Inter", sans-serif;
|
|
line-height: 1.5;
|
|
font-size: 2.25rem;
|
|
font-weight: 700;
|
|
}
|
|
|
|
.container-fluid {
|
|
width: 100%;
|
|
/* padding-right: 15px;
|
|
padding-left: 15px; */
|
|
margin-right: auto;
|
|
margin-left: auto;
|
|
}
|
|
|
|
.zola-anchor {
|
|
display: none;
|
|
}
|
|
|
|
@media (min-width: 1024px) {
|
|
|
|
}
|
|
|
|
@media (max-width: 1024px) {
|
|
|
|
.mycard {
|
|
height: auto !important;
|
|
}
|
|
|
|
}
|
|
|
|
@media (max-width: 640px) {
|
|
.banner h2 {
|
|
font: 600 7vw/10vw;
|
|
}
|
|
|
|
.header h1 {
|
|
font-size: 35px;
|
|
}
|
|
|
|
.banner h2 svg {
|
|
font-size: 30px;
|
|
}
|
|
|
|
.arrow img {
|
|
-moz-transform: rotate(90deg);
|
|
-webkit-transform: rotate(90deg);
|
|
-ms-transform: rotate(90deg);
|
|
transform: rotate(90deg);
|
|
}
|
|
|
|
.mycard {
|
|
height: auto !important;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 480px) {
|
|
|
|
.banner,
|
|
.header {
|
|
padding: 80px 0;
|
|
}
|
|
|
|
.article h2 {
|
|
font-size: 1.5rem;
|
|
}
|
|
|
|
img[src*="#medium"] {
|
|
width: 250px;
|
|
margin: auto;
|
|
}
|
|
|
|
img[src*="#sm_none"] {
|
|
display: none;
|
|
}
|
|
|
|
.big_header {
|
|
font-size: 4rem !important;
|
|
|
|
}
|
|
|
|
.mytest {
|
|
height: auto;
|
|
}
|
|
|
|
.card_h {
|
|
height: auto !important;
|
|
}
|
|
|
|
.mycard {
|
|
height: auto !important;
|
|
}
|
|
|
|
.key_card {
|
|
height: auto;
|
|
}
|
|
|
|
.mypartners {
|
|
height: auto;
|
|
|
|
}
|
|
|
|
} |