theme: on screen keyboard + bits
This commit is contained in:
Jakub Steiner
Florian Müllner
parent
2758c71cf7
commit
c68abfbacf
@ -1419,8 +1419,62 @@ StScrollBar {
|
|||||||
}
|
}
|
||||||
|
|
||||||
/* Eeeky things */
|
/* Eeeky things */
|
||||||
//Mess that is Looking Glass
|
|
||||||
|
|
||||||
|
//magnifier
|
||||||
|
|
||||||
|
.magnifier-zoom-region {
|
||||||
|
border: 2px solid $selected_bg_color;
|
||||||
|
&.full-screen { border-width: 0; }
|
||||||
|
}
|
||||||
|
|
||||||
|
//Keyboard
|
||||||
|
/* On-screen Keyboard */
|
||||||
|
|
||||||
|
#keyboard {
|
||||||
|
background: transparentize($osd_bg_color, 0.3);
|
||||||
|
}
|
||||||
|
|
||||||
|
.keyboard-layout {
|
||||||
|
spacing: 10px;
|
||||||
|
padding: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.keyboard-row {
|
||||||
|
spacing: 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.keyboard-key {
|
||||||
|
@include button(normal);
|
||||||
|
min-height: 2em;
|
||||||
|
min-width: 2em;
|
||||||
|
font-size: 14pt;
|
||||||
|
font-weight: bold;
|
||||||
|
border-radius: 5px;
|
||||||
|
border: 1px solid $borders-color;
|
||||||
|
color: white;
|
||||||
|
&:focus { @include button(focus); }
|
||||||
|
&:hover,&:checked { @include button(hover); }
|
||||||
|
&:active { @include button(active);}
|
||||||
|
&:grayed {
|
||||||
|
background-color: green;
|
||||||
|
color: red;
|
||||||
|
border-color: blue;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.keyboard-subkeys {
|
||||||
|
color: white;
|
||||||
|
padding: 5px;
|
||||||
|
-arrow-border-radius: 10px;
|
||||||
|
-arrow-background-color: #090909;
|
||||||
|
-arrow-border-width: 2px;
|
||||||
|
-arrow-border-color: white;
|
||||||
|
-arrow-base: 20px;
|
||||||
|
-arrow-rise: 10px;
|
||||||
|
-boxpointer-gap: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
//Mess that is Looking Glass
|
||||||
#LookingGlassDialog {
|
#LookingGlassDialog {
|
||||||
background-color: rgba(0,0,0,0.80);
|
background-color: rgba(0,0,0,0.80);
|
||||||
spacing: 4px;
|
spacing: 4px;
|
||||||
|
|||||||
@ -18,70 +18,8 @@
|
|||||||
*/
|
*/
|
||||||
|
|
||||||
|
|
||||||
/* Magnifier */
|
|
||||||
|
|
||||||
.magnifier-zoom-region {
|
|
||||||
border: 2px solid rgba(128, 0, 0, 1);
|
|
||||||
}
|
|
||||||
|
|
||||||
.magnifier-zoom-region.full-screen {
|
|
||||||
border-width: 0px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* On-screen Keyboard */
|
|
||||||
|
|
||||||
#keyboard {
|
|
||||||
background: rgba(0,0,0,0.8);
|
|
||||||
}
|
|
||||||
|
|
||||||
.keyboard-layout {
|
|
||||||
spacing: 10px;
|
|
||||||
padding: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.keyboard-row {
|
|
||||||
spacing: 15px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.keyboard-key {
|
|
||||||
min-height: 30px;
|
|
||||||
min-width: 30px;
|
|
||||||
background-gradient-start: rgba(255,245,245,0.4);
|
|
||||||
background-gradient-end: rgba(105,105,105,0.1);
|
|
||||||
background-gradient-direction: vertical;
|
|
||||||
font-size: 14pt;
|
|
||||||
font-weight: bold;
|
|
||||||
border-radius: 10px;
|
|
||||||
border: 2px solid #a0a0a0;
|
|
||||||
color: white;
|
|
||||||
}
|
|
||||||
|
|
||||||
.keyboard-key:grayed {
|
|
||||||
color: #808080;
|
|
||||||
border-color: #808080;
|
|
||||||
}
|
|
||||||
|
|
||||||
.keyboard-key:checked,
|
|
||||||
.keyboard-key:hover {
|
|
||||||
background: #303030;
|
|
||||||
border: 3px solid white;
|
|
||||||
}
|
|
||||||
|
|
||||||
.keyboard-key:active {
|
|
||||||
background: #808080;
|
|
||||||
}
|
|
||||||
|
|
||||||
.keyboard-subkeys {
|
|
||||||
color: white;
|
|
||||||
padding: 5px;
|
|
||||||
-arrow-border-radius: 10px;
|
|
||||||
-arrow-background-color: #090909;
|
|
||||||
-arrow-border-width: 2px;
|
|
||||||
-arrow-border-color: white;
|
|
||||||
-arrow-base: 20px;
|
|
||||||
-arrow-rise: 10px;
|
|
||||||
-boxpointer-gap: 5px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* IBus Candidate Popup */
|
/* IBus Candidate Popup */
|
||||||
|
|
||||||
|
|||||||
@ -16,59 +16,6 @@
|
|||||||
* along with this program; if not, write to the Free Software Foundation,
|
* along with this program; if not, write to the Free Software Foundation,
|
||||||
* Inc., 51 Franklin St - Fifth Floor, Boston, MA 02110-1301 USA.
|
* Inc., 51 Franklin St - Fifth Floor, Boston, MA 02110-1301 USA.
|
||||||
*/
|
*/
|
||||||
/* Magnifier */
|
|
||||||
.magnifier-zoom-region {
|
|
||||||
border: 2px solid maroon; }
|
|
||||||
|
|
||||||
.magnifier-zoom-region.full-screen {
|
|
||||||
border-width: 0px; }
|
|
||||||
|
|
||||||
/* On-screen Keyboard */
|
|
||||||
#keyboard {
|
|
||||||
background: rgba(0, 0, 0, 0.8); }
|
|
||||||
|
|
||||||
.keyboard-layout {
|
|
||||||
spacing: 10px;
|
|
||||||
padding: 10px; }
|
|
||||||
|
|
||||||
.keyboard-row {
|
|
||||||
spacing: 15px; }
|
|
||||||
|
|
||||||
.keyboard-key {
|
|
||||||
min-height: 30px;
|
|
||||||
min-width: 30px;
|
|
||||||
background-gradient-start: rgba(255, 245, 245, 0.4);
|
|
||||||
background-gradient-end: rgba(105, 105, 105, 0.1);
|
|
||||||
background-gradient-direction: vertical;
|
|
||||||
font-size: 14pt;
|
|
||||||
font-weight: bold;
|
|
||||||
border-radius: 10px;
|
|
||||||
border: 2px solid #a0a0a0;
|
|
||||||
color: white; }
|
|
||||||
|
|
||||||
.keyboard-key:grayed {
|
|
||||||
color: #808080;
|
|
||||||
border-color: #808080; }
|
|
||||||
|
|
||||||
.keyboard-key:checked,
|
|
||||||
.keyboard-key:hover {
|
|
||||||
background: #303030;
|
|
||||||
border: 3px solid white; }
|
|
||||||
|
|
||||||
.keyboard-key:active {
|
|
||||||
background: #808080; }
|
|
||||||
|
|
||||||
.keyboard-subkeys {
|
|
||||||
color: white;
|
|
||||||
padding: 5px;
|
|
||||||
-arrow-border-radius: 10px;
|
|
||||||
-arrow-background-color: #090909;
|
|
||||||
-arrow-border-width: 2px;
|
|
||||||
-arrow-border-color: white;
|
|
||||||
-arrow-base: 20px;
|
|
||||||
-arrow-rise: 10px;
|
|
||||||
-boxpointer-gap: 5px; }
|
|
||||||
|
|
||||||
/* IBus Candidate Popup */
|
/* IBus Candidate Popup */
|
||||||
.candidate-popup-content {
|
.candidate-popup-content {
|
||||||
padding: 0.5em;
|
padding: 0.5em;
|
||||||
@ -1664,6 +1611,72 @@ StScrollBar {
|
|||||||
color: pink; }
|
color: pink; }
|
||||||
|
|
||||||
/* Eeeky things */
|
/* Eeeky things */
|
||||||
|
.magnifier-zoom-region {
|
||||||
|
border: 2px solid #215d9c; }
|
||||||
|
.magnifier-zoom-region.full-screen {
|
||||||
|
border-width: 0; }
|
||||||
|
|
||||||
|
/* On-screen Keyboard */
|
||||||
|
#keyboard {
|
||||||
|
background: rgba(46, 52, 54, 0.7); }
|
||||||
|
|
||||||
|
.keyboard-layout {
|
||||||
|
spacing: 10px;
|
||||||
|
padding: 10px; }
|
||||||
|
|
||||||
|
.keyboard-row {
|
||||||
|
spacing: 15px; }
|
||||||
|
|
||||||
|
.keyboard-key {
|
||||||
|
color: #eeeeec;
|
||||||
|
background-color: #2e3436;
|
||||||
|
border-color: rgba(0, 0, 0, 0.7);
|
||||||
|
box-shadow: inset 0 1px #454f52;
|
||||||
|
text-shadow: 0 1px black;
|
||||||
|
icon-shadow: 0 1px black;
|
||||||
|
min-height: 2em;
|
||||||
|
min-width: 2em;
|
||||||
|
font-size: 14pt;
|
||||||
|
font-weight: bold;
|
||||||
|
border-radius: 5px;
|
||||||
|
border: 1px solid black;
|
||||||
|
color: white; }
|
||||||
|
.keyboard-key:focus {
|
||||||
|
color: #eeeeec;
|
||||||
|
border-color: #215d9c;
|
||||||
|
box-shadow: inset 0 1px #454f52;
|
||||||
|
text-shadow: 0 1px black;
|
||||||
|
icon-shadow: 0 1px black; }
|
||||||
|
.keyboard-key:hover, .keyboard-key:checked {
|
||||||
|
color: white;
|
||||||
|
border-color: rgba(0, 0, 0, 0.7);
|
||||||
|
background-color: #454f52;
|
||||||
|
box-shadow: inset 0 1px #5d696d;
|
||||||
|
text-shadow: 0 1px black;
|
||||||
|
icon-shadow: 0 1px black; }
|
||||||
|
.keyboard-key:active {
|
||||||
|
color: white;
|
||||||
|
border-color: rgba(0, 0, 0, 0.7);
|
||||||
|
background-color: #222728;
|
||||||
|
box-shadow: none;
|
||||||
|
text-shadow: none;
|
||||||
|
icon-shadow: none; }
|
||||||
|
.keyboard-key:grayed {
|
||||||
|
background-color: green;
|
||||||
|
color: red;
|
||||||
|
border-color: blue; }
|
||||||
|
|
||||||
|
.keyboard-subkeys {
|
||||||
|
color: white;
|
||||||
|
padding: 5px;
|
||||||
|
-arrow-border-radius: 10px;
|
||||||
|
-arrow-background-color: #090909;
|
||||||
|
-arrow-border-width: 2px;
|
||||||
|
-arrow-border-color: white;
|
||||||
|
-arrow-base: 20px;
|
||||||
|
-arrow-rise: 10px;
|
||||||
|
-boxpointer-gap: 5px; }
|
||||||
|
|
||||||
#LookingGlassDialog {
|
#LookingGlassDialog {
|
||||||
background-color: rgba(0, 0, 0, 0.8);
|
background-color: rgba(0, 0, 0, 0.8);
|
||||||
spacing: 4px;
|
spacing: 4px;
|
||||||
|
|||||||
@ -16,59 +16,6 @@
|
|||||||
* along with this program; if not, write to the Free Software Foundation,
|
* along with this program; if not, write to the Free Software Foundation,
|
||||||
* Inc., 51 Franklin St - Fifth Floor, Boston, MA 02110-1301 USA.
|
* Inc., 51 Franklin St - Fifth Floor, Boston, MA 02110-1301 USA.
|
||||||
*/
|
*/
|
||||||
/* Magnifier */
|
|
||||||
.magnifier-zoom-region {
|
|
||||||
border: 2px solid maroon; }
|
|
||||||
|
|
||||||
.magnifier-zoom-region.full-screen {
|
|
||||||
border-width: 0px; }
|
|
||||||
|
|
||||||
/* On-screen Keyboard */
|
|
||||||
#keyboard {
|
|
||||||
background: rgba(0, 0, 0, 0.8); }
|
|
||||||
|
|
||||||
.keyboard-layout {
|
|
||||||
spacing: 10px;
|
|
||||||
padding: 10px; }
|
|
||||||
|
|
||||||
.keyboard-row {
|
|
||||||
spacing: 15px; }
|
|
||||||
|
|
||||||
.keyboard-key {
|
|
||||||
min-height: 30px;
|
|
||||||
min-width: 30px;
|
|
||||||
background-gradient-start: rgba(255, 245, 245, 0.4);
|
|
||||||
background-gradient-end: rgba(105, 105, 105, 0.1);
|
|
||||||
background-gradient-direction: vertical;
|
|
||||||
font-size: 14pt;
|
|
||||||
font-weight: bold;
|
|
||||||
border-radius: 10px;
|
|
||||||
border: 2px solid #a0a0a0;
|
|
||||||
color: white; }
|
|
||||||
|
|
||||||
.keyboard-key:grayed {
|
|
||||||
color: #808080;
|
|
||||||
border-color: #808080; }
|
|
||||||
|
|
||||||
.keyboard-key:checked,
|
|
||||||
.keyboard-key:hover {
|
|
||||||
background: #303030;
|
|
||||||
border: 3px solid white; }
|
|
||||||
|
|
||||||
.keyboard-key:active {
|
|
||||||
background: #808080; }
|
|
||||||
|
|
||||||
.keyboard-subkeys {
|
|
||||||
color: white;
|
|
||||||
padding: 5px;
|
|
||||||
-arrow-border-radius: 10px;
|
|
||||||
-arrow-background-color: #090909;
|
|
||||||
-arrow-border-width: 2px;
|
|
||||||
-arrow-border-color: white;
|
|
||||||
-arrow-base: 20px;
|
|
||||||
-arrow-rise: 10px;
|
|
||||||
-boxpointer-gap: 5px; }
|
|
||||||
|
|
||||||
/* IBus Candidate Popup */
|
/* IBus Candidate Popup */
|
||||||
.candidate-popup-content {
|
.candidate-popup-content {
|
||||||
padding: 0.5em;
|
padding: 0.5em;
|
||||||
@ -1656,6 +1603,72 @@ StScrollBar {
|
|||||||
color: pink; }
|
color: pink; }
|
||||||
|
|
||||||
/* Eeeky things */
|
/* Eeeky things */
|
||||||
|
.magnifier-zoom-region {
|
||||||
|
border: 2px solid #215d9c; }
|
||||||
|
.magnifier-zoom-region.full-screen {
|
||||||
|
border-width: 0; }
|
||||||
|
|
||||||
|
/* On-screen Keyboard */
|
||||||
|
#keyboard {
|
||||||
|
background: rgba(46, 52, 54, 0.7); }
|
||||||
|
|
||||||
|
.keyboard-layout {
|
||||||
|
spacing: 10px;
|
||||||
|
padding: 10px; }
|
||||||
|
|
||||||
|
.keyboard-row {
|
||||||
|
spacing: 15px; }
|
||||||
|
|
||||||
|
.keyboard-key {
|
||||||
|
color: #eeeeec;
|
||||||
|
background-color: #2e3436;
|
||||||
|
border-color: rgba(0, 0, 0, 0.7);
|
||||||
|
box-shadow: inset 0 1px #454f52;
|
||||||
|
text-shadow: 0 1px black;
|
||||||
|
icon-shadow: 0 1px black;
|
||||||
|
min-height: 2em;
|
||||||
|
min-width: 2em;
|
||||||
|
font-size: 14pt;
|
||||||
|
font-weight: bold;
|
||||||
|
border-radius: 5px;
|
||||||
|
border: 1px solid #1c1f1f;
|
||||||
|
color: white; }
|
||||||
|
.keyboard-key:focus {
|
||||||
|
color: #eeeeec;
|
||||||
|
border-color: #215d9c;
|
||||||
|
box-shadow: inset 0 1px #454f52;
|
||||||
|
text-shadow: 0 1px black;
|
||||||
|
icon-shadow: 0 1px black; }
|
||||||
|
.keyboard-key:hover, .keyboard-key:checked {
|
||||||
|
color: white;
|
||||||
|
border-color: rgba(0, 0, 0, 0.7);
|
||||||
|
background-color: #454f52;
|
||||||
|
box-shadow: inset 0 1px #5d696d;
|
||||||
|
text-shadow: 0 1px black;
|
||||||
|
icon-shadow: 0 1px black; }
|
||||||
|
.keyboard-key:active {
|
||||||
|
color: white;
|
||||||
|
border-color: rgba(0, 0, 0, 0.7);
|
||||||
|
background-color: #222728;
|
||||||
|
box-shadow: none;
|
||||||
|
text-shadow: none;
|
||||||
|
icon-shadow: none; }
|
||||||
|
.keyboard-key:grayed {
|
||||||
|
background-color: green;
|
||||||
|
color: red;
|
||||||
|
border-color: blue; }
|
||||||
|
|
||||||
|
.keyboard-subkeys {
|
||||||
|
color: white;
|
||||||
|
padding: 5px;
|
||||||
|
-arrow-border-radius: 10px;
|
||||||
|
-arrow-background-color: #090909;
|
||||||
|
-arrow-border-width: 2px;
|
||||||
|
-arrow-border-color: white;
|
||||||
|
-arrow-base: 20px;
|
||||||
|
-arrow-rise: 10px;
|
||||||
|
-boxpointer-gap: 5px; }
|
||||||
|
|
||||||
#LookingGlassDialog {
|
#LookingGlassDialog {
|
||||||
background-color: rgba(0, 0, 0, 0.8);
|
background-color: rgba(0, 0, 0, 0.8);
|
||||||
spacing: 4px;
|
spacing: 4px;
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user