Uprev Google Input Tools.

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

 .inputview-layoutview {
   position: relative;
   -webkit-user-select: none;
 }
 .inputview-canvasview,
 .inputview-skv {
   display: inline-block;
   overflow: hidden;
 }
 .inputview-sk {
@@ skipping 207 matching lines @@
   -webkit-box-orient: horizontal;
   background: #f5f5f5;
   display: -webkit-box;
 }
 .inputview-globe-icon {
   background: transparent url('images/globe.png') 0 0 / 21px 21px no-repeat;
   display: inline-block;
   width: 21px;
   height: 21px;
 }
+.inputview-swipe-view,
 .inputview-menu-view,
 .inputview-altdata-view {
   position: fixed;
   z-index: 999;
   border: 1px solid #ccc;
   background-color: white;
   -webkit-box-shadow: 0 0 6px rgba(204, 204, 204, 0.65),
                       0 0 2px rgba(136, 136, 136, 0.65),
                       0 0 6px rgba(204, 204, 204, 0.65),
                       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;
   color: #111111;
   vertical-align: middle;
   text-align: center;
 }
 .inputview-a11y .inputview-altdata-key {
   font-size: 18px;
 }
 .inputview-candidate.inputview-candidate-default {
   color: #111111;
 }
 .inputview-candidate.inputview-candidate-autocorrect {
   font-weight: bold;
   color: #111111;
 }
 .inputview-candidate-view {
   overflow: hidden;
   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;
   color: #555555;
   vertical-align: middle;
   text-align: center;
   text-overflow: ellipsis;
 }
 .inputview-a11y .inputview-candidate {
   font-size: 12px;
 }
+.inputview-toolbar-separator,
 .inputview-candidate-separator {
   border-left: 1px solid #ddd;
   position: relative;
   display: inline-block;
 }
 .inputview-table-cell {
   display: table-cell;
   vertical-align: middle;
   text-align: center;
 }
@@ skipping 12 matching lines @@
   width: 16px;
   height: 4px;
 }
 .inputview-modifier-state-icon.inputview-modifier-on {
   background: url('images/modifier-on.png');
 }
 .inputview-modifier-state-icon.inputview-hold {
   -webkit-box-shadow: 0 0 5px 1px #397FFB;
   opacity: 0.9;
 }
+.inputview-track-cover,
 .inputview-altdata-cover {
   position: fixed;
   bottom: 0;
   left: 0;
   background-color: white;
   opacity: 0.5;
   z-index: 1;
 }
+.inputview-track-cover {
+  z-index: 998;
+}
 .inputview-arrow-key {
   display: inline-block;
   height: 13.5px;
 }
 .inputview-up-key {
   background-image: transparent url('images/up.png') 0 0/16px 13.5px no-repeat;
   width: 16px;
 }
 .inputview-down-key {
   background: transparent url('images/down.png') 0 0/16px 13.5px no-repeat;
@@ skipping 30 matching lines @@
   width: 4px;
   height: 17px;
 }
 .inputview-hide-keyboard-icon {
   background: transparent url('images/hide.png') 0 0/20px 14.5px no-repeat;
   display: inline-block;
   width: 20px;
   height: 14.5px;
 }
 .inputview-candidate.inputview-candidate-highlight,
+.inputview-toolbar-button.inputview-candidate-highlight,
 .inputview-element-highlight {
   background-color: #dddddd;
 }
 .inputview-menu-footer-item.inputview-element-highlight,
 .inputview-view .inputview-special-key-highlight,
 .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;
   display: inline-block;
   width: 22.5px;
   height: 13px;
 }
 .inputview-enter-icon {
   background: transparent url('images/enter.png');
   background-size: 18px 13px;
@@ skipping 103 matching lines @@
   height: 17px;
   width: 16.5px;
 }
 
 .inputview-expand-candidates-icon {
   background: transparent url('images/show_candidates.png') 0 0/17px 16.5px no-repeat;
   height: 17px;
   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
  */
 
 .inputview-handwriting {
   font-size: 16px;
 }
 
 .inputview-a11y.inputview-handwriting .inputview-modifier {
@@ skipping 122 matching lines @@
   height: 16px;
   width: 40px;
 }
 .inputview-pinyin .inputview-en-switcher-english {
   display: inline-block;
   background: url('images/english_small.png') no-repeat center;
   background-size: 40px 16px;
   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;
   white-space: nowrap;
   display: inline-block;
 }
 .inputview-three-candidates .inputview-candidate {
   padding: 6px;
 }