"미디어위키:Vector.css"의 두 판 사이의 차이
Encyves Wiki
37번째 줄: | 37번째 줄: | ||
.dropdown-content a:hover {background-color: #f1f1f1} | .dropdown-content a:hover {background-color: #f1f1f1} | ||
+ | |||
+ | |||
+ | .dropdown-menu { | ||
+ | position: absolute; | ||
+ | z-index: 1; | ||
+ | |||
+ | visibility: hidden; | ||
+ | transition: visibility 0.5s; | ||
+ | opacity: 0; | ||
+ | } | ||
+ | |||
+ | .dropdown-menu > span:focus { | ||
+ | visibility: visible; | ||
+ | opacity: 1; | ||
+ | } |
2017년 8월 2일 (수) 23:57 판
/* 이 CSS 설정은 벡터 스킨을 사용하는 사용자에게 적용됩니다 */
h2{font-weight:bold}
.dropbtn {
cursor: pointer;
}
.dropbtn:hover {
background-color: #lightgray;
}
.dropbtn:focus .dropdown-content{
display:block;}
.dropdown {
display: inline-block;
}
.dropdown-content {
display: none;
position: absolute;
background-color: #f9f9f9;
min-width: 200px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
margin-bottom:50px;
-webkit-transition: height .5s ease;
-webkit-transition-delay: .4s;
}
.dropdown-content a {
padding-right:10px;
display: block;
}
.dropdown-content a:hover {background-color: #f1f1f1}
.dropdown-menu {
position: absolute;
z-index: 1;
visibility: hidden;
transition: visibility 0.5s;
opacity: 0;
}
.dropdown-menu > span:focus {
visibility: visible;
opacity: 1;
}