-->
<polymer-element name="kb-shift-key" attributes="lowerCaseKeysetId
- upperCaseKeysetId" class="shift dark" char="Shift" on-pointerout="{{out}}"
- extends="kb-key">
+ upperCaseKeysetId" class="shift dark" char="Shift" image="shift.png"
+ on-pointerout="{{out}}" extends="kb-key">
<template>
<style>
.shift-light-wrapper {
- bottom: 3px;
+ top: 6px;
height: 10%;
margin: 0;
padding: 0;
}
.shift-light {
- -webkit-box-shadow: inset 0 1px #101010, inset 0 -1px #444444;
- background-image: -webkit-linear-gradient(#101010, #000000);
- border: solid;
- border-bottom-color: #1d1d1d;
- border-top-color: #2d2d2d;
- border-width: 1px 0;
- height: 0.3em;
- margin: 0 auto;
+ background-color: #cccccc;
+ border: none;
+ height: 4px;
+ margin: 0 6px 0 auto;
position: relative;
- width: 1.8em;
+ width: 4px;
}
</style>
<div class="shift-light-wrapper">