Alawn/Interview-Notebook
1
0
Fork 0
mirror of https://github.com/CyC2018/Interview-Notebook.git synced 2026-11-02 12:23:45 +00:00
Code Issues Releases Wiki Activity

Update site.css

Browse Source 
搜索的快捷键提示、键盘选中的结果、搜索词标记和跳转后标题的短暂高亮。
This commit is contained in:
CyC2018
2026-11-01 18:38:40 +08:00
parent de1592415b
commit d64c094bd1
1 changed files with 13 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
website/templates/site.css
+13
View File
@@ -148,3 +148,16 @@ body { color: #34495e; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI
.markdown-section :not(pre) > code { overflow-wrap: anywhere; }
.site-footer a { display: inline-block; padding: 5px 2px; }
.markdown-section details:not(.article-toc) > summary { padding: 5px 0; cursor: pointer; }
/* 搜索：快捷键提示、键盘选中的结果、标出的搜索词、跳转到的小节标题短暂高亮 */
.site-search { position: relative; }
.site-search .search-key { position: absolute; right: 24px; top: 19px; padding: 1px 6px; border: 1px solid #dfe3da; border-radius: 4px; background: #fafbf8; color: #5f6d66; font: 11px/1.6 "SFMono-Regular", Consolas, monospace; pointer-events: none; }
.site-search input:focus ~ .search-key, .site-search input:not(:placeholder-shown) ~ .search-key { display: none; }
@media (hover: none) { .site-search .search-key { display: none; } }
.site-search .matching-post[aria-selected="true"], .site-search .matching-post:hover { margin: 0 -8px; padding-left: 8px; padding-right: 8px; border-radius: 6px; background: #fafbf8; }
.site-search .matching-post[aria-selected="true"] { box-shadow: inset 2px 0 0 #2a7a5a; }
.site-search .matching-post[aria-current] { margin: 0 -8px; padding-left: 8px; padding-right: 8px; border-radius: 6px; background: #eaf3ee; }
.matching-post mark, .markdown-section mark.search-hit { background: #e6e3fa; color: inherit; border-radius: 2px; padding: 0 1px; }
.matching-post strong mark { color: #2c3e50; }
@keyframes jump-flash { from { background: #eaf3ee; } to { background: transparent; } }
.markdown-section .jump-target { animation: jump-flash 1.8s ease-out; border-radius: 4px; }