#simple-translate-button { all: initial; background-color: #fff; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08); border-radius: 10%; background-image: url("icons/512.png"); background-size: 75%; background-repeat: no-repeat; background-position: center; height: 22px; width: 22px; position: fixed; z-index: 2147483647; left: 0px; top: 0px; display: none; cursor: pointer; animation-duration: 200ms; animation-name: simple-translate-showButton; } #simple-translate-panel { all: initial; background-color: #fff; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08); border-radius: 3px; min-height: 20px; max-height: 200px; line-height: 150%; height: auto; min-width: 10px; max-width: 300px; position: fixed; padding: 10px 18px; z-index: 2147483646; left: 0px; top: 0px; display: none; overflow-y: auto; } #simple-translate-panel p { all: initial; font-family: 'Sugoe UI', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Meiryo', 'メイリオ', 'Osaka', 'arial', 'helvetica', 'MS PGothic', 'sans-serif' !important; text-align: left; display: inline-block; margin: 0; word-wrap: break-word; } #simple-translate-panel p::-moz-selection { background: #ebebeb; } @keyframes simple-translate-showButton { 0% { transform: scale3d(1, 1, 1); } 50% { transform: scale3d(1.1, 1.1, 1.1); } 100% { transform: scale3d(1, 1, 1); } } @keyframes simple-translate-fadein { from { opacity: 0; } to { opacity: 1; } }