"미디어위키:Vector.css"의 두 판 사이의 차이
Encyves Wiki
| (같은 사용자의 중간 판 28개는 보이지 않습니다) | |||
| 1번째 줄: | 1번째 줄: | ||
/* 이 CSS 설정은 벡터 스킨을 사용하는 사용자에게 적용됩니다 */ | /* 이 CSS 설정은 벡터 스킨을 사용하는 사용자에게 적용됩니다 */ | ||
| − | h2{font-weight:bold} | + | h2{font-weight:bold;} |
| + | h4{font-size:1.1em;} | ||
| + | |||
| + | @import url(http://fonts.googleapis.com/earlyaccess/jejumyeongjo.css); | ||
.dropbtn { | .dropbtn { | ||
| + | |||
cursor:point | cursor:point | ||
} | } | ||
| 14번째 줄: | 18번째 줄: | ||
.dropdown-content { | .dropdown-content { | ||
| − | + | ||
position: absolute; | position: absolute; | ||
background-color: #f9f9f9; | background-color: #f9f9f9; | ||
| 20번째 줄: | 24번째 줄: | ||
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); | box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); | ||
margin-bottom:50px; | margin-bottom:50px; | ||
| + | visibility: hidden; | ||
| + | opacity: 0; | ||
| + | position: absolute; | ||
| + | transition: all 0.7s ease 0s, visibility 0s linear 0.5s; | ||
| + | |||
} | } | ||
| 26번째 줄: | 35번째 줄: | ||
padding-right:10px; | padding-right:10px; | ||
display: block; | display: block; | ||
| + | |||
} | } | ||
.dropdown-content a:hover {background-color: #f1f1f1} | .dropdown-content a:hover {background-color: #f1f1f1} | ||
| − | .dropdown: | + | |
| + | .dropdown:hover .dropdown-content { | ||
| − | + | visibility: visible; /* shows sub-menu */ | |
| + | opacity: 1; | ||
| + | |||
| + | |||
| + | |||
} | } | ||
2017년 8월 6일 (일) 00:05 기준 최신판
/* 이 CSS 설정은 벡터 스킨을 사용하는 사용자에게 적용됩니다 */
h2{font-weight:bold;}
h4{font-size:1.1em;}
@import url(http://fonts.googleapis.com/earlyaccess/jejumyeongjo.css);
.dropbtn {
cursor:point
}
.dropdown:before {
display: inline-block;
}
.dropdown-content {
position: absolute;
background-color: #f9f9f9;
min-width: 200px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
margin-bottom:50px;
visibility: hidden;
opacity: 0;
position: absolute;
transition: all 0.7s ease 0s, visibility 0s linear 0.5s;
}
.dropdown-content a {
padding-right:10px;
display: block;
}
.dropdown-content a:hover {background-color: #f1f1f1}
.dropdown:hover .dropdown-content {
visibility: visible; /* shows sub-menu */
opacity: 1;
}
.dropdown:hover .dropbtn {
background-color: lightgray;
}
