Button by aadium
#212121
1.paste-button { 2 position: relative; 3 display: block; 4 font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; 5} 6 7.button { 8 background-color: #4CAF50; 9 color: #212121; 10 padding: 10px 15px; 11 font-size: 15px; 12 font-weight: bold; 13 border: 2px solid transparent; 14 border-radius: 15px; 15 cursor: pointer; 16} 17 18.dropdown-content { 19 display: none; 20 font-size: 13px; 21 position: absolute; 22 z-index: 1; 23 min-width: 200px; 24 background-color: #212121; 25 border: 2px solid #4CAF50; 26 border-radius: 0px 15px 15px 15px; 27 box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); 28} 29 30.dropdown-content a { 31 color: #4CAF50; 32 padding: 8px 10px; 33 text-decoration: none; 34 display: block; 35 transition: 0.1s; 36} 37 38.dropdown-content a:hover { 39 background-color: #4CAF50; 40 color: #212121; 41} 42 43.dropdown-content a:focus { 44 background-color: #212121; 45 color: #4CAF50; 46} 47 48.dropdown-content #top:hover { 49 border-radius: 0px 13px 0px 0px; 50} 51 52.dropdown-content #bottom:hover { 53 border-radius: 0px 0px 13px 13px; 54} 55 56.paste-button:hover button { 57 border-radius: 15px 15px 0px 0px; 58} 59 60.paste-button:hover .dropdown-content { 61 display: block; 62} 63
4.5K views
4.5K views
MIT License