forked from Miroirs/x49gp
90 lines
1.6 KiB
CSS
90 lines
1.6 KiB
CSS
|
window {
|
||
|
background-color: #f5deb3;
|
||
|
font-family: URW Gothic;
|
||
|
font-weight: normal;
|
||
|
}
|
||
|
.label-key,
|
||
|
.label-left,
|
||
|
.label-right,
|
||
|
.label-letter,
|
||
|
.label-below {
|
||
|
font-weight: bold;
|
||
|
}
|
||
|
.annunciator {
|
||
|
padding: 0px;
|
||
|
color: #080808;
|
||
|
}
|
||
|
.lcd-container,
|
||
|
.annunciators-container {
|
||
|
background-color: #a9d0b2;
|
||
|
}
|
||
|
button {
|
||
|
background-image: none;
|
||
|
padding: 0px;
|
||
|
margin-left: 15px;
|
||
|
margin-right: 15px;
|
||
|
}
|
||
|
button.key-down {
|
||
|
border-color: #080808;
|
||
|
}
|
||
|
button.menu {
|
||
|
background-color: #a9a9a9;
|
||
|
}
|
||
|
button.function {
|
||
|
background-color: #696969;
|
||
|
}
|
||
|
button.arrow {
|
||
|
background-color: #e0e0e0;
|
||
|
border-radius: 33%;
|
||
|
}
|
||
|
button.alpha {
|
||
|
background-color: #fae82c;
|
||
|
}
|
||
|
button.core,
|
||
|
button.core-number {
|
||
|
background-color: #080808;
|
||
|
}
|
||
|
button.alpha .label-key,
|
||
|
button.arrow .label-key,
|
||
|
button.menu .label-key {
|
||
|
color: #080808;
|
||
|
}
|
||
|
button.shift-left {
|
||
|
background-color: #4060a4;
|
||
|
}
|
||
|
button.shift-right {
|
||
|
background-color: #8e2518;
|
||
|
}
|
||
|
button.shift-left .label-key,
|
||
|
button.shift-right .label-key {
|
||
|
font-size: 24px; /* typically 2 * base font size */
|
||
|
color: #080808;
|
||
|
}
|
||
|
button.core-number .label-key,
|
||
|
button.arrow .label-key,
|
||
|
.annunciator {
|
||
|
font-size: 21px; /* typically 1.75 * base font size */
|
||
|
}
|
||
|
.label-key {
|
||
|
font-size: 12px; /* base font size */
|
||
|
color: #ffffff;
|
||
|
}
|
||
|
.label-left,
|
||
|
.label-right,
|
||
|
.label-letter,
|
||
|
.label-below {
|
||
|
font-size: 9px; /* typically 0.75 * base font size */
|
||
|
}
|
||
|
.label-left {
|
||
|
color: #4060a4;
|
||
|
}
|
||
|
.label-right {
|
||
|
color: #c06e60;
|
||
|
}
|
||
|
.label-below {
|
||
|
color: #4060a4;
|
||
|
}
|
||
|
.label-letter {
|
||
|
color: #fae82c;
|
||
|
}
|