☰

华为云空间“备忘录”UI改善

优化华为云空间“备忘录”UI呈现，更符合新版设计风格。

目前為 2023-07-22 提交的版本，檢視 最新版本。

  1. // ==UserScript==
  2. // @name         华为云空间“备忘录”UI改善
  3. // @version      0.1
  4. // @description  优化华为云空间“备忘录”UI呈现，更符合新版设计风格。
  5. // @author       leisurefire
  6. // @match        https://cloud.huawei.com/*
  7. // @match        http://cloud.huawei.com/*
  8. // @icon         https://www.google.com/s2/favicons?sz=64&domain=huawei.com
  9. // @namespace https://gf.qytechs.cn/users/1005211
  10. // ==/UserScript==
  11.  
  12. (function() {
  13.     'use strict';
  14.  
  15.     let css = '*{\n' +
  16.         '    font-family: HarmonyOS Sans, serif !important;\n' +
  17.         '}\n' +
  18.         'body{\n' +
  19.         '  height: 100vh !important;\n' +
  20.         '  width: 100vw !important;\n' +
  21.         '  overflow: hidden !important;\n' +
  22.         '}\n' +
  23.         '#appLoading{display:none}' +
  24.         '.pop_box_son{\n' +
  25.         '  box-shadow: none !important;\n' +
  26.         '  border:none;\n' +
  27.         '  border-radius: 18px !important;\n' +
  28.         '  padding: 16px 24px 16px 24px !important;\n' +
  29.         '  background-color: rgba(255,255,255,0.64) !important;\n' +
  30.         '  backdrop-filter: blur(20px) saturate(200%) !important;\n' +
  31.         '}\n' +
  32.         '.pop_tip_title{\n' +
  33.         '  font-size: 21px !important;\n' +
  34.         '  font-weight: 500;\n' +
  35.         '}\n' +
  36.         '.buttons{\n' +
  37.         '  margin-top: 18px !important;\n' +
  38.         '}\n' +
  39.         '.pop_button{\n' +
  40.         '  background-color: transparent !important;\n' +
  41.         '  font-size: 16px !important;\n' +
  42.         '  width: 50% !important;\n' +
  43.         '  border: none !important;\n' +
  44.         '  margin-left: 0 !important;\n' +
  45.         '  height: 42px !important;\n' +
  46.         '  line-height: 42px !important;\n' +
  47.         '  border-radius: 42px !important;\n' +
  48.         '}\n' +
  49.         '.pop_button:hover{\n' +
  50.         '    background-color: rgba(0,0,0,.04) !important;\n' +
  51.         '}\n' +
  52.         '.mb48{\n' +
  53.         '    margin-top: 12px !important;\n' +
  54.         '}\n' +
  55.         '.notepad{' +
  56.         '   width: 100vw !important;' +
  57.         '   height: 100vh !important;' +
  58.         '   overflow: hidden;' +
  59.         '}' +
  60.         '.notepad_nav_down{\n' +
  61.         '    display: none;\n' +
  62.         '}\n' +
  63.         '.notepad_nav{\n' +
  64.         '    pointer-events: none;\n' +
  65.         '    height: 64px !important;\n' +
  66.         '    line-height: 64px !important;\n' +
  67.         '    background-color: white;\n' +
  68.         '    width: 100vw;\n' +
  69.         '    z-index: 100;\n' +
  70.         '}\n' +
  71.         '.notepad_nav_icon{\n' +
  72.         '  margin-left: 56px !important;\n' +
  73.         '  margin-right: 8px !important;\n' +
  74.         '  margin-top: 8px !important;\n' +
  75.         '  margin-bottom: 12px !important;\n' +
  76.         '  width: 48px !important;\n' +
  77.         '  height: 48px !important;\n' +
  78.         '  background-repeat: no-repeat !important;\n' +
  79.         '  background-size: contain !important;\n' +
  80.         '}\n' +
  81.         '.notepad_nav_title{\n' +
  82.         '  font-size: 21px !important;\n' +
  83.         '}\n' +
  84.         '.notepad_left{width: 48px !important}' +
  85.         '.notepad_tab{\n' +
  86.         '  display: block !important;\n' +
  87.         '  position: fixed;\n' +
  88.         '  top: 64px;\n' +
  89.         '  left: 0;\n' +
  90.         '  width: 48px;\n' +
  91.         '  height: 100vh !important;\n' +
  92.         '   background-color: white;\n' +
  93.         '  z-index: 99;\n' +
  94.         '   cursor: default !important;' +
  95.         '   overflow: hidden;' +
  96.         'transition: all 0.32s;' +
  97.         '}\n' +
  98.         '.notepad_tab *{\n' +
  99.         '   display: block !important;\n' +
  100.         '   height: calc(48px) !important;\n' +
  101.         '   border: none !important;\n' +
  102.         '   border-radius: 12px !important;\n' +
  103.         '   margin-bottom: 8px !important;' +
  104.         '   cursor:pointer;' +
  105.         '   padding-left: 48px;' +
  106.         '   line-height: 48px !important;' +
  107.         '   font-size: 16px !important;' +
  108.         '   text-align: left !important;' +
  109.         '   transition: all 0.32s;' +
  110.         '}\n' +
  111.         '.notepad_tab *:hover{\n' +
  112.         ' \tbackground-color: rgb(225,225,225);\n' +
  113.         '}\n' +
  114.         '.notepad_tab *:before{\n' +
  115.         '  margin-top: calc(0px);\n' +
  116.         '  display: inline-block;\n' +
  117.         '  content: "";\n' +
  118.         '  position: absolute;\n' +
  119.         '  height: 48px;\n' +
  120.         '  width: 48px;\n' +
  121.         '  background-size: 54%;\n' +
  122.         '  background-repeat: no-repeat;\n' +
  123.         '  background-position: center;' +
  124.         '   left: 8px;\n' +
  125.         '}\n' +
  126.         '.notepad_tab *:first-child:before{\n' +
  127.         '\tbackground-image: url(\'data:image/svg+xml;base64, PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgdmVyc2lvbj0iMS4xIj4KICAgIDx0aXRsZT5QdWJsaWMvaWNfcHVibGljX25vdGVzPC90aXRsZT4KICAgIDxkZWZzPgogICAgICAgIDxwYXRoIGQ9Ik0xNS44NzIyMjk2LDEgQzE3LjYxNzMzMDEsMSAxOC4yNzM4MTE0LDEuMTc3ODM1MjEgMTguOTEyMDgsMS41MTIyMzQ5NyBMMTguOTUzNjkxNCwxLjUzNDI2NTQxIEMxOS41NzQ1MDI3LDEuODY2Mjc4OTIgMjAuMDY4MDgwNywyLjM0NjEwNDY0IDIwLjQxNDgyNjQsMi45NTQxNDM2IEwyMC40NjU3MzQ2LDMuMDQ2MzA4NTkgQzIwLjgxNDM0ODgsMy42OTgxNjA0NCAyMSw0LjM0NDczMjkyIDIxLDYuMTI3NzcwNCBMMjEsMTcuODcyMjI5NiBMMjAuOTk4OTkzMiwxOC4wOTM3NjU3IEMyMC45ODQyNDAxLDE5LjY3NDM4MSAyMC44MDc2MjU3LDIwLjMwMTU2MjIgMjAuNDg3NzY1LDIwLjkxMjA4IEwyMC40NjU3MzQ2LDIwLjk1MzY5MTQgQzIwLjEzMzcyMTEsMjEuNTc0NTAyNyAxOS42NTM4OTU0LDIyLjA2ODA4MDcgMTkuMDQ1ODU2NCwyMi40MTQ4MjY0IEwxOC45NTM2OTE0LDIyLjQ2NTczNDYgQzE4LjMwMTgzOTYsMjIuODE0MzQ4OCAxNy42NTUyNjcxLDIzIDE1Ljg3MjIyOTYsMjMgTDguMTI3NzcwNCwyMyBMNy45MDYyMzQyNiwyMi45OTg5OTMyIEM2LjMyNTYxODk5LDIyLjk4NDI0MDEgNS42OTg0Mzc4MywyMi44MDc2MjU3IDUuMDg3OTE5OTksMjIuNDg3NzY1IEw1LjA0NjMwODU5LDIyLjQ2NTczNDYgQzQuNDI1NDk3MzEsMjIuMTMzNzIxMSAzLjkzMTkxOTMxLDIxLjY1Mzg5NTQgMy41ODUxNzM1OCwyMS4wNDU4NTY0IEwzLjUzNDI2NTQxLDIwLjk1MzY5MTQgQzMuMTg1NjUxMjIsMjAuMzAxODM5NiAzLDE5LjY1NTI2NzEgMywxNy44NzIyMjk2IEwzLDYuMTI3NzcwNCBDMyw0LjM4MjY2OTg5IDMuMTc3ODM1MjEsMy43MjYxODg2NCAzLjUxMjIzNDk3LDMuMDg3OTE5OTkgTDMuNTM0MjY1NDEsMy4wNDYzMDg1OSBDMy44NjYyNzg5MiwyLjQyNTQ5NzMxIDQuMzQ2MTA0NjQsMS45MzE5MTkzMSA0Ljk1NDE0MzYsMS41ODUxNzM1OCBMNS4wNDYzMDg1OSwxLjUzNDI2NTQxIEM1LjY5ODE2MDQ0LDEuMTg1NjUxMjIgNi4zNDQ3MzI5MiwxIDguMTI3NzcwNCwxIEwxNS44NzIyMjk2LDEgWiBNMTYuMDc1MzM4MSwyLjUwMDcwNjU1IEw4LjAyNDUzODMzLDIuNTAwMTc1NDEgTDcuODIzMDU4MDQsMi41MDE2NTggQzYuNjU1MDgxNiwyLjUxNTE3NjcgNi4yMDk4MTYwOCwyLjYxMzA1NTM0IDUuNzUzNzA2ODgsMi44NTY5ODUyIEM1LjM2MzI1Nzc0LDMuMDY1Nzk5NjkgNS4wNjU3OTk2OSwzLjM2MzI1Nzc0IDQuODU2OTg1MiwzLjc1MzcwNjg4IEM0LjU5MjkwMTU5LDQuMjQ3NTAwMzIgNC41LDQuNzI4NTg0MjEgNC41LDYuMTI3NzcwNCBMNC41MDAxNzU0MSwxNy45NzU0NjE3IEw0LjUwMTY1OCwxOC4xNzY5NDIgQzQuNTE1MTc2NywxOS4zNDQ5MTg0IDQuNjEzMDU1MzQsMTkuNzkwMTgzOSA0Ljg1Njk4NTIsMjAuMjQ2MjkzMSBDNS4wNjU3OTk2OSwyMC42MzY3NDIzIDUuMzYzMjU3NzQsMjAuOTM0MjAwMyA1Ljc1MzcwNjg4LDIxLjE0MzAxNDggQzYuMjIyODEwNjQsMjEuMzkzODk0MiA2LjY4MDQ0NDA1LDIxLjQ5MDI4MTkgNy45MjQ2NjE4OSwyMS40OTkyOTM1IEw4LjEyNzc3MDQsMjEuNSBMMTUuODcyMjI5NiwyMS41IEMxNy4yNzE0MTU4LDIxLjUgMTcuNzUyNDk5NywyMS40MDcwOTg0IDE4LjI0NjI5MzEsMjEuMTQzMDE0OCBDMTguNjM2NzQyMywyMC45MzQyMDAzIDE4LjkzNDIwMDMsMjAuNjM2NzQyMyAxOS4xNDMwMTQ4LDIwLjI0NjI5MzEgQzE5LjM5Mzg5NDIsMTkuNzc3MTg5NCAxOS40OTAyODE5LDE5LjMxOTU1NiAxOS40OTkyOTM1LDE4LjA3NTMzODEgTDE5LjUsMTcuODcyMjI5NiBMMTkuNSw2LjEyNzc3MDQgQzE5LjUsNC43Mjg1ODQyMSAxOS40MDcwOTg0LDQuMjQ3NTAwMzIgMTkuMTQzMDE0OCwzLjc1MzcwNjg4IEMxOC45MzQyMDAzLDMuMzYzMjU3NzQgMTguNjM2NzQyMywzLjA2NTc5OTY5IDE4LjI0NjI5MzEsMi44NTY5ODUyIEMxNy43NzcxODk0LDIuNjA2MTA1NzcgMTcuMzE5NTU2LDIuNTA5NzE4MTEgMTYuMDc1MzM4MSwyLjUwMDcwNjU1IFogTTEyLDE2LjI1IEMxMi40MTQyMTM2LDE2LjI1IDEyLjc1LDE2LjU4NTc4NjQgMTIuNzUsMTcgQzEyLjc1LDE3LjQxNDIxMzYgMTIuNDE0MjEzNiwxNy43NSAxMiwxNy43NSBMNy41LDE3Ljc1IEM3LjA4NTc4NjQ0LDE3Ljc1IDYuNzUsMTcuNDE0MjEzNiA2Ljc1LDE3IEM2Ljc1LDE2LjU4NTc4NjQgNy4wODU3ODY0NCwxNi4yNSA3LjUsMTYuMjUgTDEyLDE2LjI1IFogTTE2LjUsMTEuMjUgQzE2LjkxNDIxMzYsMTEuMjUgMTcuMjUsMTEuNTg1Nzg2NCAxNy4yNSwxMiBDMTcuMjUsMTIuNDE0MjEzNiAxNi45MTQyMTM2LDEyLjc1IDE2LjUsMTIuNzUgTDcuNSwxMi43NSBDNy4wODU3ODY0NCwxMi43NSA2Ljc1LDEyLjQxNDIxMzYgNi43NSwxMiBDNi43NSwxMS41ODU3ODY0IDcuMDg1Nzg2NDQsMTEuMjUgNy41LDExLjI1IEwxNi41LDExLjI1IFogTTE2LjUsNi4yNSBDMTYuOTE0MjEzNiw2LjI1IDE3LjI1LDYuNTg1Nzg2NDQgMTcuMjUsNyBDMTcuMjUsNy40MTQyMTM1NiAxNi45MTQyMTM2LDcuNzUgMTYuNSw3Ljc1IEw3LjUsNy43NSBDNy4wODU3ODY0NCw3Ljc1IDYuNzUsNy40MTQyMTM1NiA2Ljc1LDcgQzYuNzUsNi41ODU3ODY0NCA3LjA4NTc4NjQ0LDYuMjUgNy41LDYuMjUgTDE2LjUsNi4yNSBaIiBpZD0iX3BhdGgtMSIvPgogICAgPC9kZWZzPgogICAgPGcgaWQ9Il9QdWJsaWMvaWNfcHVibGljX25vdGVzIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8bWFzayBpZD0iX21hc2stMiIgZmlsbD0id2hpdGUiPgogICAgICAgICAgICA8dXNlIHhsaW5rOmhyZWY9IiNfcGF0aC0xIi8+CiAgICAgICAgPC9tYXNrPgogICAgICAgIDx1c2UgaWQ9Il/lvaLnirbnu5PlkIgiIGZpbGw9IiMwMDAwMDAiIGZpbGwtcnVsZT0ibm9uemVybyIgeGxpbms6aHJlZj0iI19wYXRoLTEiLz4KICAgIDwvZz4KPC9zdmc+\');\n' +
  128.         '}\n' +
  129.         '.notepad_tab *:last-child:before{\n' +
  130.         '  background-image: url(\'data:image/svg+xml;base64, PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgdmVyc2lvbj0iMS4xIj4KICAgIDx0aXRsZT5QdWJsaWMvaWNfcHVibGljX3RvZG88L3RpdGxlPgogICAgPGRlZnM+CiAgICAgICAgPHBhdGggZD0iTTEyLDEgQzE4LjA3NTEzMjIsMSAyMyw1LjkyNDg2Nzc1IDIzLDEyIEMyMywxOC4wNzUxMzIyIDE4LjA3NTEzMjIsMjMgMTIsMjMgQzUuOTI0ODY3NzUsMjMgMSwxOC4wNzUxMzIyIDEsMTIgQzEsNS45MjQ4Njc3NSA1LjkyNDg2Nzc1LDEgMTIsMSBaIE0xMiwyLjUgQzYuNzUzMjk0ODgsMi41IDIuNSw2Ljc1MzI5NDg4IDIuNSwxMiBDMi41LDE3LjI0NjcwNTEgNi43NTMyOTQ4OCwyMS41IDEyLDIxLjUgQzE3LjI0NjcwNTEsMjEuNSAyMS41LDE3LjI0NjcwNTEgMjEuNSwxMiBDMjEuNSw2Ljc1MzI5NDg4IDE3LjI0NjcwNTEsMi41IDEyLDIuNSBaIE0xOC4xODcxODQzLDguNzE5NjY5OTEgQzE4LjQ2OTYxNzEsOS4wMDIxMDI2NiAxOC40Nzk3MDQsOS40NTM3NDk0MyAxOC4yMTc0NDUsOS43NDgyNjg5IEwxOC4xODcxODQzLDkuNzgwMzMwMDkgTDEyLjIzNzQzNjksMTUuNzMwMDc3NiBDMTEuNTY4MjU3MiwxNi4zOTkyNTcyIDEwLjQ5MTk2NDYsMTYuNDEzMTk4NCA5LjgwNTgyMTk0LDE1Ljc3MTkwMTMgTDkuNzYyNTYzMTMsMTUuNzMwMDc3NiBMNi4zMTI4MTU2NiwxMi4yODAzMzAxIEM2LjIwNjMwOTA0LDEyLjE3MzgyMzUgNi4xMzg1MzIxLDEyLjA0MzI1MzMgNi4xMDk0ODQ4NCwxMS45MDYxMjAzIEw2LjA5NDk2MTIsMTEuODAyMzEzNiBMNi4wOTQ5NjEyLDExLjY5NzY4NjQgQzYuMTA3MDY0MjMsMTEuNTIzNTM1OCA2LjE3OTY4MjM4LDExLjM1MjgwMzIgNi4zMTI4MTU2NiwxMS4yMTk2Njk5IEM2LjU5NTI0ODQxLDEwLjkzNzIzNzIgNy4wNDY4OTUxOCwxMC45MjcxNTAzIDcuMzQxNDE0NjUsMTEuMTg5NDA5MyBMNy4zNzM0NzU4NCwxMS4yMTk2Njk5IEwxMC40Njk2Njk5LDE0LjMxNTg2NCBDMTAuNzUyMTAyNywxNC41OTgyOTY3IDExLjIwMzc0OTQsMTQuNjA4MzgzNiAxMS40OTgyNjg5LDE0LjM0NjEyNDYgTDExLjUzMDMzMDEsMTQuMzE1ODY0IEwxNy4xMjY1MjQyLDguNzE5NjY5OTEgQzE3LjQxOTQxNzQsOC40MjY3NzY3IDE3Ljg5NDI5MTEsOC40MjY3NzY3IDE4LjE4NzE4NDMsOC43MTk2Njk5MSBaIiBpZD0iX3BhdGgtMSIvPgogICAgPC9kZWZzPgogICAgPGcgaWQ9Il9QdWJsaWMvaWNfcHVibGljX3RvZG8iIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxtYXNrIGlkPSJfbWFzay0yIiBmaWxsPSJ3aGl0ZSI+CiAgICAgICAgICAgIDx1c2UgeGxpbms6aHJlZj0iI19wYXRoLTEiLz4KICAgICAgICA8L21hc2s+CiAgICAgICAgPHVzZSBpZD0iX+W9oueKtue7k+WQiCIgZmlsbD0iIzAwMDAwMCIgZmlsbC1ydWxlPSJub256ZXJvIiB4bGluazpocmVmPSIjX3BhdGgtMSIvPgogICAgPC9nPgo8L3N2Zz4=\')\n' +
  131.         '}\n' +
  132.         '.notepad_tab_active:first-child:before{\n' +
  133.         '  background-image: url(\'data:image/svg+xml;base64, PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgdmVyc2lvbj0iMS4xIj4KICAgIDx0aXRsZT5QdWJsaWMvaWNfcHVibGljX25vdGVzX2ZpbGxlZDwvdGl0bGU+CiAgICA8ZGVmcz4KICAgICAgICA8cGF0aCBkPSJNMTUuODcyMjI5NiwxIEMxNy42MTczMzAxLDEgMTguMjczODExNCwxLjE3NzgzNTIxIDE4LjkxMjA4LDEuNTEyMjM0OTcgTDE4Ljk1MzY5MTQsMS41MzQyNjU0MSBDMTkuNTc0NTAyNywxLjg2NjI3ODkyIDIwLjA2ODA4MDcsMi4zNDYxMDQ2NCAyMC40MTQ4MjY0LDIuOTU0MTQzNiBMMjAuNDY1NzM0NiwzLjA0NjMwODU5IEMyMC44MTQzNDg4LDMuNjk4MTYwNDQgMjEsNC4zNDQ3MzI5MiAyMSw2LjEyNzc3MDQgTDIxLDE3Ljg3MjIyOTYgTDIwLjk5ODk5MzIsMTguMDkzNzY1NyBDMjAuOTg0MjQwMSwxOS42NzQzODEgMjAuODA3NjI1NywyMC4zMDE1NjIyIDIwLjQ4Nzc2NSwyMC45MTIwOCBMMjAuNDY1NzM0NiwyMC45NTM2OTE0IEMyMC4xMzM3MjExLDIxLjU3NDUwMjcgMTkuNjUzODk1NCwyMi4wNjgwODA3IDE5LjA0NTg1NjQsMjIuNDE0ODI2NCBMMTguOTUzNjkxNCwyMi40NjU3MzQ2IEMxOC4zMDE4Mzk2LDIyLjgxNDM0ODggMTcuNjU1MjY3MSwyMyAxNS44NzIyMjk2LDIzIEw4LjEyNzc3MDQsMjMgTDcuOTA2MjM0MjYsMjIuOTk4OTkzMiBDNi4zMjU2MTg5OSwyMi45ODQyNDAxIDUuNjk4NDM3ODMsMjIuODA3NjI1NyA1LjA4NzkxOTk5LDIyLjQ4Nzc2NSBMNS4wNDYzMDg1OSwyMi40NjU3MzQ2IEM0LjQyNTQ5NzMxLDIyLjEzMzcyMTEgMy45MzE5MTkzMSwyMS42NTM4OTU0IDMuNTg1MTczNTgsMjEuMDQ1ODU2NCBMMy41MzQyNjU0MSwyMC45NTM2OTE0IEMzLjE4NTY1MTIyLDIwLjMwMTgzOTYgMywxOS42NTUyNjcxIDMsMTcuODcyMjI5NiBMMyw2LjEyNzc3MDQgQzMsNC4zODI2Njk4OSAzLjE3NzgzNTIxLDMuNzI2MTg4NjQgMy41MTIyMzQ5NywzLjA4NzkxOTk5IEwzLjUzNDI2NTQxLDMuMDQ2MzA4NTkgQzMuODY2Mjc4OTIsMi40MjU0OTczMSA0LjM0NjEwNDY0LDEuOTMxOTE5MzEgNC45NTQxNDM2LDEuNTg1MTczNTggTDUuMDQ2MzA4NTksMS41MzQyNjU0MSBDNS42OTgxNjA0NCwxLjE4NTY1MTIyIDYuMzQ0NzMyOTIsMSA4LjEyNzc3MDQsMSBMMTUuODcyMjI5NiwxIFogTTEyLDE2LjI1IEw3LjUsMTYuMjUgQzcuMDg1Nzg2NDQsMTYuMjUgNi43NSwxNi41ODU3ODY0IDYuNzUsMTcgQzYuNzUsMTcuNDE0MjEzNiA3LjA4NTc4NjQ0LDE3Ljc1IDcuNSwxNy43NSBMNy41LDE3Ljc1IEwxMiwxNy43NSBDMTIuNDE0MjEzNiwxNy43NSAxMi43NSwxNy40MTQyMTM2IDEyLjc1LDE3IEMxMi43NSwxNi41ODU3ODY0IDEyLjQxNDIxMzYsMTYuMjUgMTIsMTYuMjUgTDEyLDE2LjI1IFogTTE2LjUsMTEuMjUgTDcuNSwxMS4yNSBDNy4wODU3ODY0NCwxMS4yNSA2Ljc1LDExLjU4NTc4NjQgNi43NSwxMiBDNi43NSwxMi40MTQyMTM2IDcuMDg1Nzg2NDQsMTIuNzUgNy41LDEyLjc1IEw3LjUsMTIuNzUgTDE2LjUsMTIuNzUgQzE2LjkxNDIxMzYsMTIuNzUgMTcuMjUsMTIuNDE0MjEzNiAxNy4yNSwxMiBDMTcuMjUsMTEuNTg1Nzg2NCAxNi45MTQyMTM2LDExLjI1IDE2LjUsMTEuMjUgTDE2LjUsMTEuMjUgWiBNMTYuNSw2LjI1IEw3LjUsNi4yNSBDNy4wODU3ODY0NCw2LjI1IDYuNzUsNi41ODU3ODY0NCA2Ljc1LDcgQzYuNzUsNy40MTQyMTM1NiA3LjA4NTc4NjQ0LDcuNzUgNy41LDcuNzUgTDcuNSw3Ljc1IEwxNi41LDcuNzUgQzE2LjkxNDIxMzYsNy43NSAxNy4yNSw3LjQxNDIxMzU2IDE3LjI1LDcgQzE3LjI1LDYuNTg1Nzg2NDQgMTYuOTE0MjEzNiw2LjI1IDE2LjUsNi4yNSBMMTYuNSw2LjI1IFoiIGlkPSJfcGF0aC0xIi8+CiAgICA8L2RlZnM+CiAgICA8ZyBpZD0iX1B1YmxpYy9pY19wdWJsaWNfbm90ZXNfZmlsbGVkIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8bWFzayBpZD0iX21hc2stMiIgZmlsbD0id2hpdGUiPgogICAgICAgICAgICA8dXNlIHhsaW5rOmhyZWY9IiNfcGF0aC0xIi8+CiAgICAgICAgPC9tYXNrPgogICAgICAgIDx1c2UgaWQ9Il/lvaLnirbnu5PlkIgiIGZpbGw9InJnYigxMCw4OSwyNDcpIiB4bGluazpocmVmPSIjX3BhdGgtMSIvPgogICAgPC9nPgo8L3N2Zz4=\')\n' +
  134.         '}\n' +
  135.         '.notepad_tab_active:last-child:before{\n' +
  136.         '  background-image: url(\'data:image/svg+xml;base64, PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgdmVyc2lvbj0iMS4xIj4KICAgIDx0aXRsZT5QdWJsaWMvaWNfcHVibGljX3RvZG9fZmlsbGVkPC90aXRsZT4KICAgIDxkZWZzPgogICAgICAgIDxwYXRoIGQ9Ik0xMiwxIEMxOC4wNzUxMzIyLDEgMjMsNS45MjQ4Njc3NSAyMywxMiBDMjMsMTguMDc1MTMyMiAxOC4wNzUxMzIyLDIzIDEyLDIzIEM1LjkyNDg2Nzc1LDIzIDEsMTguMDc1MTMyMiAxLDEyIEMxLDUuOTI0ODY3NzUgNS45MjQ4Njc3NSwxIDEyLDEgWiBNMTguMTg3MTg0Myw4LjcxOTY2OTkxIEMxNy44OTQyOTExLDguNDI2Nzc2NyAxNy40MTk0MTc0LDguNDI2Nzc2NyAxNy4xMjY1MjQyLDguNzE5NjY5OTEgTDE3LjEyNjUyNDIsOC43MTk2Njk5MSBMMTEuNTMwMzMwMSwxNC4zMTU4NjQgTDExLjQ5ODI2ODksMTQuMzQ2MTI0NiBDMTEuMjAzNzQ5NCwxNC42MDgzODM2IDEwLjc1MjEwMjcsMTQuNTk4Mjk2NyAxMC40Njk2Njk5LDE0LjMxNTg2NCBMMTAuNDY5NjY5OSwxNC4zMTU4NjQgTDcuMzczNDc1ODQsMTEuMjE5NjY5OSBMNy4zNDE0MTQ2NSwxMS4xODk0MDkzIEM3LjA0Njg5NTE4LDEwLjkyNzE1MDMgNi41OTUyNDg0MSwxMC45MzcyMzcyIDYuMzEyODE1NjYsMTEuMjE5NjY5OSBDNi4xNzk2ODIzOCwxMS4zNTI4MDMyIDYuMTA3MDY0MjMsMTEuNTIzNTM1OCA2LjA5NDk2MTIsMTEuNjk3Njg2NCBMNi4wOTQ5NjEyLDExLjY5NzY4NjQgTDYuMDk0OTYxMiwxMS44MDIzMTM2IEw2LjEwOTQ4NDg0LDExLjkwNjEyMDMgQzYuMTM4NTMyMSwxMi4wNDMyNTMzIDYuMjA2MzA5MDQsMTIuMTczODIzNSA2LjMxMjgxNTY2LDEyLjI4MDMzMDEgTDYuMzEyODE1NjYsMTIuMjgwMzMwMSBMOS43NjI1NjMxMywxNS43MzAwNzc2IEw5LjgwNTgyMTk0LDE1Ljc3MTkwMTMgQzEwLjQ5MTk2NDYsMTYuNDEzMTk4NCAxMS41NjgyNTcyLDE2LjM5OTI1NzIgMTIuMjM3NDM2OSwxNS43MzAwNzc2IEwxMi4yMzc0MzY5LDE1LjczMDA3NzYgTDE4LjE4NzE4NDMsOS43ODAzMzAwOSBMMTguMjE3NDQ1LDkuNzQ4MjY4OSBDMTguNDc5NzA0LDkuNDUzNzQ5NDMgMTguNDY5NjE3MSw5LjAwMjEwMjY2IDE4LjE4NzE4NDMsOC43MTk2Njk5MSBaIiBpZD0iX3BhdGgtMSIvPgogICAgPC9kZWZzPgogICAgPGcgaWQ9Il9QdWJsaWMvaWNfcHVibGljX3RvZG9fZmlsbGVkIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8bWFzayBpZD0iX21hc2stMiIgZmlsbD0id2hpdGUiPgogICAgICAgICAgICA8dXNlIHhsaW5rOmhyZWY9IiNfcGF0aC0xIi8+CiAgICAgICAgPC9tYXNrPgogICAgICAgIDx1c2UgaWQ9Il/lvaLnirbnu5PlkIgiIGZpbGw9InJnYigxMCw4OSwyNDcpIiBmaWxsLXJ1bGU9Im5vbnplcm8iIHhsaW5rOmhyZWY9IiNfcGF0aC0xIi8+CiAgICA8L2c+Cjwvc3ZnPg==\')\n' +
  137.         '}\n' +
  138.         '.category_list{\n' +
  139.         '  margin-top: 68px;\n' +
  140.         '  margin-left: 12px;\n' +
  141.         '  display: none;\n' +
  142.         '  position: fixed;\n' +
  143.         '  left: 52px;\n' +
  144.         '  width: unset;\n' +
  145.         '  z-index: 99;\n' +
  146.         '  height: calc(100vh - 96px) !important;\n' +
  147.         '  transition: none;\n' +
  148.         '  border-radius: 0 0 16px 16px;' +
  149.         '  padding-right: 8px;' +
  150.         '  padding-left: 12px;' +
  151.         '  background-color: rgb(241, 243, 245);' +
  152.         '   animation: list 0.36s ease-in-out;' +
  153.         '}\n' +
  154.         '@keyframes list{' +
  155.         '  from{margin-top: 48px; opacity:0;}' +
  156.         '   to{margin-top: 68px; opacity:1}' +
  157.         '}'+
  158.         '.category_list_title{\n' +
  159.         '    padding: 12px;\n' +
  160.         '    line-height: 26px;\n' +
  161.         '    font-size: 26px;\n' +
  162.         '    display: block;\n' +
  163.         '    top: 78px;\n' +
  164.         '    left: 72px;\n' +
  165.         '    position: fixed;\n' +
  166.         '    height: 36px;\n' +
  167.         '    width: unset;\n' +
  168.         '    z-index: 98;\n' +
  169.         '    cursor: pointer;\n' +
  170.         '}\n' +
  171.         '.category_list::-webkit-scrollbar {\n' +
  172.         '    display:none;\n' +
  173.         '}\n' +
  174.         '.category_item{\n' +
  175.         '  width: calc(100% - 18px);\n' +
  176.         '  margin-left: 8px;\n' +
  177.         '  color: black !important;\n' +
  178.         '  cursor: pointer;\n' +
  179.         '  position: relative;\n' +
  180.         '  background-color: white;\n' +
  181.         '  padding-top: 6px;\n' +
  182.         '  padding-bottom: 6px;\n' +
  183.         '}\n' +
  184.         '.category_item:hover{\n' +
  185.         '  color: black;\n' +
  186.         ' \tbackground-color: rgb(225,225,225);\n' +
  187.         '}\n' +
  188.         '.category_item:after{\n' +
  189.         '  display: block;\n' +
  190.         '  content: "";\n' +
  191.         '  width: calc(80% - 8px);\n' +
  192.         '  height: 1px;\n' +
  193.         '  border-bottom: solid 0.8px rgb(204,204,204);\n' +
  194.         '  position: absolute;\n' +
  195.         '  bottom: 0;\n' +
  196.         '  left: 20%;\n' +
  197.         '}\n' +
  198.         '.category_item:last-child:after{\n' +
  199.         '  display: none;\n' +
  200.         '}\n' +
  201.         '.category_item_active{' +
  202.         '   color: rgb(10,89,247) !important}' +
  203.         '.category_item_active::before{\n' +
  204.         '  display: none !important;\n' +
  205.         '}\n' +
  206.         '.category_item_icon{\n' +
  207.         '  margin-left: 8px !important;\n' +
  208.         '}\n' +
  209.         '.category_item_name{\n' +
  210.         '  margin-left: 8px;\n' +
  211.         '}\n' +
  212.         '.category_item_number{\n' +
  213.         '  position: relative;\n' +
  214.         '  float: right;\n' +
  215.         '  right: 16px;\n' +
  216.         '}\n' +
  217.         '.category_title{\n' +
  218.         '  margin-top: 12px;\n' +
  219.         '}\n' +
  220.         '.categoryList_0{\n' +
  221.         '  border-radius: 12px 12px 0 0;\n' +
  222.         '}\n' +
  223.         '.unCategorized{\n' +
  224.         '  border-radius: 0 0 12px 12px;\n' +
  225.         '}\n' +
  226.         '#allNote{\n' +
  227.         '  position: relative;\n' +
  228.         '  border-radius: 12px 12px 0 0;\n' +
  229.         '}\n' +
  230.         '#allTask{\n' +
  231.         '  border-radius: 12px;\n' +
  232.         '}\n' +
  233.         '#allTask:after{\n' +
  234.         '  display: none;\n' +
  235.         '}\n' +
  236.         '#noteFavorite{\n' +
  237.         '\tborder-radius: 0 0 12px 12px;\n' +
  238.         '}\n' +
  239.         '#noteFavorite:after{\n' +
  240.         '\tdisplay: none;\n' +
  241.         '}\n' +
  242.         '.notepad_center{\n' +
  243.         '\tposition: relative;\n' +
  244.         '  left: calc(16px);\n' +
  245.         '  top: 64px;\n' +
  246.         '  background-color: rgb(241,243,245) !important;\n' +
  247.         '   border-radius: 16px 0 0 0;' +
  248.         '   border: none !important;' +
  249.         '}\n' +
  250.         '.note_item_title{\n' +
  251.         '    cursor: pointer;\n' +
  252.         '}\n' +
  253.         '.note_list_create, .task_list_create{\n' +
  254.         '  position: absolute;\n' +
  255.         '  top: calc(100vh - 132px);\n' +
  256.         '  left: calc(100% - 64px);\n' +
  257.         '  z-index: 99;\n' +
  258.         '  height: 48px !important;\n' +
  259.         '  width: 48px !important;\n' +
  260.         '  background-color: rgb(10,89,247);\n' +
  261.         '  border-radius: 50%;\n' +
  262.         '  color: white !important;\n' +
  263.         '  box-shadow: 0 2px 12px rgba(10,89,247,0.48);\n' +
  264.         '  transform: scale(1.2);\n' +
  265.         '  cursor: pointer;\n' +
  266.         '  background-image: url(\'data:image/svg+xml;base64, PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgdmVyc2lvbj0iMS4xIj4KICAgIDx0aXRsZT5QdWJsaWMvaWNfcHVibGljX2FkZF9maWxsZWQ8L3RpdGxlPgogICAgPGRlZnM+CiAgICAgICAgPHBhdGggZD0iTTEyLDIgQzEyLjU1MjI4NDcsMiAxMywyLjQ0NzcxNTI1IDEzLDMgTDEzLDIxIEMxMywyMS41NTIyODQ3IDEyLjU1MjI4NDcsMjIgMTIsMjIgQzExLjQ0NzcxNTMsMjIgMTEsMjEuNTUyMjg0NyAxMSwyMSBMMTEsMTMgTDMsMTMgQzIuNDQ3NzE1MjUsMTMgMiwxMi41NTIyODQ3IDIsMTIgQzIsMTEuNDQ3NzE1MyAyLjQ0NzcxNTI1LDExIDMsMTEgTDExLDExIEwxMSwzIEMxMSwyLjQ0NzcxNTI1IDExLjQ0NzcxNTMsMiAxMiwyIFogTTIxLDExIEMyMS41NTIyODQ3LDExIDIyLDExLjQ0NzcxNTMgMjIsMTIgQzIyLDEyLjU1MjI4NDcgMjEuNTUyMjg0NywxMyAyMSwxMyBMMTMuOTk5LDEzIEwxMy45OTksMTEgTDIxLDExIFoiIGlkPSJfcGF0aC0xIi8+CiAgICA8L2RlZnM+CiAgICA8ZyBpZD0iX1B1YmxpYy9pY19wdWJsaWNfYWRkX2ZpbGxlZCIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPG1hc2sgaWQ9Il9tYXNrLTIiIGZpbGw9IndoaXRlIj4KICAgICAgICAgICAgPHVzZSB4bGluazpocmVmPSIjX3BhdGgtMSIvPgogICAgICAgIDwvbWFzaz4KICAgICAgICA8dXNlIGlkPSJfQ29tYmluZWQtU2hhcGUiIGZpbGw9IndoaXRlIiBmaWxsLXJ1bGU9Im5vbnplcm8iIHhsaW5rOmhyZWY9IiNfcGF0aC0xIi8+CiAgICA8L2c+Cjwvc3ZnPg==\');'+
  267.         '  background-size: 60%;'+
  268.         '  background-repeat: no-repeat;' +
  269.         '  background-position: center;' +
  270.         '  transition: all 0.24s;' +
  271.         '}\n' +
  272.         '.note_list_create:hover, .task_list_create:hover{\n' +
  273.         '   transform: scale(1.16);\n' +
  274.         '  background-size: 72%;'+
  275.         '}\n' +
  276.         '.note_list_create span, .task_list_create span{\n'+
  277.         'opacity:0;'+
  278.         '}\n'+
  279.         '.note_list_type, .task_list_type{\n' +
  280.         '  display: none;\n' +
  281.         '  position: relative;\n' +
  282.         '  left: 100%;\n' +
  283.         '\ttop: 12px;\n' +
  284.         '}\n' +
  285.         '.listTypeBox{\n' +
  286.         '  position: absolute;\n' +
  287.         '  left: 100%;\n' +
  288.         '}\n' +
  289.         '.note_list_search{\n' +
  290.         '   position:fixed !important;' +
  291.         '   top: 6px !important;' +
  292.         '   left: 240px;' +
  293.         '   background-color: rgb(241,243,245) !important;\n' +
  294.         '   z-index: 100;' +
  295.         '   width: 240px !important;' +
  296.         '   height: 36px !important;' +
  297.         '}\n' +
  298.         '.note_list_content{' +
  299.         '   margin-top: 72px !important;' +
  300.         '}' +
  301.         '.note_item, .task_item{\n' +
  302.         '  cursor: pointer;\n' +
  303.         '  width: calc(100% - 14px) !important;\n' +
  304.         '  border-radius: 12px !important;\n' +
  305.         '  margin-bottom: 8px;\n' +
  306.         '  margin-left: 8px;\n' +
  307.         '  transition: all 0.32s;\n' +
  308.         '  background-color: white;\n' +
  309.         '}\n' +
  310.         '.task_item{\n' +
  311.         '  width: calc(100% - 56px) !important;\n' +
  312.         '}\n' +
  313.         '.task_item_titleTxt{\n' +
  314.         '  position: relative;\n' +
  315.         ' left: 2px !important;\n' +
  316.         '}\n' +
  317.         '.task_item_titleTxt{\n' +
  318.         '  cursor: pointer !important;\n' +
  319.         '}\n' +
  320.         '.note_item:hover, .task_item:hover{\n' +
  321.         '  background-color: rgb(225,225,225);\n' +
  322.         '  transform: scale(0.96);\n' +
  323.         '}\n' +
  324.         '.scrollable-container{\n' +
  325.         '  border-radius: 12px;\n' +
  326.         '}\n' +
  327.         '.task_list_title{\n' +
  328.         '  margin-left: 8px;\n' +
  329.         '}\n' +
  330.         '.task_list_content .scrollable-container{\n' +
  331.         '  margin-top: 64px !important;\n' +
  332.         '}\n' +
  333.         '.notepad_right{\n' +
  334.         '  position: relative;\n' +
  335.         '  left: 16px;\n'+
  336.         '  top: 64px;\n' +
  337.         '}\n' +
  338.         '.note_view{' +
  339.         '   background-color:rgb(241,243,245);' +
  340.         '   border-radius: 0 16px 0 0;' +
  341.         '}' +
  342.         '.notepad_header{\n' +
  343.         '  width: 75vw;\n' +
  344.         '   background-color: rgb(241,243,245) !important;' +
  345.         '}\n' +
  346.         '.note_detail_title{\n' +
  347.         '  padding-top: 12px !important;\n' +
  348.         '   background-color:white;border-radius:12px 0 0 0;' +
  349.         '}\n' +
  350.         '.note_detail_title span{\n' +
  351.         '  font-weight: 600 !important;\n' +
  352.         '  font-size: 24px !important;\n' +
  353.         '}\n' +
  354.         '.note_detail_timeLine{\n' +
  355.         '  margin-top: -8px !important;\n' +
  356.         '}\n' +
  357.         '.note_detail_content{background-color:white;}' +
  358.         '.text_setting, .notepad_list_pop{\n' +
  359.         '  border: none !important;\n' +
  360.         '  margin-top: 8px;\n' +
  361.         '  border-radius: 12px !important;;\n' +
  362.         '  box-shadow: 0 0 18px 0 rgba(0,0,0,.1), 0 0 24px 0 rgba(0,0,0,.1) !important;;\n' +
  363.         '}\n' +
  364.         '.text_setting_title{\n' +
  365.         '  display: none !important;\n' +
  366.         '}\n' +
  367.         '.zoom_active_line{\n' +
  368.         '  height: 14px !important;\n' +
  369.         '  top: 12.5px !important;\n' +
  370.         '  border-radius: 14px 0 0 14px;\n' +
  371.         '  background-color: rgba(10,89,247,1) !important;\n' +
  372.         '}\n' +
  373.         '.zoom_runway{\n' +
  374.         '  height: 14px !important;\n' +
  375.         '  top: 12.5px !important;\n' +
  376.         '  border-radius: 14px;\n' +
  377.         '}\n' +
  378.         '.zoom_ball{\n' +
  379.         '  border: none !important;\n' +
  380.         '}\n' +
  381.         '.zoom_point{\n' +
  382.         '  width: 4px !important;\n' +
  383.         '  height: 4px !important;\n' +
  384.         '  border-radius: 50%;\n' +
  385.         '  top: 17.5px !important;\n' +
  386.         '}\n' +
  387.         '.colorPick_item{\n' +
  388.         '  transition: all 0.32s;\n' +
  389.         '}\n' +
  390.         '.bgPick_itemWrap{\n' +
  391.         '  border-radius: 6px !important;\n' +
  392.         '}\n' +
  393.         '.list_pop_item{\n' +
  394.         '  border-radius: 6px;\n' +
  395.         '  margin-left: 2.5%;\n' +
  396.         '  width: 80% !important;\n' +
  397.         '}\n' +
  398.         '.userAndHelp{\n' +
  399.         '  position: fixed;\n' +
  400.         '  top: 10px;\n' +
  401.         '  right: 32px !important;\n' +
  402.         '  float: right;\n' +
  403.         '  z-index: 100 !important;\n' +
  404.         '}\n' +
  405.         '.userBox{\n' +
  406.         '  color: black !important;\n' +
  407.         '  padding: 0 8px;\n' +
  408.         '  border-radius: 50%;\n' +
  409.         '  width: 42px !important;\n' +
  410.         '  height: 42px !important;\n' +
  411.         '  overflow: hidden;' +
  412.         '}\n' +
  413.         '.userBox:hover{\n' +
  414.         '  color: black !important;\n' +
  415.         '  background-color: rgb(225,225,225) !important;\n' +
  416.         '}\n' +
  417.         '.userLeftHelp{\n' +
  418.         '  display: none;\n' +
  419.         '}\n' +
  420.         '.user_panel{\n' +
  421.         '  right: -24px !important;\n' +
  422.         '  border: none !important;\n' +
  423.         '  border-radius: 12px !important;\n' +
  424.         '  box-shadow: 0 0 18px 0 rgba(0,0,0,.1), 0 0 24px 0 rgba(0,0,0,.1) !important;\n' +
  425.         '  margin-top: 8px !important;' +
  426.         '}\n' +
  427.         '.userLeftarrow{\n' +
  428.         '  display: none !important;\n' +
  429.         '}'+
  430.         '.userImg{' +
  431.         '   width: 42px !important;' +
  432.         '   margin: 0 !important;' +
  433.         '   border-radius: 50% !important;' +
  434.         '}';
  435.     let head = document.head;
  436.     let style = document.createElement('style');
  437.     style.type = 'text/css';
  438.     if (style.styleSheet){
  439.         style.styleSheet.cssText = css;
  440.     } else {
  441.         style.appendChild(document.createTextNode(css));
  442.     }
  443.  
  444.     head.appendChild(style);
  445.     let note_tab = "全部笔记▾";
  446.     let task_tab = "全部待办▾";
  447.     let tab = 0;
  448.  
  449.     let h2 = document.createElement('h2');
  450.         if(window.location.href.includes("task")){
  451.             h2.innerText = task_tab;
  452.             tab = 1;
  453.         }
  454.         else {
  455.             h2.innerText = note_tab;
  456.         }
  457.         h2.className = 'category_list_title';
  458.  
  459.         h2.onclick = ()=>{
  460.             // h2.innerText = h2.innerText.slice(0, h2.innerText.length - 1) + (h2.innerText.at(-1) === '▾' ? '▴' : '▾');
  461.             let list = document.getElementsByClassName('category_list')[0];
  462.             list.style.display = list.style.display === 'block' ? 'none' : 'block';
  463.  
  464.             let width = document.getElementsByClassName('notepad_center')[0].offsetWidth - 20;
  465.             document.getElementsByClassName('category_list')[0].style.width = width + 'px';
  466.             let items = document.getElementsByClassName('category_item');
  467.  
  468.             for (let item of items) {
  469.                 for (let child of item.children[0].children) {
  470.                     if(child.className === 'category_item_number'){
  471.                         child.innerText = child.innerText.replace(/[()]/g, '');
  472.                         break;
  473.                     }
  474.                 }
  475.                 item.onclick = ()=> {
  476.                     for (let child of item.children[0].children) {
  477.                         if(child.className === 'category_item_name'){
  478.                             if(tab){
  479.                                 task_tab = child.getAttribute("title");
  480.                                 h2.innerText = task_tab;
  481.                             }
  482.                             else {
  483.                                 note_tab = child.getAttribute('title');
  484.                                 h2.innerText = note_tab;
  485.                             }
  486.                             document.getElementsByClassName('category_list')[0].style.display = 'none';
  487.                         }
  488.                     }
  489.                 }
  490.             }
  491.         }
  492.  
  493.     let elSet = setInterval(()=>{
  494.         let list = document.getElementsByClassName('category_list')[0];
  495.         if(list){
  496.             document.getElementsByClassName('notepad_center')[0].appendChild(h2);
  497.             let width = document.getElementsByClassName('notepad_center')[0].offsetWidth - 20;
  498.             document.getElementsByClassName('notepad_right')[0].style.width = "calc(100vw - 68px - " + width + "px)";
  499.  
  500.             document.getElementById('userName').innerText = "";
  501.  
  502.             document.getElementsByClassName('notepad_tab_note')[0].style.width = '0';
  503.             document.getElementsByClassName('notepad_tab_note')[0].onclick = () => {
  504.                 document.getElementsByClassName('category_list')[0].style.display = 'none';
  505.                 h2.innerText = note_tab;
  506.                 tab = 0;
  507.             }
  508.  
  509.             document.getElementsByClassName('notepad_tab_task')[0].style.width = '0';
  510.             document.getElementsByClassName('notepad_tab_task')[0].onclick = () => {
  511.                 document.getElementsByClassName('category_list')[0].style.display = 'none';
  512.                 h2.innerText = task_tab;
  513.                 tab = 1;
  514.             }
  515.  
  516.  
  517.             document.getElementsByClassName('notepad_tab')[0].onmouseover = function(){
  518.                 this.style.width = '240px';
  519.                 for (let child of this.children) {
  520.                     child.style.width = (240 - 48) + 'px';
  521.                 }
  522.             }
  523.             document.getElementsByClassName('notepad_tab')[0].onmouseleave = function () {
  524.                 this.style.width = '48px';
  525.                 for (let child of this.children) {
  526.                     child.style.width = '0px';
  527.                 }
  528.             }
  529.             // let cate = document.getElementsByClassName('search-placeholder')[0].innterText;
  530.             clearInterval(elSet);
  531.             elSet = null;
  532.         }
  533.     }, 100);
  534.     window.onresize = ()=>{
  535.         let width = document.getElementsByClassName('notepad_center')[0].offsetWidth - 20;
  536.         document.getElementsByClassName('category_list')[0].style.width = width + 'px';
  537.         document.getElementsByClassName('notepad_right')[0].style.width = "calc(100vw - 68px - " + width + "px)";
  538.     }
  539. })();

欢迎访问Greasy Fork镜像

土豆服务器，请按需使用

镜像地址随时可能被墙，建议加群获取最新地址

加入Q群

QingJ © 2025

镜像随时可能失效，请加Q群300939539或关注我们的公众号极客氢云获取最新地址