diff --git a/popup.css b/popup.css new file mode 100644 index 0000000..92bd72d --- /dev/null +++ b/popup.css @@ -0,0 +1,63 @@ +body { + /*font-family: 'Sugoe UI','Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Meiryo', 'メイリオ', 'Osaka', 'MS PGothic', 'arial', 'helvetica', 'sans-serif';*/ + text-align: left; + font-size: 13px; + height: auto; + width: 300px; + padding: 5px 20px 0px; + overflow: hidden; +} + +#main { + margin: 10px 0px; +} + +hr { + size: 1; + color: #eee; +} + +p {} + +textarea { + font: inherit; + text-align: left; + resize: none; + overflow: auto; + max-height: 250px; + height: 30px; + width: 277px; + padding-top: 10px; + padding-bottom: 0px; + padding-left: 10px; + padding-right: 10px; +} + +#link a { + font-style: normal; + text-decoration: none; + color: #4268da; +} + +#target { + max-height: 250px; + min-height: 20px; + overflow-y: auto; + word-wrap: break-word; +} + +#link { + margin-top: 3px; +} + +#langList { + font: inherit; + text-align: left; + float: right; + margin-bottom: 20px; + max-width: 140px; +} + +::-moz-selection { + background: #ebebeb; +} diff --git a/simple-translate.css b/simple-translate.css new file mode 100644 index 0000000..2d63efe --- /dev/null +++ b/simple-translate.css @@ -0,0 +1,74 @@ +#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; + } +}