1
0
tmk_keyboard/editor/hhkb/keyboard.css

103 lines
2.1 KiB
CSS
Raw Normal View History

2013-09-07 07:30:28 +00:00
html * {
font-family:helvetica, arial, sans-serif;
}
.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;
}
.key:hover {
2013-09-07 07:30:28 +00:00
background-color:#dfdfdf;
}
.key:active {
2013-09-07 07:30:28 +00:00
position:relative;
top:1px;
}
.key-editing {
2013-09-07 07:30:28 +00:00
background-color:#b4b4b4;
position:relative;
top:2px;
}
/* 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; }
.btn200 { width:74px; }
2013-09-07 07:30:28 +00:00
.btn225 { width:83px; }
.btn250 { width:99px; }
.btn275 { width:111.5px; }
2013-09-07 07:30:28 +00:00
.btn600 { width:259px; }
.btn625 { width:270px; }
.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; }
.spc200 { width 74px; visibility:hidden; }
2013-09-07 07:30:28 +00:00
.keyboard-row {
width: auto;
display: inline-block;
}
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-09-07 07:30:28 +00:00
2013-09-05 07:53:02 +00:00
.action {
font-size:16px;
font-weight:bold;
2013-09-05 07:53:02 +00:00
min-width: 30px;
}
2013-09-07 07:30:28 +00:00
.keycode_tabs {
max-width: 750px;
overflow: auto;
font-size:14px;
font-weight:bold;
}
/* http://www.w3schools.com/cssref/css3_pr_resize.asp */
.resizable {
resize: both;
overflow: auto;
}