User:Irukaza/common.css:修订间差异
跳到导航
跳到搜索
imported>=海豚= 无编辑摘要 |
imported>=海豚= 无编辑摘要 |
||
(未显示同一用户的3个中间版本) | |||
第1行: | 第1行: | ||
. | .dropdown { | ||
display: inline-block; | |||
position: relative; | |||
} | } | ||
. | .dropdown .btn { | ||
display: inline-block; | |||
} | } | ||
. | .dropdown .content { | ||
position: relative; | |||
display: none; | |||
box-shadow: 0 0 4px #dedede; | |||
margin-top: 0.5rem; | |||
} | } | ||
. | .dropdown .content:before { | ||
content: ''; | |||
position: absolute; | |||
background-color: #fff; | |||
width: 0.5rem; | |||
height: 0.5rem; | |||
left: 50%; | |||
top: -0.25rem; | |||
transform: translateX(-50%) rotate(45deg); | |||
z-index: 0; | |||
box-shadow: 0 0 4px #dedede; | |||
} | } | ||
. | .dropdown .content .inner { | ||
position: relative; | |||
background-color: #fff; | |||
padding: 0.2rem 0.4rem; | |||
z-index: 1; | |||
} | } | ||
. | .dropdown .content .inner ul { | ||
margin: 0; | |||
padding-left: 0; | |||
list-style: none; | |||
} | } | ||
. | .dropdown .content .inner ul li { | ||
display: block; | |||
padding: 0.2rem; | |||
} | } | ||
. | .dropdown .content .inner ul li:hover { | ||
background-color: #f0f8ff; | |||
} | } | ||
. | .dropdown:hover .content { | ||
display: block; | |||
} | } |
2021年6月14日 (一) 23:15的版本
.dropdown {
display: inline-block;
position: relative;
}
.dropdown .btn {
display: inline-block;
}
.dropdown .content {
position: relative;
display: none;
box-shadow: 0 0 4px #dedede;
margin-top: 0.5rem;
}
.dropdown .content:before {
content: '';
position: absolute;
background-color: #fff;
width: 0.5rem;
height: 0.5rem;
left: 50%;
top: -0.25rem;
transform: translateX(-50%) rotate(45deg);
z-index: 0;
box-shadow: 0 0 4px #dedede;
}
.dropdown .content .inner {
position: relative;
background-color: #fff;
padding: 0.2rem 0.4rem;
z-index: 1;
}
.dropdown .content .inner ul {
margin: 0;
padding-left: 0;
list-style: none;
}
.dropdown .content .inner ul li {
display: block;
padding: 0.2rem;
}
.dropdown .content .inner ul li:hover {
background-color: #f0f8ff;
}
.dropdown:hover .content {
display: block;
}