di0ib
/
tmk_keyboard
Наблюдаван 1
Харесван 0
Разклонения 0
Код Версии 4 Activity
Преглед на файлове

Fix css of keymap editor

gh-pages
Jun Wako преди 8 години
родител
67a6bc0a1c
ревизия
03912823ca
променени са 7 файла, в които са добавени 28 реда и са изтрити 240 реда
Обединен изглед Покажи статистика за разликите
  1. 1
    1
      editor/alps64/index.html
  2. 0
    115
      editor/alps64/keyboard.css
  3. 18
    14
      editor/common/keymap_editor.css
  4. 1
    1
      editor/hhkb/index.html
  5. 0
    101
      editor/hhkb/keyboard.css
  6. 4
    4
      editor/m0110/m0110.html
  7. 4
    4
      editor/m0110/m0110a.html

+ 1
- 1
editor/alps64/index.html Целия файл

<head> <head>
<title>TMK Keymap Editor</title> <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="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/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.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. --> <!-- lz-string-1.3.3.js: LZString.decompress() runs away if given short string. -->

+ 0
- 115
editor/alps64/keyboard.css Целия файл

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 Целия файл

font-family:helvetica, arial, sans-serif; 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-radius:6px;
border:2px solid #dcdcdc; border:2px solid #dcdcdc;
display:inline-block; display:inline-block;
white-space: normal; white-space: normal;
} }
.key:hover { .key:hover {
background-color:#dfdfdf;
box-shadow:inset -3px -3px 2px 5px #cfcfcf;
position:relative;
top:2px;
} }
.key:active { .key:active {
position:relative;
top:1px;
}
.key:focus {
} }
.key-editing { .key-editing {
background-color:#b4b4b4;
box-shadow:inset -3px -3px 2px 5px #cfcfcf;
position:relative; position:relative;
top:2px; top:2px;
background-color:#efefef;
border:2px solid #7f7f7f;
} }
/* This imageless css button was generated by CSSButtonGenerator.com */ /* This imageless css button was generated by CSSButtonGenerator.com */


/* Key unit and pixel /* Key unit and pixel
*
* key unit: 1.00 1.25 1.50 1.75 2.00 * 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 * Key CSS Metrics
* +---------------------------+ * +---------------------------+
* | +-----------------------+ | * | +-----------------------+ |
* | 1 | * | 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 */ .btn100 { width:25px; } /* 50 - 25 */
.btn125 { width:37.5px; } /* 62.5 - 25 */ .btn125 { width:37.5px; } /* 62.5 - 25 */
.spc200 { width 75px; visibility:hidden; } .spc200 { width 75px; visibility:hidden; }


.keyboard-row { .keyboard-row {
width: auto;
display: inline-block; display: inline-block;
} }


} }


.keyboard-pane { .keyboard-pane {
width: 750px;
font-size: 14px; font-size: 14px;
font-weight:bold; font-weight:bold;
} }
} }


.keycode_tabs { .keycode_tabs {
max-width: 750px;
width: 750px;
overflow: auto; overflow: auto;
font-size:14px; font-size:14px;
font-weight:bold; font-weight:bold;

+ 1
- 1
editor/hhkb/index.html Целия файл

<head> <head>
<title>TMK Keymap Editor</title> <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="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/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.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. --> <!-- lz-string-1.3.3.js: LZString.decompress() runs away if given short string. -->

+ 0
- 101
editor/hhkb/keyboard.css Целия файл

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 Целия файл

<head> <head>
<title>TMK Keymap Editor</title> <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="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/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.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. --> <!-- lz-string-1.3.3.js: LZString.decompress() runs away if given short string. -->
<div id="key-53" class="key" tabindex="4"></div> <div id="key-53" class="key" tabindex="4"></div>
<div id="key-57" 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-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 class="key spc100"></div>
<div id="key-a3" class="key" tabindex="9"></div> <div id="key-a3" class="key" tabindex="9"></div>
<div id="key-67" class="key btn150" tabindex="5"></div> <div id="key-67" class="key btn150" tabindex="5"></div>
<div id="key-61" class="key btn750" 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-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 class="key spc100"></div> <div class="key spc100"></div>
<div id="key-a2" class="key btn200" tabindex="9"></div> <div id="key-a2" class="key btn200" tabindex="9"></div>
<div id="key-81" class="key" 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>


</div> </div>

+ 4
- 4
editor/m0110/m0110a.html Целия файл

<head> <head>
<title>TMK Keymap Editor</title> <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="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/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script> <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<script src="../common/keymap_editor.js"></script> <script src="../common/keymap_editor.js"></script>
<div id="key-43" class="key" tabindex="2"></div> <div id="key-43" class="key" tabindex="2"></div>
<div id="key-41" 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-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 class="key spc100"></div>
<div id="key-b1" class="key" tabindex="9"></div> <div id="key-b1" class="key" tabindex="9"></div>
<div id="key-53" class="key" tabindex="4"></div> <div id="key-53" class="key" tabindex="4"></div>
<div id="key-57" 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-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 id="key-95" class="key" tabindex="4"></div>


<div class="key spc100"></div> <div class="key spc100"></div>
<div class="key spc100"></div> <div class="key spc100"></div>
<div id="key-a2" class="key btn200" tabindex="9"></div> <div id="key-a2" class="key btn200" tabindex="9"></div>
<div id="key-81" class="key" 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>


</div> </div>

Write Preview
Loading…
Отказ
Запис