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

   1 .inputview-emoji-switch-recent {
   2   background: url('images/emoji_recent.png') no-repeat center;
   3   background-size: 24px 24px;
   4   height: 24px;
   5   width: 24px;
   6 }
   7 .inputview-emoji-tabbar-key-highlight .inputview-emoji-switch-recent {
   8   background: url('images/emoji_recent_selected.png') no-repeat center;
   9   background-size: 24px 24px;
  10 }
  11 .inputview-emoji-switch-hot {
  12   background: url('images/emoji_hot.png') no-repeat center;
  13   background-size: 18px 23px;
  14   height: 23px;
  15   width: 18px;
  16 }
  17 .inputview-emoji-tabbar-key-highlight .inputview-emoji-switch-hot {
  18   background: url('images/emoji_hot_selected.png') no-repeat center;
  19   background-size: 18px 23px;
  20 }
  21 .inputview-emoji-switch-emoticon {
  22   background: url('images/emoji_emoticon.png') no-repeat center;
  23   background-size: 30px 20.5px;
  24   height: 20.5px;
  25   width: 30px;
  26 }
  27 .inputview-emoji-tabbar-key-highlight .inputview-emoji-switch-emoticion {
  28   background: url('images/emoji_emoticon_selected.png') no-repeat center;
  29   background-size: 30px 20.5px;
  30 }
  31 .inputview-emoji-switch-emotion {
  32   background: url('images/emoji.png') no-repeat center;
  33   background-size: 20px 20px;
  34   height: 20px;
  35   width: 20px;
  36 }
  37 .inputview-emoji-switch-special-characters {
  38   background: url('images/emoji_shape.png') no-repeat center;
  39   background-size: 23.5px 19px;
  40   height: 19px;
  41   width: 23.5px;
  42 }
  43 .inputview-emoji-tabbar-key-highlight .inputview-emoji-switch-special-characters {
  44   background: url('images/emoji_shape_selected.png') no-repeat center;
  45   background-size: 23.5px 19px;
  46 }
  47 .inputview-emoji-switch-nature {
  48   background: url('images/emoji_flower.png') no-repeat center;
  49   background-size: 24px 24px;
  50   height: 24px;
  51   width: 24px;
  52 }
  53 .inputview-emoji-tabbar-key-highlight .inputview-emoji-switch-nature {
  54   background: url('images/emoji_flower_selected.png') no-repeat center;
  55   background-size: 24px 24px;
  56 }
  57 .inputview-emoji-switch-poi {
  58   background: url('images/emoji_car.png') no-repeat center;
  59   background-size: 24px 19px;
  60   height: 19px;
  61   width: 24px;
  62 }
  63 .inputview-emoji-tabbar-key-highlight .inputview-emoji-switch-poi {
  64   background: url('images/emoji_car_selected.png') no-repeat center;
  65   background-size: 24px 19px;
  66 }
  67 .inputview-emoji-switch-items {
  68   background: url('images/emoji_crown.png') no-repeat center;
  69   background-size: 25px 25px;
  70   height: 25px;
  71   width: 25px;
  72 }
  73 .inputview-emoji-tabbar-key-highlight .inputview-emoji-switch-items {
  74   background: url('images/emoji_crow_selected.png') no-repeat center;
  75   background-size: 25px 25px;
  76 }
  77 .inputview-emoji-switch {
  78   display: inline-block;
  79   opacity: 0.5;
  80 }
  81 .inputview-emoji-switch-highlight {
  82   opacity: 1;
  83 }
  84 .inputview-emoji .inputview-sk {
  85   margin: 0 0 10px 0;
  86 }
  87 #emojiSpaceRow .inputview-sk {
  88   margin: 0 8px 10px 8px;
  89 }
  90 .inputview-emoji.inputview-element-highlight {
  91   background-color: #cccccc;
  92 }
  93 .inputview-emoji-tabbar {
  94   border-bottom-width:2px;
  95   border-bottom-style:solid;
  96   border-bottom-color: #cccccc;
  97 }
  98 .inputview-emoji-tabbar-key.inputview-emoji-tabbar-key-highlight {
  99   border-bottom-width:5px;
 100   border-bottom-style:solid;
 101   border-bottom-color: #4285f4;
 102 }
 103 .inputview-emoji-key {
 104   display: table-cell;
 105   vertical-align: middle;
 106 }
 107 .inputview-emoji-key .inputview-special-key-name {
 108   font-size: 30px;
 109   text-align: center;
 110 }
 111 .inputview-landscape .inputview-emoticon.inputview-emoji-key .inputview-special-key-name {
 112   font-size: 20px;
 113 }
 114 .inputview-portrait .inputview-emoticon.inputview-emoji-key .inputview-special-key-name {
 115   font-size: 15px;
 116 }
 117 .inputview-emoji-back {
 118   margin: 1px;
 119   font-size: 18px;
 120   color: #111111;
 121   text-align: center;
 122 }
 123 .inputview-emoji .inputview-container {
 124   top: 20px;
 125 }
 126 .inputview-indicator {
 127   background-color: rgba(55, 71, 89, .3);
 128   height: 3px;
 129   position: absolute;
 130   overflow: hidden;
 131 }
 132 .inputview-indicator:hover {
 133   -webkit-transform: scaleY(2);
 134   -webkit-transition: all 0.1s ;
 135
 136 }
 137 .inputview-indicator-background {
 138   background-color: rgba(55, 71, 89, .15);
 139   display: inline-block;
 140   height: 3px;
 141   position: absolute;
 142   overflow: hidden;
 143 }
 144 .inputview-indicator-background:hover {
 145   -webkit-transform: scaleY(2);
 146   transition: 0.1s all;
 147 }
 148 #tabBar {
 149   border-bottom: 1px solid rgba(255, 255, 255, .6);
 150   background-color: #e4e7e9;
 151 }
 152 #emojiSpaceRow,
 153 #rowsAndSideKeys {
 154   border-left: 1.5px solid rgba(55, 71, 79, 0.1);
 155   border-right: 1.5px solid rgba(55, 71, 79, 0.1);
 156 }