MediaWiki:Gadget-Tooltip.css:修订间差异
(创建页面,内容为“body>#bili-tt-cache-block{ position: fixed; z-index: 999; } #bili-tt-cache-block{ display: none; border:#000 solid 1px; } →模态框: #tt-modal>.modal-dialog{ display: flex; flex-direction: column; justify-content: center; min-height: 100%; margin: 0; →避免影响height计算: } #tt-modal #bili-tt-cache-block { margin: 20px; } #tt-modal .bili-tt-cache{ position: relative; } #tt-modal .btn{ display: block; margin: 10px…”) |
无编辑摘要 |
||
第1行: | 第1行: | ||
body>#bili-tt-cache-block{ | body > #bili-tt-cache-block { | ||
position: fixed; | |||
z-index: 999; | z-index: 999; | ||
} | } | ||
#bili-tt-cache-block{ | #bili-tt-cache-block { | ||
display: none; | |||
background-color: #ffffff; | |||
border: 1.5px solid #9749b0; | |||
border-radius: 5px; | |||
box-shadow: 0 2px 0 #b0aeb0, 0 3px 2px #393739; | |||
padding: 5px 10px; | |||
} | } | ||
/* 模态框 */ | /* 模态框 */ | ||
#tt-modal>.modal-dialog{ | #tt-modal > .modal-dialog { | ||
display: flex; | |||
flex-direction: column; | flex-direction: column; | ||
justify-content: center; | justify-content: center; | ||
min-height: 100%; | |||
margin: 0; /* 避免影响height计算*/ | |||
} | } | ||
#tt-modal #bili-tt-cache-block { | #tt-modal #bili-tt-cache-block { | ||
margin: 20px; | margin: 20px; | ||
} | } | ||
#tt-modal .bili-tt-cache{ | #tt-modal .bili-tt-cache { | ||
position: relative; | position: relative; | ||
} | } | ||
#tt-modal .btn{ | #tt-modal .btn { | ||
display: block; | display: block; | ||
margin: 10px; | margin: 10px; | ||
font-size: 18px; | font-size: 18px; | ||
} | } |
2024年3月12日 (二) 20:40的最新版本
body > #bili-tt-cache-block {
position: fixed;
z-index: 999;
}
#bili-tt-cache-block {
display: none;
background-color: #ffffff;
border: 1.5px solid #9749b0;
border-radius: 5px;
box-shadow: 0 2px 0 #b0aeb0, 0 3px 2px #393739;
padding: 5px 10px;
}
/* 模态框 */
#tt-modal > .modal-dialog {
display: flex;
flex-direction: column;
justify-content: center;
min-height: 100%;
margin: 0; /* 避免影响height计算*/
}
#tt-modal #bili-tt-cache-block {
margin: 20px;
}
#tt-modal .bili-tt-cache {
position: relative;
}
#tt-modal .btn {
display: block;
margin: 10px;
font-size: 18px;
}