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

   1 .inputview-emoji-switch-recent {
   2   background: url('images/recent.png') no-repeat center;
   3   background-size: 20px 20px;
   4   height: 20px;
   5   width: 20px;
   6 }
   7 .inputview-emoji-switch-favorits {
   8   background: url('images/favorit.png') no-repeat center;
   9   background-size: 20px 20px;
  10   height: 20px;
  11   width: 20px;
  12 }
  13 .inputview-emoji-switch-emoji {
  14   background: url('images/emoji.png') no-repeat center;
  15   background-size: 24px 24px;
  16   height: 24px;
  17   width: 24px;
  18 }
  19 .inputview-emoji-switch-emoticon {
  20   background: url('images/emoticon.png') no-repeat center;
  21   background-size: 14px 15px;
  22   height: 15px;
  23   width: 14px;
  24 }
  25 .inputview-emoji-switch-symbol {
  26   background: url('images/symbol.png') no-repeat center;
  27   background-size: 28.5px 14px;
  28   height: 14px;
  29   width: 28.5px;
  30 }
  31 .inputview-emoji-switch-special {
  32   background: url('images/special_characters.png') no-repeat center;
  33   background-size: 24px 24px;
  34   height: 24px;
  35   width: 24px;
  36 }
  37 .inputview-emoji-switch-flower {
  38   background: url('images/flower.png') no-repeat center;
  39   background-size: 24px 24px;
  40   height: 24px;
  41   width: 24px;
  42 }
  43 .inputview-emoji-switch-car {
  44   background: url('images/car.png') no-repeat center;
  45   background-size: 24px 24px;
  46   height: 24px;
  47   width: 24px;
  48 }
  49 .inputview-emoji-switch-triangle {
  50   background: url('images/triangle.png') no-repeat center;
  51   background-size: 15.5px 12.5px;
  52   height: 12.5px;
  53   width: 15.5px;
  54 }
  55 .inputview-emoji-switch {
  56   display: inline-block;
  57   opacity: 0.5;
  58 }
  59 .inputview-emoji-switch-highlight {
  60   opacity: 1;
  61 }
  62 .inputview-emoji .inputview-sk {
  63   background-color: #ffffff;
  64   margin: 25px 0 0 20px;
  65   font-size: 20px;
  66 }
  67 .inputview-emoji.inputview-element-highlight {
  68   background-color: #cccccc;
  69 }
  70 .inputview-emoji .inputview-wrapper{
  71   background-color: #ffffff;
  72   box-shadow: 1px -2px 7px 2px rgba(192, 192, 192, 0.65);
  73   margin: 11px 0;
  74 }
  75 .inputview-emoji-tabbar {
  76   background-color: #ffffff;
  77   border-bottom-width:2px;
  78   border-bottom-style:solid;
  79   border-bottom-color: #cccccc;
  80 }
  81 .inputview-emoji-tabbar-key {
  82   background-color: #ffffff;
  83 }
  84 .inputview-emoji-tabbar-key.inputview-emoji-tabbar-key-highlight {
  85   background-color: #ffffff;
  86   border-bottom-width:4px;
  87   border-bottom-style:solid;
  88   border-bottom-color: #777777;
  89 }
  90 .inputview-emoji-key {
  91   font-size: 40px;
  92 }
  93 .inputview-emoji-text {
  94   font-size: 30px;
  95   text-align: center;
  96 }
  97 .inputview-emoji-key.inputview-emoji-key-highlight {
  98   background-color: #cccccc;
  99 }
 100 .inputview-emoji-back {
 101   margin: 1px;
 102   font-size: 18px;
 103   color: #111111;
 104   text-align: center;
 105 }
 106 .inputview-emoji .inputview-modifier {
 107   font-size: 30px;
 108 }
 109 .inputview-emoji .inputview-special-key-bg {
 110   background-color: #E9E9E9;
 111 }
 112 .inputview-emoji .inputview-special-key-bg.inputview-special-key-highlight {
 113   background-color: #cccccc;
 114 }
 115 .inputview-emoji .inputview-container {
 116   top: 20px;
 117 }
 118 .inputview-emoji-tabbar-sk {
 119   background-color: #ffffff;
 120   font-size: 20px;
 121 }
 122 .inputview-indicator {
 123   background-color: #777777;
 124 }
 125
 126 .inputview-indicator-background {
 127   display: inline-block;
 128 }