Skip to content

Commit

Permalink
💄 become pretty please
Browse files Browse the repository at this point in the history
  • Loading branch information
@asoji
asoji committed Aug 5, 2024
1 parent da7643a commit 8667af2
Show file tree
Hide file tree
Showing 2 changed files with 372 additions and 0 deletions.
1 change: 1 addition & 0 deletions Writerside/cfg/buildprofiles.xml
View file
Original file line number Diff line number Diff line change
Expand Up @@ -11,6 +11,7 @@
<link-color>#F75D62</link-color>
<noindex-content>false</noindex-content>
<custom-favicons>icon16.png,icon32.png,icon96.png,icon300.png,icon500.png</custom-favicons>
<custom-css>custom.css</custom-css>
</variables>
<footer>
<copyright>2024 devOS: Sanity Edition, asojidev</copyright>
Expand Down
371 changes: 371 additions & 0 deletions Writerside/cfg/static/custom.css
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,371 @@
@import "https://tilomitra.github.io/infinite/infinite.css";
@import "https://stijndv.com/fonts/Eudoxus-Sans.css";
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

.eudoxus-sans-bold {
font-family: "Eudoxus Sans", sans-serif;
font-weight: bold;
font-style: normal;
}

.poppins-thin {
font-family: "Poppins", sans-serif;
font-weight: 100;
font-style: normal;
}

.poppins-extralight {
font-family: "Poppins", sans-serif;
font-weight: 200;
font-style: normal;
}

.poppins-light {
font-family: "Poppins", sans-serif;
font-weight: 300;
font-style: normal;
}

.poppins-regular {
font-family: "Poppins", sans-serif;
font-weight: 400;
font-style: normal;
}

.poppins-medium {
font-family: "Poppins", sans-serif;
font-weight: 500;
font-style: normal;
}

.poppins-semibold {
font-family: "Poppins", sans-serif;
font-weight: 600;
font-style: normal;
}

.poppins-bold {
font-family: "Poppins", sans-serif;
font-weight: 700;
font-style: normal;
}

.poppins-extrabold {
font-family: "Poppins", sans-serif;
font-weight: 800;
font-style: normal;
}

.poppins-black {
font-family: "Poppins", sans-serif;
font-weight: 900;
font-style: normal;
}

.poppins-thin-italic {
font-family: "Poppins", sans-serif;
font-weight: 100;
font-style: italic;
}

.poppins-extralight-italic {
font-family: "Poppins", sans-serif;
font-weight: 200;
font-style: italic;
}

.poppins-light-italic {
font-family: "Poppins", sans-serif;
font-weight: 300;
font-style: italic;
}

.poppins-regular-italic {
font-family: "Poppins", sans-serif;
font-weight: 400;
font-style: italic;
}

.poppins-medium-italic {
font-family: "Poppins", sans-serif;
font-weight: 500;
font-style: italic;
}

.poppins-semibold-italic {
font-family: "Poppins", sans-serif;
font-weight: 600;
font-style: italic;
}

.poppins-bold-italic {
font-family: "Poppins", sans-serif;
font-weight: 700;
font-style: italic;
}

.poppins-extrabold-italic {
font-family: "Poppins", sans-serif;
font-weight: 800;
font-style: italic;
}

.poppins-black-italic {
font-family: "Poppins", sans-serif;
font-weight: 900;
font-style: italic;
}


:root {
--app-header: var(--wh-color-bg-main);
--app-footer: var(--wh-color-bg-main);
--section-background-color-alpha: 0.10;
--primary-color-75: rgba(247, 93, 98, 0.75);
--primary-color-50: rgba(247, 93, 98, 0.5);
--primary-color-25: rgba(247, 93, 98, 0.25);
--primary-color-10: rgba(247, 93, 98, 0.1);
--primary-color-5: rgba(247, 93, 98, 0.05);
}

/* starting page card */
.starting-page-card {
border-radius: 0.5em;
border: 1px solid var(--primary-color-25);
/*animation: cardpulse 2s infinite !important; !* WHY IS THIS NOT WORKING *!*/
/*animation-play-state: paused;*/
}

.starting-page-card:hover, .starting-page-title__card:hover {
border: 1px solid var(--wh-color-primary);
/*animation-play-state: running !important;*/
}

/*@keyframes cardpulse {*/
/* 0% {*/
/* transform: scale(1);*/
/* box-shadow: 0 0 0 0 var(--wh-color-primary);*/
/* }*/

/* 70% {*/
/* transform: scale(1);*/
/* box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);*/
/* }*/

/* 100% {*/
/* transform: scale(1);*/
/* box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);*/
/* }*/
/*}*/

/* Search and Theme Switcher */
._modeClear_joawza_434._dark_joawza_62 {
color: var(--primary-color-75);
}

._modeClear_joawza_434._dark_joawza_62:hover {
color: var(--wh-color-primary);
}

/* product name */
.wh-header__product-name {
color: var(--wh-color-primary);
}

/* ToC */
.app__sidebar {
border-right: 1px transparent;
}

/* selected/hovered in ToC */
.toc-item--selected, .toc-item--highlighted {
border-top-right-radius: 0.5em;
border-bottom-right-radius: 0.5em;
}

.toc-item--selected:hover, .toc-item--theme-light:hover, .toc-item--theme-dark:hover {
border-top-right-radius: 0.5em;
border-bottom-right-radius: 0.5em;
background-color: var(--primary-color-25);
}

/* tab for right side small ToC list */
.toc-node--selected:after {
border-radius: 0.25em;
}

/* Background highlight in Topics pages for secondary sections */
.section-starting-page-content__section--highlighted {
background-color: var(--primary-color-10);
border-radius: 0.5em;
}

/* weird bar right at the end of secondary in topics and top of footer, aka where the footer nav links are ig */
.navigation-links {
border-top: 1px transparent;
}

/* removes unnessecary padding at the top of all pages, if i could do negatives i'd remove more but this is as much as
i could do */
.app__article {
padding-top: unset;
}

/* Footer */
.app__footer {
background-color: var(--primary-color-10);
border-radius: 0.5em 0.5em 0.5em 0;
}

/* footer links bullshit down to the last rs-text-3 thingy */
.footer {
--app-link-color-dark: var(--wh-color-primary);
--app-link-border-color-dark: var(--wh-color-primary);
color: var(--wh-color-primary);
}
/* stop being so fucking picky holy shit */
.rs-text-3_theme_dark {
color: var(--wh-color-primary);
}

.rs-text-3_theme_dark.rs-text-3_hardness_hard {
color: var(--wh-color-primary);
}

/* all Definition blocks in things like the Commands pages and Config pages */
.definition-list__group {
border-radius: 0.5em;
background-color: var(--primary-color-5);
border: 1px solid var(--primary-color-25);
}

/* prodedures */
.procedure-steps {
border-radius: 0.5em;
border: 1px solid var(--primary-color-25);
}

/* video player */
.video-player.article__bordered-element.child { /* this took me 15m to figure out the fuckin class. */
border-radius: 0.5em;
border: 1px transparent;
}

/* tldr block */
.micro-format__content {
animation: tldrpulse 2s infinite;
}

@keyframes tldrpulse {
0% {
transform: scale(1);
box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
}

70% {
transform: scale(1);
box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
}

100% {
transform: scale(1);
box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
}
}

/* warning adminition */
.prompt__wrapper--type-warning {
animation: warningadmonitionpulse 2s infinite;
}

@keyframes warningadmonitionpulse {
0% {
transform: scale(1);
box-shadow: 0 0 0 0 var(--rs-color-danger);
}

70% {
transform: scale(1);
box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
}

100% {
transform: scale(1);
box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
}
}

/* notes admonition */
.prompt__wrapper--type-note {
animation: noteadmonitionpulse 2s infinite;
}

@keyframes noteadmonitionpulse {
0% {
transform: scale(1);
box-shadow: 0 0 0 0 var(--rs-color-success);
}

70% {
transform: scale(1);
box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
}

100% {
transform: scale(1);
box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
}
}

.article__figure .article__img {
border-radius: 0.5em;
}

.title__content {
font-family: "Eudoxus Sans", sans-serif;
font-weight: bolder;
}

.article__p {
font-family: "Poppins", sans-serif;
}

.toc-item {
font-family: "Eudoxus Sans", sans-serif;
font-weight: normal;
}

.rs-h1 {
font-family: "Eudoxus Sans", sans-serif;
font-weight: bolder;
}

.rs-h2 {
font-family: "Eudoxus Sans", sans-serif;
font-weight: bold;
}

.rs-h3 {
font-family: "Eudoxus Sans", sans-serif;
font-weight: bold;
}

.rs-subtitle-2 {
font-family: "Poppins", sans-serif;
font-weight: normal;
}

.rs-text-2 {
font-family: "Poppins", sans-serif;
font-weight: normal;
}

.rs-text-3 {
font-family: "Eudoxus Sans", sans-serif;
font-weight: bold;
}

.navigation-links__next {
font-family: "Eudoxus Sans", sans-serif;
font-weight: bold;
}

0 comments on commit 8667af2

Please sign in to comment.