KevinYLi123 (Talk | contribs) |
KevinYLi123 (Talk | contribs) |
||
Line 211: | Line 211: | ||
} | } | ||
− | |||
/* Dropdown Button */ | /* Dropdown Button */ | ||
Line 219: | Line 218: | ||
height: 100%; | height: 100%; | ||
width: 100%; | width: 100%; | ||
− | |||
color: #D49AE6; | color: #D49AE6; | ||
padding: 14px; | padding: 14px; | ||
Line 228: | Line 226: | ||
transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out; | transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out; | ||
} | } | ||
+ | |||
/* The container <div> - needed to position the dropdown content */ | /* The container <div> - needed to position the dropdown content */ | ||
Line 246: | Line 245: | ||
transition: opacity 0.5s ease-in-out; | transition: opacity 0.5s ease-in-out; | ||
} | } | ||
+ | |||
/* Links inside the dropdown */ | /* Links inside the dropdown */ | ||
Line 259: | Line 259: | ||
/* Change color of dropdown links on hover */ | /* Change color of dropdown links on hover */ | ||
− | .dropdown-content a:hover {background-color: # | + | .dropdown-content a:hover {background-color: #F48FB1; |
color: #4A555C;} | color: #4A555C;} | ||
Line 274: | Line 274: | ||
/* Change the background color of the dropdown button when the dropdown content is shown*/ | /* Change the background color of the dropdown button when the dropdown content is shown*/ | ||
.dropbtn:hover { | .dropbtn:hover { | ||
− | background-color: # | + | background-color: #F48FB1; |
color: #4A555C; | color: #4A555C; | ||
} | } |
Revision as of 11:41, 3 October 2017