-
Notifications
You must be signed in to change notification settings - Fork 4
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
bd02b33
commit 40a7fa1
Showing
13 changed files
with
676 additions
and
194 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,46 @@ | ||
| @media (min-width: 960px) { | ||
| header.VPNav div.VPNavBar:not(.has-sidebar):not(.top) { | ||
| &::before { | ||
| content: ""; | ||
| position: absolute; | ||
| top: 0; | ||
| left: 0; | ||
| width: 100%; | ||
| height: 100%; | ||
| opacity: 0.75; | ||
| background-color: var(--vp-c-bg-soft); | ||
| /* border-bottom: 1px solid transparent; */ | ||
| z-index: -1; | ||
| } | ||
| backdrop-filter: blur(18px) saturate(180%); | ||
|
|
||
| background-color: transparent; | ||
| /* border-bottom-color: transparent; */ | ||
| } | ||
| } | ||
|
|
||
| @media (min-width: 960px) { | ||
| .VPNavBar:not(.top) .content-body { | ||
| &::before { | ||
| content: ""; | ||
| position: absolute; | ||
| top: 0; | ||
| left: 0; | ||
| width: 100%; | ||
| height: 100%; | ||
| opacity: 0.75; | ||
| background-color: var(--vp-c-bg) !important; | ||
| /* border-bottom: 1px solid transparent; */ | ||
| z-index: -1; | ||
| } | ||
| background-color: transparent !important; | ||
| backdrop-filter: blur(18px) saturate(180%); | ||
| } | ||
|
|
||
| html:has(header + div.VPContent.is-home) .VPNavBar:not(.top) .content-body { | ||
| &:before { | ||
| display: none; | ||
| } | ||
| backdrop-filter: none; | ||
| } | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,49 @@ | ||
| html.dark .vp-doc iframe { | ||
|
|
||
| opacity: .5; | ||
| filter: invert(.15) brightness(1.1) contrast(1.1); | ||
| &:hover { | ||
| opacity: 1; | ||
| filter: invert(0) brightness(1) contrast(1); | ||
| } | ||
| } | ||
|
|
||
| .vp-doc iframe { | ||
| padding: 4px; | ||
|
|
||
| border-radius: 12px; | ||
| border: 2px solid var(--vp-c-bg-soft); | ||
| box-shadow: 0px 0px 4px 0px var(--vp-c-bg-soft); | ||
|
|
||
| height: 96px; | ||
|
|
||
| box-sizing: border-box; | ||
| } | ||
|
|
||
| /* 在黑暗模式下调低图片透明度，以免损坏眼睛 */ | ||
| /* 对已经适配的 .ignore img 忽略 */ | ||
| html.dark .vp-doc p img:not(.ignore) { | ||
| opacity: 0.95; | ||
| filter: invert(.25); | ||
| &:hover { | ||
| opacity: 1; | ||
| filter: invert(0); | ||
| } | ||
| } | ||
|
|
||
| .vp-doc p img { | ||
| border-radius: 8px; | ||
|
|
||
| cursor: pointer; | ||
| transition: .25s; | ||
| &:hover { | ||
| border-radius: 0; | ||
| transform: scale(1.025); | ||
| } | ||
| } | ||
|
|
||
| /* 在主页的黑暗模式下，对整个页面做滤镜 */ | ||
| html.dark div.VPContent.is-home { | ||
| opacity: .85; | ||
| filter: invert(.15) brightness(1.1) contrast(1.1); | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,57 +1,92 @@ | ||
| .btn-unconfirmed { | ||
| /* 确认行动结束按钮 */ | ||
| color: #fff; | ||
| background-color: #17a2b8; | ||
| border-color: #17a2b8; | ||
| border-radius: 0.25rem; | ||
| padding-top: 6px; | ||
| padding-bottom: 6px; | ||
| font-size: 16px; | ||
| &:hover { | ||
| box-shadow: 0 0 2px 4px #17a2b8; | ||
| } | ||
| /* 确认行动结束按钮 */ | ||
| /* color: #fff; */ | ||
| border: 2px solid #17a2b8; | ||
| border-radius: 0.25rem; | ||
| padding-top: 6px; | ||
| padding-bottom: 6px; | ||
| font-size: 16px; | ||
|
|
||
| box-shadow: 0 0 2px 4px transparent; | ||
| } | ||
|
|
||
| .btn-unconfirmed:hover { | ||
| /* 光标悬浮时加深颜色 */ | ||
| color: #fff; | ||
| background-color: #138496; | ||
| border-color: #117a8b; | ||
| /* 光标悬浮时加深颜色 */ | ||
| color: #fff; | ||
| background-color: #138496; | ||
| border-color: #117a8b; | ||
| } | ||
|
|
||
| .btn-unconfirmed:focus { | ||
| /* 点按后显示阴影 */ | ||
| box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5); | ||
| /* 点按后显示阴影 */ | ||
| box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5); | ||
| } | ||
|
|
||
| .btn-confirmed { | ||
| /* 恭喜按钮 */ | ||
| color: #fff; | ||
| background-color: #28a745; | ||
| border-color: #28a745; | ||
| &:before, &:after { | ||
| z-index: -1; | ||
| content: ""; | ||
| position: absolute; | ||
|
|
||
| width: 100%; | ||
| height: 100%; | ||
|
|
||
| left: 0; | ||
| top: 0; | ||
|
|
||
| border: solid 2px #28a745; | ||
| border-radius: 0.25rem; | ||
| padding-top: 6px; | ||
| padding-bottom: 6px; | ||
| font-size: 16px; | ||
| animation: shining-success 1.25s infinite; | ||
| } | ||
| &:after { | ||
| animation: shining-success .75s infinite; | ||
| } | ||
| position: relative; | ||
|
|
||
| /* 恭喜按钮 */ | ||
| color: #fff; | ||
| background-color: #28a745; | ||
| border-color: #28a745; | ||
| border-radius: 0.25rem; | ||
| padding-top: 6px; | ||
| padding-bottom: 6px; | ||
| font-size: 16px; | ||
| } | ||
|
|
||
| @keyframes shining-success { | ||
| 0% { | ||
| opacity: 1; | ||
| transform: scale(1); | ||
| } | ||
| 100% { | ||
| opacity: 0; | ||
| transform: scale(1.0125); | ||
| } | ||
| } | ||
|
|
||
| .btn-confirmed:hover { | ||
| /* 光标悬浮时加深颜色 */ | ||
| color: #fff; | ||
| background-color: #218838; | ||
| border-color: #1e7e34; | ||
| /* 光标悬浮时加深颜色 */ | ||
| color: #fff; | ||
| background-color: #218838; | ||
| border-color: #1e7e34; | ||
| } | ||
|
|
||
| .btn-confirmed:focus { | ||
| /* 点按后显示阴影 */ | ||
| box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5); | ||
| /* 点按后显示阴影 */ | ||
| box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5); | ||
| } | ||
|
|
||
| .btn-event { | ||
| /* 单击开始事件模拟按钮 */ | ||
| width: 100%; | ||
| height: 50px; | ||
| text-align: center; | ||
| line-height: 50px; | ||
| background-color: #ffe0f0; | ||
|
|
||
| margin-top: 32px; | ||
| margin-bottom: 32px; | ||
| } | ||
| /* 单击开始事件模拟按钮 */ | ||
| width: 100%; | ||
| height: 50px; | ||
| text-align: center; | ||
| line-height: 50px; | ||
| background-color: #ffe0f0; | ||
|
|
||
| margin-top: 32px; | ||
| margin-bottom: 32px; | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.