diff options
| -rw-r--r-- | assets/css/main.css | 1175 | ||||
| -rw-r--r-- | assets/css/prism-beautify.css | 891 |
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" -} |
