Uprev Google Input Tools.

third_party/google_input_tools/src/chrome/os/inputview/common.css

Index: third_party/google_input_tools/src/chrome/os/inputview/common.css
diff --git a/third_party/google_input_tools/src/chrome/os/inputview/common.css b/third_party/google_input_tools/src/chrome/os/inputview/common.css
index 4a16f54b83e709ce7452b02d10ac2fdf0ef973b4..1238b4d42449e31210c79acd934714962de5f9bb 100644
--- a/third_party/google_input_tools/src/chrome/os/inputview/common.css
+++ b/third_party/google_input_tools/src/chrome/os/inputview/common.css
@@ -225,6 +225,7 @@
   width: 21px;
   height: 21px;
 }
+.inputview-swipe-view,
 .inputview-menu-view,
 .inputview-altdata-view {
   position: fixed;
@@ -237,12 +238,26 @@
                       0 0 6px rgba(204, 204, 204, 0.65);
   cursor: default;
 }
+.inputview-swipe-separator {
+  background-color: #ebebeb;
+  position: relative;
+  display: inline-block;
+}
 .inputview-altdata-separator {
   height: 20px;
   border-left: 1px solid #ddd;
   position: relative;
   display: inline-block;
 }
+.inputview-swipe-key {
+  background-color: #dddddd;
+  display: table-cell;
+  font-size: 23px;
+  color: black;
+  vertical-align: middle;
+  position: relative;
+  text-align: center;
+}
 .inputview-altdata-key {
   display: table-cell;
   font-size: 23px;
@@ -265,9 +280,13 @@
   display: table-cell;
   height: 32px;
 }
+.inputview-toolbar-button,
 .inputview-candidate-button {
   float: right;
 }
+.inputview-toolbar-button.float-left {
+  float: left;
+}
 .inputview-candidate {
   display: table-cell;
   font-size: 18px;
@@ -279,6 +298,7 @@
 .inputview-a11y .inputview-candidate {
   font-size: 12px;
 }
+.inputview-toolbar-separator,
 .inputview-candidate-separator {
   border-left: 1px solid #ddd;
   position: relative;
@@ -311,6 +331,7 @@
   -webkit-box-shadow: 0 0 5px 1px #397FFB;
   opacity: 0.9;
 }
+.inputview-track-cover,
 .inputview-altdata-cover {
   position: fixed;
   bottom: 0;
@@ -319,6 +340,9 @@
   opacity: 0.5;
   z-index: 1;
 }
+.inputview-track-cover {
+  z-index: 998;
+}
 .inputview-arrow-key {
   display: inline-block;
   height: 13.5px;
@@ -369,6 +393,7 @@
   height: 14.5px;
 }
 .inputview-candidate.inputview-candidate-highlight,
+.inputview-toolbar-button.inputview-candidate-highlight,
 .inputview-element-highlight {
   background-color: #dddddd;
 }
@@ -377,6 +402,10 @@
 .inputview-view .inputview-special-key-bg.inputview-special-key-highlight {
   background-color: #cccccc;
 }
+.inputview-swipe-separator.inputview-element-highlight,
+.inputview-swipe-key.inputview-element-highlight {
+  background-color: #bbbbbb;
+}
 .inputview-backspace-icon {
   background: transparent url('images/backspace.png');
   background-size: 22.5px 13px;
@@ -500,6 +529,60 @@
   width: 16.5px;
 }
 
+.inputview-copy-icon {
+  background: transparent url('images/copy.png') 0 0/17px 16.5px no-repeat;
+  height: 17px;
+  width: 16.5px;
+}
+
+.inputview-cut-icon {
+  background: transparent url('images/cut.png') 0 0/17px 16.5px no-repeat;
+  height: 17px;
+  width: 16.5px;
+}
+
+.inputview-paste-icon {
+  background: transparent url('images/paste.png') 0 0/17px 16.5px no-repeat;
+  height: 17px;
+  width: 16.5px;
+}
+
+.inputview-bold-icon {
+  background: transparent url('images/bold.png') 0 0/17px 16.5px no-repeat;
+  height: 17px;
+  width: 16.5px;
+}
+
+.inputview-italics-icon {
+  background: transparent url('images/italic.png') 0 0/17px 16.5px no-repeat;
+  height: 17px;
+  width: 16.5px;
+}
+
+.inputview-underline-icon {
+  background: transparent url('images/underline.png') 0 0/17px 16.5px no-repeat;
+  height: 17px;
+  width: 16.5px;
+}
+
+.inputview-select-all-icon {
+  background: transparent url('images/select_all.png') 0 0/17px 16.5px no-repeat;
+  height: 17px;
+  width: 16.5px;
+}
+
+.inputview-redo-icon {
+  background: transparent url('images/redo.png') 0 0/17px 16.5px no-repeat;
+  height: 17px;
+  width: 16.5px;
+}
+
+.inputview-undo-icon {
+  background: transparent url('images/undo.png') 0 0/17px 16.5px no-repeat;
+  height: 17px;
+  width: 16.5px;
+}
+
 /**
  * The following css style is for handwriting panel,
  * please keep it in the end of the file
@@ -642,6 +725,49 @@
   height: 16px;
   width: 40px;
 }
+.inputview-select-knob-left,
+.inputview-select-knob-right {
+  position: absolute;
+  top: 0;
+  margin: 0;
+  padding: 0;
+  z-index: 100;
+}
+.inputview-select-knob-left {
+  left: 0px;
+}
+.inputview-select-knob-right {
+
+}
+/* Anchor to the center of the column */
+.inputview-select-knob-right > div,
+.inputview-select-knob-left > div {
+  width: 100%;
+  position: relative;
+  height: 1px;
+  top: 50%;
+  left: 0;
+}
+/* Semi-circular knob */
+.inputview-select-knob-left > div > div,
+.inputview-select-knob-right > div > div {
+  width : 100%;
+  height: 50px;
+  background-color: #dddddd;
+  -webkit-transform: translateY(-25px);
+  line-height: 50px;
+  color: white;
+  text-align: center;
+  font-size: medium;
+  font-weight: bolder;
+}
+.inputview-select-knob-left > div > div {
+  -webkit-border-radius: 0 30px 30px 0;
+}
+.inputview-select-knob-right > div > div {
+  -webkit-border-radius: 30px 0 0 30px;
+}
+
 .inputview-candidate-internal-wrapper {
   text-overflow: ellipsis;
   overflow-x: hidden;