From 916fbd5cbbd9a7ff0676b82ebb9955a7fbc5bf17 Mon Sep 17 00:00:00 2001 From: dustin007442 Date: Wed, 29 Oct 2025 13:28:29 +0800 Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E6=90=9C=E7=B4=A2=E6=8C=89?= =?UTF-8?q?=E9=92=AE?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- static/css/custom.css | 84 ++++++++++++++++++++++++++++++++++++++++++- 1 file changed, 83 insertions(+), 1 deletion(-) diff --git a/static/css/custom.css b/static/css/custom.css index f6bed234..e42ba8cd 100644 --- a/static/css/custom.css +++ b/static/css/custom.css @@ -36,4 +36,86 @@ box-shadow: 0 0 5px rgba(0, 123, 255, 0.5); } -/* 版本选择器 */ \ No newline at end of file +/* 按钮相对于父容器定位 */ +.search_ctrl_btn { + position: absolute; + top: 50px; /* 距离父容器顶部 50px */ + right: 10px; /* 距离父容器右侧 10px */ +} + +/* 版本选择器 */ + +/* 搜索按钮基础样式 */ +#search_ctrl_btn { + position: fixed; + top: 50%; + transform: translateY(-50%); + right: 2em; + display: flex; + flex-direction: column; + z-index: 999; + user-select: none; + flex-wrap: nowrap; + align-content: flex-start; + justify-content: flex-end; + align-items: flex-start; +} + +#search_ctrl_btn > div { + border-radius: 0.2em; + min-width: 5em; + min-height: 2.5em; + background-color: #fae94e; + margin: 0.2em; + display: flex; + flex-direction: row; + align-items: center; + justify-content: center; + padding: 0.2em; + cursor: pointer; + box-shadow: 0 0 12px 0 rgb(0, 0, 0, 0.06); + transition: 0.4s; + color: #8b7000; +} +#search_ctrl_btn > div:hover { + box-shadow: 0 0 12px 0 rgb(0, 0, 0, 0.2); +} +#search_ctrl_btn > .previous .icon { + background-image: url("/doc/quecpython/static/image/search/up.svg"); + -ms-transform: rotate(270deg); + -moz-transform: rotate(270deg); + -webkit-transform: rotate(270deg); + transform: rotate(270deg); + background-size: 2em; + background-repeat: no-repeat; + background-position: center; + min-height: 1.5em; + min-width: 1.5em; + height: 1.5em; + width: 1.5em; +} +#search_ctrl_btn > .next .icon { + background-image: url("/doc/quecpython/static/image/search/up.svg"); + -ms-transform: rotate(90deg); + -moz-transform: rotate(90deg); + -webkit-transform: rotate(90deg); + transform: rotate(90deg); + background-size: 2em; + background-repeat: no-repeat; + background-position: center; + min-height: 1.5em; + min-width: 1.5em; + height: 1.5em; + width: 1.5em; +} + +#remove_search > .icon { + background-image: url("/doc/quecpython/static/image/search/cancel.svg"); + background-size: 2em; + background-repeat: no-repeat; + background-position: center; + min-height: 1.5em; + min-width: 1.5em; + height: 1.5em; + width: 1.5em; +} \ No newline at end of file -- Gitee