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-hot {
   8   background: url('images/favorit.png') no-repeat center;
   9   background-size: 24.5px 24.5px;
  10   height: 24.5px;
  11   width: 24.5px;
  12 }
  13 .inputview-emoji-switch-emotion {
  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-special-characters {
  26   background: url('images/triangle.png') no-repeat center;
  27   background-size: 15.5px 12.5px;
  28   height: 12.5px;
  29   width: 15.5px;
  30 }
  31 .inputview-emoji-switch-nature {
  32   background: url('images/flower.png') no-repeat center;
  33   background-size: 24px 24px;
  34   height: 24px;
  35   width: 24px;
  36 }
  37 .inputview-emoji-switch-poi {
  38   background: url('images/car.png') no-repeat center;
  39   background-size: 24px 24px;
  40   height: 24px;
  41   width: 24px;
  42 }
  43 .inputview-emoji-switch-items {
  44   background: url('images/emoji_cat_items.png') no-repeat center;
  45   background-size: 24px 24px;
  46   height: 24px;
  47   width: 24px;
  48 }
  49 .inputview-emoji-switch {
  50   display: inline-block;
  51   opacity: 0.5;
  52 }
  53 .inputview-emoji-switch-highlight {
  54   opacity: 1;
  55 }
  56 .inputview-emoji .inputview-sk {
  57   background-color: #ffffff;
  58   margin: 0 0 10px 0;
  59 }
  60 .inputview-emoji.inputview-element-highlight {
  61   background-color: #cccccc;
  62 }
  63 .inputview-emoji .inputview-wrapper{
  64   background-color: #ffffff;
  65   box-shadow: 1px -2px 7px 2px rgba(192, 192, 192, 0.65);
  66   margin: 11px 0;
  67 }
  68 .inputview-emoji-tabbar {
  69   background-color: #ffffff;
  70   border-bottom-width:2px;
  71   border-bottom-style:solid;
  72   border-bottom-color: #cccccc;
  73 }
  74 .inputview-emoji-tabbar-key {
  75   background-color: #ffffff;
  76 }
  77 .inputview-emoji-tabbar-key.inputview-emoji-tabbar-key-highlight {
  78   background-color: #ffffff;
  79   border-bottom-width:4px;
  80   border-bottom-style:solid;
  81   border-bottom-color: #777777;
  82 }
  83 .inputview-emoji-key .inputview-special-key-bg {
  84   background-color: white;
  85 }
  86 .inputview-emoji-key .inputview-modifier {
  87   font-size: 30px;
  88   text-align: center;
  89 }
  90 .inputview-landscape .inputview-emoticon.inputview-emoji-key .inputview-modifier {
  91   font-size: 20px;
  92 }
  93 .inputview-portrait .inputview-emoticon.inputview-emoji-key .inputview-modifier {
  94   font-size: 15px;
  95 }
  96 .inputview-emoji-back {
  97   margin: 1px;
  98   font-size: 18px;
  99   color: #111111;
 100   text-align: center;
 101 }
 102 .inputview-emoji .inputview-container {
 103   top: 20px;
 104 }
 105 .inputview-emoji-tabbar-sk {
 106   background-color: #ffffff;
 107 }
 108 .inputview-indicator {
 109   background-color: #777777;
 110   height: 4px;
 111   position: absolute;
 112   overflow: hidden;
 113 }
 114 .inputview-indicator:hover {
 115   -webkit-transform: scaleY(2);
 116   -webkit-transition: all 0.1s ;
 117
 118 }
 119 .inputview-indicator-background {
 120   background-color: #ffffff;
 121   display: inline-block;
 122   height: 4px;
 123   position: absolute;
 124   overflow: hidden;
 125 }
 126 .inputview-indicator-background:hover {
 127   -webkit-transform: scaleY(2);
 128   transition: 0.1s all;
 129 }