src/ui/keyboard/resources/elements/kb-altkey.html

   1 <!--
   2   -- Copyright 2013 The Chromium Authors. All rights reserved.
   3   -- Use of this source code is governed by a BSD-style license that can be
   4   -- found in the LICENSE file.
   5   -->
   6
   7 <polymer-element name="kb-altkey" attributes="char" on-pointerover="{{over}}"
   8     on-pointerout="{{out}}" on-pointerup="{{up}}">
   9   <template>
  10     <style>
  11       :host {
  12         -webkit-box-flex: 1;
  13         background-position: center center;
  14         background-repeat: no-repeat;
  15         background-size: contain;
  16         display: -webkit-box;
  17         position: relative;
  18       }
  19
  20       :host(.active) {
  21         background-color: #afafaf;
  22       }
  23
  24       :host(:first-child) {
  25         border-top-left-radius: 2px;
  26         border-bottom-left-radius: 2px;
  27       }
  28
  29       :host(:last-child) {
  30         border-top-right-radius: 2px;
  31         border-bottom-right-radius: 2px;
  32       }
  33
  34       :host .key {
  35         bottom: 0;
  36         color: #ffffff;
  37         font-family: roboto-bold;
  38         font-weight: 100;
  39         height: 1.2em;
  40         left: 0;
  41         margin: auto;
  42         position: absolute;
  43         right: 0;
  44         top: 0;
  45         text-align: center;
  46       }
  47     </style>
  48     <div class="key">
  49       <content></content>
  50     </div>
  51   </template>
  52 </polymer-element>