mirror of
https://github.com/kremalicious/kbdfun.git
synced 2024-06-17 10:03:11 +02:00
61 lines
1.1 KiB
Plaintext
61 lines
1.1 KiB
Plaintext
|
/*
|
||
|
WebKit Defaults:
|
||
|
----------------------
|
||
|
display: inline;
|
||
|
font-family: monospace;
|
||
|
height: auto;
|
||
|
width: auto;
|
||
|
|
||
|
Apple Keyboard font: VAG Rounded
|
||
|
*/
|
||
|
|
||
|
/* Le variables
|
||
|
---------------------- */
|
||
|
|
||
|
@textColor: #444;
|
||
|
@textColorDark: #eee;
|
||
|
|
||
|
@fontFamily: "Lucida Grande", Lucida, Verdana, sans-serif;
|
||
|
|
||
|
kbd {
|
||
|
color: @textColor;
|
||
|
font-family: @fontFamily;
|
||
|
font-weight: normal;
|
||
|
font-style: normal;
|
||
|
text-align: center;
|
||
|
text-shadow: 0 1px 0 #fff;
|
||
|
|
||
|
display: inline;
|
||
|
padding: .3em .55em;
|
||
|
|
||
|
border-radius: 6px;
|
||
|
border: 1px solid #bbb;
|
||
|
|
||
|
background-color: #f7f7f7;
|
||
|
background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 60%,rgba(0,0,0,0) 100%);
|
||
|
|
||
|
box-shadow: 0px 2px 0 #ccc,
|
||
|
0 3px 1px #999,
|
||
|
0 4px 0 #fff,
|
||
|
inset 0 1px 0 #fff;
|
||
|
|
||
|
&.dark {
|
||
|
color: @textColorDark;
|
||
|
text-shadow: 0 -1px 0 #000;
|
||
|
|
||
|
border-color: #444;
|
||
|
border-bottom-color: #000;
|
||
|
|
||
|
background-color: #4d4c4c;
|
||
|
background-image: -webkit-linear-gradient(top, rgba(0,0,0,.5) 0%,rgba(0,0,0,0) 80%,rgba(0,0,0,0) 100%);
|
||
|
|
||
|
box-shadow: 0px 2px 0 #222,
|
||
|
0 3px 1px #999,
|
||
|
0 4px 0 #ccc,
|
||
|
inset 0 1px 0 #aaa;
|
||
|
|
||
|
}
|
||
|
|
||
|
}
|
||
|
|