"미디어위키:Vector.css"의 두 판 사이의 차이
Encyves Wiki
| 2번째 줄: | 2번째 줄: | ||
h2{font-weight:bold} | h2{font-weight:bold} | ||
| + | |||
.dropbtn { | .dropbtn { | ||
| 7번째 줄: | 8번째 줄: | ||
} | } | ||
| − | |||
.dropdown { | .dropdown { | ||
position: relative; | position: relative; | ||
| 13번째 줄: | 13번째 줄: | ||
} | } | ||
| − | |||
.dropdown-content { | .dropdown-content { | ||
display: none; | display: none; | ||
position: absolute; | position: absolute; | ||
| + | background-color: #f9f9f9; | ||
| + | min-width: 200px; | ||
| + | box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); | ||
z-index: 1; | z-index: 1; | ||
} | } | ||
| − | |||
.dropdown-content a { | .dropdown-content a { | ||
padding: 12px 16px; | padding: 12px 16px; | ||
| 26번째 줄: | 27번째 줄: | ||
} | } | ||
| − | |||
.dropdown-content a:hover {background-color: #f1f1f1} | .dropdown-content a:hover {background-color: #f1f1f1} | ||
| − | |||
.dropdown:hover .dropdown-content { | .dropdown:hover .dropdown-content { | ||
display: block; | display: block; | ||
} | } | ||
| − | |||
.dropdown:hover .dropbtn { | .dropdown:hover .dropbtn { | ||
| − | background-color: | + | background-color: lightgray; |
} | } | ||
2017년 8월 2일 (수) 22:16 판
/* 이 CSS 설정은 벡터 스킨을 사용하는 사용자에게 적용됩니다 */
h2{font-weight:bold}
.dropbtn {
cursor: pointer;
}
.dropdown {
position: relative;
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);
z-index: 1;
}
.dropdown-content a {
padding: 12px 16px;
display: block;
}
.dropdown-content a:hover {background-color: #f1f1f1}
.dropdown:hover .dropdown-content {
display: block;
}
.dropdown:hover .dropbtn {
background-color: lightgray;
}
