mirror of
https://github.com/Viren070/guides.git
synced 2025-12-01 23:16:16 +01:00
Viren070
159 lines
6.1 KiB
CSS
159 lines
6.1 KiB
CSS
/**
|
|
* Any CSS included here will be global. The classic template
|
|
* bundles Infima by default. Infima is a CSS framework designed to
|
|
* work well for content-centric websites.
|
|
*/
|
|
|
|
/* You can override the default Infima variables here. */
|
|
:root {
|
|
--ifm-color-primary: #635b25;
|
|
--ifm-color-primary-dark: #595221;
|
|
--ifm-color-primary-darker: #544d1f;
|
|
--ifm-color-primary-darkest: #45401a;
|
|
--ifm-color-primary-light: #6d6429;
|
|
--ifm-color-primary-lighter: #72692b;
|
|
--ifm-color-primary-lightest: #817630;
|
|
--ifm-global-radius: 12px;
|
|
--docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.1);
|
|
--button-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
|
|
--button-hover-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
|
|
--button-active-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.6);
|
|
}
|
|
|
|
/* For readability concerns, you should choose a lighter palette in dark mode. */
|
|
[data-theme="dark"] {
|
|
--ifm-color-primary: #ccc178;
|
|
--ifm-color-primary-dark: #c3b660;
|
|
--ifm-color-primary-darker: #bfb155;
|
|
--ifm-color-primary-darkest: #a5973e;
|
|
--ifm-color-primary-light: #d5cc90;
|
|
--ifm-color-primary-lighter: #d9d19b;
|
|
--ifm-color-primary-lightest: #e7e1bf;
|
|
--docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3);
|
|
--button-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.6);
|
|
--button-hover-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.8);
|
|
--button-active-box-shadow: 0 2px 4px rgba(0, 0, 0, 1);
|
|
}
|
|
|
|
@keyframes subtleRotate {
|
|
0% {
|
|
transform: rotate(0deg);
|
|
}
|
|
14% {
|
|
transform: rotate(-5deg);
|
|
}
|
|
25% {
|
|
transform: rotate(-6deg);
|
|
}
|
|
38% {
|
|
transform: rotate(-7deg);
|
|
}
|
|
50% {
|
|
transform: rotate(0deg);
|
|
}
|
|
63% {
|
|
transform: rotate(7deg);
|
|
}
|
|
75% {
|
|
transform: rotate(6deg);
|
|
}
|
|
86% {
|
|
transform: rotate(5deg);
|
|
}
|
|
100% {
|
|
transform: rotate(0deg);
|
|
}
|
|
}
|
|
|
|
.header-discord-link::before,
|
|
.header-github-link::before,
|
|
.header-kofi-link::before {
|
|
content: "";
|
|
display: flex;
|
|
background-color: var(--ifm-navbar-link-color);
|
|
transition:
|
|
background-color 0.4s ease,
|
|
opacity 0.9s;
|
|
}
|
|
|
|
.header-github-link::before {
|
|
width: 26px;
|
|
height: 26px;
|
|
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12'/%3E%3C/svg%3E");
|
|
}
|
|
|
|
.header-kofi-link::before {
|
|
width: 32px;
|
|
height: 32px;
|
|
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M23.881 8.948c-.773-4.085-4.859-4.593-4.859-4.593H.723c-.604 0-.679.798-.679.798s-.082 7.324-.022 11.822c.164 2.424 2.586 2.672 2.586 2.672s8.267-.023 11.966-.049c2.438-.426 2.683-2.566 2.658-3.734c4.352.24 7.422-2.831 6.649-6.916m-11.062 3.511c-1.246 1.453-4.011 3.976-4.011 3.976s-.121.119-.31.023c-.076-.057-.108-.09-.108-.09c-.443-.441-3.368-3.049-4.034-3.954c-.709-.965-1.041-2.7-.091-3.71c.951-1.01 3.005-1.086 4.363.407c0 0 1.565-1.782 3.468-.963s1.832 3.011.723 4.311m6.173.478c-.928.116-1.682.028-1.682.028V7.284h1.77s1.971.551 1.971 2.638c0 1.913-.985 2.667-2.059 3.015'/%3E%3C/svg%3E");
|
|
}
|
|
|
|
.header-discord-link::before {
|
|
width: 25.6px;
|
|
height: 19.2px;
|
|
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 126.644 96'%3E%3Cpath d='M81.15 0c-1.2376 2.1973-2.3489 4.4704-3.3591 6.794-9.5975-1.4396-19.3718-1.4396-28.9945 0-.985-2.3236-2.1216-4.5967-3.3591-6.794-9.0166 1.5407-17.8059 4.2431-26.1405 8.0568C2.779 32.5304-1.6914 56.3725.5312 79.8863c9.6732 7.1476 20.5083 12.603 32.0505 16.0884 2.6014-3.4854 4.8998-7.1981 6.8698-11.0623-3.738-1.3891-7.3497-3.1318-10.8098-5.1523.9092-.6567 1.7932-1.3386 2.6519-1.9953 20.281 9.547 43.7696 9.547 64.0758 0 .8587.7072 1.7427 1.3891 2.6519 1.9953-3.4601 2.0457-7.0718 3.7632-10.835 5.1776 1.97 3.8642 4.2683 7.5769 6.8698 11.0623 11.5419-3.4854 22.3769-8.9156 32.0509-16.0631 2.626-27.2771-4.496-50.9172-18.817-71.8548C98.9811 4.2684 90.1918 1.5659 81.1752.0505l-.0252-.0505ZM42.2802 65.4144c-6.2383 0-11.4159-5.6575-11.4159-12.6535s4.9755-12.6788 11.3907-12.6788 11.5169 5.708 11.4159 12.6788c-.101 6.9708-5.026 12.6535-11.3907 12.6535ZM84.3576 65.4144c-6.2637 0-11.3907-5.6575-11.3907-12.6535s4.9755-12.6788 11.3907-12.6788 11.4917 5.708 11.3906 12.6788c-.101 6.9708-5.026 12.6535-11.3906 12.6535'/%3E%3C/svg%3E");
|
|
}
|
|
|
|
.header-discord-link:hover::before,
|
|
.header-github-link:hover::before,
|
|
.header-kofi-link:hover::before {
|
|
background-color: var(--ifm-navbar-link-hover-color);
|
|
animation: subtleRotate 0.5s ease-in-out;
|
|
animation-iteration-count: 1;
|
|
}
|
|
|
|
.header-discord-link:active,
|
|
.header-github-link:active,
|
|
.header-kofi-link:active {
|
|
transition: transform 0.2s;
|
|
transform: scale(0.85);
|
|
}
|
|
|
|
.custom-tabs .tabs__item {
|
|
line-height: 16px;
|
|
margin-right: 8px;
|
|
}
|
|
|
|
.custom-tabs .tabs__item--active {
|
|
border: 0;
|
|
color: #fff;
|
|
border-radius: var(--ifm-global-radius);
|
|
background-color: var(--ifm-tabs-color-active);
|
|
}
|
|
|
|
.hidden-tabs {
|
|
display: none;
|
|
}
|
|
|
|
.default-themed-button {
|
|
background: var(--ifm-color-primary);
|
|
color: white;
|
|
border: none;
|
|
padding: 15px;
|
|
cursor: pointer;
|
|
border-radius: var(--ifm-global-radius);
|
|
margin: 0 auto;
|
|
box-shadow: var(--button-box-shadow);
|
|
transition:
|
|
transform 0.2s,
|
|
box-shadow 0.2s,
|
|
background 0.2s;
|
|
}
|
|
|
|
.default-themed-button:disabled {
|
|
background: #ccc;
|
|
cursor: not-allowed;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.default-themed-button:disabled:hover {
|
|
transform: none;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.default-themed-button:hover {
|
|
transform: scale(1.05);
|
|
box-shadow: var(--button-hover-box-shadow);
|
|
color: white;
|
|
}
|