2013-09-07 07:30:28 +00:00
|
|
|
html * {
|
|
|
|
font-family:helvetica, arial, sans-serif;
|
|
|
|
}
|
|
|
|
|
2013-08-30 02:28:41 +00:00
|
|
|
.key {
|
2013-09-07 07:30:28 +00:00
|
|
|
-moz-box-shadow:inset -8px -10px 0px -3px #ffffff;
|
|
|
|
-webkit-box-shadow:inset -8px -10px 0px -3px #ffffff;
|
|
|
|
box-shadow:inset -8px -10px 0px -3px #ffffff;
|
|
|
|
background-color:#ededed;
|
|
|
|
-moz-border-radius:6px;
|
|
|
|
-webkit-border-radius:6px;
|
|
|
|
border-radius:6px;
|
|
|
|
border:2px solid #dcdcdc;
|
|
|
|
display:block;
|
|
|
|
float: left;
|
|
|
|
color:#777777;
|
|
|
|
font-family:helvetica, arial, sans-serif;
|
|
|
|
font-size:16px;
|
|
|
|
font-weight:bold;
|
|
|
|
text-decoration:none;
|
|
|
|
padding:4px 16px 16px 4px;
|
|
|
|
width: 24px;
|
|
|
|
height: 24px;
|
|
|
|
overflow: hidden;
|
|
|
|
margin: 0px 1px 1px 0px;
|
2013-08-30 02:28:41 +00:00
|
|
|
}
|
|
|
|
.key:hover {
|
2013-09-07 07:30:28 +00:00
|
|
|
background-color:#dfdfdf;
|
2013-08-30 02:28:41 +00:00
|
|
|
}
|
|
|
|
.key:active {
|
2013-09-07 07:30:28 +00:00
|
|
|
position:relative;
|
|
|
|
top:1px;
|
2013-08-30 02:28:41 +00:00
|
|
|
}
|
|
|
|
.key-editing {
|
2013-09-07 07:30:28 +00:00
|
|
|
background-color:#b4b4b4;
|
|
|
|
position:relative;
|
|
|
|
top:2px;
|
2013-08-30 02:28:41 +00:00
|
|
|
}
|
|
|
|
/* This imageless css button was generated by CSSButtonGenerator.com */
|
|
|
|
|
|
|
|
/* Key size and pixel
|
|
|
|
* key: 1.00 1.25 1.50 1.75 2.00
|
|
|
|
* size: 50 62.5 75 87.5 100
|
|
|
|
* width: 24 36.5 49 61.5 74
|
|
|
|
*
|
|
|
|
* margin:1 + border:2 + padding:4 + width:24 + padding:16 + border:2 + margin:1 = 50px
|
|
|
|
* width:24 + 26px = 50px
|
|
|
|
*/
|
|
|
|
.btn100 { width:24px; }
|
|
|
|
.btn125 { width:36.5px; }
|
2013-09-07 07:30:28 +00:00
|
|
|
.btn150 { width:47.5px; }
|
|
|
|
.btn175 { width:60px; }
|
2013-08-30 02:28:41 +00:00
|
|
|
.btn200 { width:74px; }
|
2013-09-07 07:30:28 +00:00
|
|
|
.btn225 { width:83px; }
|
2013-08-30 02:28:41 +00:00
|
|
|
.btn250 { width:99px; }
|
|
|
|
.btn275 { width:111.5px; }
|
2013-09-07 07:30:28 +00:00
|
|
|
.btn600 { width:259px; }
|
|
|
|
.btn625 { width:270px; }
|
2013-08-30 02:28:41 +00:00
|
|
|
.btn700 { width:324px; }
|
|
|
|
|
|
|
|
.spc100 { width:24px; visibility:hidden; }
|
|
|
|
.spc125 { width:36.5px; visibility:hidden; }
|
2013-09-07 07:30:28 +00:00
|
|
|
.spc150 { width:47.5px; visibility:hidden; }
|
|
|
|
.spc175 { width:60px; visibility:hidden; }
|
2013-08-30 02:28:41 +00:00
|
|
|
.spc200 { width 74px; visibility:hidden; }
|
|
|
|
|
2013-09-07 07:30:28 +00:00
|
|
|
.keyboard-row {
|
|
|
|
width: auto;
|
|
|
|
display: inline-block;
|
2013-08-30 02:28:41 +00:00
|
|
|
}
|
|
|
|
|
2013-09-07 07:30:28 +00:00
|
|
|
.keyboard-outline {
|
2013-09-05 07:53:02 +00:00
|
|
|
}
|
|
|
|
|
2013-09-07 07:30:28 +00:00
|
|
|
.keyboard-pane {
|
|
|
|
width: 750px;
|
|
|
|
font-size: 14px;
|
2013-09-05 07:53:02 +00:00
|
|
|
font-weight:bold;
|
2013-08-30 02:28:41 +00:00
|
|
|
}
|
|
|
|
|
2013-09-07 07:30:28 +00:00
|
|
|
|
|
|
|
|
2013-09-05 07:53:02 +00:00
|
|
|
.action {
|
|
|
|
font-size:16px;
|
2013-08-30 02:28:41 +00:00
|
|
|
font-weight:bold;
|
2013-09-05 07:53:02 +00:00
|
|
|
min-width: 30px;
|
2013-08-30 02:28:41 +00:00
|
|
|
}
|
|
|
|
|
2013-09-07 07:30:28 +00:00
|
|
|
.keycode_tabs {
|
|
|
|
max-width: 750px;
|
|
|
|
overflow: auto;
|
|
|
|
font-size:14px;
|
|
|
|
font-weight:bold;
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
2013-08-30 02:28:41 +00:00
|
|
|
/* http://www.w3schools.com/cssref/css3_pr_resize.asp */
|
|
|
|
.resizable {
|
|
|
|
resize: both;
|
|
|
|
overflow: auto;
|
|
|
|
}
|