Updates
jaywcjlove
7 years ago
parent
fafc1b3118
commit
6b93cebbd0
@ -1 +0,0 @@
|
||||
node_modules/
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 21 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 21 KiB |
@ -0,0 +1,767 @@
|
||||
a._corner_1qg4o_1 {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
right: 0;
|
||||
}
|
||||
a._corner_1qg4o_1 svg {
|
||||
fill: #e1e1e1;
|
||||
color: #000;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
border: 0;
|
||||
right: 0;
|
||||
z-index: 99;
|
||||
width: 4.375rem;
|
||||
height: 4.375rem;
|
||||
}
|
||||
a._corner_1qg4o_1:hover ._octo-arm_1qg4o_17 {
|
||||
-webkit-animation: _octocat-wave_1qg4o_1 560ms ease-in-out;
|
||||
animation: _octocat-wave_1qg4o_1 560ms ease-in-out;
|
||||
}
|
||||
@-webkit-keyframes _octocat-wave_1qg4o_1 {
|
||||
0%,
|
||||
100% {
|
||||
-webkit-transform: rotate(0);
|
||||
transform: rotate(0);
|
||||
}
|
||||
20%,
|
||||
60% {
|
||||
-webkit-transform: rotate(-25deg);
|
||||
transform: rotate(-25deg);
|
||||
}
|
||||
40%,
|
||||
80% {
|
||||
-webkit-transform: rotate(10deg);
|
||||
transform: rotate(10deg);
|
||||
}
|
||||
}
|
||||
@keyframes _octocat-wave_1qg4o_1 {
|
||||
0%,
|
||||
100% {
|
||||
-webkit-transform: rotate(0);
|
||||
transform: rotate(0);
|
||||
}
|
||||
20%,
|
||||
60% {
|
||||
-webkit-transform: rotate(-25deg);
|
||||
transform: rotate(-25deg);
|
||||
}
|
||||
40%,
|
||||
80% {
|
||||
-webkit-transform: rotate(10deg);
|
||||
transform: rotate(10deg);
|
||||
}
|
||||
}
|
||||
._keyboard_32z4u_1 {
|
||||
height: 394px;
|
||||
border-radius: 10px;
|
||||
border: 1px solid #C9C9C9;
|
||||
background: #F2F2F2;
|
||||
box-shadow: 2px 0px 2px #E2E2E2 inset, -2px 2px 3px #E2E2E2 inset, 1px 0px 0px #C1C1C1 inset, 0px -2px 3px #C1C1C1 inset;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
position: relative;
|
||||
top: -40px;
|
||||
width: 995px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
._keyboard_32z4u_1 ul {
|
||||
width: 992px;
|
||||
margin-top: 9px;
|
||||
padding-left: 11px;
|
||||
position: relative;
|
||||
float: left;
|
||||
}
|
||||
._keyboard_32z4u_1 li {
|
||||
width: 62px;
|
||||
height: 62px;
|
||||
float: left;
|
||||
margin-right: 5px;
|
||||
margin-bottom: 5px;
|
||||
background: #151515;
|
||||
color: #c8c8c8;
|
||||
text-align: center;
|
||||
line-height: 62px;
|
||||
font-size: 12px;
|
||||
border-radius: 8px;
|
||||
border: 1px solid #3A3A3A;
|
||||
box-shadow: 1px 0px 0px #000000, 0px 1px 0px #000000, -1px 0px 0px #000000, 0px -1px 0px #000000;
|
||||
transition: all .2s;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
cursor: pointer;
|
||||
position: relative;
|
||||
}
|
||||
._keyboard_32z4u_1 li:active,
|
||||
._keyboard_32z4u_1 li.pressed {
|
||||
color: #52F800;
|
||||
background-color: #100068;
|
||||
border: 1px solid #332376;
|
||||
}
|
||||
._keyboard_32z4u_1 li:nth-child(1) {
|
||||
width: 99px;
|
||||
height: 28px;
|
||||
line-height: 28px;
|
||||
text-indent: 1em;
|
||||
text-align: left;
|
||||
}
|
||||
._keyboard_32z4u_1 li:nth-child(2),
|
||||
._keyboard_32z4u_1 li:nth-child(3),
|
||||
._keyboard_32z4u_1 li:nth-child(4),
|
||||
._keyboard_32z4u_1 li:nth-child(5),
|
||||
._keyboard_32z4u_1 li:nth-child(6),
|
||||
._keyboard_32z4u_1 li:nth-child(7),
|
||||
._keyboard_32z4u_1 li:nth-child(8),
|
||||
._keyboard_32z4u_1 li:nth-child(9),
|
||||
._keyboard_32z4u_1 li:nth-child(10),
|
||||
._keyboard_32z4u_1 li:nth-child(11),
|
||||
._keyboard_32z4u_1 li:nth-child(12),
|
||||
._keyboard_32z4u_1 li:nth-child(13),
|
||||
._keyboard_32z4u_1 li:nth-child(14) {
|
||||
width: 60px;
|
||||
height: 28px;
|
||||
line-height: 28px;
|
||||
}
|
||||
._keyboard_32z4u_1 li:nth-child(15),
|
||||
._keyboard_32z4u_1 li:nth-child(16),
|
||||
._keyboard_32z4u_1 li:nth-child(17),
|
||||
._keyboard_32z4u_1 li:nth-child(18),
|
||||
._keyboard_32z4u_1 li:nth-child(19),
|
||||
._keyboard_32z4u_1 li:nth-child(20),
|
||||
._keyboard_32z4u_1 li:nth-child(21),
|
||||
._keyboard_32z4u_1 li:nth-child(22),
|
||||
._keyboard_32z4u_1 li:nth-child(23),
|
||||
._keyboard_32z4u_1 li:nth-child(24),
|
||||
._keyboard_32z4u_1 li:nth-child(25),
|
||||
._keyboard_32z4u_1 li:nth-child(26),
|
||||
._keyboard_32z4u_1 li:nth-child(27),
|
||||
._keyboard_32z4u_1 li:nth-child(40),
|
||||
._keyboard_32z4u_1 li:nth-child(41),
|
||||
._keyboard_32z4u_1 li:nth-child(42),
|
||||
._keyboard_32z4u_1 li:nth-child(53),
|
||||
._keyboard_32z4u_1 li:nth-child(54),
|
||||
._keyboard_32z4u_1 li:nth-child(64),
|
||||
._keyboard_32z4u_1 li:nth-child(65),
|
||||
._keyboard_32z4u_1 li:nth-child(66) {
|
||||
padding: 7px 0;
|
||||
height: 48px;
|
||||
}
|
||||
._keyboard_32z4u_1 li:nth-child(15) span,
|
||||
._keyboard_32z4u_1 li:nth-child(16) span,
|
||||
._keyboard_32z4u_1 li:nth-child(17) span,
|
||||
._keyboard_32z4u_1 li:nth-child(18) span,
|
||||
._keyboard_32z4u_1 li:nth-child(19) span,
|
||||
._keyboard_32z4u_1 li:nth-child(20) span,
|
||||
._keyboard_32z4u_1 li:nth-child(21) span,
|
||||
._keyboard_32z4u_1 li:nth-child(22) span,
|
||||
._keyboard_32z4u_1 li:nth-child(23) span,
|
||||
._keyboard_32z4u_1 li:nth-child(24) span,
|
||||
._keyboard_32z4u_1 li:nth-child(25) span,
|
||||
._keyboard_32z4u_1 li:nth-child(26) span,
|
||||
._keyboard_32z4u_1 li:nth-child(27) span,
|
||||
._keyboard_32z4u_1 li:nth-child(40) span,
|
||||
._keyboard_32z4u_1 li:nth-child(41) span,
|
||||
._keyboard_32z4u_1 li:nth-child(42) span,
|
||||
._keyboard_32z4u_1 li:nth-child(53) span,
|
||||
._keyboard_32z4u_1 li:nth-child(54) span,
|
||||
._keyboard_32z4u_1 li:nth-child(64) span,
|
||||
._keyboard_32z4u_1 li:nth-child(65) span,
|
||||
._keyboard_32z4u_1 li:nth-child(66) span {
|
||||
line-height: 23px;
|
||||
height: 23px;
|
||||
width: 100%;
|
||||
float: left;
|
||||
font-size: 14px;
|
||||
}
|
||||
._keyboard_32z4u_1 li:nth-child(28) span,
|
||||
._keyboard_32z4u_1 li:nth-child(55) span,
|
||||
._keyboard_32z4u_1 li:nth-child(67) span {
|
||||
line-height: 14px;
|
||||
margin-top: 43px;
|
||||
float: right;
|
||||
margin-right: 8px;
|
||||
}
|
||||
._keyboard_32z4u_1 li:nth-child(30),
|
||||
._keyboard_32z4u_1 li:nth-child(31),
|
||||
._keyboard_32z4u_1 li:nth-child(32),
|
||||
._keyboard_32z4u_1 li:nth-child(33),
|
||||
._keyboard_32z4u_1 li:nth-child(34),
|
||||
._keyboard_32z4u_1 li:nth-child(35),
|
||||
._keyboard_32z4u_1 li:nth-child(36),
|
||||
._keyboard_32z4u_1 li:nth-child(37),
|
||||
._keyboard_32z4u_1 li:nth-child(38),
|
||||
._keyboard_32z4u_1 li:nth-child(39),
|
||||
._keyboard_32z4u_1 li:nth-child(44),
|
||||
._keyboard_32z4u_1 li:nth-child(45),
|
||||
._keyboard_32z4u_1 li:nth-child(46),
|
||||
._keyboard_32z4u_1 li:nth-child(47),
|
||||
._keyboard_32z4u_1 li:nth-child(48),
|
||||
._keyboard_32z4u_1 li:nth-child(49),
|
||||
._keyboard_32z4u_1 li:nth-child(50),
|
||||
._keyboard_32z4u_1 li:nth-child(51),
|
||||
._keyboard_32z4u_1 li:nth-child(52),
|
||||
._keyboard_32z4u_1 li:nth-child(57),
|
||||
._keyboard_32z4u_1 li:nth-child(58),
|
||||
._keyboard_32z4u_1 li:nth-child(59),
|
||||
._keyboard_32z4u_1 li:nth-child(60),
|
||||
._keyboard_32z4u_1 li:nth-child(61),
|
||||
._keyboard_32z4u_1 li:nth-child(62),
|
||||
._keyboard_32z4u_1 li:nth-child(63) {
|
||||
font-size: 18px;
|
||||
line-height: 64px;
|
||||
}
|
||||
._keyboard_32z4u_1 li:nth-child(29) span,
|
||||
._keyboard_32z4u_1 li:nth-child(43) span,
|
||||
._keyboard_32z4u_1 li:nth-child(56) span,
|
||||
._keyboard_32z4u_1 li:nth-child(68) span,
|
||||
._keyboard_32z4u_1 li:nth-child(69) span,
|
||||
._keyboard_32z4u_1 li:nth-child(70) span,
|
||||
._keyboard_32z4u_1 li:nth-child(71) span,
|
||||
._keyboard_32z4u_1 li:nth-child(73) span,
|
||||
._keyboard_32z4u_1 li:nth-child(74) span {
|
||||
line-height: 14px;
|
||||
margin-top: 43px;
|
||||
text-indent: 5px;
|
||||
float: left;
|
||||
}
|
||||
._keyboard_32z4u_1 li:nth-child(28),
|
||||
._keyboard_32z4u_1 li:nth-child(29) {
|
||||
width: 73px;
|
||||
}
|
||||
._keyboard_32z4u_1 li:nth-child(43),
|
||||
._keyboard_32z4u_1 li:nth-child(55) {
|
||||
width: 102px;
|
||||
}
|
||||
._keyboard_32z4u_1 li:nth-child(43):active span:first-child {
|
||||
background: #52f800;
|
||||
}
|
||||
._keyboard_32z4u_1 li:nth-child(43) span:first-child {
|
||||
position: absolute;
|
||||
top: -36px;
|
||||
left: 5px;
|
||||
width: 6px;
|
||||
height: 6px;
|
||||
background: #fff;
|
||||
border-radius: 3px;
|
||||
}
|
||||
._keyboard_32z4u_1 li:nth-child(55) span:first-child,
|
||||
._keyboard_32z4u_1 li:nth-child(70) span:first-child {
|
||||
position: absolute;
|
||||
right: 0px;
|
||||
top: -37px;
|
||||
font-size: 12px;
|
||||
line-height: 12px;
|
||||
}
|
||||
._keyboard_32z4u_1 li:nth-child(70) span:first-child {
|
||||
left: 0px;
|
||||
text-align: left;
|
||||
}
|
||||
._keyboard_32z4u_1 li:nth-child(74) span:first-child {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: -37px;
|
||||
font-size: 12px;
|
||||
line-height: 12px;
|
||||
}
|
||||
._keyboard_32z4u_1 li:nth-child(56) {
|
||||
width: 136px;
|
||||
}
|
||||
._keyboard_32z4u_1 li:nth-child(67) {
|
||||
width: 137px;
|
||||
}
|
||||
._keyboard_32z4u_1 li:nth-child(71),
|
||||
._keyboard_32z4u_1 li:nth-child(73) {
|
||||
width: 70px;
|
||||
}
|
||||
._keyboard_32z4u_1 li:nth-child(72) {
|
||||
width: 333px;
|
||||
}
|
||||
._keyboard_32z4u_1 li:nth-child(76),
|
||||
._keyboard_32z4u_1 li:nth-child(78) {
|
||||
height: 29px;
|
||||
line-height: 29px;
|
||||
}
|
||||
._keyboard_32z4u_1 li:nth-child(76) {
|
||||
border-bottom-left-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
}
|
||||
._keyboard_32z4u_1 li:nth-child(78) {
|
||||
border-top-left-radius: 0;
|
||||
border-top-right-radius: 0;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
right: 84px;
|
||||
}
|
||||
._footer_i3axz_1 {
|
||||
text-align: center;
|
||||
padding: 15px 0 100px 0;
|
||||
font-size: 12px;
|
||||
line-height: 20px;
|
||||
}
|
||||
._markdown_q7mab_1 {
|
||||
padding: 0 20px 20px;
|
||||
max-width: 995px;
|
||||
margin: 0 auto;
|
||||
font-family: SFMono-Regular, Consolas, Liberation Mono, Menlo, Courier, monospace;
|
||||
font-size: 14px;
|
||||
line-height: 1.5;
|
||||
word-wrap: break-word;
|
||||
color: #24292e;
|
||||
}
|
||||
._markdown_q7mab_1 > *:first-child {
|
||||
margin-top: 0 !important;
|
||||
}
|
||||
._markdown_q7mab_1 > *:last-child {
|
||||
margin-bottom: 0 !important;
|
||||
}
|
||||
._markdown_q7mab_1 code {
|
||||
font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
|
||||
word-wrap: normal;
|
||||
}
|
||||
._markdown_q7mab_1 code:not(.hljs) {
|
||||
padding: 0.2em 0.4em 0.08em 0.4em;
|
||||
margin: 0;
|
||||
font-size: 85%;
|
||||
background-color: rgba(27, 31, 35, 0.07);
|
||||
border-radius: 3px;
|
||||
}
|
||||
._markdown_q7mab_1 pre code {
|
||||
padding: 16px;
|
||||
font-size: 95%;
|
||||
line-height: 1.5;
|
||||
display: block;
|
||||
text-shadow: 0 1px #fff;
|
||||
}
|
||||
._markdown_q7mab_1 pre {
|
||||
margin-bottom: 18px;
|
||||
max-height: 35em;
|
||||
position: relative;
|
||||
overflow: auto;
|
||||
background-color: #F0F0F0;
|
||||
border-radius: 3px;
|
||||
}
|
||||
._markdown_q7mab_1 pre code {
|
||||
background: none;
|
||||
font-size: 1em;
|
||||
overflow-wrap: normal;
|
||||
white-space: inherit;
|
||||
}
|
||||
._markdown_q7mab_1 ul,
|
||||
._markdown_q7mab_1 ol {
|
||||
padding-left: 2em;
|
||||
}
|
||||
._markdown_q7mab_1 dl {
|
||||
padding: 0;
|
||||
}
|
||||
._markdown_q7mab_1 dl dt {
|
||||
padding: 0;
|
||||
margin-top: 16px;
|
||||
font-size: 14px;
|
||||
font-style: italic;
|
||||
font-weight: 600;
|
||||
}
|
||||
._markdown_q7mab_1 li + li {
|
||||
margin-top: 3px;
|
||||
}
|
||||
._markdown_q7mab_1 a {
|
||||
color: #0366d6;
|
||||
}
|
||||
._markdown_q7mab_1 p {
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
._markdown_q7mab_1 table {
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
._markdown_q7mab_1 blockquote {
|
||||
margin: 0;
|
||||
padding: 0 1em;
|
||||
margin-bottom: 10px;
|
||||
color: #6a737d;
|
||||
border-left: 0.25em solid #dfe2e5;
|
||||
}
|
||||
._markdown_q7mab_1 blockquote > :first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
._markdown_q7mab_1 blockquote > :last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
._markdown_q7mab_1 hr {
|
||||
height: 0.25em;
|
||||
padding: 0;
|
||||
margin: 24px 0;
|
||||
background-color: #e1e4e8;
|
||||
border: 0;
|
||||
}
|
||||
._markdown_q7mab_1 h1 tt,
|
||||
._markdown_q7mab_1 h1 code,
|
||||
._markdown_q7mab_1 h2 tt,
|
||||
._markdown_q7mab_1 h2 code,
|
||||
._markdown_q7mab_1 h3 tt,
|
||||
._markdown_q7mab_1 h3 code,
|
||||
._markdown_q7mab_1 h4 tt,
|
||||
._markdown_q7mab_1 h4 code,
|
||||
._markdown_q7mab_1 h5 tt,
|
||||
._markdown_q7mab_1 h5 code,
|
||||
._markdown_q7mab_1 h6 tt,
|
||||
._markdown_q7mab_1 h6 code {
|
||||
font-size: inherit;
|
||||
}
|
||||
._markdown_q7mab_1 h1 {
|
||||
padding-bottom: 0.3em;
|
||||
font-size: 2em;
|
||||
border-bottom: 1px solid #cecece;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
._markdown_q7mab_1 h2 {
|
||||
margin-bottom: 10px;
|
||||
padding-bottom: 0.3em;
|
||||
font-size: 1.5em;
|
||||
border-bottom: 1px solid #cecece;
|
||||
}
|
||||
._markdown_q7mab_1 h3 {
|
||||
margin-bottom: 10px;
|
||||
font-size: 1.25em;
|
||||
}
|
||||
._markdown_q7mab_1 h4 {
|
||||
margin-bottom: 8px;
|
||||
font-size: 1em;
|
||||
}
|
||||
._markdown_q7mab_1 h5 {
|
||||
margin-bottom: 8px;
|
||||
font-size: 0.875em;
|
||||
}
|
||||
._markdown_q7mab_1 h6 {
|
||||
margin-bottom: 5px;
|
||||
font-size: 0.85em;
|
||||
color: #6a737d;
|
||||
}
|
||||
._markdown_q7mab_1 table {
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0;
|
||||
display: block;
|
||||
width: 100%;
|
||||
}
|
||||
._markdown_q7mab_1 table th {
|
||||
font-weight: 600;
|
||||
}
|
||||
._markdown_q7mab_1 table th,
|
||||
._markdown_q7mab_1 table td {
|
||||
padding: 6px 13px;
|
||||
border: 1px solid #dfe2e5;
|
||||
}
|
||||
._markdown_q7mab_1 table tr {
|
||||
background-color: #fff;
|
||||
border-top: 1px solid #c6cbd1;
|
||||
}
|
||||
._markdown_q7mab_1 table tr:nth-child(2n) {
|
||||
background-color: #f6f8fa;
|
||||
}
|
||||
._markdown_q7mab_1 table img {
|
||||
background-color: transparent;
|
||||
}
|
||||
._markdown_q7mab_1 img {
|
||||
max-width: 100%;
|
||||
box-sizing: content-box;
|
||||
background-color: #fff;
|
||||
vertical-align: middle;
|
||||
}
|
||||
._markdown_q7mab_1 img[align=right] {
|
||||
padding-left: 20px;
|
||||
}
|
||||
._markdown_q7mab_1 img[align=left] {
|
||||
padding-right: 20px;
|
||||
}
|
||||
._markdown_q7mab_1 .comment,
|
||||
._markdown_q7mab_1 .quote {
|
||||
color: #998;
|
||||
}
|
||||
._markdown_q7mab_1 .keyword,
|
||||
._markdown_q7mab_1 .selector-tag,
|
||||
._markdown_q7mab_1 .subst {
|
||||
color: #333;
|
||||
font-weight: bold;
|
||||
}
|
||||
._markdown_q7mab_1 .number,
|
||||
._markdown_q7mab_1 .literal,
|
||||
._markdown_q7mab_1 .variable,
|
||||
._markdown_q7mab_1 .template-variable,
|
||||
._markdown_q7mab_1 .tag .attr {
|
||||
color: #008080;
|
||||
}
|
||||
._markdown_q7mab_1 .string,
|
||||
._markdown_q7mab_1 .doctag {
|
||||
color: #d14;
|
||||
}
|
||||
._markdown_q7mab_1 .title,
|
||||
._markdown_q7mab_1 .section,
|
||||
._markdown_q7mab_1 .selector-id {
|
||||
color: #900;
|
||||
font-weight: bold;
|
||||
}
|
||||
._markdown_q7mab_1 .subst {
|
||||
font-weight: normal;
|
||||
}
|
||||
._markdown_q7mab_1 .type,
|
||||
._markdown_q7mab_1 .class .title {
|
||||
color: #458;
|
||||
font-weight: bold;
|
||||
}
|
||||
._markdown_q7mab_1 .tag,
|
||||
._markdown_q7mab_1 .name,
|
||||
._markdown_q7mab_1 .attribute {
|
||||
color: #000098;
|
||||
font-weight: normal;
|
||||
}
|
||||
._markdown_q7mab_1 .regexp,
|
||||
._markdown_q7mab_1 .link {
|
||||
color: #009926;
|
||||
}
|
||||
._markdown_q7mab_1 .symbol,
|
||||
._markdown_q7mab_1 .bullet {
|
||||
color: #990073;
|
||||
}
|
||||
._markdown_q7mab_1 .built_in,
|
||||
._markdown_q7mab_1 .builtin-name {
|
||||
color: #0086b3;
|
||||
}
|
||||
._markdown_q7mab_1 .meta {
|
||||
color: #999;
|
||||
font-weight: bold;
|
||||
}
|
||||
._markdown_q7mab_1 .deletion {
|
||||
background: #fdd;
|
||||
}
|
||||
._markdown_q7mab_1 .addition {
|
||||
background: #dfd;
|
||||
}
|
||||
._markdown_q7mab_1 .emphasis {
|
||||
font-style: italic;
|
||||
}
|
||||
._markdown_q7mab_1 .strong {
|
||||
font-weight: bold;
|
||||
}
|
||||
._markdown_q7mab_1 .language-jsx .keyword,
|
||||
._markdown_q7mab_1 .language-js .keyword,
|
||||
._markdown_q7mab_1 .language-javascript .keyword,
|
||||
._markdown_q7mab_1 .language-jsx .selector-tag,
|
||||
._markdown_q7mab_1 .language-js .selector-tag,
|
||||
._markdown_q7mab_1 .language-javascript .selector-tag {
|
||||
color: #b111bf;
|
||||
font-weight: 600;
|
||||
}
|
||||
._markdown_q7mab_1 .language-jsx .subst,
|
||||
._markdown_q7mab_1 .language-js .subst,
|
||||
._markdown_q7mab_1 .language-javascript .subst {
|
||||
color: #0000ca;
|
||||
}
|
||||
._markdown_q7mab_1 .language-jsx .title,
|
||||
._markdown_q7mab_1 .language-js .title,
|
||||
._markdown_q7mab_1 .language-javascript .title,
|
||||
._markdown_q7mab_1 .language-jsx .section,
|
||||
._markdown_q7mab_1 .language-js .section,
|
||||
._markdown_q7mab_1 .language-javascript .section {
|
||||
color: #4e00dc;
|
||||
font-weight: normal;
|
||||
}
|
||||
._markdown_q7mab_1 .language-jsx .string,
|
||||
._markdown_q7mab_1 .language-js .string,
|
||||
._markdown_q7mab_1 .language-javascript .string,
|
||||
._markdown_q7mab_1 .language-jsx .doctag,
|
||||
._markdown_q7mab_1 .language-js .doctag,
|
||||
._markdown_q7mab_1 .language-javascript .doctag {
|
||||
color: #d73a49;
|
||||
}
|
||||
._markdown_q7mab_1 .language-jsx .attr,
|
||||
._markdown_q7mab_1 .language-js .attr,
|
||||
._markdown_q7mab_1 .language-javascript .attr {
|
||||
color: #0000ca;
|
||||
}
|
||||
._markdown_q7mab_1 .language-jsx .class .keyword,
|
||||
._markdown_q7mab_1 .language-js .class .keyword,
|
||||
._markdown_q7mab_1 .language-javascript .class .keyword {
|
||||
color: #008cd4;
|
||||
}
|
||||
._markdown_q7mab_1 .language-jsx .function,
|
||||
._markdown_q7mab_1 .language-js .function,
|
||||
._markdown_q7mab_1 .language-javascript .function {
|
||||
color: #0000ca;
|
||||
}
|
||||
._markdown_q7mab_1 .language-jsx .function .params,
|
||||
._markdown_q7mab_1 .language-js .function .params,
|
||||
._markdown_q7mab_1 .language-javascript .function .params {
|
||||
color: #008cd4;
|
||||
}
|
||||
._markdown_q7mab_1 .language-json {
|
||||
color: #444;
|
||||
}
|
||||
._markdown_q7mab_1 .language-json .attr {
|
||||
color: #0000ca;
|
||||
}
|
||||
._shields_1ds1m_1 {
|
||||
padding: 60px 0 0 0;
|
||||
text-align: center;
|
||||
}
|
||||
._shields_1ds1m_1 a + a {
|
||||
margin-left: 10px;
|
||||
}
|
||||
._keyCodeInfo_esu5e_1 {
|
||||
position: fixed;
|
||||
bottom: 10px;
|
||||
left: 10px;
|
||||
}
|
||||
._keyCodeInfo_esu5e_1 span + span {
|
||||
margin-left: 10px;
|
||||
}
|
||||
._keyCodeInfo_esu5e_1 span {
|
||||
display: inline-block;
|
||||
background: #eff0f2;
|
||||
border-radius: 3px;
|
||||
padding: 5px 10px;
|
||||
border-top: 1px solid #f5f5f5;
|
||||
box-shadow: inset 0 0 25px #e8e8e8, 0 1px 0 #c3c3c3, 0 2px 0 #c9c9c9, 0 2px 3px #333;
|
||||
text-shadow: 0px 1px 0px #f5f5f5;
|
||||
}
|
||||
._header_esu5e_18 {
|
||||
background-color: #292929;
|
||||
padding: 74px 0 60px 0;
|
||||
}
|
||||
._header_esu5e_18 ._title_esu5e_22 {
|
||||
text-align: center;
|
||||
font-size: 53px;
|
||||
font-weight: bold;
|
||||
color: #fff;
|
||||
text-shadow: -3px -3px 0 #676767, -3px -3px 0 #676767, -3px -3px 0 #676767, -2px -2px 0 #676767, -2px -2px 0 #676767, -1px -1px 0 #676767;
|
||||
}
|
||||
._header_esu5e_18 ._lang_esu5e_29 {
|
||||
text-align: center;
|
||||
padding-top: 20px;
|
||||
}
|
||||
._header_esu5e_18 ._lang_esu5e_29 a {
|
||||
color: #fff;
|
||||
margin: 0 5px;
|
||||
}
|
||||
._header_esu5e_18 ._info_esu5e_37 {
|
||||
padding: 25px 0 27px 0;
|
||||
text-align: center;
|
||||
font-size: 23px;
|
||||
line-height: 29px;
|
||||
color: #878787;
|
||||
max-width: 702px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
._header_esu5e_18 ._github_esu5e_46 {
|
||||
text-align: center;
|
||||
padding: 60px 0 22px 0;
|
||||
}
|
||||
._header_esu5e_18 ._github_esu5e_46 a + a {
|
||||
margin-left: 10px;
|
||||
}
|
||||
._header_esu5e_18 ._github_esu5e_46 button {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
border: 1px solid #ddd;
|
||||
border-bottom-color: #bbb;
|
||||
padding: 9px 15px;
|
||||
font-family: Helvetica, arial, freesans, clean, sans-serif;
|
||||
font-size: 12px;
|
||||
font-weight: bold;
|
||||
color: #666;
|
||||
text-shadow: 0 1px rgba(255, 255, 255, 0.9);
|
||||
cursor: pointer;
|
||||
border-radius: 3px;
|
||||
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
|
||||
background: whitesmoke;
|
||||
background-image: linear-gradient(-90deg, whitesmoke 0%, #e5e5e5 100%);
|
||||
}
|
||||
._header_esu5e_18 ._github_esu5e_46 button:hover {
|
||||
color: #337797;
|
||||
border: 1px solid #CBE3EE;
|
||||
border-bottom-color: #97C7DD;
|
||||
background: #f0f7fa;
|
||||
background-image: -webkit-linear-gradient(-90deg, #f0f7fa 0%, #d8eaf2 100%);
|
||||
}
|
||||
html {
|
||||
font-size: 14px;
|
||||
background: #e0e0e0;
|
||||
}
|
||||
/* margin */
|
||||
body,
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6,
|
||||
hr,
|
||||
p,
|
||||
blockquote,
|
||||
dl,
|
||||
dt,
|
||||
dd,
|
||||
ul,
|
||||
ol,
|
||||
li,
|
||||
pre,
|
||||
img,
|
||||
form,
|
||||
applet,
|
||||
fieldset,
|
||||
legend,
|
||||
button,
|
||||
input,
|
||||
textarea,
|
||||
th,
|
||||
table,
|
||||
tr,
|
||||
td {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: none;
|
||||
}
|
||||
/* body */
|
||||
body {
|
||||
font-family: "\5FAE\8F6F\96C5\9ED1";
|
||||
font-size: 12px;
|
||||
color: #535353;
|
||||
position: relative;
|
||||
font-family: "PingHei", "Lucida Grande", "Lucida Sans Unicode", "STHeitiSC-Light", "Helvetica", "Arial", "Verdana", "sans-serif";
|
||||
background: #f8f8f8 url(22e4e160e7c539105ff4c49db5eabe7f.jpg) repeat top left;
|
||||
}
|
||||
body,
|
||||
div,
|
||||
fieldset,
|
||||
form,
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6,
|
||||
html,
|
||||
p {
|
||||
-webkit-text-size-adjust: none;
|
||||
}
|
||||
/* img */
|
||||
img {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
vertical-align: top;
|
||||
border: none;
|
||||
}
|
||||
/* div */
|
||||
li,
|
||||
ul {
|
||||
list-style: none;
|
||||
margin: 0 auto;
|
||||
padding: 0 auto;
|
||||
display: block;
|
||||
font-family: "Vrinda";
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -0,0 +1,762 @@
|
||||
a._corner_1qg4o_1 {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
right: 0;
|
||||
}
|
||||
a._corner_1qg4o_1 svg {
|
||||
fill: #e1e1e1;
|
||||
color: #000;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
border: 0;
|
||||
right: 0;
|
||||
z-index: 99;
|
||||
width: 4.375rem;
|
||||
height: 4.375rem;
|
||||
}
|
||||
a._corner_1qg4o_1:hover ._octo-arm_1qg4o_17 {
|
||||
-webkit-animation: _octocat-wave_1qg4o_1 560ms ease-in-out;
|
||||
animation: _octocat-wave_1qg4o_1 560ms ease-in-out;
|
||||
}
|
||||
@-webkit-keyframes _octocat-wave_1qg4o_1 {
|
||||
0%,
|
||||
100% {
|
||||
-webkit-transform: rotate(0);
|
||||
transform: rotate(0);
|
||||
}
|
||||
20%,
|
||||
60% {
|
||||
-webkit-transform: rotate(-25deg);
|
||||
transform: rotate(-25deg);
|
||||
}
|
||||
40%,
|
||||
80% {
|
||||
-webkit-transform: rotate(10deg);
|
||||
transform: rotate(10deg);
|
||||
}
|
||||
}
|
||||
@keyframes _octocat-wave_1qg4o_1 {
|
||||
0%,
|
||||
100% {
|
||||
-webkit-transform: rotate(0);
|
||||
transform: rotate(0);
|
||||
}
|
||||
20%,
|
||||
60% {
|
||||
-webkit-transform: rotate(-25deg);
|
||||
transform: rotate(-25deg);
|
||||
}
|
||||
40%,
|
||||
80% {
|
||||
-webkit-transform: rotate(10deg);
|
||||
transform: rotate(10deg);
|
||||
}
|
||||
}
|
||||
._keyboard_17909_1 {
|
||||
height: 394px;
|
||||
border-radius: 10px;
|
||||
border: 1px solid #C9C9C9;
|
||||
background: #F2F2F2;
|
||||
box-shadow: 2px 0px 2px #E2E2E2 inset, -2px 2px 3px #E2E2E2 inset, 1px 0px 0px #C1C1C1 inset, 0px -2px 3px #C1C1C1 inset;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
position: relative;
|
||||
top: -66;
|
||||
width: 995px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
._keyboard_17909_1 ul {
|
||||
width: 992px;
|
||||
margin-top: 9px;
|
||||
padding-left: 11px;
|
||||
position: relative;
|
||||
float: left;
|
||||
}
|
||||
._keyboard_17909_1 li {
|
||||
width: 62px;
|
||||
height: 62px;
|
||||
float: left;
|
||||
margin-right: 5px;
|
||||
margin-bottom: 5px;
|
||||
background: #151515;
|
||||
color: #c8c8c8;
|
||||
text-align: center;
|
||||
line-height: 62px;
|
||||
font-size: 12px;
|
||||
border-radius: 8px;
|
||||
border: 1px solid #3A3A3A;
|
||||
box-shadow: 1px 0px 0px #000000, 0px 1px 0px #000000, -1px 0px 0px #000000, 0px -1px 0px #000000;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
cursor: pointer;
|
||||
position: relative;
|
||||
}
|
||||
._keyboard_17909_1 li:active,
|
||||
._keyboard_17909_1 li.pressed {
|
||||
color: #52F800;
|
||||
background-color: #100068;
|
||||
border: 1px solid #332376;
|
||||
}
|
||||
._keyboard_17909_1 li:nth-child(1) {
|
||||
width: 99px;
|
||||
height: 28px;
|
||||
line-height: 28px;
|
||||
text-indent: 1em;
|
||||
text-align: left;
|
||||
}
|
||||
._keyboard_17909_1 li:nth-child(2),
|
||||
._keyboard_17909_1 li:nth-child(3),
|
||||
._keyboard_17909_1 li:nth-child(4),
|
||||
._keyboard_17909_1 li:nth-child(5),
|
||||
._keyboard_17909_1 li:nth-child(6),
|
||||
._keyboard_17909_1 li:nth-child(7),
|
||||
._keyboard_17909_1 li:nth-child(8),
|
||||
._keyboard_17909_1 li:nth-child(9),
|
||||
._keyboard_17909_1 li:nth-child(10),
|
||||
._keyboard_17909_1 li:nth-child(11),
|
||||
._keyboard_17909_1 li:nth-child(12),
|
||||
._keyboard_17909_1 li:nth-child(13),
|
||||
._keyboard_17909_1 li:nth-child(14) {
|
||||
width: 60px;
|
||||
height: 28px;
|
||||
line-height: 28px;
|
||||
}
|
||||
._keyboard_17909_1 li:nth-child(15),
|
||||
._keyboard_17909_1 li:nth-child(16),
|
||||
._keyboard_17909_1 li:nth-child(17),
|
||||
._keyboard_17909_1 li:nth-child(18),
|
||||
._keyboard_17909_1 li:nth-child(19),
|
||||
._keyboard_17909_1 li:nth-child(20),
|
||||
._keyboard_17909_1 li:nth-child(21),
|
||||
._keyboard_17909_1 li:nth-child(22),
|
||||
._keyboard_17909_1 li:nth-child(23),
|
||||
._keyboard_17909_1 li:nth-child(24),
|
||||
._keyboard_17909_1 li:nth-child(25),
|
||||
._keyboard_17909_1 li:nth-child(26),
|
||||
._keyboard_17909_1 li:nth-child(27),
|
||||
._keyboard_17909_1 li:nth-child(40),
|
||||
._keyboard_17909_1 li:nth-child(41),
|
||||
._keyboard_17909_1 li:nth-child(42),
|
||||
._keyboard_17909_1 li:nth-child(53),
|
||||
._keyboard_17909_1 li:nth-child(54),
|
||||
._keyboard_17909_1 li:nth-child(64),
|
||||
._keyboard_17909_1 li:nth-child(65),
|
||||
._keyboard_17909_1 li:nth-child(66) {
|
||||
padding: 7px 0;
|
||||
height: 48px;
|
||||
}
|
||||
._keyboard_17909_1 li:nth-child(15) span,
|
||||
._keyboard_17909_1 li:nth-child(16) span,
|
||||
._keyboard_17909_1 li:nth-child(17) span,
|
||||
._keyboard_17909_1 li:nth-child(18) span,
|
||||
._keyboard_17909_1 li:nth-child(19) span,
|
||||
._keyboard_17909_1 li:nth-child(20) span,
|
||||
._keyboard_17909_1 li:nth-child(21) span,
|
||||
._keyboard_17909_1 li:nth-child(22) span,
|
||||
._keyboard_17909_1 li:nth-child(23) span,
|
||||
._keyboard_17909_1 li:nth-child(24) span,
|
||||
._keyboard_17909_1 li:nth-child(25) span,
|
||||
._keyboard_17909_1 li:nth-child(26) span,
|
||||
._keyboard_17909_1 li:nth-child(27) span,
|
||||
._keyboard_17909_1 li:nth-child(40) span,
|
||||
._keyboard_17909_1 li:nth-child(41) span,
|
||||
._keyboard_17909_1 li:nth-child(42) span,
|
||||
._keyboard_17909_1 li:nth-child(53) span,
|
||||
._keyboard_17909_1 li:nth-child(54) span,
|
||||
._keyboard_17909_1 li:nth-child(64) span,
|
||||
._keyboard_17909_1 li:nth-child(65) span,
|
||||
._keyboard_17909_1 li:nth-child(66) span {
|
||||
line-height: 23px;
|
||||
height: 23px;
|
||||
width: 100%;
|
||||
float: left;
|
||||
font-size: 14px;
|
||||
}
|
||||
._keyboard_17909_1 li:nth-child(28) span,
|
||||
._keyboard_17909_1 li:nth-child(55) span,
|
||||
._keyboard_17909_1 li:nth-child(67) span {
|
||||
line-height: 14px;
|
||||
margin-top: 43px;
|
||||
float: right;
|
||||
margin-right: 8px;
|
||||
}
|
||||
._keyboard_17909_1 li:nth-child(30),
|
||||
._keyboard_17909_1 li:nth-child(31),
|
||||
._keyboard_17909_1 li:nth-child(32),
|
||||
._keyboard_17909_1 li:nth-child(33),
|
||||
._keyboard_17909_1 li:nth-child(34),
|
||||
._keyboard_17909_1 li:nth-child(35),
|
||||
._keyboard_17909_1 li:nth-child(36),
|
||||
._keyboard_17909_1 li:nth-child(37),
|
||||
._keyboard_17909_1 li:nth-child(38),
|
||||
._keyboard_17909_1 li:nth-child(39),
|
||||
._keyboard_17909_1 li:nth-child(44),
|
||||
._keyboard_17909_1 li:nth-child(45),
|
||||
._keyboard_17909_1 li:nth-child(46),
|
||||
._keyboard_17909_1 li:nth-child(47),
|
||||
._keyboard_17909_1 li:nth-child(48),
|
||||
._keyboard_17909_1 li:nth-child(49),
|
||||
._keyboard_17909_1 li:nth-child(50),
|
||||
._keyboard_17909_1 li:nth-child(51),
|
||||
._keyboard_17909_1 li:nth-child(52),
|
||||
._keyboard_17909_1 li:nth-child(57),
|
||||
._keyboard_17909_1 li:nth-child(58),
|
||||
._keyboard_17909_1 li:nth-child(59),
|
||||
._keyboard_17909_1 li:nth-child(60),
|
||||
._keyboard_17909_1 li:nth-child(61),
|
||||
._keyboard_17909_1 li:nth-child(62),
|
||||
._keyboard_17909_1 li:nth-child(63) {
|
||||
font-size: 18px;
|
||||
line-height: 64px;
|
||||
}
|
||||
._keyboard_17909_1 li:nth-child(29) span,
|
||||
._keyboard_17909_1 li:nth-child(43) span,
|
||||
._keyboard_17909_1 li:nth-child(56) span,
|
||||
._keyboard_17909_1 li:nth-child(68) span,
|
||||
._keyboard_17909_1 li:nth-child(69) span,
|
||||
._keyboard_17909_1 li:nth-child(70) span,
|
||||
._keyboard_17909_1 li:nth-child(71) span,
|
||||
._keyboard_17909_1 li:nth-child(73) span,
|
||||
._keyboard_17909_1 li:nth-child(74) span {
|
||||
line-height: 14px;
|
||||
margin-top: 43px;
|
||||
text-indent: 5px;
|
||||
float: left;
|
||||
}
|
||||
._keyboard_17909_1 li:nth-child(28),
|
||||
._keyboard_17909_1 li:nth-child(29) {
|
||||
width: 73px;
|
||||
}
|
||||
._keyboard_17909_1 li:nth-child(43),
|
||||
._keyboard_17909_1 li:nth-child(55) {
|
||||
width: 102px;
|
||||
}
|
||||
._keyboard_17909_1 li:nth-child(43):active span:first-child {
|
||||
background: #52f800;
|
||||
}
|
||||
._keyboard_17909_1 li:nth-child(43) span:first-child {
|
||||
position: absolute;
|
||||
top: -36px;
|
||||
left: 5px;
|
||||
width: 6px;
|
||||
height: 6px;
|
||||
background: #fff;
|
||||
border-radius: 3px;
|
||||
}
|
||||
._keyboard_17909_1 li:nth-child(55) span:first-child,
|
||||
._keyboard_17909_1 li:nth-child(70) span:first-child {
|
||||
position: absolute;
|
||||
right: 0px;
|
||||
top: -37px;
|
||||
font-size: 12px;
|
||||
line-height: 12px;
|
||||
}
|
||||
._keyboard_17909_1 li:nth-child(70) span:first-child {
|
||||
left: 0px;
|
||||
text-align: left;
|
||||
}
|
||||
._keyboard_17909_1 li:nth-child(74) span:first-child {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: -37px;
|
||||
font-size: 12px;
|
||||
line-height: 12px;
|
||||
}
|
||||
._keyboard_17909_1 li:nth-child(56) {
|
||||
width: 136px;
|
||||
}
|
||||
._keyboard_17909_1 li:nth-child(67) {
|
||||
width: 137px;
|
||||
}
|
||||
._keyboard_17909_1 li:nth-child(71),
|
||||
._keyboard_17909_1 li:nth-child(73) {
|
||||
width: 70px;
|
||||
}
|
||||
._keyboard_17909_1 li:nth-child(72) {
|
||||
width: 333px;
|
||||
}
|
||||
._keyboard_17909_1 li:nth-child(76),
|
||||
._keyboard_17909_1 li:nth-child(78) {
|
||||
height: 29px;
|
||||
line-height: 29px;
|
||||
}
|
||||
._keyboard_17909_1 li:nth-child(76) {
|
||||
border-bottom-left-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
}
|
||||
._keyboard_17909_1 li:nth-child(78) {
|
||||
border-top-left-radius: 0;
|
||||
border-top-right-radius: 0;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
right: 84px;
|
||||
}
|
||||
._footer_vnn8p_1 {
|
||||
text-align: center;
|
||||
padding: 15px 0 100px 0;
|
||||
font-size: 12px;
|
||||
}
|
||||
._markdown_la4i1_1 {
|
||||
padding: 0 20px 20px;
|
||||
max-width: 995px;
|
||||
margin: 0 auto;
|
||||
font-family: SFMono-Regular, Consolas, Liberation Mono, Menlo, Courier, monospace;
|
||||
font-size: 14px;
|
||||
line-height: 1.5;
|
||||
word-wrap: break-word;
|
||||
color: #24292e;
|
||||
}
|
||||
._markdown_la4i1_1 > *:first-child {
|
||||
margin-top: 0 !important;
|
||||
}
|
||||
._markdown_la4i1_1 > *:last-child {
|
||||
margin-bottom: 0 !important;
|
||||
}
|
||||
._markdown_la4i1_1 code {
|
||||
font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
|
||||
word-wrap: normal;
|
||||
}
|
||||
._markdown_la4i1_1 code:not(.hljs) {
|
||||
padding: 0.2em 0.4em 0.08em 0.4em;
|
||||
margin: 0;
|
||||
font-size: 85%;
|
||||
background-color: rgba(27, 31, 35, 0.07);
|
||||
border-radius: 3px;
|
||||
}
|
||||
._markdown_la4i1_1 pre code {
|
||||
padding: 16px;
|
||||
font-size: 95%;
|
||||
line-height: 1.5;
|
||||
display: block;
|
||||
text-shadow: 0 1px #fff;
|
||||
}
|
||||
._markdown_la4i1_1 pre {
|
||||
margin-bottom: 18px;
|
||||
max-height: 35em;
|
||||
position: relative;
|
||||
overflow: auto;
|
||||
background-color: #F0F0F0;
|
||||
border-radius: 3px;
|
||||
}
|
||||
._markdown_la4i1_1 pre code {
|
||||
background: none;
|
||||
font-size: 1em;
|
||||
overflow-wrap: normal;
|
||||
white-space: inherit;
|
||||
}
|
||||
._markdown_la4i1_1 ul,
|
||||
._markdown_la4i1_1 ol {
|
||||
padding-left: 2em;
|
||||
}
|
||||
._markdown_la4i1_1 dl {
|
||||
padding: 0;
|
||||
}
|
||||
._markdown_la4i1_1 dl dt {
|
||||
padding: 0;
|
||||
margin-top: 16px;
|
||||
font-size: 14px;
|
||||
font-style: italic;
|
||||
font-weight: 600;
|
||||
}
|
||||
._markdown_la4i1_1 li + li {
|
||||
margin-top: 3px;
|
||||
}
|
||||
._markdown_la4i1_1 a {
|
||||
color: #0366d6;
|
||||
}
|
||||
._markdown_la4i1_1 p {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
._markdown_la4i1_1 blockquote {
|
||||
margin: 0;
|
||||
padding: 0 1em;
|
||||
margin-bottom: 10px;
|
||||
color: #6a737d;
|
||||
border-left: 0.25em solid #dfe2e5;
|
||||
}
|
||||
._markdown_la4i1_1 blockquote > :first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
._markdown_la4i1_1 blockquote > :last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
._markdown_la4i1_1 hr {
|
||||
height: 0.25em;
|
||||
padding: 0;
|
||||
margin: 24px 0;
|
||||
background-color: #e1e4e8;
|
||||
border: 0;
|
||||
}
|
||||
._markdown_la4i1_1 h1 tt,
|
||||
._markdown_la4i1_1 h1 code,
|
||||
._markdown_la4i1_1 h2 tt,
|
||||
._markdown_la4i1_1 h2 code,
|
||||
._markdown_la4i1_1 h3 tt,
|
||||
._markdown_la4i1_1 h3 code,
|
||||
._markdown_la4i1_1 h4 tt,
|
||||
._markdown_la4i1_1 h4 code,
|
||||
._markdown_la4i1_1 h5 tt,
|
||||
._markdown_la4i1_1 h5 code,
|
||||
._markdown_la4i1_1 h6 tt,
|
||||
._markdown_la4i1_1 h6 code {
|
||||
font-size: inherit;
|
||||
}
|
||||
._markdown_la4i1_1 h1 {
|
||||
padding-bottom: 0.3em;
|
||||
font-size: 2em;
|
||||
border-bottom: 1px solid #cecece;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
._markdown_la4i1_1 h2 {
|
||||
margin-bottom: 10px;
|
||||
padding-bottom: 0.3em;
|
||||
font-size: 1.5em;
|
||||
border-bottom: 1px solid #cecece;
|
||||
}
|
||||
._markdown_la4i1_1 h3 {
|
||||
margin-bottom: 10px;
|
||||
font-size: 1.25em;
|
||||
}
|
||||
._markdown_la4i1_1 h4 {
|
||||
margin-bottom: 8px;
|
||||
font-size: 1em;
|
||||
}
|
||||
._markdown_la4i1_1 h5 {
|
||||
margin-bottom: 8px;
|
||||
font-size: 0.875em;
|
||||
}
|
||||
._markdown_la4i1_1 h6 {
|
||||
margin-bottom: 5px;
|
||||
font-size: 0.85em;
|
||||
color: #6a737d;
|
||||
}
|
||||
._markdown_la4i1_1 table {
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0;
|
||||
display: block;
|
||||
width: 100%;
|
||||
}
|
||||
._markdown_la4i1_1 table th {
|
||||
font-weight: 600;
|
||||
}
|
||||
._markdown_la4i1_1 table th,
|
||||
._markdown_la4i1_1 table td {
|
||||
padding: 6px 13px;
|
||||
border: 1px solid #dfe2e5;
|
||||
}
|
||||
._markdown_la4i1_1 table tr {
|
||||
background-color: #fff;
|
||||
border-top: 1px solid #c6cbd1;
|
||||
}
|
||||
._markdown_la4i1_1 table tr:nth-child(2n) {
|
||||
background-color: #f6f8fa;
|
||||
}
|
||||
._markdown_la4i1_1 table img {
|
||||
background-color: transparent;
|
||||
}
|
||||
._markdown_la4i1_1 img {
|
||||
max-width: 100%;
|
||||
box-sizing: content-box;
|
||||
background-color: #fff;
|
||||
vertical-align: middle;
|
||||
}
|
||||
._markdown_la4i1_1 img[align=right] {
|
||||
padding-left: 20px;
|
||||
}
|
||||
._markdown_la4i1_1 img[align=left] {
|
||||
padding-right: 20px;
|
||||
}
|
||||
._markdown_la4i1_1 .comment,
|
||||
._markdown_la4i1_1 .quote {
|
||||
color: #998;
|
||||
}
|
||||
._markdown_la4i1_1 .keyword,
|
||||
._markdown_la4i1_1 .selector-tag,
|
||||
._markdown_la4i1_1 .subst {
|
||||
color: #333;
|
||||
font-weight: bold;
|
||||
}
|
||||
._markdown_la4i1_1 .number,
|
||||
._markdown_la4i1_1 .literal,
|
||||
._markdown_la4i1_1 .variable,
|
||||
._markdown_la4i1_1 .template-variable,
|
||||
._markdown_la4i1_1 .tag .attr {
|
||||
color: #008080;
|
||||
}
|
||||
._markdown_la4i1_1 .string,
|
||||
._markdown_la4i1_1 .doctag {
|
||||
color: #d14;
|
||||
}
|
||||
._markdown_la4i1_1 .title,
|
||||
._markdown_la4i1_1 .section,
|
||||
._markdown_la4i1_1 .selector-id {
|
||||
color: #900;
|
||||
font-weight: bold;
|
||||
}
|
||||
._markdown_la4i1_1 .subst {
|
||||
font-weight: normal;
|
||||
}
|
||||
._markdown_la4i1_1 .type,
|
||||
._markdown_la4i1_1 .class .title {
|
||||
color: #458;
|
||||
font-weight: bold;
|
||||
}
|
||||
._markdown_la4i1_1 .tag,
|
||||
._markdown_la4i1_1 .name,
|
||||
._markdown_la4i1_1 .attribute {
|
||||
color: #000098;
|
||||
font-weight: normal;
|
||||
}
|
||||
._markdown_la4i1_1 .regexp,
|
||||
._markdown_la4i1_1 .link {
|
||||
color: #009926;
|
||||
}
|
||||
._markdown_la4i1_1 .symbol,
|
||||
._markdown_la4i1_1 .bullet {
|
||||
color: #990073;
|
||||
}
|
||||
._markdown_la4i1_1 .built_in,
|
||||
._markdown_la4i1_1 .builtin-name {
|
||||
color: #0086b3;
|
||||
}
|
||||
._markdown_la4i1_1 .meta {
|
||||
color: #999;
|
||||
font-weight: bold;
|
||||
}
|
||||
._markdown_la4i1_1 .deletion {
|
||||
background: #fdd;
|
||||
}
|
||||
._markdown_la4i1_1 .addition {
|
||||
background: #dfd;
|
||||
}
|
||||
._markdown_la4i1_1 .emphasis {
|
||||
font-style: italic;
|
||||
}
|
||||
._markdown_la4i1_1 .strong {
|
||||
font-weight: bold;
|
||||
}
|
||||
._markdown_la4i1_1 .language-jsx .keyword,
|
||||
._markdown_la4i1_1 .language-js .keyword,
|
||||
._markdown_la4i1_1 .language-javascript .keyword,
|
||||
._markdown_la4i1_1 .language-jsx .selector-tag,
|
||||
._markdown_la4i1_1 .language-js .selector-tag,
|
||||
._markdown_la4i1_1 .language-javascript .selector-tag {
|
||||
color: #b111bf;
|
||||
font-weight: 600;
|
||||
}
|
||||
._markdown_la4i1_1 .language-jsx .subst,
|
||||
._markdown_la4i1_1 .language-js .subst,
|
||||
._markdown_la4i1_1 .language-javascript .subst {
|
||||
color: #0000ca;
|
||||
}
|
||||
._markdown_la4i1_1 .language-jsx .title,
|
||||
._markdown_la4i1_1 .language-js .title,
|
||||
._markdown_la4i1_1 .language-javascript .title,
|
||||
._markdown_la4i1_1 .language-jsx .section,
|
||||
._markdown_la4i1_1 .language-js .section,
|
||||
._markdown_la4i1_1 .language-javascript .section {
|
||||
color: #4e00dc;
|
||||
font-weight: normal;
|
||||
}
|
||||
._markdown_la4i1_1 .language-jsx .string,
|
||||
._markdown_la4i1_1 .language-js .string,
|
||||
._markdown_la4i1_1 .language-javascript .string,
|
||||
._markdown_la4i1_1 .language-jsx .doctag,
|
||||
._markdown_la4i1_1 .language-js .doctag,
|
||||
._markdown_la4i1_1 .language-javascript .doctag {
|
||||
color: #d73a49;
|
||||
}
|
||||
._markdown_la4i1_1 .language-jsx .attr,
|
||||
._markdown_la4i1_1 .language-js .attr,
|
||||
._markdown_la4i1_1 .language-javascript .attr {
|
||||
color: #0000ca;
|
||||
}
|
||||
._markdown_la4i1_1 .language-jsx .class .keyword,
|
||||
._markdown_la4i1_1 .language-js .class .keyword,
|
||||
._markdown_la4i1_1 .language-javascript .class .keyword {
|
||||
color: #008cd4;
|
||||
}
|
||||
._markdown_la4i1_1 .language-jsx .function,
|
||||
._markdown_la4i1_1 .language-js .function,
|
||||
._markdown_la4i1_1 .language-javascript .function {
|
||||
color: #0000ca;
|
||||
}
|
||||
._markdown_la4i1_1 .language-jsx .function .params,
|
||||
._markdown_la4i1_1 .language-js .function .params,
|
||||
._markdown_la4i1_1 .language-javascript .function .params {
|
||||
color: #008cd4;
|
||||
}
|
||||
._markdown_la4i1_1 .language-json {
|
||||
color: #444;
|
||||
}
|
||||
._markdown_la4i1_1 .language-json .attr {
|
||||
color: #0000ca;
|
||||
}
|
||||
._shields_1ds1m_1 {
|
||||
padding: 60px 0 0 0;
|
||||
text-align: center;
|
||||
}
|
||||
._shields_1ds1m_1 a + a {
|
||||
margin-left: 10px;
|
||||
}
|
||||
._keyCodeInfo_1q7fn_1 {
|
||||
position: fixed;
|
||||
bottom: 10px;
|
||||
left: 10px;
|
||||
}
|
||||
._keyCodeInfo_1q7fn_1 span + span {
|
||||
margin-left: 10px;
|
||||
}
|
||||
._keyCodeInfo_1q7fn_1 span {
|
||||
display: inline-block;
|
||||
background: #eff0f2;
|
||||
border-radius: 3px;
|
||||
padding: 5px 10px;
|
||||
border-top: 1px solid #f5f5f5;
|
||||
box-shadow: inset 0 0 25px #e8e8e8, 0 1px 0 #c3c3c3, 0 2px 0 #c9c9c9, 0 2px 3px #333;
|
||||
text-shadow: 0px 1px 0px #f5f5f5;
|
||||
}
|
||||
._header_1q7fn_18 {
|
||||
background-color: #292929;
|
||||
padding: 74px 0 80px 0;
|
||||
}
|
||||
._header_1q7fn_18 ._title_1q7fn_22 {
|
||||
text-align: center;
|
||||
font-size: 53px;
|
||||
font-weight: bold;
|
||||
color: #fff;
|
||||
text-shadow: -3px -3px 0 #676767, -3px -3px 0 #676767, -3px -3px 0 #676767, -2px -2px 0 #676767, -2px -2px 0 #676767, -1px -1px 0 #676767;
|
||||
}
|
||||
._header_1q7fn_18 ._lang_1q7fn_29 {
|
||||
text-align: center;
|
||||
padding-top: 20px;
|
||||
}
|
||||
._header_1q7fn_18 ._lang_1q7fn_29 a {
|
||||
color: #fff;
|
||||
margin: 0 5px;
|
||||
}
|
||||
._header_1q7fn_18 ._info_1q7fn_37 {
|
||||
padding: 25px 0 27px 0;
|
||||
text-align: center;
|
||||
font-size: 23px;
|
||||
line-height: 29px;
|
||||
color: #878787;
|
||||
max-width: 702px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
._header_1q7fn_18 ._github_1q7fn_46 {
|
||||
text-align: center;
|
||||
padding: 60px 0 22px 0;
|
||||
}
|
||||
._header_1q7fn_18 ._github_1q7fn_46 a + a {
|
||||
margin-left: 10px;
|
||||
}
|
||||
._header_1q7fn_18 ._github_1q7fn_46 button {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
border: 1px solid #ddd;
|
||||
border-bottom-color: #bbb;
|
||||
padding: 9px 15px;
|
||||
font-family: Helvetica, arial, freesans, clean, sans-serif;
|
||||
font-size: 12px;
|
||||
font-weight: bold;
|
||||
color: #666;
|
||||
text-shadow: 0 1px rgba(255, 255, 255, 0.9);
|
||||
cursor: pointer;
|
||||
border-radius: 3px;
|
||||
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
|
||||
background: whitesmoke;
|
||||
background-image: linear-gradient(-90deg, whitesmoke 0%, #e5e5e5 100%);
|
||||
}
|
||||
._header_1q7fn_18 ._github_1q7fn_46 button:hover {
|
||||
color: #337797;
|
||||
border: 1px solid #CBE3EE;
|
||||
border-bottom-color: #97C7DD;
|
||||
background: #f0f7fa;
|
||||
background-image: -webkit-linear-gradient(-90deg, #f0f7fa 0%, #d8eaf2 100%);
|
||||
}
|
||||
html {
|
||||
font-size: 14px;
|
||||
background: #e0e0e0;
|
||||
}
|
||||
/* margin */
|
||||
body,
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6,
|
||||
hr,
|
||||
p,
|
||||
blockquote,
|
||||
dl,
|
||||
dt,
|
||||
dd,
|
||||
ul,
|
||||
ol,
|
||||
li,
|
||||
pre,
|
||||
img,
|
||||
form,
|
||||
applet,
|
||||
fieldset,
|
||||
legend,
|
||||
button,
|
||||
input,
|
||||
textarea,
|
||||
th,
|
||||
table,
|
||||
tr,
|
||||
td {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: none;
|
||||
}
|
||||
/* body */
|
||||
body {
|
||||
font-family: "\5FAE\8F6F\96C5\9ED1";
|
||||
font-size: 12px;
|
||||
color: #535353;
|
||||
position: relative;
|
||||
font-family: "PingHei", "Lucida Grande", "Lucida Sans Unicode", "STHeitiSC-Light", "Helvetica", "Arial", "Verdana", "sans-serif";
|
||||
background: #f8f8f8 url(19bac0e76cd4c2fa8f62d2af1de09287.jpg) repeat top left;
|
||||
}
|
||||
body,
|
||||
div,
|
||||
fieldset,
|
||||
form,
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6,
|
||||
html,
|
||||
p {
|
||||
-webkit-text-size-adjust: none;
|
||||
}
|
||||
/* img */
|
||||
img {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
vertical-align: top;
|
||||
border: none;
|
||||
}
|
||||
/* div */
|
||||
li,
|
||||
ul {
|
||||
list-style: none;
|
||||
margin: 0 auto;
|
||||
padding: 0 auto;
|
||||
display: block;
|
||||
font-family: "Vrinda";
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -1,25 +0,0 @@
|
||||
var gulp = require('gulp');
|
||||
var watch = require('gulp-watch');
|
||||
var stylus = require('gulp-stylus');
|
||||
// var rename = require("gulp-rename");
|
||||
var nib = require('nib');
|
||||
|
||||
gulp.task('default', function() {
|
||||
// 将你的默认的任务代码放在这
|
||||
});
|
||||
|
||||
// 侦听文件改变执行任务
|
||||
gulp.task('watch', function (cb) {
|
||||
gulp.watch('./src/style.styl', ['stylus']);
|
||||
});
|
||||
|
||||
// RUI CSS 生成
|
||||
gulp.task('stylus', function () {
|
||||
gulp.src('./src/style.styl')
|
||||
.pipe(stylus({
|
||||
compress:true,
|
||||
use: nib()
|
||||
}))
|
||||
// .pipe(rename('RUI.min.css'))
|
||||
.pipe(gulp.dest('./src/'));
|
||||
});
|
||||
@ -1,29 +0,0 @@
|
||||
{
|
||||
"name": "hotkeys",
|
||||
"version": "1.0.0",
|
||||
"description": "",
|
||||
"main": "src/hotkeys.js",
|
||||
"scripts": {
|
||||
"test": "echo \"Error: no test specified\" && exit 1"
|
||||
},
|
||||
"repository": {
|
||||
"type": "git",
|
||||
"url": "https://github.com/jaywcjlove/hotkeys.git"
|
||||
},
|
||||
"author": "",
|
||||
"license": "ISC",
|
||||
"bugs": {
|
||||
"url": "https://github.com/jaywcjlove/hotkeys/issues"
|
||||
},
|
||||
"homepage": "https://github.com/jaywcjlove/hotkeys",
|
||||
"devDependencies": {
|
||||
"highlight.js": "^8.8.0",
|
||||
"jslite": "^1.1.6"
|
||||
},
|
||||
"dependencies": {
|
||||
"gulp": "^3.9.0",
|
||||
"gulp-stylus": "^2.1.0",
|
||||
"gulp-watch": "^4.3.5",
|
||||
"nib": "^1.1.0"
|
||||
}
|
||||
}
|
||||
@ -1,47 +0,0 @@
|
||||
;(function($){
|
||||
|
||||
var $li_all = $('#keyboard li')
|
||||
|
||||
hotkeys('*', function(evn){
|
||||
var key_num = evn.keyCode,str = '';
|
||||
|
||||
str = 'keyCode:' + key_num;
|
||||
|
||||
if(hotkeys.shift) str += ', shift';
|
||||
if(hotkeys.ctrl) str += ', ctrl';
|
||||
if(hotkeys.alt) str += ', alt';
|
||||
if(hotkeys.control) str += ', control';
|
||||
if(hotkeys.command) str += ', command';
|
||||
|
||||
|
||||
$('#key_info').html(str);
|
||||
|
||||
console.log("evn1",evn,String.fromCharCode(evn.keyCode));
|
||||
|
||||
$li_all.each(function(index, el) {
|
||||
|
||||
var kc = $(el).data('keycode');
|
||||
|
||||
if(kc === key_num) $(el).addClass('pressed');
|
||||
|
||||
});
|
||||
|
||||
return false
|
||||
});
|
||||
|
||||
|
||||
$li_all.on('click',function(){
|
||||
var key_num = $(this).data('keycode');
|
||||
|
||||
$('#key_info').html(key_num > -1 ? 'keyCode:' + $(this).data('keycode') : '');
|
||||
|
||||
})
|
||||
|
||||
$(document).on('keyup',function(){
|
||||
$li_all.removeClass('pressed');
|
||||
})
|
||||
|
||||
|
||||
})(JSLite);
|
||||
|
||||
|
||||
@ -1,53 +0,0 @@
|
||||
/*!
|
||||
* home page (https://github.com/jaywcjlove/hotkeys)
|
||||
*/
|
||||
var keyboards = document.getElementById('keyboard').getElementsByTagName('li');
|
||||
var keyinfo = document.getElementById('key_info')
|
||||
// var $li_all = $('#keyboard li')
|
||||
|
||||
hotkeys('*', function (evn) {
|
||||
var key_num = evn.keyCode, str = '';
|
||||
|
||||
str = 'keyCode:' + key_num;
|
||||
if (hotkeys.shift) str += ', shift';
|
||||
if (hotkeys.ctrl) str += ', ctrl';
|
||||
if (hotkeys.alt) str += ', alt';
|
||||
if (hotkeys.control) str += ', control';
|
||||
if (hotkeys.command) str += ', command';
|
||||
|
||||
keyinfo.innerHTML = str;
|
||||
|
||||
console.log("evn1", evn, String.fromCharCode(evn.keyCode));
|
||||
|
||||
for(var i =0;i < keyboards.length; i++){
|
||||
var kc = parseInt(keyboards[i].dataset.keycode,10);
|
||||
if (kc === key_num) keyboards[i].className = 'pressed';
|
||||
}
|
||||
return false
|
||||
});
|
||||
|
||||
|
||||
function addEvent(elem, event, fn) {
|
||||
if (elem.addEventListener) {
|
||||
elem.addEventListener(event, fn, false);
|
||||
} else if (elem.attachEvent) {
|
||||
elem.attachEvent('on' + event, fn);
|
||||
} else {
|
||||
elem['on' + event] = fn;
|
||||
}
|
||||
}
|
||||
|
||||
for(var i =0;i < keyboards.length; i++){
|
||||
keyboards[i].onclick = function (params) {
|
||||
var kc = parseInt(this.dataset.keycode, 10);
|
||||
keyinfo.innerHTML = 'keyCode:' + kc;
|
||||
}
|
||||
}
|
||||
addEvent(document,'keyup',function(){
|
||||
for (var i = 0; i < keyboards.length; i++) {
|
||||
var kc = parseInt(keyboards[i].dataset.keycode, 10);
|
||||
keyboards[i].className = '';
|
||||
}
|
||||
})
|
||||
|
||||
var tran = new Translater();
|
||||
File diff suppressed because one or more lines are too long
@ -1,505 +0,0 @@
|
||||
@charset "utf-8"
|
||||
/* http://images.apple.com/v/macbook/c/design/images/keyboard_backlight_off_large_2x.jpg */
|
||||
|
||||
|
||||
// 使用nib模块 和 CSS reset
|
||||
// ==================================
|
||||
@import 'nib'
|
||||
|
||||
// CSS reset
|
||||
global-reset()
|
||||
reset-html5()
|
||||
mq_tablet = "screen and (min-width: 480px) and (max-width: 1004px)"
|
||||
mq_mobile = "screen and (max-width: 479px)"
|
||||
|
||||
/* margin */
|
||||
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, img, form, applet, fieldset, legend, button, input, textarea, th, table, tr, td
|
||||
margin: 0
|
||||
padding: 0
|
||||
border: none
|
||||
|
||||
/* body */
|
||||
body
|
||||
font-family: "微软雅黑"
|
||||
font-size: 12px
|
||||
color:#535353
|
||||
position: relative
|
||||
background: #fff
|
||||
font-family: "PingHei","Lucida Grande", "Lucida Sans Unicode", "STHeitiSC-Light", "Helvetica","Arial","Verdana","sans-serif"
|
||||
|
||||
body, div, fieldset, form, h1, h2, h3, h4, h5, h6, html, p
|
||||
-webkit-text-size-adjust: none
|
||||
|
||||
/* img */
|
||||
img
|
||||
padding: 0
|
||||
margin: 0
|
||||
vertical-align: top
|
||||
border: none
|
||||
|
||||
/* div */
|
||||
li,ul
|
||||
outside: none
|
||||
list-style: none
|
||||
margin: 0 auto
|
||||
padding: 0 auto
|
||||
display: block
|
||||
font-family: "Vrinda"
|
||||
-webkit-user-select: none
|
||||
-moz-user-select: none
|
||||
-ms-user-select: none
|
||||
user-select: none
|
||||
|
||||
.clear
|
||||
clear: both
|
||||
height: 0
|
||||
width: 100%
|
||||
|
||||
span, b, i, a, :after, :before
|
||||
-webkit-transition: all 0.5s
|
||||
|
||||
/* font */
|
||||
a
|
||||
text-decoration: none
|
||||
|
||||
a:hover, a:active, a:focus
|
||||
text-decoration: none
|
||||
|
||||
i
|
||||
font-style: normal
|
||||
|
||||
|
||||
auto-width()
|
||||
width: 995px
|
||||
margin: 0 auto 0 auto
|
||||
@media mq_tablet
|
||||
width: auto
|
||||
padding 20px
|
||||
@media mq_mobile
|
||||
width auto
|
||||
padding 20px
|
||||
|
||||
|
||||
a.github-corner
|
||||
position: fixed;
|
||||
top: 0;
|
||||
right: 0;
|
||||
.github-corner
|
||||
svg
|
||||
fill:#e1e1e1
|
||||
color:#000
|
||||
position:absolute
|
||||
top:0
|
||||
border:0
|
||||
right:0
|
||||
z-index:99
|
||||
width:4.375rem
|
||||
height:4.375rem
|
||||
.github-corner:hover
|
||||
.octo-arm
|
||||
-webkit-animation:octocat-wave 560ms ease-in-out
|
||||
animation:octocat-wave 560ms ease-in-out
|
||||
@-webkit-keyframes octocat-wave
|
||||
0%,100%
|
||||
-webkit-transform:rotate(0);
|
||||
transform:rotate(0)
|
||||
20%,60%
|
||||
-webkit-transform:rotate(-25deg)
|
||||
transform:rotate(-25deg)
|
||||
40%,80%
|
||||
-webkit-transform:rotate(10deg)
|
||||
transform:rotate(10deg)
|
||||
@keyframes octocat-wave
|
||||
0%,100%
|
||||
-webkit-transform:rotate(0)
|
||||
transform:rotate(0)
|
||||
20%,60%
|
||||
-webkit-transform:rotate(-25deg)
|
||||
transform:rotate(-25deg)
|
||||
40%,80%
|
||||
-webkit-transform:rotate(10deg)
|
||||
transform:rotate(10deg)
|
||||
|
||||
.header
|
||||
background-color: #292929
|
||||
padding: 74px 0 80px 0
|
||||
@media mq_tablet
|
||||
padding: 64px 0 25px 0
|
||||
@media mq_mobile
|
||||
padding: 54px 0 15px 0
|
||||
.lang
|
||||
text-align center
|
||||
padding-top 20px
|
||||
a
|
||||
color #fff
|
||||
margin 0 5px
|
||||
.info
|
||||
padding: 25px 0 8px 0
|
||||
text-align: center
|
||||
font-size: 27px
|
||||
line-height: 34px
|
||||
color:#878787
|
||||
auto-width()
|
||||
@media mq_tablet
|
||||
font-size 21px
|
||||
line-height 24px
|
||||
@media mq_mobile
|
||||
font-size 14px
|
||||
line-height 18px
|
||||
.title
|
||||
text-align: center
|
||||
font-size: 53px
|
||||
font-weight: bold
|
||||
color: #fff;
|
||||
.github_wrapper
|
||||
text-align: center
|
||||
padding: 60px 0 22px 0
|
||||
@media mq_tablet
|
||||
padding: 64px 0 15px 0
|
||||
@media mq_mobile
|
||||
padding: 29px 0 0 0
|
||||
margin 10px 30px 0 30px
|
||||
.github_style
|
||||
position: relative
|
||||
display: inline-block
|
||||
border: 1px solid #ddd
|
||||
border-bottom-color: #bbb
|
||||
padding: 9px 15px
|
||||
font-family: Helvetica, arial, freesans, clean, sans-serif
|
||||
font-size: 12px
|
||||
font-weight: bold
|
||||
color: #666
|
||||
text-shadow: 0 1px rgba(255, 255, 255, 0.9)
|
||||
cursor: pointer
|
||||
border-radius: 3px
|
||||
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1)
|
||||
background: whitesmoke
|
||||
background-image: linear-gradient(-90deg, whitesmoke 0%, #e5e5e5 100%)
|
||||
@media mq_mobile
|
||||
padding: 3px 10px
|
||||
margin-top 5px
|
||||
&:hover
|
||||
color: #337797;
|
||||
border: 1px solid #CBE3EE
|
||||
border-bottom-color: #97C7DD
|
||||
background: #f0f7fa
|
||||
background-image: -moz-linear-gradient(-90deg, #f0f7fa 0%, #d8eaf2 100%)
|
||||
background-image: -webkit-linear-gradient(-90deg, #f0f7fa 0%, #d8eaf2 100%)
|
||||
background-image: -o-linear-gradient(-90deg, #f0f7fa 0%, #d8eaf2 100%)
|
||||
background-image: -ms-linear-gradient(-90deg, #f0f7fa 0%, #d8eaf2 100%)
|
||||
&:active
|
||||
border: 1px solid #2A65A0
|
||||
border-bottom-color: #0770A0
|
||||
color: #fff
|
||||
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3)
|
||||
background: #0770a0
|
||||
background-image: -moz-linear-gradient(-90deg, #0770a0 0%, #0ca6dd 100%)
|
||||
background-image: -webkit-linear-gradient(-90deg, #0770a0 0%, #0ca6dd 100%)
|
||||
background-image: -o-linear-gradient(-90deg, #0770a0 0%, #0ca6dd 100%)
|
||||
background-image: -ms-linear-gradient(-90deg, #0770a0 0%, #0ca6dd 100%)
|
||||
-webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1)
|
||||
-moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1)
|
||||
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1)
|
||||
|
||||
|
||||
.warpper
|
||||
padding: 0 0 100px 0
|
||||
font-size: 16px
|
||||
auto-width()
|
||||
code
|
||||
border-radius: 4px
|
||||
background-color:#ECECEC
|
||||
padding:1px 5px
|
||||
color:#9F0101
|
||||
@media mq_mobile
|
||||
font-size: 12px;
|
||||
line-height 14px
|
||||
padding:0 5px
|
||||
pre
|
||||
width auto
|
||||
code
|
||||
color:#000
|
||||
font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace
|
||||
font-size: 14px
|
||||
line-height 18px
|
||||
p
|
||||
padding: 10px 0 8px 5px
|
||||
font-size: 14px
|
||||
line-height: 21px
|
||||
@media mq_mobile
|
||||
padding: 10px 0 5px 5px
|
||||
line-height 18px
|
||||
h1
|
||||
padding:15px 0 5px 5px
|
||||
font-weight bold
|
||||
@media mq_mobile
|
||||
font-weight bold
|
||||
padding-left 5px
|
||||
font-size 18px
|
||||
h2
|
||||
padding: 15px 0 5px 15px
|
||||
font-weight: bold
|
||||
font-size: 14px
|
||||
@media mq_mobile
|
||||
font-weight bold
|
||||
padding-left 5px
|
||||
font-size 14px
|
||||
|
||||
.key_info
|
||||
position:fixed
|
||||
top:10px
|
||||
left:10px
|
||||
.kennywang
|
||||
text-align:center
|
||||
padding: 15px 0 0 0
|
||||
font-size: 12px
|
||||
.github_shields
|
||||
padding: 60px 0 0 0
|
||||
text-align:center
|
||||
|
||||
.keyboard
|
||||
height: 394px
|
||||
border-radius: 10px
|
||||
border: 1px solid #C9C9C9
|
||||
background: #F2F2F2
|
||||
box-shadow: 2px 0px 2px #E2E2E2 inset,-2px 2px 3px #E2E2E2 inset,1px -0px 0px #C1C1C1 inset,0px -2px 3px #C1C1C1 inset
|
||||
user-select: none
|
||||
auto-width()
|
||||
margin-top -66px
|
||||
@media mq_mobile
|
||||
display none
|
||||
height: auto
|
||||
@media mq_tablet
|
||||
display none
|
||||
ul
|
||||
width: 992px
|
||||
margin-top: 9px
|
||||
padding-left: 11px
|
||||
position: relative
|
||||
float: left
|
||||
/* border:2px solid black;*/
|
||||
li
|
||||
width: 62px
|
||||
height: 62px
|
||||
float: left
|
||||
margin-right: 5px
|
||||
margin-bottom: 5px
|
||||
background: #151515
|
||||
color: rgb(200,200,200)
|
||||
text-align: center
|
||||
line-height: 62px
|
||||
font-size: 12px
|
||||
border-radius: 5px
|
||||
border: 1px solid #3A3A3A
|
||||
box-shadow: 1px 0px 0px rgb(0,0,0),0px 1px 0px rgb(0,0,0),-1px 0px 0px rgb(0,0,0),0px -1px 0px rgb(0,0,0)
|
||||
-webkit-user-select: none
|
||||
-moz-user-select: none
|
||||
-ms-user-select: none
|
||||
user-select: none
|
||||
cursor: pointer
|
||||
position: relative
|
||||
&:active
|
||||
color:#52F800
|
||||
background-color: #100068
|
||||
border:1px solid #332376
|
||||
.pressed
|
||||
color:#52F800
|
||||
background-color: #100068
|
||||
border:1px solid #332376
|
||||
|
||||
.keyboard li:nth-child(1)
|
||||
width: 99px
|
||||
height: 28px
|
||||
line-height: 28px
|
||||
text-indent: 1em
|
||||
text-align: left
|
||||
|
||||
.keyboard li:nth-child(2),
|
||||
.keyboard li:nth-child(3),
|
||||
.keyboard li:nth-child(4),
|
||||
.keyboard li:nth-child(5),
|
||||
.keyboard li:nth-child(6),
|
||||
.keyboard li:nth-child(7),
|
||||
.keyboard li:nth-child(8),
|
||||
.keyboard li:nth-child(9),
|
||||
.keyboard li:nth-child(10),
|
||||
.keyboard li:nth-child(11),
|
||||
.keyboard li:nth-child(12),
|
||||
.keyboard li:nth-child(13),
|
||||
.keyboard li:nth-child(14)
|
||||
width: 60px
|
||||
height: 28px
|
||||
line-height: 28px
|
||||
|
||||
.keyboard li:nth-child(15),
|
||||
.keyboard li:nth-child(16),
|
||||
.keyboard li:nth-child(17),
|
||||
.keyboard li:nth-child(18),
|
||||
.keyboard li:nth-child(19),
|
||||
.keyboard li:nth-child(20),
|
||||
.keyboard li:nth-child(21),
|
||||
.keyboard li:nth-child(22),
|
||||
.keyboard li:nth-child(23),
|
||||
.keyboard li:nth-child(24),
|
||||
.keyboard li:nth-child(25),
|
||||
.keyboard li:nth-child(26),
|
||||
.keyboard li:nth-child(27),
|
||||
.keyboard li:nth-child(40),
|
||||
.keyboard li:nth-child(41),
|
||||
.keyboard li:nth-child(42),
|
||||
.keyboard li:nth-child(53),
|
||||
.keyboard li:nth-child(54),
|
||||
.keyboard li:nth-child(64),
|
||||
.keyboard li:nth-child(65),
|
||||
.keyboard li:nth-child(66)
|
||||
padding: 7px 0
|
||||
height: 48px
|
||||
|
||||
.keyboard li:nth-child(15) span,
|
||||
.keyboard li:nth-child(16) span,
|
||||
.keyboard li:nth-child(17) span,
|
||||
.keyboard li:nth-child(18) span,
|
||||
.keyboard li:nth-child(19) span,
|
||||
.keyboard li:nth-child(20) span,
|
||||
.keyboard li:nth-child(21) span,
|
||||
.keyboard li:nth-child(22) span,
|
||||
.keyboard li:nth-child(23) span,
|
||||
.keyboard li:nth-child(24) span,
|
||||
.keyboard li:nth-child(25) span,
|
||||
.keyboard li:nth-child(26) span,
|
||||
.keyboard li:nth-child(27) span,
|
||||
.keyboard li:nth-child(40) span,
|
||||
.keyboard li:nth-child(41) span,
|
||||
.keyboard li:nth-child(42) span,
|
||||
.keyboard li:nth-child(53) span,
|
||||
.keyboard li:nth-child(54) span,
|
||||
.keyboard li:nth-child(64) span,
|
||||
.keyboard li:nth-child(65) span,
|
||||
.keyboard li:nth-child(66) span
|
||||
line-height: 23px
|
||||
height: 23px
|
||||
width: 100%
|
||||
float: left
|
||||
font-size:14px
|
||||
|
||||
.keyboard li:nth-child(28) span,
|
||||
.keyboard li:nth-child(55) span,
|
||||
.keyboard li:nth-child(67) span
|
||||
line-height: 14px
|
||||
margin-top: 43px
|
||||
float: right
|
||||
margin-right: 8px
|
||||
|
||||
//字母键
|
||||
.keyboard li:nth-child(30),
|
||||
.keyboard li:nth-child(31),
|
||||
.keyboard li:nth-child(32),
|
||||
.keyboard li:nth-child(33),
|
||||
.keyboard li:nth-child(34),
|
||||
.keyboard li:nth-child(35),
|
||||
.keyboard li:nth-child(36),
|
||||
.keyboard li:nth-child(37),
|
||||
.keyboard li:nth-child(38),
|
||||
.keyboard li:nth-child(39),
|
||||
.keyboard li:nth-child(44),
|
||||
.keyboard li:nth-child(45),
|
||||
.keyboard li:nth-child(46),
|
||||
.keyboard li:nth-child(47),
|
||||
.keyboard li:nth-child(48),
|
||||
.keyboard li:nth-child(49),
|
||||
.keyboard li:nth-child(50),
|
||||
.keyboard li:nth-child(51),
|
||||
.keyboard li:nth-child(52),
|
||||
.keyboard li:nth-child(57),
|
||||
.keyboard li:nth-child(58),
|
||||
.keyboard li:nth-child(59),
|
||||
.keyboard li:nth-child(60),
|
||||
.keyboard li:nth-child(61),
|
||||
.keyboard li:nth-child(62),
|
||||
.keyboard li:nth-child(63)
|
||||
font-size:18px
|
||||
line-height: 64px
|
||||
|
||||
|
||||
.keyboard li:nth-child(29) span,
|
||||
.keyboard li:nth-child(43) span,
|
||||
.keyboard li:nth-child(56) span,
|
||||
.keyboard li:nth-child(68) span,
|
||||
.keyboard li:nth-child(69) span,
|
||||
.keyboard li:nth-child(70) span,
|
||||
.keyboard li:nth-child(71) span,
|
||||
.keyboard li:nth-child(73) span,
|
||||
.keyboard li:nth-child(74) span
|
||||
line-height: 14px
|
||||
margin-top: 43px
|
||||
text-indent: 5px
|
||||
float: left
|
||||
|
||||
.keyboard li:nth-child(28),
|
||||
.keyboard li:nth-child(29)
|
||||
width: 73px
|
||||
|
||||
.keyboard li:nth-child(43),
|
||||
.keyboard li:nth-child(55)
|
||||
width: 102px
|
||||
|
||||
.keyboard
|
||||
li:nth-child(43).pressed
|
||||
i
|
||||
background:#52f800
|
||||
li:nth-child(43)
|
||||
&:active
|
||||
i
|
||||
background:#52f800
|
||||
i
|
||||
position: absolute
|
||||
top: 5px
|
||||
left: 5px
|
||||
width: 6px
|
||||
height: 6px
|
||||
background: #fff
|
||||
border-radius: 3px
|
||||
.keyboard li:nth-child(55) i,
|
||||
.keyboard li:nth-child(70) i
|
||||
position: absolute
|
||||
right: 8px
|
||||
top: 5px
|
||||
font-size: 12px
|
||||
line-height: 12px
|
||||
.keyboard li:nth-child(70) i
|
||||
left: -26px
|
||||
|
||||
.keyboard li:nth-child(74) i
|
||||
position: absolute
|
||||
left: 8px
|
||||
top: 5px
|
||||
font-size: 12px
|
||||
line-height: 12px
|
||||
|
||||
.keyboard li:nth-child(56)
|
||||
width: 136px
|
||||
.keyboard li:nth-child(67)
|
||||
width: 137px
|
||||
|
||||
.keyboard li:nth-child(71),
|
||||
.keyboard li:nth-child(73)
|
||||
width: 70px
|
||||
|
||||
.keyboard li:nth-child(72)
|
||||
width: 333px
|
||||
|
||||
|
||||
.keyboard li:nth-child(76),
|
||||
.keyboard li:nth-child(78)
|
||||
height: 29px
|
||||
line-height: 29px
|
||||
.keyboard li:nth-child(76)
|
||||
border-bottom-left-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
.keyboard li:nth-child(78)
|
||||
border-top-left-radius: 0;
|
||||
border-top-right-radius: 0;
|
||||
position: absolute
|
||||
bottom: 0
|
||||
right: 84px
|
||||
|
||||
Loading…
Reference in New Issue