diff --git a/styles/extensions/Webui/images/人物.svg b/styles/extensions/Webui/images/人物.svg new file mode 100644 index 0000000..18ca2df --- /dev/null +++ b/styles/extensions/Webui/images/人物.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/styles/extensions/Webui/images/其它.svg b/styles/extensions/Webui/images/其它.svg new file mode 100644 index 0000000..6a69a50 --- /dev/null +++ b/styles/extensions/Webui/images/其它.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/styles/extensions/Webui/images/反向提示词.svg b/styles/extensions/Webui/images/反向提示词.svg new file mode 100644 index 0000000..98cd5ba --- /dev/null +++ b/styles/extensions/Webui/images/反向提示词.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/styles/extensions/Webui/images/场景.svg b/styles/extensions/Webui/images/场景.svg new file mode 100644 index 0000000..44d29dc --- /dev/null +++ b/styles/extensions/Webui/images/场景.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/styles/extensions/Webui/images/开始.svg b/styles/extensions/Webui/images/开始.svg new file mode 100644 index 0000000..a6816b4 --- /dev/null +++ b/styles/extensions/Webui/images/开始.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/styles/extensions/Webui/images/服饰.svg b/styles/extensions/Webui/images/服饰.svg new file mode 100644 index 0000000..181439c --- /dev/null +++ b/styles/extensions/Webui/images/服饰.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/styles/extensions/Webui/images/汉服.svg b/styles/extensions/Webui/images/汉服.svg new file mode 100644 index 0000000..4bc5b0d --- /dev/null +++ b/styles/extensions/Webui/images/汉服.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/styles/extensions/Webui/images/物品.svg b/styles/extensions/Webui/images/物品.svg new file mode 100644 index 0000000..417e731 --- /dev/null +++ b/styles/extensions/Webui/images/物品.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/styles/extensions/Webui/images/环境.svg b/styles/extensions/Webui/images/环境.svg new file mode 100644 index 0000000..e5ea717 --- /dev/null +++ b/styles/extensions/Webui/images/环境.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/styles/extensions/Webui/images/画面.svg b/styles/extensions/Webui/images/画面.svg new file mode 100644 index 0000000..f1c697c --- /dev/null +++ b/styles/extensions/Webui/images/画面.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/styles/extensions/Webui/images/表情动作.svg b/styles/extensions/Webui/images/表情动作.svg new file mode 100644 index 0000000..cb946ce --- /dev/null +++ b/styles/extensions/Webui/images/表情动作.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/styles/extensions/Webui/images/镜头.svg b/styles/extensions/Webui/images/镜头.svg new file mode 100644 index 0000000..d230bcc --- /dev/null +++ b/styles/extensions/Webui/images/镜头.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/styles/extensions/Webui/images/魔法系.svg b/styles/extensions/Webui/images/魔法系.svg new file mode 100644 index 0000000..5f9cc3e --- /dev/null +++ b/styles/extensions/Webui/images/魔法系.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/styles/extensions/Webui/style.min.css b/styles/extensions/Webui/style.min.css index 5ae4cf4..a30b373 100644 --- a/styles/extensions/Webui/style.min.css +++ b/styles/extensions/Webui/style.min.css @@ -23,32 +23,169 @@ .physton-prompt .group-tabs .group-body .group-main .sub-group-main .tags-footer .tags-copyright{ display: none !important; } +.physton-prompt .group-tabs .group-body .group-main .sub-group-main .group-tags .tag-item{ + max-width: 90px; + border-radius:8px !important; +} .physton-prompt .group-tabs .group-body .group-main .sub-group-main .group-tags .tag-item .tag-local{ - max-width: 90px; - border-radius: 8px 8px 0px 0px !important; + padding: 6px 4px; + font-size: 9px; } .physton-prompt .group-tabs .group-body .group-main .sub-group-main .group-tags .tag-item .tag-en{ - max-width: 90px; + padding: 6px 4px; + font-size: 8px; } .physton-prompt .show-group-tags .icon-svg-unfold svg path{ full: #9e2323; } -.physton-prompt .group-tabs .group-body .group-main .sub-group-main .group-tags .tag-item .tag-en{ - border-radius: 0px 0px 8px 8px !important; -} -.physton-prompt .group-tabs .group-body .group-main .sub-group-header .sub-group-tab.active, .physton-prompt .group-tabs .group-body .group-main .sub-group-header .sub-group-tab:hover{ +.physton-prompt .group-tabs .group-body .group-main .sub-group-header .sub-group-tab.active,.physton-prompt .group-tabs .group-body .group-main .sub-group-header .sub-group-tab:hover{ border-bottom: 1px solid #0c9e38d4; color: #0c9e38d4; - font-weight: bold; - } +.physton-prompt .group-tabs .group-body .group-main .sub-group-header .sub-group-tab:hover{ + border-bottom: 1px solid #0c9e38d4; + color: #ffffffd4; + background:#41664bd4; +} + + +.physton-prompt .group-tabs .group-header{ + background: rgb(80 80 80 / 50%); +} + +.physton-prompt .group-tabs .group-body .group-main .sub-group-main .tags-footer .tags-color .vc-color-wrap,.physton-prompt .group-tabs .group-body .group-main .sub-group-main .tags-footer .tags-color .tags-color-reset,.physton-prompt .group-tabs .group-body .group-main .sub-group-main .tags-footer .tags-color .tags-color-clear{ + + border-radius: 5px; +} +@keyframes shine { + 0% { + background-position-x: 400%; + } + + 50% { + background-position-x: 0%; + } + + 100% { + background-position-x: -400%; + } +} + + + .physton-prompt .group-tabs .group-header .group-tab.active{ border-radius: 20px !important; - background: #171817; - color: #0c9e38d4; - + color: #20af33d4; + background: linear-gradient(-45deg, #1b1b1b 50%, #3a3a3a 60%, #1b1b1b 70%); + background-size: 600% 100%; + animation: shine 15s linear infinite; } + +.physton-prompt .group-tabs .group-header>div:before +{ + background-size: 100% 100%; + display: inline-block; + width: 13px; + height: 13px; + margin: 0px 6px 0px 0px; +} + +.physton-prompt .group-tabs .group-header>div[data-name="开始"]:before +{ + background-image: url(/physton_prompt/styles?file=extensions/Webui/images/开始.svg); + content: ""; +} + +.physton-prompt .group-tabs .group-header>div[data-name="人物"]:before +{ + background-image: url(/physton_prompt/styles?file=extensions/Webui/images/人物.svg); + content: ""; +} +.physton-prompt .group-tabs .group-header>div[data-name="服饰"]:before +{ + background-image: url(/physton_prompt/styles?file=extensions/Webui/images/服饰.svg); + content: ""; + +} +.physton-prompt .group-tabs .group-header>div[data-name="表情动作"]:before +{ + background-image: url(/physton_prompt/styles?file=extensions/Webui/images/表情动作.svg); + content: ""; + +} +.physton-prompt .group-tabs .group-header>div[data-name="画面"]:before +{ + background-image: url(/physton_prompt/styles?file=extensions/Webui/images/画面.svg); + content: ""; + +} +.physton-prompt .group-tabs .group-header>div[data-name="画面"]:before +{ + background-image: url(/physton_prompt/styles?file=extensions/Webui/images/画面.svg); + content: ""; + +} +.physton-prompt .group-tabs .group-header>div[data-name="环境"]:before +{ + background-image: url(/physton_prompt/styles?file=extensions/Webui/images/环境.svg); + content: ""; + +} + +.physton-prompt .group-tabs .group-header>div[data-name="场景"]:before +{ + background-image: url(/physton_prompt/styles?file=extensions/Webui/images/场景.svg); + content: ""; + +} + + +.physton-prompt .group-tabs .group-header>div[data-name="物品"]:before +{ + background-image: url(/physton_prompt/styles?file=extensions/Webui/images/物品.svg); + content: ""; + +} + +.physton-prompt .group-tabs .group-header>div[data-name="镜头"]:before +{ + background-image: url(/physton_prompt/styles?file=extensions/Webui/images/镜头.svg); + content: ""; + +} + + +.physton-prompt .group-tabs .group-header>div[data-name="汉服"]:before +{ + background-image: url(/physton_prompt/styles?file=extensions/Webui/images/汉服.svg); + content: ""; + +} + + +.physton-prompt .group-tabs .group-header>div[data-name="魔法系"]:before +{ + background-image: url(/physton_prompt/styles?file=extensions/Webui/images/魔法系.svg); + content: ""; + +} + +.physton-prompt .group-tabs .group-header>div[data-name="其它"]:before +{ + background-image: url(/physton_prompt/styles?file=extensions/Webui/images/其它.svg); + content: ""; + +} +.physton-prompt .group-tabs .group-header>div[data-name="反向提示词"]:before +{ + background-image: url(/physton_prompt/styles?file=extensions/Webui/images/反向提示词.svg); + content: ""; + +} + + + .physton-prompt .show-group-tags .icon-svg-unfold:before{ /* @@ -97,6 +234,7 @@ } .physton-prompt .group-tabs .group-header .group-tab{ border-right: #17181700; + font-size: 15px; } .physton-prompt .group-tabs .group-header{