mirror of
https://github.com/TagStudioDev/TagStudio.git
synced 2026-02-03 00:29:14 +00:00
Deployed 84cf470 with MkDocs version: 1.6.1
This commit is contained in:
194
stylesheets/extra.css
Normal file
194
stylesheets/extra.css
Normal file
@@ -0,0 +1,194 @@
|
||||
/* Dark Theme */
|
||||
[data-md-color-scheme="slate"] {
|
||||
--md-default-bg-color: #060617;
|
||||
--md-default-fg-color: #eae1ff;
|
||||
--md-default-fg-color--light: #b898ff;
|
||||
--md-code-fg-color: #eae1ffcc;
|
||||
--md-code-hl-string-color: rgb(92, 255, 228);
|
||||
--md-code-hl-keyword-color: rgb(61, 155, 255);
|
||||
--md-code-hl-constant-color: rgb(205, 78, 255);
|
||||
--md-footer-bg-color--dark: #03030c;
|
||||
--md-code-bg-color: #090a26;
|
||||
}
|
||||
|
||||
/* Light Theme */
|
||||
[data-md-color-scheme="default"] {
|
||||
--md-default-fg-color--light: #090a26;
|
||||
}
|
||||
|
||||
.md-header {
|
||||
background: linear-gradient(
|
||||
60deg,
|
||||
rgb(205, 78, 255) 10%,
|
||||
rgb(116, 123, 255) 50%,
|
||||
rgb(72, 145, 255) 75%,
|
||||
rgb(98, 242, 255) 100%
|
||||
);
|
||||
}
|
||||
|
||||
.md-tabs {
|
||||
background: none;
|
||||
font-family: "Bai Jamjuree", Roboto, sans-serif;
|
||||
font-weight: 500;
|
||||
letter-spacing: -0.05rem !important;
|
||||
}
|
||||
.md-tabs__link {
|
||||
opacity: 1;
|
||||
color: var(--md-default-fg-color--light);
|
||||
padding: 0.1rem;
|
||||
}
|
||||
.md-tabs__link:hover {
|
||||
color: var(--md-accent-fg-color) !important;
|
||||
}
|
||||
.md-tabs__item--active {
|
||||
color: var(--md-typeset-a-color) !important;
|
||||
|
||||
border-color: var(--md-typeset-a-color) !important;
|
||||
border-width: 0 0 2px 0 !important;
|
||||
border: solid;
|
||||
}
|
||||
.md-tabs__item {
|
||||
height: 1.8rem;
|
||||
}
|
||||
.md-tabs__link {
|
||||
font-size: 0.8rem;
|
||||
margin-top: 0.2rem;
|
||||
margin-bottom: 0.2rem;
|
||||
}
|
||||
|
||||
/* Mobile Nav Header */
|
||||
.md-nav__source {
|
||||
background: linear-gradient(
|
||||
60deg,
|
||||
rgb(205, 78, 255) 0%,
|
||||
rgb(116, 123, 255) 100%
|
||||
);
|
||||
border-style: solid;
|
||||
border-width: 0 0 2px 0;
|
||||
border-color: #ffffff33;
|
||||
}
|
||||
|
||||
th,
|
||||
td {
|
||||
padding: 0.5em 1em 0.5em 1em !important;
|
||||
}
|
||||
|
||||
.md-typeset ul li ul {
|
||||
margin-top: 0;
|
||||
margin-bottom: 0.1rem;
|
||||
}
|
||||
|
||||
.md-typeset ul li {
|
||||
margin-bottom: 0.1rem;
|
||||
}
|
||||
|
||||
.md-header {
|
||||
border-style: solid;
|
||||
border-width: 0 0 2px 0;
|
||||
border-color: #ffffff33;
|
||||
}
|
||||
|
||||
.md-header__title {
|
||||
font-family: "Bai Jamjuree", Roboto, sans-serif;
|
||||
font-weight: 500 !important;
|
||||
font-size: 1.1rem;
|
||||
letter-spacing: -0.05rem !important;
|
||||
}
|
||||
|
||||
.md-nav__title,
|
||||
h1,
|
||||
h2,
|
||||
.md-nav__item--section > .md-nav__link {
|
||||
font-family: "Bai Jamjuree", Roboto, sans-serif;
|
||||
font-weight: 500 !important;
|
||||
font-size: 0.8rem;
|
||||
letter-spacing: -0.05rem !important;
|
||||
}
|
||||
|
||||
/* Add padding to stop text from cutting off early due to negative letter spacing */
|
||||
.md-nav__item--section > .md-nav__link > .md-ellipsis {
|
||||
padding-right: 0.5rem;
|
||||
}
|
||||
.md-header__title .md-header__topic .md-ellipsis {
|
||||
padding-right: 0.5rem;
|
||||
}
|
||||
|
||||
.md-header__button.md-logo {
|
||||
padding-right: 0;
|
||||
padding-bottom: 0.3rem;
|
||||
margin-right: -0.8rem;
|
||||
}
|
||||
|
||||
figcaption {
|
||||
margin-top: 0 !important;
|
||||
}
|
||||
|
||||
.md-search__form {
|
||||
height: 1.5rem;
|
||||
background-color: #00004444;
|
||||
border-radius: 0.3rem !important;
|
||||
border-style: solid;
|
||||
border-width: 2px 1px 0 1px;
|
||||
border-color: #00004422;
|
||||
padding-bottom: 2px;
|
||||
}
|
||||
.md-search__form > .md-icon {
|
||||
margin-top: -0.2rem;
|
||||
}
|
||||
|
||||
h1 > .twemoji {
|
||||
margin-top: 0.14rem;
|
||||
}
|
||||
|
||||
h2 > .twemoji {
|
||||
margin-top: 0.08rem;
|
||||
}
|
||||
|
||||
/* Matches the palette used by mkdocs-material */
|
||||
.priority-high {
|
||||
color: #f1185a;
|
||||
}
|
||||
|
||||
.priority-med {
|
||||
color: #7c4eff;
|
||||
}
|
||||
|
||||
.priority-low {
|
||||
color: #28afff;
|
||||
}
|
||||
|
||||
.red {
|
||||
color: rgb(245, 0, 87);
|
||||
}
|
||||
|
||||
.amber {
|
||||
color: rgb(255, 145, 0);
|
||||
}
|
||||
|
||||
.green {
|
||||
color: rgb(0, 191, 165);
|
||||
}
|
||||
|
||||
.gray {
|
||||
color: rgb(158, 158, 158);
|
||||
}
|
||||
|
||||
@media screen and (max-width: 76.234375em) {
|
||||
/* Always show image logo on mobile */
|
||||
.md-header__button.md-logo {
|
||||
display: block;
|
||||
}
|
||||
|
||||
label[for="__drawer"].md-header__button.md-icon {
|
||||
order: -1;
|
||||
}
|
||||
|
||||
.md-header {
|
||||
background: linear-gradient(
|
||||
60deg,
|
||||
rgb(205, 78, 255) 10%,
|
||||
rgb(116, 123, 255) 70%,
|
||||
rgb(72, 179, 255) 100%
|
||||
);
|
||||
}
|
||||
}
|
||||
27
stylesheets/home.css
Normal file
27
stylesheets/home.css
Normal file
@@ -0,0 +1,27 @@
|
||||
h2 {
|
||||
margin: 1rem 0 0 0 !important;
|
||||
}
|
||||
|
||||
.md-content .md-typeset h1 {
|
||||
/* display: none; */
|
||||
font-size: 0;
|
||||
}
|
||||
|
||||
.grid > p {
|
||||
align-content: center;
|
||||
font-size: 1rem !important;
|
||||
line-height: 1.25rem;
|
||||
}
|
||||
|
||||
.md-content {
|
||||
margin-left: 5.5rem;
|
||||
margin-right: 5.5rem;
|
||||
}
|
||||
|
||||
/* Keeps four cards in a square on all screens */
|
||||
@media screen and (max-width: 64em) {
|
||||
.md-content {
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user