503 lines
8.7 KiB
CSS
503 lines
8.7 KiB
CSS
* {
|
|
font-family: "SF-Pro-Rounded";
|
|
}
|
|
|
|
body,
|
|
html {
|
|
height: 100%;
|
|
touch-action: none; /* Disable touch actions (like scrolling) */
|
|
scroll-behavior: smooth;
|
|
}
|
|
|
|
body {
|
|
overflow: hidden;
|
|
}
|
|
|
|
p,
|
|
span {
|
|
font-weight: 500;
|
|
font-size: 16px;
|
|
line-height: 1;
|
|
letter-spacing: 0.04em;
|
|
}
|
|
|
|
:root {
|
|
--unit-100vh: 100vh;
|
|
}
|
|
@supports (height: 100dvh) {
|
|
:root {
|
|
--unit-100vh: 100dvh;
|
|
}
|
|
}
|
|
|
|
.ant-typography,
|
|
h1,
|
|
h2 {
|
|
font-family: "Grold Rounded Slim";
|
|
color: white;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
h3 {
|
|
font-family: "SF-Pro-Rounded" !important;
|
|
font-weight: 700 !important;
|
|
}
|
|
|
|
footer {
|
|
letter-spacing: 1.3px;
|
|
font-weight: 700;
|
|
}
|
|
|
|
a {
|
|
color: white;
|
|
}
|
|
|
|
a:hover {
|
|
color: white;
|
|
}
|
|
|
|
h1 {
|
|
font-size: 50px;
|
|
}
|
|
|
|
.tblogo {
|
|
padding-bottom: 30px;
|
|
}
|
|
|
|
.tbview {
|
|
height: 100%;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
padding: 5px 25px;
|
|
padding-bottom: 10px;
|
|
}
|
|
|
|
.tbbutton {
|
|
font-weight: 600;
|
|
border-radius: 15px;
|
|
background: none;
|
|
border: none;
|
|
box-shadow: none;
|
|
color: white;
|
|
font-size: 16px;
|
|
padding: 0;
|
|
}
|
|
|
|
.tbbutton:hover {
|
|
background: none !important;
|
|
color: white !important;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.tbnav {
|
|
font-size: 28px;
|
|
text-transform: uppercase;
|
|
background: none;
|
|
border: none;
|
|
box-shadow: none;
|
|
color: white;
|
|
letter-spacing: 2px;
|
|
line-height: 1.2;
|
|
border-radius: 25px;
|
|
padding: 6px 15px;
|
|
padding-top: 9px;
|
|
height: auto;
|
|
}
|
|
|
|
.tbmobilenav {
|
|
font-family: "Grold Rounded Slim";
|
|
font-size: 45px;
|
|
text-transform: uppercase;
|
|
background: none;
|
|
border: none;
|
|
box-shadow: none;
|
|
color: white;
|
|
letter-spacing: 2px;
|
|
line-height: 1.2;
|
|
border-radius: 25px;
|
|
padding: 0px 0px;
|
|
height: auto;
|
|
display: flex;
|
|
justify-content: flex-start;
|
|
}
|
|
|
|
.tbmobilenav:hover {
|
|
color: #ffffff !important;
|
|
background: none !important;
|
|
box-shadow: none !important;
|
|
}
|
|
|
|
.tbnav Span {
|
|
font-family: "Grold Rounded Slim";
|
|
}
|
|
|
|
.tbmobilenav Span {
|
|
text-align: end;
|
|
line-height: 0.95;
|
|
font-family: "Grold Rounded Slim";
|
|
}
|
|
|
|
.tbnav:hover {
|
|
background: rgba(255, 255, 255, 0.1) !important;
|
|
color: white !important;
|
|
box-shadow:
|
|
6px 6px 12px #c5c5c52b,
|
|
-6px -6px 12px #ffffff30;
|
|
}
|
|
|
|
.tbcard {
|
|
width: 70%;
|
|
height: 70%;
|
|
border-radius: 0;
|
|
border: none;
|
|
background: none;
|
|
color: white;
|
|
}
|
|
|
|
.tbcard .ant-card-head {
|
|
padding: 0 !important;
|
|
color: white;
|
|
min-height: 38px;
|
|
border-bottom: 1px solid #ffffff;
|
|
text-transform: uppercase;
|
|
font-weight: 700;
|
|
letter-spacing: 1.3px;
|
|
}
|
|
|
|
.tbcard .ant-card-head .ant-card-head-title {
|
|
text-align: left;
|
|
}
|
|
|
|
.tbcard .ant-card-body {
|
|
padding: 24px 0px;
|
|
overflow-y: auto;
|
|
overflow: visible;
|
|
}
|
|
|
|
.tbcard input {
|
|
background: none;
|
|
color: #ffffff;
|
|
border-color: #ffffff00;
|
|
}
|
|
|
|
.tbcard input:focus {
|
|
border-color: #ffffff !important;
|
|
background: none;
|
|
}
|
|
|
|
.tbcard input:focus-within {
|
|
border-color: #ffffff !important;
|
|
background: none !important;
|
|
}
|
|
|
|
.tbcard input:active {
|
|
border-color: #ffffff;
|
|
background: rgba(255, 255, 255, 0.1) !important;
|
|
}
|
|
|
|
.tbcard input:hover {
|
|
background: rgba(255, 255, 255, 0.1) !important;
|
|
color: white !important;
|
|
box-shadow:
|
|
6px 6px 12px #c5c5c52b,
|
|
-6px -6px 12px #ffffff30;
|
|
border-color: #ffffff00;
|
|
}
|
|
|
|
.tbcard input.ant-input-status-error {
|
|
background: none !important;
|
|
border-color: #ffffff00;
|
|
}
|
|
|
|
.tbcard input::placeholder {
|
|
color: #ffffffb0;
|
|
}
|
|
|
|
.tbcard .ant-card-body button {
|
|
background: none;
|
|
border-color: #ffffff00;
|
|
color: #ffffff;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.tbcard .ant-card-body button:hover {
|
|
background: rgba(255, 255, 255, 0.1) !important;
|
|
color: white !important;
|
|
box-shadow:
|
|
6px 6px 12px #c5c5c52b,
|
|
-6px -6px 12px #ffffff30;
|
|
}
|
|
|
|
.ant-card-actions Span {
|
|
text-transform: uppercase;
|
|
font-weight: 700;
|
|
letter-spacing: 1.3px;
|
|
}
|
|
|
|
.tbcard .ant-card-body button:active {
|
|
background: rgba(255, 255, 255, 0.1) !important;
|
|
color: white !important;
|
|
box-shadow:
|
|
6px 6px 12px #c5c5c52b,
|
|
-6px -6px 12px #ffffff30;
|
|
}
|
|
|
|
.tbcard .ant-card-actions {
|
|
background: none;
|
|
min-height: 40px;
|
|
justify-content: center;
|
|
flex-direction: column;
|
|
align-items: end;
|
|
}
|
|
|
|
.tbcard .ant-card-actions li {
|
|
width: unset !important;
|
|
margin: 0;
|
|
}
|
|
|
|
.tbcard .ant-card-actions .anticon {
|
|
color: #ffffff !important;
|
|
font-size: 16px !important;
|
|
}
|
|
|
|
.tbcard .ant-card-actions Button:hover {
|
|
box-shadow: none;
|
|
background: none;
|
|
}
|
|
|
|
.tbsocial {
|
|
color: white;
|
|
}
|
|
|
|
.tbsocial:hover {
|
|
color: white;
|
|
}
|
|
|
|
.ant-modal-mask {
|
|
backdrop-filter: blur(3px);
|
|
}
|
|
|
|
.tbturnstile {
|
|
width: unset !important;
|
|
}
|
|
|
|
.tbturnstile .ant-modal-content {
|
|
background: none;
|
|
border: none;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.tbblogfilters {
|
|
border-bottom: 1px solid #f0f0f0;
|
|
padding-bottom: 5px;
|
|
}
|
|
|
|
.tbtag {
|
|
font-family: "SF-Pro-Rounded";
|
|
color: #ffffff;
|
|
font-size: 14px;
|
|
border-radius: 10px;
|
|
}
|
|
|
|
.tbdisabledtag {
|
|
background: rgba(255, 255, 255, 0.1) !important;
|
|
border-color: transparent;
|
|
color: #ffffff;
|
|
border-radius: 10px;
|
|
}
|
|
|
|
.tbtag:hover {
|
|
background: rgba(255, 255, 255, 0.1) !important;
|
|
box-shadow: 6px 6px 12px #c5c5c52b;
|
|
color: #ffffff !important;
|
|
}
|
|
|
|
.tbtag.ant-tag-checkable-checked {
|
|
color: #ffffff !important;
|
|
background: none;
|
|
border: 1px solid #ffffff;
|
|
}
|
|
|
|
.tbblogbox {
|
|
width: 100%;
|
|
padding: 10px 15px;
|
|
padding-bottom: 15px;
|
|
border-radius: 8px;
|
|
border: 1px solid #e8e8e8;
|
|
transition: box-shadow 0.3s;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.tbblogtitle {
|
|
line-height: 0.9;
|
|
margin: 10px 0;
|
|
}
|
|
|
|
.tbblogcontent h1 {
|
|
line-height: 0.6;
|
|
font-size: 2.3em;
|
|
margin-bottom: 0.5em;
|
|
margin-top: 1em;
|
|
}
|
|
|
|
.tbblogcontent p,
|
|
.tbblogcontent ul,
|
|
.tbblogcontent ol {
|
|
margin-bottom: 1em;
|
|
margin-top: 1em;
|
|
}
|
|
|
|
.tbblogcontent ul p,
|
|
.tbblogcontent ul ul,
|
|
.tbblogcontent ul ol {
|
|
margin-bottom: 0em;
|
|
margin-top: 0em;
|
|
}
|
|
|
|
.tbblogcontent ol p,
|
|
.tbblogcontent ol ul,
|
|
.tbblogcontent ol ol {
|
|
margin-bottom: 0em;
|
|
margin-top: 0em;
|
|
}
|
|
|
|
.tbblogcontent ul,
|
|
.tbblogcontent ol {
|
|
padding-inline-start: 30px;
|
|
}
|
|
|
|
.tbblogcontent h2 {
|
|
line-height: 0.6;
|
|
margin-bottom: 0.5em;
|
|
margin-top: 1em;
|
|
font-size: 1.6em;
|
|
}
|
|
|
|
.tbblogcontent li {
|
|
font-size: 16px;
|
|
font-weight: 500;
|
|
}
|
|
|
|
.tbblogcontent hr {
|
|
height: 1px;
|
|
border: none;
|
|
background-color: rgba(255, 255, 255, 0.25);
|
|
margin: 10px 0px;
|
|
}
|
|
|
|
.tbblogcontent .tbcallout {
|
|
background-color: rgba(255, 255, 255, 0.1);
|
|
padding: 20px;
|
|
border-radius: 10px;
|
|
font-size: 16px;
|
|
line-height: 1.2;
|
|
letter-spacing: 0.04em;
|
|
display: flex;
|
|
overflow-wrap: anywhere;
|
|
white-space: normal;
|
|
margin-bottom: 1em;
|
|
}
|
|
|
|
.tbblogcontent .tbcallout .tbcalloutcontent {
|
|
flex-grow: 1;
|
|
}
|
|
|
|
.tbblogcontent .tbcallout div:first-child {
|
|
margin-top: 0px;
|
|
}
|
|
|
|
.tbblogcontent .tbcallout div p:last-child,
|
|
.tbblogcontent .tbcallout div div:last-child,
|
|
.tbblogcontent .tbcallout div ul:last-child,
|
|
.tbblogcontent .tbcallout div ol:last-child {
|
|
margin-bottom: 0px;
|
|
}
|
|
|
|
.tbblogcontent .tbcallout div p:first-child,
|
|
.tbblogcontent .tbcallout div h1:first-child,
|
|
.tbblogcontent .tbcallout div h2:first-child,
|
|
.tbblogcontent .tbcallout div ul:first-child,
|
|
.tbblogcontent .tbcallout div ol:first-child {
|
|
margin-top: 4px;
|
|
}
|
|
|
|
.tbblogcontent .tbcallout .tbemoji {
|
|
font-size: 24px;
|
|
}
|
|
|
|
.tbblogcontent .tbcallout .tbemoji,
|
|
.tbblogcontent .tbcallout .tbicon {
|
|
margin-right: 10px;
|
|
}
|
|
|
|
.tbblogcontent .tbquote {
|
|
padding: 5px 10px;
|
|
border-left: 1px solid #ffffff;
|
|
}
|
|
|
|
.tbblogcontent img {
|
|
max-height: 260px;
|
|
max-width: 100%;
|
|
border-radius: 10px;
|
|
}
|
|
|
|
.tbblogcontent .tbimage {
|
|
border-radius: 10px;
|
|
margin-bottom: 0.5em;
|
|
margin-top: 0.5em;
|
|
}
|
|
|
|
.tbblogcontent .tbimagecaption {
|
|
color: rgba(255, 255, 255, 0.5);
|
|
}
|
|
|
|
.tbblogcontent i.tbemoji {
|
|
font-style: normal;
|
|
font-size: 20px;
|
|
line-height: 1;
|
|
}
|
|
|
|
.tbblogcontent img.tbicon {
|
|
width: 24px;
|
|
height: 24px;
|
|
border-radius: 3px;
|
|
}
|
|
|
|
.tbblogcontent div.tbicon {
|
|
width: 24px;
|
|
height: 24px;
|
|
}
|
|
|
|
.tbblogcontent .tbtable {
|
|
margin: 0.5em 0;
|
|
}
|
|
|
|
.tbblogcontent .tbtable.tbcolumnheader tr:first-child {
|
|
background-color: rgba(255, 255, 255, 0.1);
|
|
font-weight: 600;
|
|
}
|
|
|
|
.tbblogcontent .tbtable.tbrowheader td:first-child {
|
|
background-color: rgba(255, 255, 255, 0.1);
|
|
font-weight: 600;
|
|
}
|
|
|
|
.tbblogcontent td {
|
|
border: 1px solid #ffffff;
|
|
padding: 8px 12px;
|
|
}
|
|
|
|
.tbblogcontent .tbcolumnlist {
|
|
display: flex;
|
|
}
|
|
|
|
.tbblogcontent .tbcolumnlist .tbcolumn:first-child {
|
|
margin-left: 0px;
|
|
}
|
|
|
|
.tbblogcontent .tbcolumnlist .tbcolumn {
|
|
flex: 1 1 0px;
|
|
margin-left: 15px;
|
|
}
|