safari version 0.4.0

andy-portmen · Oct 22, 2015 · 54bb238 · 54bb238
1 parent 9f50cd8
commit 54bb238
Show file tree

Hide file tree

Showing 16 changed files with 221 additions and 108 deletions.
diff --git a/src/Info.plist b/src/Info.plist
@@ -13,7 +13,7 @@
 	<key>CFBundleInfoDictionaryVersion</key>
 	<string>6.0</string>
 	<key>CFBundleShortVersionString</key>
-	<string>0.3.9</string>
+	<string>0.4.0</string>
 	<key>CFBundleVersion</key>
 	<string>2</string>
 	<key>Chrome</key>
@@ -82,7 +82,7 @@
 		</dict>
 	</dict>
 	<key>Update Manifest URL</key>
-	<string>https://raw.githubusercontent.com/andy-portmen/Simple-Translate/master/src/update.plist</string>
+	<string>https://cdn.rawgit.com/andy-portmen/Simple-Translate/0.4.0/src/update.plist</string>
 	<key>Website</key>
 	<string>http://add0n.com/google-translator.html</string>
 </dict>

diff --git a/src/data/content_script/inject.css b/src/data/content_script/inject.css
@@ -2,75 +2,89 @@
   display: none;
   width: 20px !important;
   height: 20px !important;
+  opacity: 0.9 !important;
+  z-index: 999999 !important;
+  cursor: pointer !important;
   border-radius: 9px !important;
   position: absolute !important;
-  z-index: 999999 !important;
-  background-position: center center !important;
+  background-size: 10px !important;
   background-repeat: no-repeat !important;
-  cursor: pointer !important;
-  opacity: 0.9 !important;
+  background-position: center center !important;
 }
 .igtranslator-activator-icon:hover {
   opacity: 1.0 !important;
 }
-.igtranslator-iframe {
-  display: none;
-  z-index: 999999 !important;
-  position: absolute !important;
+.igtranslator-main-div {
   width: 0;
   height: 0;
+  display: none;
   border: 0 !important;
+  margin: 0 !important;
   padding: 0 !important;
+  resize: both !important;
+  overflow: auto !important;
+  min-width: 300px !important;
+  min-height: 80px !important;
+  cursor: nw-resize !important;
+  position: absolute !important;
+  z-index: 2000000000 !important;
+  vertical-align: middle !important;
+  background: transparent !important;
+}
+.igtranslator-iframe {
+  border: 0 !important;
   margin: 0 !important;
+  padding: 0 !important;
+  z-index: 2000000000 !important;
+  width: calc(100% - 9px) !important;
+  height: calc(100% - 9px) !important;
 }
 .igtranslator-bubble {
-  display: block;
-  position: absolute;
-  padding: 2px 2px 0 2px;
   margin: 0;
+  width: auto;
+  height: auto;
   color: black;
+  display: block;
   font: 13px Arial;
+  min-width: 260px;
   border-radius: 2px;
-  z-index: 999999;
-  width: auto;
-  max-width: 500px;
-  border-collapse: separate;
+  z-index: 2000000000;
   border-spacing: 2px;
+  padding: 2px 2px 0 2px;
+  border-collapse: separate;
 }
 .igtranslator-bubble tr {
   width: 100%;
   height: auto;
 }
 .igtranslator-bubble:after,.igtranslator-bubble:before {
-  content: "";
-  border: solid transparent;
-  height: 0;
   width: 0;
+  height: 0;
+  content: "";
   position: absolute;
+  border: solid transparent;
 }
 .igtranslator-bubble:after {
+  top: -4px;
+  left: 14px;
   border-width: 7px;
-
-  top: -13px;
-  left: 4px;
 }
 .igtranslator-bubble:before {
+  top: -7px;
+  left: 13px;
   border-width: 8px;
-
-  top: -16px;
-  left: 3px;
 }
 .igtranslator-header {
-  height: 20px;
-  width: 100px;
+  margin: 0;
   border: 0;
   padding: 0;
-  margin: 0;
-  background-position: center center;
-  background-repeat: no-repeat;
-  text-align: center;
+  height: 20px;
+  width: 100px;
   font-size: 130%;
   min-width: 100px;
+  text-align: center;
+  background-repeat: no-repeat;
+  background-position: center center;
 }
 .igtranslator-header td {
   border: 0;
@@ -86,21 +100,22 @@
   white-space: pre-line;
 }
 .igtranslator-content {
+  margin: 0;
+  padding: 0;
+  width: 100%;
+  height: 100%;
   display: none;
+  border-left: 0;
+  border-right: 0;
   font: 13px Arial;
   min-height: 80px;
-  max-height: 200px;
   overflow-y: auto;
-  background-position: center center;
-  background-repeat: no-repeat;
-
-  border-right: 0;
+  min-width: 260px;
   border-bottom: 0;
-  border-left: 0;
-  border-collapse: separate;
   border-spacing: 2px;
-  padding: 0;
-  margin: 0;
+  border-collapse: separate;
+  background-repeat: no-repeat;
+  background-position: center center;
 }
 .igtranslator-content td {
   border: 0;
@@ -109,21 +124,40 @@
 }
 .igtranslator-footer {
   border: 0;
-  padding: 0;
   margin: 0;
+  padding: 0;
 }
 .igtranslator-footer td {
   margin: 0;
   padding: 0;
   height: 20px;
+  opacity: 0.5;
   min-width: 32px;
+  cursor: pointer;
   border-radius: 1px;
   background-size: 16px 16px;
   background-repeat: no-repeat;
   background-position: center center;
-  cursor: pointer;
-  opacity: 0.5;
 }
 .igtranslator-footer td:hover {
   opacity: 1.0;
+}
+
+@-webkit-keyframes bounceIn {
+  0% {opacity: 0; -webkit-transform: scale(.3)}
+  50% {opacity: 1; -webkit-transform: scale(1.05)}
+  70% {-webkit-transform: scale(.9)}
+  100% {-webkit-transform: scale(1)}
+}
+@keyframes bounceIn {
+  0% {opacity: 0; transform: scale(.3)}
+  50% {opacity: 1; transform: scale(1.05)}
+  70% {transform: scale(.9)}
+  100% {transform: scale(1)}
+}
+.bounceIn {
+  animation-duration: .5s;
+  animation-name: bounceIn;
+  -webkit-animation-duration: .5s;
+  -webkit-animation-name: bounceIn;
 }