"미디어위키:Vector.css"의 두 판 사이의 차이

Encyves Wiki
이동: 둘러보기, 검색
7번째 줄: 7번째 줄:
 
     cursor: pointer;
 
     cursor: pointer;
 
}
 
}
 
.dropbtn:hover {
 
    background-color: #lightgray;
 
}
 
.dropbtn:focus ~ dropdown-content{
 
display:block;}
 
  
 
.dropdown {
 
.dropdown {
26번째 줄: 20번째 줄:
 
     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;
    -webkit-transition: height .5s ease;
 
    -webkit-transition-delay: .4s;
 
 
      
 
      
 
}
 
}
37번째 줄: 29번째 줄:
  
 
.dropdown-content a:hover {background-color: #f1f1f1}
 
.dropdown-content a:hover {background-color: #f1f1f1}
 +
 +
.dropdown:hover .dropdown-content {
 +
    display: block;
 +
}
 +
 +
.dropdown:hover .dropbtn {
 +
    background-color: lightgray;
 +
}

2017년 8월 3일 (목) 00:12 판

/* 이 CSS 설정은 벡터 스킨을 사용하는 사용자에게 적용됩니다 */

h2{font-weight:bold}


.dropbtn {
    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:hover .dropdown-content {
    display: block;
}

.dropdown:hover .dropbtn {
    background-color: lightgray;
}