Jun Wako
8 years ago
7 changed files with 28 additions and 240 deletions
+ 1
- 1
editor/alps64/index.html
View File
| @@ -2,7 +2,7 @@ | |||
| <head> | |||
| <title>TMK Keymap Editor</title> | |||
| <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" /> | |||
| <link href='keyboard.css' rel='stylesheet' type='text/css'> | |||
| <link rel="stylesheet" href="../common/keymap_editor.css" type="text/css"> | |||
| <script src="http://code.jquery.com/jquery-1.9.1.js"></script> | |||
| <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script> | |||
| <!-- lz-string-1.3.3.js: LZString.decompress() runs away if given short string. --> | |||
+ 0
- 115
editor/alps64/keyboard.css
View File
| @@ -1,115 +0,0 @@ | |||
| html * { | |||
| font-family:helvetica, arial, sans-serif; | |||
| } | |||
| .key { | |||
| box-shadow:inset -3px -3px 5px 5px #ebebeb; | |||
| background-color:#ffffff; | |||
| border-radius:6px; | |||
| border:2px solid #dcdcdc; | |||
| display:inline-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: 25px; | |||
| height: 25px; | |||
| overflow: hidden; | |||
| margin: 0px 1px 1px 0px; | |||
| white-space: normal; | |||
| } | |||
| .key:hover { | |||
| background-color:#ebebeb; | |||
| } | |||
| .key:active { | |||
| } | |||
| .key:focus { | |||
| } | |||
| .key-editing { | |||
| background-color:#b4b4b4; | |||
| border:2px solid #7f7f7f; | |||
| position:relative; | |||
| top:2px; | |||
| } | |||
| /* This imageless css button was generated by CSSButtonGenerator.com */ | |||
| /* Key unit and pixel | |||
| * key unit: 1.00 1.25 1.50 1.75 2.00 | |||
| * px: 50 62.5 75 87.5 100 | |||
| * | |||
| * Key CSS Metrics | |||
| * +---------------------------+ | |||
| * | margin | | |||
| * | +-----------------------+ | | |||
| * | |border 2 | | | |||
| * | | +-------------------+ | | | |||
| * | | |padding 4 | | | | |||
| * | | | +--------------+ | | | | |||
| * |0|2|4|width x height|16|2|1| | |||
| * | | | +--------------+ | | | | |||
| * | | | 16 | | | | |||
| * | | +-------------------+ | | | |||
| * | | 2 | | | |||
| * | +-----------------------+ | | |||
| * | 1 | | |||
| * +---------------------------+ | |||
| * width/height:25 + (margin:0 + border:2 + padding:4 + padding:16 + border:2 + margin:1) = 50px | |||
| */ | |||
| .btn100 { width:25px; } /* 50 - 25 */ | |||
| .btn125 { width:37.5px; } /* 62.5 - 25 */ | |||
| .btn150 { width:50px; } /* 75 - 25 */ | |||
| .btn175 { width:62.5px; } /* 87.5 - 25 */ | |||
| .btn200 { width:75px; } /* 100 - 25 */ | |||
| .btn225 { width:87.5px; } /* 112.5 - 25 */ | |||
| .btn250 { width:100; } /* 125 - 25 */ | |||
| .btn275 { width:112.5px; } /* 137.5 - 25 */ | |||
| .btn600 { width:275px; } /* 300 - 25 */ | |||
| .btn625 { width:287.5px; } /* 312.5 - 25 */ | |||
| .btn700 { width:325px; } /* 350 - 25 */ | |||
| .btn750 { width:350px; } /* 375 - 25 */ | |||
| .spc100 { width:25px; visibility:hidden; } | |||
| .spc125 { width:37.5px; visibility:hidden; } | |||
| .spc150 { width:50px; visibility:hidden; } | |||
| .spc175 { width:62.5px; visibility:hidden; } | |||
| .spc200 { width 75px; visibility:hidden; } | |||
| .keyboard-row { | |||
| width: auto; | |||
| display: inline-block; | |||
| } | |||
| .keyboard-outline { | |||
| } | |||
| .keyboard-pane { | |||
| width: 750px; | |||
| font-size: 14px; | |||
| font-weight:bold; | |||
| } | |||
| .action { | |||
| font-size:16px; | |||
| font-weight:bold; | |||
| min-width: 30px; | |||
| } | |||
| .keycode_tabs { | |||
| width: 750px; | |||
| overflow: auto; | |||
| font-size:14px; | |||
| font-weight:bold; | |||
| } | |||
| /* http://www.w3schools.com/cssref/css3_pr_resize.asp */ | |||
| .resizable { | |||
| resize: both; | |||
| overflow: auto; | |||
| } | |||
editor/m0110/keymap_editor.css → editor/common/keymap_editor.css
View File
| @@ -2,13 +2,9 @@ html * { | |||
| font-family:helvetica, arial, sans-serif; | |||
| } | |||
| .key, .key-nc { | |||
| -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; | |||
| .key, .keync { | |||
| box-shadow:inset -3px -3px 2px 5px #ebebeb; | |||
| background-color:#ffffff; | |||
| border-radius:6px; | |||
| border:2px solid #dcdcdc; | |||
| display:inline-block; | |||
| @@ -26,22 +22,28 @@ html * { | |||
| white-space: normal; | |||
| } | |||
| .key:hover { | |||
| background-color:#dfdfdf; | |||
| box-shadow:inset -3px -3px 2px 5px #cfcfcf; | |||
| position:relative; | |||
| top:2px; | |||
| } | |||
| .key:active { | |||
| position:relative; | |||
| top:1px; | |||
| } | |||
| .key:focus { | |||
| } | |||
| .key-editing { | |||
| background-color:#b4b4b4; | |||
| box-shadow:inset -3px -3px 2px 5px #cfcfcf; | |||
| position:relative; | |||
| top:2px; | |||
| background-color:#efefef; | |||
| border:2px solid #7f7f7f; | |||
| } | |||
| /* This imageless css button was generated by CSSButtonGenerator.com */ | |||
| /* Key unit and pixel | |||
| * | |||
| * key unit: 1.00 1.25 1.50 1.75 2.00 | |||
| * px: 50 62.5 75 87.5 100 | |||
| * width: 25 37.5 50 62.5 75 | |||
| * overall: 50 62.5 75 87.5 100 | |||
| * | |||
| * Key CSS Metrics | |||
| * +---------------------------+ | |||
| @@ -59,7 +61,7 @@ html * { | |||
| * | +-----------------------+ | | |||
| * | 1 | | |||
| * +---------------------------+ | |||
| * width/height:25 + (margin:0 + border:2 + padding:4 + padding:16 + border:2 + margin:1) = 50px | |||
| * margin:1 + border:4 + padding:20 = 25px | |||
| */ | |||
| .btn100 { width:25px; } /* 50 - 25 */ | |||
| .btn125 { width:37.5px; } /* 62.5 - 25 */ | |||
| @@ -81,6 +83,7 @@ html * { | |||
| .spc200 { width 75px; visibility:hidden; } | |||
| .keyboard-row { | |||
| width: auto; | |||
| display: inline-block; | |||
| } | |||
| @@ -88,6 +91,7 @@ html * { | |||
| } | |||
| .keyboard-pane { | |||
| width: 750px; | |||
| font-size: 14px; | |||
| font-weight:bold; | |||
| } | |||
| @@ -101,7 +105,7 @@ html * { | |||
| } | |||
| .keycode_tabs { | |||
| max-width: 750px; | |||
| width: 750px; | |||
| overflow: auto; | |||
| font-size:14px; | |||
| font-weight:bold; | |||
+ 1
- 1
editor/hhkb/index.html
View File
| @@ -2,7 +2,7 @@ | |||
| <head> | |||
| <title>TMK Keymap Editor</title> | |||
| <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" /> | |||
| <link href='keyboard.css' rel='stylesheet' type='text/css'> | |||
| <link rel="stylesheet" href="../common/keymap_editor.css" type="text/css"> | |||
| <script src="http://code.jquery.com/jquery-1.9.1.js"></script> | |||
| <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script> | |||
| <!-- lz-string-1.3.3.js: LZString.decompress() runs away if given short string. --> | |||
+ 0
- 101
editor/hhkb/keyboard.css
View File
| @@ -1,101 +0,0 @@ | |||
| html * { | |||
| font-family:helvetica, arial, sans-serif; | |||
| } | |||
| .key { | |||
| box-shadow:inset -3px -3px 5px 5px #ebebeb; | |||
| background-color:#ffffff; | |||
| -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 { | |||
| background-color:#ebebeb; | |||
| } | |||
| .key:active { | |||
| } | |||
| .key:focus { | |||
| } | |||
| .key-editing { | |||
| //background-color:#bfbfbf; | |||
| border:2px solid #7f7f7f; | |||
| 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; } | |||
| .btn150 { width:47.5px; } | |||
| .btn175 { width:60px; } | |||
| .btn200 { width:74px; } | |||
| .btn225 { width:83px; } | |||
| .btn250 { width:99px; } | |||
| .btn275 { width:111.5px; } | |||
| .btn600 { width:259px; } | |||
| .btn625 { width:270px; } | |||
| .btn700 { width:324px; } | |||
| .spc100 { width:24px; visibility:hidden; } | |||
| .spc125 { width:36.5px; visibility:hidden; } | |||
| .spc150 { width:47.5px; visibility:hidden; } | |||
| .spc175 { width:60px; visibility:hidden; } | |||
| .spc200 { width 74px; visibility:hidden; } | |||
| .keyboard-row { | |||
| width: auto; | |||
| display: inline-block; | |||
| } | |||
| .keyboard-outline { | |||
| } | |||
| .keyboard-pane { | |||
| width: 750px; | |||
| font-size: 14px; | |||
| font-weight:bold; | |||
| } | |||
| .action { | |||
| font-size:16px; | |||
| font-weight:bold; | |||
| min-width: 30px; | |||
| } | |||
| .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; | |||
| } | |||
+ 4
- 4
editor/m0110/m0110.html
View File
| @@ -2,7 +2,7 @@ | |||
| <head> | |||
| <title>TMK Keymap Editor</title> | |||
| <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" /> | |||
| <link rel="stylesheet" href="keymap_editor.css" type="text/css"> | |||
| <link rel="stylesheet" href="../common/keymap_editor.css" type="text/css"> | |||
| <script src="http://code.jquery.com/jquery-1.9.1.js"></script> | |||
| <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script> | |||
| <!-- lz-string-1.3.3.js: LZString.decompress() runs away if given short string. --> | |||
| @@ -116,7 +116,7 @@ | |||
| <div id="key-53" class="key" tabindex="4"></div> | |||
| <div id="key-57" class="key" tabindex="4"></div> | |||
| <div id="key-54" class="key" tabindex="4"></div> | |||
| <div id="key-nc70" class="key-nc btn225" title="This is not configurable.">*1</div> | |||
| <div id="keync" class="keync btn225" title="This is not configurable.">*1</div> | |||
| <div class="key spc100"></div> | |||
| <div id="key-a3" class="key" tabindex="9"></div> | |||
| @@ -131,13 +131,13 @@ | |||
| <div id="key-67" class="key btn150" tabindex="5"></div> | |||
| <div id="key-61" class="key btn750" tabindex="5"></div> | |||
| <div id="key-64" class="key btn150" tabindex="5"></div> | |||
| <div id="key-nc72" class="key-nc" title="This is not configurable.">*2</div> | |||
| <div id="keync" class="keync" title="This is not configurable.">*2</div> | |||
| <div class="key spc100"></div> | |||
| <div class="key spc100"></div> | |||
| <div id="key-a2" class="key btn200" tabindex="9"></div> | |||
| <div id="key-81" class="key" tabindex="9"></div> | |||
| <div id="key-nc94" class="key-nc">*3</div> | |||
| <div id="keync" class="keync" title="This is not configurable.">*3</div> | |||
| </div> | |||
| </div> | |||
+ 4
- 4
editor/m0110/m0110a.html
View File
| @@ -2,7 +2,7 @@ | |||
| <head> | |||
| <title>TMK Keymap Editor</title> | |||
| <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" /> | |||
| <link rel="stylesheet" href="keymap_editor.css" type="text/css"> | |||
| <link rel="stylesheet" href="../common/keymap_editor.css" type="text/css"> | |||
| <script src="http://code.jquery.com/jquery-1.9.1.js"></script> | |||
| <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script> | |||
| <script src="../common/keymap_editor.js"></script> | |||
| @@ -73,7 +73,7 @@ | |||
| <div id="key-43" class="key" tabindex="2"></div> | |||
| <div id="key-41" class="key" tabindex="2"></div> | |||
| <div id="key-36" class="key" tabindex="2"></div> | |||
| <div id="key-nc44" class="key-nc btn100" title="This is not configurable.">*2</div> | |||
| <div id="keync" class="keync btn100" title="This is not configurable.">*2</div> | |||
| <div class="key spc100"></div> | |||
| <div id="key-b1" class="key" tabindex="9"></div> | |||
| @@ -116,7 +116,7 @@ | |||
| <div id="key-53" class="key" tabindex="4"></div> | |||
| <div id="key-57" class="key" tabindex="4"></div> | |||
| <div id="key-54" class="key" tabindex="4"></div> | |||
| <div id="key-nc70" class="key-nc btn125" title="This is not configurable.">*1</div> | |||
| <div id="keync" class="keync btn125" title="This is not configurable.">*1</div> | |||
| <div id="key-95" class="key" tabindex="4"></div> | |||
| <div class="key spc100"></div> | |||
| @@ -138,7 +138,7 @@ | |||
| <div class="key spc100"></div> | |||
| <div id="key-a2" class="key btn200" tabindex="9"></div> | |||
| <div id="key-81" class="key" tabindex="9"></div> | |||
| <div id="key-nc94" class="key-nc">*2</div> | |||
| <div id="keync" class="keync" title="This is not configurable.">*2</div> | |||
| </div> | |||
| </div> | |||
Loading…