"미디어위키:Vector.css"의 두 판 사이의 차이
Encyves Wiki
| 4번째 줄: | 4번째 줄: | ||
| − | .dropbtn { | + | .dropbtn:before { |
cursor: pointer; | cursor: pointer; | ||
} | } | ||
| − | .dropdown | + | .dropdown { |
display: inline-block; | display: inline-block; | ||
} | } | ||
| − | .dropdown-content | + | .dropdown-content { |
display: none; | display: none; | ||
position: absolute; | position: absolute; | ||
| 30번째 줄: | 30번째 줄: | ||
.dropdown-content a:hover {background-color: #f1f1f1} | .dropdown-content a:hover {background-color: #f1f1f1} | ||
| − | .dropdown: | + | .dropdown:focus .dropdown-content { |
display: block; | display: block; | ||
} | } | ||
2017년 8월 2일 (수) 23:27 판
/* 이 CSS 설정은 벡터 스킨을 사용하는 사용자에게 적용됩니다 */
h2{font-weight:bold}
.dropbtn:before {
cursor: pointer;
}
.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;
}
.dropdown-content a {
padding-right:10px;
display: block;
}
.dropdown-content a:hover {background-color: #f1f1f1}
.dropdown:focus .dropdown-content {
display: block;
}
.dropdown:hover .dropbtn {
background-color: lightgray;
}
