summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
-rw-r--r--assets/css/main.css1175
-rw-r--r--assets/css/prism-beautify.css891
2 files changed, 0 insertions, 2066 deletions
diff --git a/assets/css/main.css b/assets/css/main.css
deleted file mode 100644
index 0bdaa9e..0000000
--- a/assets/css/main.css
+++ /dev/null
@@ -1,1175 +0,0 @@
-:root {
- --main-color: rgba(240, 134, 62);
- --secondary-color: rgba(24, 26, 27);
- --link-color: rgba(249, 108, 169);
- --link-highlight-color: rgba(255, 153, 197);
- --bg-color: rgba(39, 42, 44, 0.5);
- --gradient: linear-gradient(to bottom right, var(--main-color), var(--secondary-color));
-
- --title-font-size: 4rem;
- --body-font-size: 2rem;
- --code-font-size: 1.3rem;
- --shortdescription-font-size: 1.3rem;
-
- --button-width: 280px;
- --button-height: 100px;
- --button-border-radius: 20px 20px 20px;
-}
-
-::-webkit-scrollbar {
- width: 5px;
- height: 5px;
-}
-::-webkit-scrollbar-thumb {
- background-color: var(--main-color);
- border-radius: 10px;
-}
-::-webkit-scrollbar-track {
- background-color: var(--secondary-color);
-}
-::selection {
- background: var(--main-color);
-}
-html {
- scroll-behavior: smooth;
-}
-body {
- background-color: var(--secondary-color);
- min-height: 100vh;
- color: white;
- line-height: 1.3;
-}
-a {
- color: var(--link-color);
- transition: color 1s;
-}
-a:hover {
- color: var(--link-highlight-color);
-}
-p {
- font-size: 1.3rem;
-}
-body {
- margin: 0;
- padding: 0;
-}
-
-#header {
- top: 0;
- left: 0;
- position: fixed;
- width: 100%;
- height: 100vh;
- z-index: 9999;
- pointer-events: none;
-}
-#header .menuIcon {
- margin-top: 145%;
- margin-left: 80%;
- position: relative;
- display: flex;
- flex-direction: row;
- justify-content: center;
- gap: 1rem;
- width: 120px;
- height: 120px;
- background-color: var(--main-color);
- box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.63);
- border-radius: 10rem;
- transition: width 0.5s, height 0.5s, margin-top 0.5s, margin-left 0.5s, gap 0.5s, opacity 0.5s;
- z-index: 99999;
- pointer-events: all;
-}
-#header .menuIcon:active {
- margin-top: calc(145% - 15px);
- margin-left: calc(80% - 15px);
- width: 150px;
- height: 150px;
- gap: 1.5rem;
-}
-#header .menuIcon div {
- margin-top: auto;
- margin-bottom: auto;
- height: 1.3rem;
- width: 1.3rem;
- border-radius: 20rem;
- background-color: var(--secondary-color);
-}
-#header .menulist {
- text-align: center;
- background-color: var(--secondary-color);
- /* * Display none here */
- display: none;
- flex-direction: column;
- width: 100%;
- height: 100%;
- margin-left: auto;
- margin-right: auto;
- justify-content: center;
- gap: 4rem;
- opacity: 0;
- transition: opacity 0.5s;
- pointer-events: all;
-}
-#header .menulist img {
- width: 80%;
- height: auto;
- margin-left: auto;
- margin-right: auto;
-}
-#header .menulist a {
- margin-left: auto;
- margin-right: auto;
- color: white;
- width: 90%;
- font-size: 3rem;
- font-weight: bold;
- border: none;
- border-bottom: 2px solid var(--main-color);
- text-decoration: none;
- transition: width 0.5s, border 0.5s;
-}
-#header .menulist a:hover {
- width: 100%;
- border-bottom: 5px solid var(--main-color);
-}
-#header .menulist .close {
- margin-left: auto;
- margin-right: auto;
- width: 120px;
- height: 120px;
- border-radius: 12rem;
- text-align: center;
-}
-#header .menulist .close p {
- font-size: 10rem;
- font-family: Arial, Halvetica, sans-serif;
- color: var(--main-color);
- transition: font-size 0.5s;
-}
-
-/* Mobile */
-@media screen and (max-width: 1000px) {
- /* Main */
- :root {
- --index-section-height: 80vh;
- }
-
- .code-toolbar {
- font-size: 2rem;
- }
- h1 img {
- width: 100px;
- height: auto;
- }
- th {
- font-size: 2rem;
- }
- td {
- font-size: 2rem;
- }
- pre code {
- font-size: 2rem;
- }
- p code {
- font-size: 1rem;
- padding: 3px;
- background-color: var(--bg-color);
- border-radius: 5px 5px 5px;
- }
- p a img {
- width: 225px;
- height: auto;
- }
- section {
- margin: 0;
- padding: 0;
- box-sizing: border-box;
- }
- table {}
- th {
- border: 1px solid lightgray;
- }
- td {
- border: 1px solid lightgray;
- }
-
- #index {
- margin: 0px;
- padding: 0px;
- width: 100%;
- height: var(--index-section-height);
- background-image: var(--gradient);
- }
- #index * {
- text-align: center;
- margin-left: auto;
- margin-right: auto;
- }
- #index .index {
- display: flex;
- flex-direction: column;
- height: 100%;
- width: 80%;
- }
- #index .index h1 {
- margin-top: 20vh;
- font-size: var(--title-font-size);
- }
- #index .index p {
- text-align: center;
- font-size: calc(var(--body-font-size) + 0.25rem);
- }
- #index .index div {
- display: flex;
- flex-direction: row;
- }
- #index .index div button {
- width: var(--button-width);
- height: var(--button-height);
- margin-top: 20px;
- margin-left: 10px;
- margin-right: 10px;
- font-size: var(--body-font-size);
- background-color: var(--main-color);
- border: none;
- border-radius: var(--button-border-radius);
- color: white;
- }
-
- :root {
- --workitem-border-radius: 25px 25px 25px;
- }
- #work {
- width: 100%;
- display: flex;
- flex-direction: column;
- }
- #work * {
- margin-left: auto;
- margin-right: auto;
- }
- #work h1 {
- font-size: var(--title-font-size);
- }
- #work .workitems {
- margin-bottom: 40px;
- width: 100%;
- font-size: var(--body-font-size);
- display: flex;
- flex-direction: column;
- }
- #work .workitems div {
- width: 90%;
- margin-top: 20px;
- margin-bottom: 20px;
- background-color: var(--bg-color);
- border-radius: var(--workitem-border-radius);
- }
- #work .workitems div * {
- text-align: center;
- }
- #work .workitems div h3 {
- font-size: calc(var(--title-font-size) - 1rem);
- }
- #work .workitems div ul {
-
- }
- #work .workitems div ul li {
- font-size: var(--body-font-size);
- margin: 0;
- }
-
- :root {}
- #index-blog {
- width: 100%;
- background-image: var(--gradient);
- }
- #index-blog * {
- margin-left: auto;
- margin-right: auto;
- }
- #index-blog h1 {
- padding-top: 40px;
- text-align: center;
- font-size: calc(var(--title-font-size));
- }
- #index-blog button {
- width: var(--button-width);
- height: var(--button-height);
- margin-bottom: 40px;
- border: none;
- color: white;
- background-color: var(--main-color);
- border-radius: var(--button-border-radius);
- font-size: var(--body-font-size);
- }
- #index-blog .index-blog {
- display: flex;
- flex-direction: column;
- }
- #index-blog .index-blog * {
- text-align: center;
- }
- #index-blog .index-blog div {
- width: 90%;
- margin-bottom: 40px;
- background-color: var(--bg-color);
- border-radius: var(--workitem-border-radius);
- }
- #index-blog .index-blog div h3 {
- text-align: center;
- font-size: calc(var(--title-font-size) - 1rem);
- }
- #index-blog .index-blog div p {
- margin: 40px;
- font-size: var(--shortdescription-font-size);
- }
-
- #mywebsites {}
- #mywebsites * {
- text-align: center;
- }
- #mywebsites h1 {
- font-size: var(--title-font-size);
- text-align: center;
- }
- #mywebsites p {
- font-size: calc(var(--shortdescription-font-size) + 0.5rem);
- }
- #mywebsites .websites {
- margin-left: auto;
- margin-right: auto;
- margin-bottom: 40px;
- padding-top: 40px;
- width: 90%;
- background-color: var(--bg-color);
- border-radius: var(--workitem-border-radius);
- display: flex;
- flex-direction: column;
- }
- #mywebsites .websites * {
- margin-left: auto;
- margin-right: auto;
- margin-bottom: 40px;
- }
- #mywebsites .websites img {
- width: 90%;
- }
-
- :root{
- --input-width: 40rem;
- --input-height: 50px;
- --textarea-height: 100px;
- }
- #contact {
- display: flex;
- flex-direction: column;
- text-align: center;
- }
- #contact h1 {
- font-size: var(--title-font-size);
- }
- #contact .form {
- display: flex;
- flex-direction: column;
- }
- #contact .form * {
- margin-left: auto;
- margin-right: auto;
- margin-bottom: 20px;
- font-size: var(--body-font-size);
- color: white;
- }
- #contact .form input {
- height: var(--input-height);
- width: var(--input-width);
- color: white;
- margin-bottom: 20px;
- border: none;
- border-bottom: 2px solid var(--main-color);
- background-color: var(--secondary-color);
- transition: width 0.5s;
- }
- #contact .form textarea {
- height: var(--textarea-height);
- width: var(--input-width);
- border: none;
- border-bottom: 2px solid var(--main-color);
- background-color: var(--secondary-color);
- transition: height 0.5s;
- }
- #contact .form button {
- width: var(--button-width);
- height: var(--button-height);
- border: none;
- color: white;
- background-color: var(--main-color);
- border-radius: var(--button-border-radius);
- }
- #contact .form input:focus {
- width: calc(var(--input-width) + 10rem);
- }
- #contact .form textarea:focus {
- height: calc(var(--textarea-height) * 3);
- }
-
- /* About */
- :root {
- --image-size: 200px;
- }
-
- #about {}
- #about div {
- width: 80%;
- margin-left: auto;
- margin-right: auto;
- display: flex;
- flex-direction: column;
- text-align: center;
- }
- #about div * {}
- #about div h1 {
- font-size: var(--title-font-size);
- }
- #about div img {
- margin-left: auto;
- margin-right: auto;
- margin-bottom: 20px;
- width: var(--image-size);
- height: var(--image-size);
- border-radius: 50%;
- }
- #about div p {
- font-size: var(--shortdescription-font-size);
- }
-
- /* Blog */
- :root {
- --bloglistitem-width: 85%;
- --blogtitle-font-size: 2.5rem;
- }
- #blog {
- width: 100%;
- }
- #blog h1 {
- font-size: var(--title-font-size);
- margin-left: calc((100% - var(--bloglistitem-width)) / 2);
- }
- #blog div {
- display: flex;
- flex-direction: column;
- }
- #blog div .bloglistitem {
- height: auto;
- width: var(--bloglistitem-width);
- margin-left: auto;
- margin-right: auto;
- margin-top: 20px;
- margin-bottom: 20px;
- padding: 20px;
- cursor: pointer;
- background-color: var(--bg-color);
- border-radius: 10px 10px 10px;
- }
- #blog div .bloglistitem h3 {
- font-size: calc(var(--title-font-size) - 1rem);
- margin-top: 10px;
- margin-left: 10px;
- }
- #blog div .bloglistitem p {
- font-size: var(--shortdescription-font-size);
- margin-left: 10px;
- }
- #blog div .bloglistitem .date {
- font-size: calc(var(--shortdescription-font-size) + 1rem)
- }
- #blog div .bloglistitem button {
- width: var(--button-width);
- height: var(--button-height);
- border: none;
- font-size: var(--body-font-size);
- color: white;
- background-color: var(--main-color);
- border-radius: var(--button-border-radius);
- }
-
- /* Blog Item */
- :root {
- --code-border-radius: 5px 5px 5px;
- }
- #blogitem {
- }
- #blogitem .content {
- margin: 25px;
- }
- #blogitem .content video {
- width: 100%;
- }
- #blogitem .content ul {
- font-size: var(--shortdescription-font-size);
- }
- #blogitem .content ul li code {
- color: white;
- background-color: rgba(34, 37, 38);
- margin: 5px;
- padding-top: -5px;
- padding-left: 15px;
- padding-right: 15px;
- padding-bottom: 5px;
- border-radius: var(--code-border-radius);
- }
- #blogitem .content h1 {
- font-size: var(--title-font-size);
- }
- #blogitem .content h1 code {
- color: white;
- background-color: rgba(34, 37, 38);
- margin: 5px;
- padding-top: -5px;
- padding-left: 15px;
- padding-right: 15px;
- padding-bottom: 5px;
- border-radius: var(--code-border-radius);
- }
- #blogitem .content h2 {
- color: rgba(45, 124, 234);
- font-size: var(--body-font-size);
- }
- #blogitem .content h2 code {
- color: white;
- background-color: rgba(34, 37, 38);
- margin: 5px;
- padding-top: -5px;
- padding-left: 15px;
- padding-right: 15px;
- padding-bottom: 5px;
- border-radius: var(--code-border-radius);
- }
- #blogitem .content h3 {
- font-size: calc(var(--body-font-size) - 0.25rem);
- }
- #blogitem .content h3 code {
- color: white;
- background-color: rgba(34, 37, 38);
- margin: 5px;
- padding-top: -5px;
- padding-left: 15px;
- padding-right: 15px;
- padding-bottom: 5px;
- border-radius: var(--code-border-radius);
- }
- #blogitem .content p {
- font-size: var(--shortdescription-font-size);
- }
- #blogitem .content p img {
- max-width: 100%;
- }
- #blogitem .content figure img {
- max-width: 100%;
- }
- #blogitem .content h4 {
- color: rgba(229, 181, 103);
- font-size: calc(var(--body-font-size) - 0.5rem);
- }
- #blogitem .content h4 code {
- color: white;
- background-color: rgba(34, 37, 38);
- margin: 5px;
- padding-top: -5px;
- padding-left: 15px;
- padding-right: 15px;
- padding-bottom: 5px;
- border-radius: var(--code-border-radius);
- }
- #blogitem .content h5 {
- color: rgba(227, 62, 62);
- font-size: calc(var(--body-font-size) - 0.75rem);
- }
- #blogitem .content h5 code {
- color: white;
- background-color: rgba(34, 37, 38);
- margin: 5px;
- padding-top: -5px;
- padding-left: 15px;
- padding-right: 15px;
- padding-bottom: 5px;
- border-radius: var(--code-border-radius);
- }
- #blogitem .content p code {
- font-size: var(--shortdescription-font-size);
- color: white;
- background-color: rgba(34, 37, 38);
- margin: 5px;
- padding-top: -5px;
- padding-left: 15px;
- padding-right: 15px;
- padding-bottom: 5px;
- border-radius: var(--code-border-radius);
- }
- #blogitem .content .code-toolbar pre {
- border-radius: 5px 5px 5px;
- background-color: rgba(34, 37, 38);
- }
-
- #blogitem .fullscreenImg {
- display: none;
- }
-
- /* Footer */
- #footer {
- width: 100%;
- padding-top: 50px;
- }
- :root {
- --copied-width: 200px;
- --copied-height: 50px;
- }
- #footer .copied {
- display: none;
- }
-
- #footer .links {
- max-width: 100%;
- text-align: center;
- }
- #footer .links p {
- line-break: anywhere;
- }
- #footer .links p .footer-links {
- color: var(--link-color);
- text-decoration: underline;
- cursor: pointer;
- }
- #footer .links p .footer-links:hover {
- color: var(--link-highlight-color)
- }
-}
-
-/* Desktop */
-@media screen and (min-width: 1000px) {
- :root {
- --button-size-offset: 20px;
- }
- body button {
- cursor: pointer;
- }
-
- #header .menuIcon {
- width: 80px;
- height: 80px;
- margin-top: 80vh;
- margin-left: 90%;
- cursor: pointer;
- gap: 10px;
- }
- #header .menuIcon:hover {
- margin-top: calc(80vh - 10px);
- margin-left: calc(90% - 10px);
- width: 100px;
- height: 100px;
- gap: 15px;
- }
- #header .menuIcon div {
- width: 15px;
- height: 15px;
- }
- #header .menulist {
- gap: 2%;
- }
- #header .menulist img {
- width: 200px;
- height: auto;
- }
- #header .menulist a {
- font-size: 35px;
- }
- #header .menulist div {
- cursor: pointer;
- }
-
- #index {
- margin: 0px;
- padding: 0px;
- width: 100%;
- height: 80vh;
- background-image: var(--gradient);
- }
- #index * {
- margin-left: auto;
- margin-right: auto;
- }
- #index .index {
- display: flex;
- flex-direction: column;
- height: 100%;
- width: 80%;
- }
- #index .index h1 {
- font-size: calc(var(--title-font-size) - 0.5rem);
- }
- #index .index p {
- font-size: calc(var(--body-font-size) - 0.5rem);
- }
- #index .index div {
- display: flex;
- flex-direction: row;
- }
- #index .index div button {
- width: calc(var(--button-width) - var(--button-size-offset));
- height: calc(var(--button-height) - var(--button-size-offset));
- margin-top: 20px;
- margin-left: 10px;
- margin-right: 10px;
- font-size: var(--body-font-size);
- background-color: var(--main-color);
- border: none;
- border-radius: var(--button-border-radius);
- color: white;
- }
-
- /* Work */
- :root {
- --workitem-border-radius: 25px 25px 25px;
- }
- #work {
- width: 100%;
- display: flex;
- flex-direction: column;
- }
- #work * {
- margin-left: auto;
- margin-right: auto;
- }
- #work h1 {
- font-size: var(--title-font-size);
- }
- #work .workitems {
- margin-bottom: 40px;
- width: 100%;
- font-size: var(--body-font-size);
- display: flex;
- flex-direction: row;
- justify-content: center;
- }
- #work .workitems div {
- width: 45%;
- margin-left: 20px;
- margin-right: 20px;
- background-color: var(--bg-color);
- border-radius: var(--workitem-border-radius);
- }
- #work .workitems div * {
- text-align: center;
- }
- #work .workitems div h3 {
- font-size: var(--body-font-size);
- }
- #work .workitems div ul {}
- #work .workitems div ul li {
- font-size: var(--shortdescription-font-size);
- margin: 0;
- }
-
- /* Index Blog */
- #index-blog {
- width: 100%;
- background-image: var(--gradient);
- }
- #index-blog * {
- margin-left: auto;
- margin-right: auto;
- }
- #index-blog h1 {
- padding-top: 40px;
- text-align: center;
- font-size: calc(var(--title-font-size));
- }
- #index-blog button {
- width: calc(var(--button-width) - var(--button-size-offset));
- height: calc(var(--button-height) - var(--button-size-offset));
- margin-bottom: 40px;
- border: none;
- color: white;
- background-color: var(--main-color);
- border-radius: var(--button-border-radius);
- font-size: var(--body-font-size);
- }
- #index-blog .index-blog {
- display: flex;
- flex-direction: row;
- }
- #index-blog .index-blog * {
- text-align: center;
- }
- #index-blog .index-blog div {
- width: 45%;
- margin-bottom: 40px;
- background-color: var(--bg-color);
- border-radius: var(--workitem-border-radius);
- }
- #index-blog .index-blog div h3 {
- text-align: center;
- font-size: var(--body-font-size);
- }
- #index-blog .index-blog div p {
- margin: 40px;
- font-size: var(--shortdescription-font-size);
- }
-
- /* Mywebsites */
- #mywebsites {
- text-align: center;
- }
- #mywebsites h1 {
- font-size: var(--title-font-size);
- }
- #mywebsites p {
- font-size: var(--shortdescription-font-size);
- }
- #mywebsites .websites {
- margin-left: auto;
- margin-right: auto;
- display: flex;
- flex-direction: row;
- justify-content: center;
- }
- #mywebsites .websites img {
- width: 40%;
- margin-left: 20px;
- margin-right: 20px;
- cursor: pointer;
- }
-
- /* Contact*/
- :root {
- --input-width: 40rem;
- --input-height: 50px;
- --textarea-height: 100px;
- }
- #contact {}
- #contact {
- text-align: center;
- }
- #contact h1 {
- font-size: var(--title-font-size);
- }
- #contact .form {}
- #contact .form * {
- font-size: var(--shortdescription-font-size);
- }
- #contact .form input {
- height: var(--input-height);
- width: var(--input-width);
- color: white;
- margin-bottom: 20px;
- border: none;
- border-bottom: 2px solid var(--main-color);
- background-color: var(--secondary-color);
- transition: width 0.5s;
- }
- #contact .form textarea {
- height: var(--textarea-height);
- width: var(--input-width);
- border: none;
- border-bottom: 2px solid var(--main-color);
- background-color: var(--secondary-color);
- transition: height 0.5s;
- }
- #contact .form button {
- width: calc(var(--button-width) - var(--button-size-offset));
- height: calc(var(--button-height) - var(--button-size-offset));
- font-size: var(--body-font-size);
- margin-top: 40px;
- border: none;
- color: white;
- background-color: var(--main-color);
- border-radius: var(--button-border-radius);
- }
- #contact .form input:focus {
- width: calc(var(--input-width) + 10rem);
- }
- #contact .form textarea:focus {
- height: calc(var(--textarea-height) * 3);
- }
-
- /* About */
- :root {
- --image-size: 200px;
- }
- #about {}
- #about div {
- width: 1000px;
- margin-left: auto;
- margin-right: auto;
- display: flex;
- flex-direction: column;
- text-align: center;
- }
- #about div h1 {
- font-size: var(--title-font-size);
- }
- #about div img {
- margin-left: auto;
- margin-right: auto;
- margin-bottom: 20px;
- width: var(--image-size);
- height: var(--image-size);
- border-radius: 50%;
- }
- #about div p {
- font-size: var(--shortdescription-font-size);
- }
-
- :root {
- --bloglistitem-width: calc(85%);
- --blogtitle-font-size: 2.5rem;
- }
- #blog {
- width: 100%;
- }
- #blog div h1 {
- font-size: var(--title-font-size);
- margin-left: calc((100% - var(--bloglistitem-width)) / 2);
- }
- #blog div {
- display: flex;
- flex-direction: column;
- }
- #blog div .bloglistitem {
- height: auto;
- width: var(--bloglistitem-width);
- margin-left: auto;
- margin-right: auto;
- margin-top: 20px;
- margin-bottom: 20px;
- padding: 20px;
- cursor: pointer;
- background-color: var(--bg-color);
- border-radius: 10px 10px 10px;
- }
- #blog div .bloglistitem h3 {
- font-size: var(--blogtitle-font-size);
- margin-top: 10px;
- margin-left: 10px;
- }
- #blog div .bloglistitem p {
- font-size: var(--shortdescription-font-size);
- margin-left: 10px;
- }
- #blog div .bloglistitem .date {
- font-size: calc(var(--shortdescription-font-size) + 0.25rem);
- }
- #blog div .bloglistitem button {
- width: calc(var(--button-width) - var(--button-size-offset));
- height: calc(var(--button-height) - var(--button-size-offset));
- border: none;
- font-size: var(--body-font-size);
- color: white;
- background-color: var(--main-color);
- border-radius: var(--button-border-radius);
- }
-
- /* Blog Item */
- :root {
- --code-border-radius: 5px 5px 5px;
- --full-screen-button-width: 40px;
- --full-screen-button-height: var(--full-screen-button-width);
- --full-screen-image-width: 80%;
- --full-screen-image-height: auto;
- --full-screen-image-radius: 10px 10px 10px;
- }
-
- #blogitem .fullscreenImg {
- display: flex;
- justify-content: center;
- position: fixed;
- width: var(--full-screen-image-width);
- height: var(--full-screen-image-height);
- top: calc((100% - var(--full-screen-image-height)) / 2);
- left: calc((100% - var(--full-screen-image-width)) / 2);
- background-color: var(--bg-color);
- border-radius: var(--full-screen-image-radius);
- transition: opacity 1s;
- }
- #blogitem .fullscreenImg img {
- width: 90%;
- }
- #blogitem .fullscreenImg div {
- position: absolute;
- width: var(--full-screen-button-width);
- height: var(--full-screen-button-height);
- background-color: var(--main-color);
- font-size: 2rem;
- font-weight: bold;
- cursor: pointer;
- text-align: center;
- }
- #blogitem .fullscreenImg .closeFullscreenImage {
- right: 0;
- top: 0;
- text-align: center;
- }
- #blogitem .fullscreenImg .navleft {
- top: 50%;
- left: 0;
- }
- #blogitem .fullscreenImg .navright {
- top: 50%;
- right: 0;
- }
-
- #blogitem .content {
- width: 1000px;
- margin-left: auto;
- margin-right: auto;
- }
- #blogitem .content h1 {
- font-size: var(--title-font-size);
- }
- #blogitem .content h1 code {
- color: white;
- background-color: rgba(34, 37, 38);
- margin: 5px;
- padding-top: -5px;
- padding-left: 5px;
- padding-right: 5px;
- padding-bottom: 5px;
- border-radius: var(--code-border-radius);
- }
- #blogitem .content h2 {
- color: rgba(45, 124, 234);
- font-size: var(--body-font-size);
- }
- #blogitem .content h2 code {
- color: white;
- background-color: rgba(34, 37, 38);
- margin: 5px;
- padding-top: -5px;
- padding-left: 5px;
- padding-right: 5px;
- padding-bottom: 5px;
- border-radius: var(--code-border-radius);
- }
- #blogitem .content h3 {
- font-size: calc(var(--body-font-size) - 0.25rem);
- }
- #blogitem .content h3 code {
- color: white;
- background-color: rgba(34, 37, 38);
- margin: 5px;
- padding-top: -5px;
- padding-left: 5px;
- padding-right: 5px;
- padding-bottom: 5px;
- border-radius: var(--code-border-radius);
- }
- #blogitem .content p {
- font-size: var(--shortdescription-font-size);
- }
- #blogitem .content p img {
- max-width: 100%;
- cursor: pointer;
- }
- #blogitem .content figure img {
- max-width: 100%;
- cursor: pointer;
- }
- #blogitem .content h4 {
- color: rgba(229, 181, 103);
- font-size: calc(var(--body-font-size) - 0.5rem);
- }
- #blogitem .content h4 code {
- color: white;
- background-color: rgba(34, 37, 38);
- margin: 5px;
- padding-top: -5px;
- padding-left: 5px;
- padding-right: 5px;
- padding-bottom: 5px;
- border-radius: var(--code-border-radius);
- }
- #blogitem .content h5 {
- color: rgba(227, 62, 62);
- font-size: calc(var(--body-font-size) - 0.75rem);
- }
- #blogitem .content h5 code {
- color: white;
- background-color: rgba(34, 37, 38);
- margin: 5px;
- padding-top: -5px;
- padding-left: 5px;
- padding-right: 5px;
- padding-bottom: 5px;
- border-radius: var(--code-border-radius);
- }
- #blogitem .content ul {
- font-size: var(--shortdescription-font-size);
- }
- #blogitem .content ul li code {
- font-size: var(--shortdescription-font-size);
- color: white;
- background-color: rgba(34, 37, 38);
- margin: 5px;
- padding-top: -5px;
- padding-left: 5px;
- padding-right: 5px;
- padding-bottom: 5px;
- border-radius: var(--code-border-radius);
- }
- #blogitem .content p code {
- font-size: var(--shortdescription-font-size);
- color: white;
- background-color: rgba(34, 37, 38);
- margin: 5px;
- padding-top: -5px;
- padding-left: 5px;
- padding-right: 5px;
- padding-bottom: 5px;
- border-radius: var(--code-border-radius);
- }
- #blogitem .content .code-toolbar pre {
- border-radius: 5px 5px 5px;
- background-color: rgba(34, 37, 38);
- }
- #blogitem .content .code-toolbar .toolbar .toolbar-item {
- text-align: right;
- }
-
- /* Footer */
- #footer {
- width: 100%;
- padding-top: 50px;
- }
- :root {
- --copied-width: 200px;
- --copied-height: 50px;
- }
- #footer .copied {
- display: none;
- left: calc(50% - (var(--copied-width) / 2));
- width: var(--copied-width);
- height: var(--copied-height);
- position: absolute;
- background-color: var(--main-color);
- }
-
- #footer .links {
- width: 100%;
- display: flex;
- flex-direction: column;
- text-align: center;
- }
- #footer .links p {
- line-break: anywhere;
- }
- #footer .links p .footer-links {
- color: var(--link-color);
- text-decoration: underline;
- cursor: pointer;
- }
- #footer .links p .footer-links:hover {
- color: var(--link-highlight-color);
- }
-}
-
diff --git a/assets/css/prism-beautify.css b/assets/css/prism-beautify.css
deleted file mode 100644
index 10cac2a..0000000
--- a/assets/css/prism-beautify.css
+++ /dev/null
@@ -1,891 +0,0 @@
-/* PrismJS 1.29.0
-https://prismjs.com/download.html#themes=prism-tomorrow&languages=markup+css+clike+javascript+abap+abnf+actionscript+ada+agda+al+antlr4+apacheconf+apex+apl+applescript+aql+arduino+arff+armasm+arturo+asciidoc+aspnet+asm6502+asmatmel+autohotkey+autoit+avisynth+avro-idl+awk+bash+basic+batch+bbcode+bbj+bicep+birb+bison+bnf+bqn+brainfuck+brightscript+bro+bsl+c+csharp+cpp+cfscript+chaiscript+cil+cilkc+cilkcpp+clojure+cmake+cobol+coffeescript+concurnas+csp+cooklang+coq+crystal+css-extras+csv+cue+cypher+d+dart+dataweave+dax+dhall+diff+django+dns-zone-file+docker+dot+ebnf+editorconfig+eiffel+ejs+elixir+elm+etlua+erb+erlang+excel-formula+fsharp+factor+false+firestore-security-rules+flow+fortran+ftl+gml+gap+gcode+gdscript+gedcom+gettext+gherkin+git+glsl+gn+linker-script+go+go-module+gradle+graphql+groovy+haml+handlebars+haskell+haxe+hcl+hlsl+hoon+http+hpkp+hsts+ichigojam+icon+icu-message-format+idris+ignore+inform7+ini+io+j+java+javadoc+javadoclike+javastacktrace+jexl+jolie+jq+jsdoc+js-extras+json+json5+jsonp+jsstacktrace+js-templates+julia+keepalived+keyman+kotlin+kumir+kusto+latex+latte+less+lilypond+liquid+lisp+livescript+llvm+log+lolcode+lua+magma+makefile+markdown+markup-templating+mata+matlab+maxscript+mel+mermaid+metafont+mizar+mongodb+monkey+moonscript+n1ql+n4js+nand2tetris-hdl+naniscript+nasm+neon+nevod+nginx+nim+nix+nsis+objectivec+ocaml+odin+opencl+openqasm+oz+parigp+parser+pascal+pascaligo+psl+pcaxis+peoplecode+perl+php+phpdoc+php-extras+plant-uml+plsql+powerquery+powershell+processing+prolog+promql+properties+protobuf+pug+puppet+pure+purebasic+purescript+python+qsharp+q+qml+qore+r+racket+cshtml+jsx+tsx+reason+regex+rego+renpy+rescript+rest+rip+roboconf+robotframework+ruby+rust+sas+sass+scss+scala+scheme+shell-session+smali+smalltalk+smarty+sml+solidity+solution-file+soy+sparql+splunk-spl+sqf+sql+squirrel+stan+stata+iecst+stylus+supercollider+swift+systemd+t4-templating+t4-cs+t4-vb+tap+tcl+tt2+textile+toml+tremor+turtle+twig+typescript+typoscript+unrealscript+uorazor+uri+v+vala+vbnet+velocity+verilog+vhdl+vim+visual-basic+warpscript+wasm+web-idl+wgsl+wiki+wolfram+wren+xeora+xml-doc+xojo+xquery+yaml+yang+zig&plugins=line-highlight+line-numbers+show-invisibles+autolinker+wpd+custom-class+file-highlight+show-language+jsonp-highlight+highlight-keywords+remove-initial-line-feed+inline-color+previewers+autoloader+keep-markup+command-line+unescaped-markup+normalize-whitespace+data-uri-highlight+toolbar+copy-to-clipboard+download-button+match-braces+diff-highlight+filter-highlight-all+treeview */
-code[class*=language-],
-pre[class*=language-] {
- color: #ccc;
- background: 0 0;
- font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
- font-size: 1em;
- text-align: left;
- white-space: pre;
- word-spacing: normal;
- word-break: normal;
- word-wrap: normal;
- line-height: 1.5;
- -moz-tab-size: 4;
- -o-tab-size: 4;
- tab-size: 4;
- -webkit-hyphens: none;
- -moz-hyphens: none;
- -ms-hyphens: none;
- hyphens: none
-}
-
-pre[class*=language-] {
- padding: 1em;
- margin: .5em 0;
- overflow: auto
-}
-
-:not(pre)>code[class*=language-],
-pre[class*=language-] {
- background: #2d2d2d
-}
-
-:not(pre)>code[class*=language-] {
- padding: .1em;
- border-radius: .3em;
- white-space: normal
-}
-
-.token.block-comment,
-.token.cdata,
-.token.comment,
-.token.doctype,
-.token.prolog {
- color: #999
-}
-
-.token.punctuation {
- color: #ccc
-}
-
-.token.attr-name,
-.token.deleted,
-.token.namespace,
-.token.tag {
- color: #e2777a
-}
-
-.token.function-name {
- color: #6196cc
-}
-
-.token.boolean,
-.token.function,
-.token.number {
- color: #f08d49
-}
-
-.token.class-name,
-.token.constant,
-.token.property,
-.token.symbol {
- color: #f8c555
-}
-
-.token.atrule,
-.token.builtin,
-.token.important,
-.token.keyword,
-.token.selector {
- color: #cc99cd
-}
-
-.token.attr-value,
-.token.char,
-.token.regex,
-.token.string,
-.token.variable {
- color: #7ec699
-}
-
-.token.entity,
-.token.operator,
-.token.url {
- color: #67cdcc
-}
-
-.token.bold,
-.token.important {
- font-weight: 700
-}
-
-.token.italic {
- font-style: italic
-}
-
-.token.entity {
- cursor: help
-}
-
-.token.inserted {
- color: green
-}
-
-pre[data-line] {
- position: relative;
- padding: 1em 0 1em 3em
-}
-
-.line-highlight {
- position: absolute;
- left: 0;
- right: 0;
- padding: inherit 0;
- margin-top: 1em;
- background: hsla(24, 20%, 50%, .08);
- background: linear-gradient(to right, hsla(24, 20%, 50%, .1) 70%, hsla(24, 20%, 50%, 0));
- pointer-events: none;
- line-height: inherit;
- white-space: pre
-}
-
-@media print {
- .line-highlight {
- -webkit-print-color-adjust: exact;
- color-adjust: exact
- }
-}
-
-.line-highlight:before,
-.line-highlight[data-end]:after {
- content: attr(data-start);
- position: absolute;
- top: .4em;
- left: .6em;
- min-width: 1em;
- padding: 0 .5em;
- background-color: hsla(24, 20%, 50%, .4);
- color: #f4f1ef;
- font: bold 65%/1.5 sans-serif;
- text-align: center;
- vertical-align: .3em;
- border-radius: 999px;
- text-shadow: none;
- box-shadow: 0 1px #fff
-}
-
-.line-highlight[data-end]:after {
- content: attr(data-end);
- top: auto;
- bottom: .4em
-}
-
-.line-numbers .line-highlight:after,
-.line-numbers .line-highlight:before {
- content: none
-}
-
-pre[id].linkable-line-numbers span.line-numbers-rows {
- pointer-events: all
-}
-
-pre[id].linkable-line-numbers span.line-numbers-rows>span:before {
- cursor: pointer
-}
-
-pre[id].linkable-line-numbers span.line-numbers-rows>span:hover:before {
- background-color: rgba(128, 128, 128, .2)
-}
-
-pre[class*=language-].line-numbers {
- position: relative;
- padding-left: 3.8em;
- counter-reset: linenumber
-}
-
-pre[class*=language-].line-numbers>code {
- position: relative;
- white-space: inherit
-}
-
-.line-numbers .line-numbers-rows {
- position: absolute;
- pointer-events: none;
- top: 0;
- font-size: 100%;
- left: -3.8em;
- width: 3em;
- letter-spacing: -1px;
- border-right: 1px solid #999;
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none
-}
-
-.line-numbers-rows>span {
- display: block;
- counter-increment: linenumber
-}
-
-.line-numbers-rows>span:before {
- content: counter(linenumber);
- color: #999;
- display: block;
- padding-right: .8em;
- text-align: right
-}
-
-.token.cr,
-.token.lf,
-.token.space,
-.token.tab:not(:empty) {
- position: relative
-}
-
-.token.cr:before,
-.token.lf:before,
-.token.space:before,
-.token.tab:not(:empty):before {
- color: grey;
- opacity: .6;
- position: absolute
-}
-
-.token.tab:not(:empty):before {
- content: '\21E5'
-}
-
-.token.cr:before {
- content: '\240D'
-}
-
-.token.crlf:before {
- content: '\240D\240A'
-}
-
-.token.lf:before {
- content: '\240A'
-}
-
-.token.space:before {
- content: '\00B7'
-}
-
-.token a {
- color: inherit
-}
-
-code[class*=language-] a[href],
-pre[class*=language-] a[href] {
- cursor: help;
- text-decoration: none
-}
-
-code[class*=language-] a[href]:hover,
-pre[class*=language-] a[href]:hover {
- cursor: help;
- text-decoration: underline
-}
-
-div.code-toolbar {
- position: relative
-}
-
-div.code-toolbar>.toolbar {
- position: absolute;
- z-index: 10;
- top: .3em;
- right: .2em;
- transition: opacity .3s ease-in-out;
- opacity: 0
-}
-
-div.code-toolbar:hover>.toolbar {
- opacity: 1
-}
-
-div.code-toolbar:focus-within>.toolbar {
- opacity: 1
-}
-
-div.code-toolbar>.toolbar>.toolbar-item {
- display: inline-block
-}
-
-div.code-toolbar>.toolbar>.toolbar-item>a {
- cursor: pointer
-}
-
-div.code-toolbar>.toolbar>.toolbar-item>button {
- background: 0 0;
- border: 0;
- color: inherit;
- font: inherit;
- line-height: normal;
- overflow: visible;
- padding: 0;
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none
-}
-
-div.code-toolbar>.toolbar>.toolbar-item>a,
-div.code-toolbar>.toolbar>.toolbar-item>button,
-div.code-toolbar>.toolbar>.toolbar-item>span {
- color: #bbb;
- font-size: .8em;
- padding: 0 .5em;
- background: #f5f2f0;
- background: rgba(224, 224, 224, .2);
- box-shadow: 0 2px 0 0 rgba(0, 0, 0, .2);
- border-radius: .5em
-}
-
-div.code-toolbar>.toolbar>.toolbar-item>a:focus,
-div.code-toolbar>.toolbar>.toolbar-item>a:hover,
-div.code-toolbar>.toolbar>.toolbar-item>button:focus,
-div.code-toolbar>.toolbar>.toolbar-item>button:hover,
-div.code-toolbar>.toolbar>.toolbar-item>span:focus,
-div.code-toolbar>.toolbar>.toolbar-item>span:hover {
- color: inherit;
- text-decoration: none
-}
-
-span.inline-color-wrapper {
- background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyIDIiPjxwYXRoIGZpbGw9ImdyYXkiIGQ9Ik0wIDBoMnYySDB6Ii8+PHBhdGggZmlsbD0id2hpdGUiIGQ9Ik0wIDBoMXYxSDB6TTEgMWgxdjFIMXoiLz48L3N2Zz4=);
- background-position: center;
- background-size: 110%;
- display: inline-block;
- height: 1.333ch;
- width: 1.333ch;
- margin: 0 .333ch;
- box-sizing: border-box;
- border: 1px solid #fff;
- outline: 1px solid rgba(0, 0, 0, .5);
- overflow: hidden
-}
-
-span.inline-color {
- display: block;
- height: 120%;
- width: 120%
-}
-
-.prism-previewer,
-.prism-previewer:after,
-.prism-previewer:before {
- position: absolute;
- pointer-events: none
-}
-
-.prism-previewer,
-.prism-previewer:after {
- left: 50%
-}
-
-.prism-previewer {
- margin-top: -48px;
- width: 32px;
- height: 32px;
- margin-left: -16px;
- z-index: 10;
- opacity: 0;
- -webkit-transition: opacity .25s;
- -o-transition: opacity .25s;
- transition: opacity .25s
-}
-
-.prism-previewer.flipped {
- margin-top: 0;
- margin-bottom: -48px
-}
-
-.prism-previewer:after,
-.prism-previewer:before {
- content: '';
- position: absolute;
- pointer-events: none
-}
-
-.prism-previewer:before {
- top: -5px;
- right: -5px;
- left: -5px;
- bottom: -5px;
- border-radius: 10px;
- border: 5px solid #fff;
- box-shadow: 0 0 3px rgba(0, 0, 0, .5) inset, 0 0 10px rgba(0, 0, 0, .75)
-}
-
-.prism-previewer:after {
- top: 100%;
- width: 0;
- height: 0;
- margin: 5px 0 0 -7px;
- border: 7px solid transparent;
- border-color: rgba(255, 0, 0, 0);
- border-top-color: #fff
-}
-
-.prism-previewer.flipped:after {
- top: auto;
- bottom: 100%;
- margin-top: 0;
- margin-bottom: 5px;
- border-top-color: rgba(255, 0, 0, 0);
- border-bottom-color: #fff
-}
-
-.prism-previewer.active {
- opacity: 1
-}
-
-.prism-previewer-angle:before {
- border-radius: 50%;
- background: #fff
-}
-
-.prism-previewer-angle:after {
- margin-top: 4px
-}
-
-.prism-previewer-angle svg {
- width: 32px;
- height: 32px;
- -webkit-transform: rotate(-90deg);
- -moz-transform: rotate(-90deg);
- -ms-transform: rotate(-90deg);
- -o-transform: rotate(-90deg);
- transform: rotate(-90deg)
-}
-
-.prism-previewer-angle[data-negative] svg {
- -webkit-transform: scaleX(-1) rotate(-90deg);
- -moz-transform: scaleX(-1) rotate(-90deg);
- -ms-transform: scaleX(-1) rotate(-90deg);
- -o-transform: scaleX(-1) rotate(-90deg);
- transform: scaleX(-1) rotate(-90deg)
-}
-
-.prism-previewer-angle circle {
- fill: transparent;
- stroke: #2d3438;
- stroke-opacity: .9;
- stroke-width: 32;
- stroke-dasharray: 0, 500
-}
-
-.prism-previewer-gradient {
- background-image: linear-gradient(45deg, #bbb 25%, transparent 25%, transparent 75%, #bbb 75%, #bbb), linear-gradient(45deg, #bbb 25%, #eee 25%, #eee 75%, #bbb 75%, #bbb);
- background-size: 10px 10px;
- background-position: 0 0, 5px 5px;
- width: 64px;
- margin-left: -32px
-}
-
-.prism-previewer-gradient:before {
- content: none
-}
-
-.prism-previewer-gradient div {
- position: absolute;
- top: -5px;
- left: -5px;
- right: -5px;
- bottom: -5px;
- border-radius: 10px;
- border: 5px solid #fff;
- box-shadow: 0 0 3px rgba(0, 0, 0, .5) inset, 0 0 10px rgba(0, 0, 0, .75)
-}
-
-.prism-previewer-color {
- background-image: linear-gradient(45deg, #bbb 25%, transparent 25%, transparent 75%, #bbb 75%, #bbb), linear-gradient(45deg, #bbb 25%, #eee 25%, #eee 75%, #bbb 75%, #bbb);
- background-size: 10px 10px;
- background-position: 0 0, 5px 5px
-}
-
-.prism-previewer-color:before {
- background-color: inherit;
- background-clip: padding-box
-}
-
-.prism-previewer-easing {
- margin-top: -76px;
- margin-left: -30px;
- width: 60px;
- height: 60px;
- background: #333
-}
-
-.prism-previewer-easing.flipped {
- margin-bottom: -116px
-}
-
-.prism-previewer-easing svg {
- width: 60px;
- height: 60px
-}
-
-.prism-previewer-easing circle {
- fill: #2d3438;
- stroke: #fff
-}
-
-.prism-previewer-easing path {
- fill: none;
- stroke: #fff;
- stroke-linecap: round;
- stroke-width: 4
-}
-
-.prism-previewer-easing line {
- stroke: #fff;
- stroke-opacity: .5;
- stroke-width: 2
-}
-
-@-webkit-keyframes prism-previewer-time {
- 0% {
- stroke-dasharray: 0, 500;
- stroke-dashoffset: 0
- }
-
- 50% {
- stroke-dasharray: 100, 500;
- stroke-dashoffset: 0
- }
-
- 100% {
- stroke-dasharray: 0, 500;
- stroke-dashoffset: -100
- }
-}
-
-@-o-keyframes prism-previewer-time {
- 0% {
- stroke-dasharray: 0, 500;
- stroke-dashoffset: 0
- }
-
- 50% {
- stroke-dasharray: 100, 500;
- stroke-dashoffset: 0
- }
-
- 100% {
- stroke-dasharray: 0, 500;
- stroke-dashoffset: -100
- }
-}
-
-@-moz-keyframes prism-previewer-time {
- 0% {
- stroke-dasharray: 0, 500;
- stroke-dashoffset: 0
- }
-
- 50% {
- stroke-dasharray: 100, 500;
- stroke-dashoffset: 0
- }
-
- 100% {
- stroke-dasharray: 0, 500;
- stroke-dashoffset: -100
- }
-}
-
-@keyframes prism-previewer-time {
- 0% {
- stroke-dasharray: 0, 500;
- stroke-dashoffset: 0
- }
-
- 50% {
- stroke-dasharray: 100, 500;
- stroke-dashoffset: 0
- }
-
- 100% {
- stroke-dasharray: 0, 500;
- stroke-dashoffset: -100
- }
-}
-
-.prism-previewer-time:before {
- border-radius: 50%;
- background: #fff
-}
-
-.prism-previewer-time:after {
- margin-top: 4px
-}
-
-.prism-previewer-time svg {
- width: 32px;
- height: 32px;
- -webkit-transform: rotate(-90deg);
- -moz-transform: rotate(-90deg);
- -ms-transform: rotate(-90deg);
- -o-transform: rotate(-90deg);
- transform: rotate(-90deg)
-}
-
-.prism-previewer-time circle {
- fill: transparent;
- stroke: #2d3438;
- stroke-opacity: .9;
- stroke-width: 32;
- stroke-dasharray: 0, 500;
- stroke-dashoffset: 0;
- -webkit-animation: prism-previewer-time linear infinite 3s;
- -moz-animation: prism-previewer-time linear infinite 3s;
- -o-animation: prism-previewer-time linear infinite 3s;
- animation: prism-previewer-time linear infinite 3s
-}
-
-.command-line-prompt {
- border-right: 1px solid #999;
- display: block;
- float: left;
- font-size: 100%;
- letter-spacing: -1px;
- margin-right: 1em;
- pointer-events: none;
- text-align: right;
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none
-}
-
-.command-line-prompt>span:before {
- opacity: .7;
- content: ' ';
- display: block;
- padding-right: .8em
-}
-
-.command-line-prompt>span[data-user]:before {
- content: "[" attr(data-user) "@" attr(data-host) "] $"
-}
-
-.command-line-prompt>span[data-user=root]:before {
- content: "[" attr(data-user) "@" attr(data-host) "] #"
-}
-
-.command-line-prompt>span[data-prompt]:before {
- content: attr(data-prompt)
-}
-
-.command-line-prompt>span[data-continuation-prompt]:before {
- content: attr(data-continuation-prompt)
-}
-
-.command-line span.token.output {
- opacity: .7
-}
-
-[class*=lang-] script[type='text/plain'],
-[class*=language-] script[type='text/plain'],
-script[type='text/plain'][class*=lang-],
-script[type='text/plain'][class*=language-] {
- display: block;
- font: 100% Consolas, Monaco, monospace;
- white-space: pre;
- overflow: auto
-}
-
-.token.punctuation.brace-hover,
-.token.punctuation.brace-selected {
- outline: solid 1px
-}
-
-.rainbow-braces .token.punctuation.brace-level-1,
-.rainbow-braces .token.punctuation.brace-level-5,
-.rainbow-braces .token.punctuation.brace-level-9 {
- color: #e50;
- opacity: 1
-}
-
-.rainbow-braces .token.punctuation.brace-level-10,
-.rainbow-braces .token.punctuation.brace-level-2,
-.rainbow-braces .token.punctuation.brace-level-6 {
- color: #0b3;
- opacity: 1
-}
-
-.rainbow-braces .token.punctuation.brace-level-11,
-.rainbow-braces .token.punctuation.brace-level-3,
-.rainbow-braces .token.punctuation.brace-level-7 {
- color: #26f;
- opacity: 1
-}
-
-.rainbow-braces .token.punctuation.brace-level-12,
-.rainbow-braces .token.punctuation.brace-level-4,
-.rainbow-braces .token.punctuation.brace-level-8 {
- color: #e0e;
- opacity: 1
-}
-
-pre.diff-highlight>code .token.deleted:not(.prefix),
-pre>code.diff-highlight .token.deleted:not(.prefix) {
- background-color: rgba(255, 0, 0, .1);
- color: inherit;
- display: block
-}
-
-pre.diff-highlight>code .token.inserted:not(.prefix),
-pre>code.diff-highlight .token.inserted:not(.prefix) {
- background-color: rgba(0, 255, 128, .1);
- color: inherit;
- display: block
-}
-
-.token.treeview-part .entry-line {
- position: relative;
- text-indent: -99em;
- display: inline-block;
- vertical-align: top;
- width: 1.2em
-}
-
-.token.treeview-part .entry-line:before,
-.token.treeview-part .line-h:after {
- content: "";
- position: absolute;
- top: 0;
- left: 50%;
- width: 50%;
- height: 100%
-}
-
-.token.treeview-part .line-h:before,
-.token.treeview-part .line-v:before {
- border-left: 1px solid #ccc
-}
-
-.token.treeview-part .line-v-last:before {
- height: 50%;
- border-left: 1px solid #ccc;
- border-bottom: 1px solid #ccc
-}
-
-.token.treeview-part .line-h:after {
- height: 50%;
- border-bottom: 1px solid #ccc
-}
-
-.token.treeview-part .entry-name {
- position: relative;
- display: inline-block;
- vertical-align: top
-}
-
-.token.treeview-part .entry-name.dotfile {
- opacity: .5
-}
-
-@font-face {
- font-family: PrismTreeview;
- src: url(data:application/font-woff;base64,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) format("woff")
-}
-
-.token.treeview-part .entry-name:before {
- content: "\ea01";
- font-family: PrismTreeview;
- font-size: inherit;
- font-style: normal;
- -webkit-font-smoothing: antialiased;
- -moz-osx-font-smoothing: grayscale;
- width: 2.5ex;
- display: inline-block
-}
-
-.token.treeview-part .entry-name.dir:before {
- content: "\ea02"
-}
-
-.token.treeview-part .entry-name.ext-bmp:before,
-.token.treeview-part .entry-name.ext-eps:before,
-.token.treeview-part .entry-name.ext-gif:before,
-.token.treeview-part .entry-name.ext-jpe:before,
-.token.treeview-part .entry-name.ext-jpeg:before,
-.token.treeview-part .entry-name.ext-jpg:before,
-.token.treeview-part .entry-name.ext-png:before,
-.token.treeview-part .entry-name.ext-svg:before,
-.token.treeview-part .entry-name.ext-tiff:before {
- content: "\ea03"
-}
-
-.token.treeview-part .entry-name.ext-cfg:before,
-.token.treeview-part .entry-name.ext-conf:before,
-.token.treeview-part .entry-name.ext-config:before,
-.token.treeview-part .entry-name.ext-csv:before,
-.token.treeview-part .entry-name.ext-ini:before,
-.token.treeview-part .entry-name.ext-log:before,
-.token.treeview-part .entry-name.ext-md:before,
-.token.treeview-part .entry-name.ext-nfo:before,
-.token.treeview-part .entry-name.ext-txt:before {
- content: "\ea06"
-}
-
-.token.treeview-part .entry-name.ext-asp:before,
-.token.treeview-part .entry-name.ext-aspx:before,
-.token.treeview-part .entry-name.ext-c:before,
-.token.treeview-part .entry-name.ext-cc:before,
-.token.treeview-part .entry-name.ext-cpp:before,
-.token.treeview-part .entry-name.ext-cs:before,
-.token.treeview-part .entry-name.ext-css:before,
-.token.treeview-part .entry-name.ext-h:before,
-.token.treeview-part .entry-name.ext-hh:before,
-.token.treeview-part .entry-name.ext-htm:before,
-.token.treeview-part .entry-name.ext-html:before,
-.token.treeview-part .entry-name.ext-jav:before,
-.token.treeview-part .entry-name.ext-java:before,
-.token.treeview-part .entry-name.ext-js:before,
-.token.treeview-part .entry-name.ext-php:before,
-.token.treeview-part .entry-name.ext-rb:before,
-.token.treeview-part .entry-name.ext-xml:before {
- content: "\ea07"
-}
-
-.token.treeview-part .entry-name.ext-7z:before,
-.token.treeview-part .entry-name.ext-bz2:before,
-.token.treeview-part .entry-name.ext-bz:before,
-.token.treeview-part .entry-name.ext-gz:before,
-.token.treeview-part .entry-name.ext-rar:before,
-.token.treeview-part .entry-name.ext-tar:before,
-.token.treeview-part .entry-name.ext-tgz:before,
-.token.treeview-part .entry-name.ext-zip:before {
- content: "\ea08"
-}
-
-.token.treeview-part .entry-name.ext-aac:before,
-.token.treeview-part .entry-name.ext-au:before,
-.token.treeview-part .entry-name.ext-cda:before,
-.token.treeview-part .entry-name.ext-flac:before,
-.token.treeview-part .entry-name.ext-mp3:before,
-.token.treeview-part .entry-name.ext-oga:before,
-.token.treeview-part .entry-name.ext-ogg:before,
-.token.treeview-part .entry-name.ext-wav:before,
-.token.treeview-part .entry-name.ext-wma:before {
- content: "\ea04"
-}
-
-.token.treeview-part .entry-name.ext-avi:before,
-.token.treeview-part .entry-name.ext-flv:before,
-.token.treeview-part .entry-name.ext-mkv:before,
-.token.treeview-part .entry-name.ext-mov:before,
-.token.treeview-part .entry-name.ext-mp4:before,
-.token.treeview-part .entry-name.ext-mpeg:before,
-.token.treeview-part .entry-name.ext-mpg:before,
-.token.treeview-part .entry-name.ext-ogv:before,
-.token.treeview-part .entry-name.ext-webm:before {
- content: "\ea05"
-}
-
-.token.treeview-part .entry-name.ext-pdf:before {
- content: "\ea09"
-}
-
-.token.treeview-part .entry-name.ext-xls:before,
-.token.treeview-part .entry-name.ext-xlsx:before {
- content: "\ea0a"
-}
-
-.token.treeview-part .entry-name.ext-doc:before,
-.token.treeview-part .entry-name.ext-docm:before,
-.token.treeview-part .entry-name.ext-docx:before {
- content: "\ea0c"
-}
-
-.token.treeview-part .entry-name.ext-pps:before,
-.token.treeview-part .entry-name.ext-ppt:before,
-.token.treeview-part .entry-name.ext-pptx:before {
- content: "\ea0b"
-}